a
        {
            color: #5B6A81;
        }

            a:hover
            {
                color: #7fc241;
            }

        html
        {
            height: 100%;
            min-height: 100%;
        }

        body
        {
            /*font-family: 'Raleway', sans-serif;*/
            background: #fff;
            height: 100%;
        }

        .jarviswidget > header
        {
            /*background: #75bde5;*/
            background: #D8F0FC;
            color: #0c569d;
            text-shadow: none;
            border-color: #75bde5;
            box-shadow: none !important;
            /* for reference http://paletton.com/#uid=13t0u0kgxS34U+3biWJkXLOp2D7 */
        }

        #header-toolbar
        {
            /*background: #eee;*/
            /*background: #efefef;*/
            background: #0c569d;
            /*border-top: 2px solid #7fc241;*/
            border-top: none;
            padding-right: 16px;
            padding-left: 20px;
            /*border-bottom: 1px solid #7fc241;*/
            border-bottom: 1px solid #75bde5;
            box-shadow: none;
            height: 91px;
            /*box-shadow: 2px 2px 2px #7fc241;*/
            /*box-shadow: 1px 1px 1px #7fc241;*/
            /*
              -moz-border-radius: 2px;
              -webkit-border-radius: 2px;
              -border-radius: 2px;*/
        }

        /*#header-toolbar h1
            {
                color: #5B6A81;
                font-size: 140%;
                font-weight: bold;
            }*/

        #page-content
        {
            margin-right: 0px;
            margin-top: 0px;
            background: #fff;
            width: 100%;
        }

            #page-content h1
            {
                margin: 10px 0;
                font-family: 'Raleway', sans-serif !important;
                font-weight: bold !important;
                /* color: inherit; */
                color: #5B6A81!important;
                text-rendering: optimizelegibility;
                text-shadow: none !important;
                text-transform: uppercase;
            }

        #agents
        {
        }

        .agentBox
        {
            float: left;
            /*border: 1px solid #7fc241;*/
            border: 1px solid #D8F0FC;
            padding: 2px;
            margin: 2px;
            /*background:#efefef;*/
            margin: 4px;
            min-width: 150px;
        }

            .agentBox:hover
            {
                background: #D8F0FC;
                cursor: pointer;
            }

        .agentHeader
        {
            font-weight: bold;
            text-transform: uppercase;
        }

#agent-status
{
	color: #0c569d;
}

	#agent-status a
	{
		color: #0c569d;
	}


.available
{
	background: #7fc241;
}

.unavailable
{
	background: #CB273D;
}

.busy
{
	background: #FFA500;
	height: initial;
	width: initial;
}

#gradient
{
  background: -webkit-linear-gradient(#0c569d, #75bde5); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0c569d, #75bde5); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0c569d, #75bde5); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0c569d, #75bde5); /* Standard syntax */
  height:100%;
}

#gradient-text
{
	  color: #FFF;
	  font-size: 40px;
	  vertical-align: middle;
	  text-align: center;
	  padding-top:160px;
}

.phone
{
	background: #0c569d;
}

	.available:hover
	{
		background:#D8F0FC;
		color: #67F04C !important;
	}

		.unavailable:hover
	{
		background:#D8F0FC;
		color: #CB273D !important;
	}

		.busy:hover
	{
		background:#D8F0FC;
		color: #FFA500 !important;
	}

	.phone:hover
	{
		background:#D8F0FC;
		color: #0c569d !important;
	}


.available, .unavailable, .busy, .phone
{
	color: #fff;
}
        .available a:hover
        {
            color: #67F04C !important;
        }

        .unavailable a:hover
        {
            color: #CB273D !important;
        }

		.busy a:hover
		{
			color: #FFA500 !important;
		}

		.phone a:hover
		{
			color: #0c569d !important;
		}

	/*
        .available
        {
            color: #7fc241;
        }

        .unavailable
        {
            color: #CB273D;
        }

		.busy
		{
			color: #FFA500;
		}

		.phone
		{
			color: #0c569d;
		}




        .available a
        {
            color: #67F04C !important;
        }

        .unavailable a
        {
            color: #CB273D !important;
        }

		.busy a
		{
			color: #FFA500 !important;
		}

		.phone a
		{
			color: #0c569d !important;
		}
		*/

        /*.jarviswidget-edit-btn
        {
            display: none !important;
        }

        .jarviswidget-delete-btn
        {
            display: none !important;
        }*/

        .current-call
        {
            margin: 10px;
        }

        #header-toolbar
        {
            margin-bottom: 25px;
        }

        .login-name
        {
            font-size: 18px;
        }

        .dropdown-menu li:hover
        {
            background: #0c569d;
            color: #fff !important;
        }

        .dropdown-menu a:hover
        {
        }

		/* $$$ 8-18-2014 Move this to production! */

#agents .dropdown-menu li:hover
{
	background:inherit;
	color: #0c569d !important;
}

        .dropdown-menu
        {
            background: #D8F0FC;
        }

            .dropdown-menu li
            {
                /*color: #5F5F5F !important;*/
                color: #0c569d;
                padding: 3px;
                font-weight: bold;
            }

        .top-toolbar
        {
            float: none !important;
            display: block !important;
        }

        .dropdown-menu.toolbar
        {
            background: #D8F0FC;
            color: #0c569d;
        }


        #header-toolbar .btn-toolbar .btn-group.open .dropdown-toggle
        {
            background: inherit;
        }

        #start
        {
            /*font-size: 54px;*/
            font-size: 48px;
            color: #75bde5;
        }

            #start a
            {
                color: #75bde5 !important;
                display: inline-table;
            }

                #start a:hover
                {
                    background: #75bde5;
                    color: #D8F0FC !important;
                }

            #start ul
            {
                margin-bottom: 0px;
            }

                #start ul li
                {
                    margin: 0px;
                }


        .dialpad table
        {
            width: 400px;
        }

        .dialpad td
        {
            text-align: center;
            font-size: 18pt;
            padding: 8px;
        }

        #div-dial-pad
        {
            background: #D8F0FC;
            color: #0c569d;
        }

            #div-dial-pad h3
            {
                color: #0c569d;
                margin: 0px;
            }

        #dial-pad-header, #nav-pad-header
        {
            font-size: 26px;
        }

        .phone-button:hover
        {
            background: #fff;
            cursor: pointer;
        }

        .ban-stack
        {
            bottom: -21px;
            right: 0px;
        }

        .phone-stack
        {
            font-size: 35px;
            bottom: -12px;
            right: 0px;
        }

        #iframe-div
        {
            width: 100%;
            position: relative;
            font-size: 0px !important; /* This is a total kludge because we have to use the facebook image thing to get it to display properly.*/
        }

            #iframe-div iframe
            {
                width: 100%;
                height: 100%;
                min-height: 700px;
            }

        #status-toolbar
        {
            position: absolute;
            right: 0px;
            top: 90px;
            z-index: 30;
            border-radius: 3px;
            margin-bottom: 10px;
        }
#transfer-toolbar
{
	z-index:40;
	position:absolute;
	left:0px;
	top:90px;
	background: #0c569d;
	color:#fff;
	width:200px;
	padding:5px;
	border-bottom-right-radius: 15px;
}

	#transfer-toolbar a
	{
		color:#fff;
	}

#transfer-expand a
{
	color: #0c569d;
}

        #current-call-toolbar
        {
            position: absolute;
            left: 0px;
            top: 90px;
            color: #FFF;
            background: #0c569d;
            height: 43px;
            z-index: 35;
            box-shadow: 1px 1px 1px #0c569d;
            border-bottom-right-radius: 15px;
            border-bottom-left-radius: 3px;
            vertical-align: middle;
            padding: 5px;
        }

            #current-call-toolbar strong
            {
                color: #D8F0FC;
                font-weight: bold !important;
            }

        #status-box
        {
            height: 100%;
            padding: 5px;
            background: #0c569d;
            color: #fff;
            border-bottom-left-radius: 15px;
            border-bottom-right-radius: 3px;
            box-shadow: 1px 1px 1px #0c569d;
        }

            #status-box a
            {
                /*color: #fff;*/
            }

        #btn-status
        {
            background: #D8F0FC;
            color: #0c569d;
            font-size: 14px;
            font-weight: bold;
        }

        #dropdown-status
        {
            background: #D8F0FC;
            color: #0c569d;
        }

        .dropdown-menu.toolbar li a
        {
            font-size: 14px;
            color: #0c569d;
            font-weight: bold;
        }

            .dropdown-menu.toolbar li a:hover
            {
                background: #0c569d;
                color: #fff;
            }

        #caller-info
        {
            color: #FFF;
            display: inline-block;
            width: 300px;
            background: #75bde5;
            margin-left: 50px;
            /*border-bottom-left-radius: 15px;
            border-bottom-right-radius:15px;*/
            padding: 15px;
            height: 90px;
            font-weight: normal;
        }


.ui-state-highlight 
{
	/* added 8-21 */
	background: inherit;
}

#widget-id-agents h2
{
	padding-left:10px;
}

#call-ani, #call-dnis, #call-callerid
{
	font-weight: bold;
}


            #caller-info strong
            {
                color: #0c569d;
            }

        .jGrowl-notification
        {
            background-color: #75bde5;
            border-color: #0c569d;
            opacity: .9;
            color: #0c569d;
            font-size: 13px;
        }

            .jGrowl-notification h3
            {
                color: #0c569d;
            }

        .jGrowl-closer
        {
            background-color: #75bde5 !important;
            border: 1px;
            border-color: #0c569d;
            opacity: .9;
        }

        #login-dialog, #override-dialog
        {
            opacity: .9;
        }

        .modal, .modal-header
        {
            background: none;
        }

        .modal-header
        {
            background: #0c569d;
        }

        .modal h1
        {
            color: #FFF;
            font-weight: bold;
        }

        .form-group
        {
            border: none;
            background: none;
        }

        .modal-dialog
        {
        }

        #login-form, #override-form
        {
            background: #D8F0FC;
            color: #0c569d;
        }
#agent-login-link
{
	color:#FFF;
}
.caret
{
	color: #0c569d;
}

        .modal-content
        {
            border: none;
            border-radius: 0px;
            background: #0c569d;
        }

        .modal-header
        {
            border-bottom: none;
        }

        select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
        {
            font-size: 18px;
            color: #0c569d;
        }

        #phone-number
        {
            width: 100%;
        }


#message-pad input
{
	font-size: 16px;
}

#dialer-pad input
{
	font-size: 16px;
}

#message-pad table
{
	width: 500px;
}

#dialer-pad table
{
	width: 400px;
}

#messaage-pad td
{
	font-size: 16px;
}

#dialer-pad td
{
	font-size: 16px;
}


        #dial-pad-header, #nav-pad-header, #msg-pad-header, #dialer-pad-header
        {
            width: 100%;
            height: 60px;
            background-color: #0c569d;
            display: block;
            box-sizing: border-box;
            padding: 10px;
        }

#dial-pad-header
{
            padding-left: 100px; /* There should be a better way to center this*/

}
#dialer-pad-header
{
	padding-left:100px;
}

#msg-pad-header
{
	padding-left: 80px;
}


#nav-pad-input	
{
	padding:8px;
}

#dialer-pad-input
{
	padding:8px;
}

#nav-pad-header
{
	padding-left:70px;
}

            #dial-pad-header h1
            {
                color: #FFF;
                font-size: 36pt;
                text-align: center;
				}

			#nav-pad-header h1
			{
                color: #FFF;
                font-size: 36pt;
                text-align: center;
			}

#msg-pad-header h1
{
	color: #FFF;
	font-size:36pt;
	text-align:center;
}

#dialer-pad-header h1
{
	color: #FFF;
	font-size:36pt;
	text-align:center;
}

#transfer-ul li:hover
{
	background:#0c569d;
	color:#fff !important;
}

	#transfer-ul li:hover a
	{
		color: #fff;
	}

.alternate-background:hover
{
	background: #D8F0FC !important;
}


			/*
#transfer
{
	opacity: .9;
}

		#transfer-header
        {
            width: 100%;
            height: 60px;
            background-color: #0c569d;
            display: block;
            box-sizing: border-box;
            padding: 10px;
            padding-left: 100px; 
        }

			#transfer-header h1
            {
                color: #FFF;
                font-size: 36pt;
                text-align: center;
            }
			*/
        .dropdown-menu
        {
            padding-top: 0px;
        }

        #dial-pad-main, #nav-pad-main, #msg-pad-main
        {
            opacity: .9;
        }
.popover-content
{
	font-size: 12px;
	color: #0c569d;
}
#phone-image
{

}