/* Gaidge's Main content classes */
.content-background { background-color:#0078AE; }
.menu-background, .menu-background ul li, .menu-background ul ul { background-color: #0078AE; }
.slide-color { color:#0078AE;  }
.header-color { color:#9fcf67; }
.menu-color { color:#9fcf67; }
.link-style-1 a { color:#fff; text-decoration:none; }
.link-style-1 a:hover { color:#e0e0e0; }
.clear { clear:both; }

.dark { background-color:rgba(0, 0, 0, 0.2); }
.light { background-color:rgba(255, 255, 255, 0.8); }
.tooltip {
    background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}

/* Generic pull-down menus */
.list-menu { float:left;list-style:none; padding:0; margin:0 0 1px 0; display:block; }
.list-menu li { float:left; padding: 3px 10px 3px 3px; position:relative; white-space: nowrap; }
.list-menu-icons li a { display:block; position:relative; top:1px; padding-left:25px; padding-top:2px; height:16px; }
.list-menu-icons li a:hover { display:block; position:relative; top:0px; }
.list-menu-icons li a img  { position:relative; top:5px; }
/* Generic submenu */
.list-menu ul { display: none; list-style-type:none; padding:0; position:absolute; }
.list-menu li:hover ul { display: block; }
.list-menu ul > li { z-index:10; margin:3px 0 3px 0; float:none; border:none; border-top:solid 1px #00638f; }

/* Generic Elements */
html, body { margin:0; padding:0; }
body { position:relative; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size:14px; background-color: #333333;}
img { border:none; }
h1, h2, h3, h4{ font-family: "futuramedium", Serif; color:#9fcf67; font-weight:normal; margin:0; padding:10px 5px; color:#9FCF67; }
.ui-dialog h1,
.ui-dialog h2,
.ui-dialog h3,
.ui-dialog h4 {
    color: #2e6e9e;
} 

h3 { font-size:21px; }
table { width:100%; }

/* Generic message blocks */
.message-icon { float:left; position:relative; width:16px; height:16px; margin:0; padding:0; top:1px; }
.message-info, .message-error, .message-details
{
    padding:4px;
    text-align:center;
    margin:0 auto 0 auto;
    padding:4px 30px;
    width:60%;
    position: relative;
    border-radius:6px;
    z-index: 1;
}

.message-info  
{
    color:#222222;
    border:solid 1px #DEDEDE;
    background:#FFFFCC;
}
.message-error > .message-icon { background:transparent url(/Images/icons/warning.png); } 

.message-error
{
    border:solid 1px #DEDEDE;
    background:#FFCCCC url(/Images/backgrounds/diagonal-red.png);
}

.message-error > .message-icon { background:transparent url(/Images/icons/critical.png); } 

.message-pointer 
{
    cursor:pointer;
}

.message-details
{
    font-size:11px;
    color:#000;
    background-color:#ffd;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    position:relative;
    border:solid 1px #dedede;
    display:none;
    top: -6px;
    padding-top: 12px;
    z-index: 0;
}



.new
{
    display:inline;
    position:absolute;
    right:-13px;
    top:-13px;
    content:"New!";
    background-color:#ffff00;
    transform:rotate(25deg);
    -ms-transform:rotate(25deg); /* IE 9 */
    -webkit-transform:rotate(25deg); /* Safari and Chrome */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
    border:solid 1px #aaa;
}
.new > span
{
    color:#000;
    margin:2px 5px;
    font-size:0.8em;
}
.relative { position:relative; }

/* warnings */
.bolded-warning
{
    padding-top: 15px;
    text-align: center;
    font-weight:bold;
}

/* Site Elements */
#wrapper { width:980px; margin:0px auto; background-color:#fff; }

/* Header */
#header { background:transparent url('/Images/Master/header-shadow.png') no-repeat 0 3px; position:relative; z-index:2; }
#header #login { padding-left:5px; }
#header #login input { margin:0px 8px 2px 0px; padding:0; font-size:0.95em; }
#header > #logo { padding:8px 10px 32px 35px; }
#header > #header-padding { height:105px; margin-top:-47px; } 
/* Header */

/* Menus */
#menu { float:right; text-align:right; margin-top:10px; font-family: "futuraboldcondensed", Serif; font-size:16px; clear:right; }
#menu a, #menu a:visited, #menu a:hover { color:#000; text-decoration:none; }
#menu a:hover { color:#666; }
#menu > *  { margin:0px 5px; }
#menu > h3, #menu > a > h3 { font-family: "futurabook", Serif; font-size:22px; color: black; }
#menu p { margin: 0; } 
#menu > div { padding-top: 5px; }
#menu > div > ul
{
    list-style-type:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    float:right;
}
#menu > div > ul > li:first-child { background:none; padding-left:0; }
#menu > .contact-info { padding: 5px 5px 0px }

    #menu > a > .contact-info {
        padding: 5px 5px 0px;
        font-style: italic;
        font-weight: bold;
        font-size: 1.5em;
        font-family: "Source Sans Pro", sans-serif;
        color: #58595b;
    }

#menu > a:hover{
    text-decoration:underline;
    color: #258faf;
}

#menu > .contact-info-link {
        color: #0078ae !important;
        text-decoration: underline !important;
        font-size: 20px;
        font-family: "futuramedium"
    }


#menu > div > ul > li
{
    background: url('/Images/menu_dot.png') no-repeat 0px 7px transparent;
    float:left;
    padding:0px 10px 0px 15px;
}
#user-menu { padding:0 5px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; float:right; color:#fff; font-size:0.9em; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size:12px; }
#user-menu > ul > li  
{
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    -khtml-border-radius: 12px;
}

/* Options */

#report-options-panel #accounts {
    min-width: 360px;
}

/* Menus */

#impersonate_form{display:none;font-size:10px;margin:3px 2px 0px 0px; padding:0;float:left;}
#impersonate_form input{font-size:10px;}

.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:6px 0 0 6px; /* IE6 fix: */ _background:none; _margin:1px 0 0 0; }
.autocomplete { font-size:13px;border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; overflow:hidden; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* Pre/post slide bar */
#pre-slide-bar { margin-top:-30px; position:absolute; z-index:2; }
#post-slide-bar { width:980px; background-color:transparent; z-index:3; margin-top:-86px; }
#post-slide-bar > #post-slide-bar-top { background:transparent url('/Images/Master/content-top.png') no-repeat 0 0; height:94px;}
#post-slide-bar-content { padding:0px 0px; color:#fff; line-height:20px; }


#footer { width:980px; margin: 0px auto; color: #999; }
#footer .social-terms-wrapper { width: 100%; display: table; }
#footer .social-terms-wrapper .column { width: 50%; min-height: 100px; display: table-cell; vertical-align: top; margin: 0 0 10px 0; }
#footer .terms { font-size: 16px; }
#footer .terms a { color: inherit; text-decoration: none; }
#footer .terms a:hover { text-decoration: underline; }
    
.social-container{ float:right; list-style:none; padding-right:5px;}
.social-container li:first-child { margin-top:3px; }
.social-container li{ float:left; margin-right:6px;}
.social-container li span{ float:left; font-size:18px; padding-right:8px; color:#999;  font-family: 'oswaldregular';}
.social-container li a{ float:left; width:27px; height:28px; background:url(/Images/socialmedia.png) no-repeat left top}
.social-container li a:hover{ background-position:0 -28px;}
.social-container li a.in{ background-position:-26px 0}
.social-container li a.tweet{ background-position:-53px 0}
.social-container li a.youtube{ background-position:-82px 0}

.social-container li a.in:hover{ background-position:-26px -28px}
.social-container li a.tweet:hover{ background-position:-53px -28px}
.social-container li a.youtube:hover{ background-position:-82px -28px}

/* Label stuff */
.active { }
.inactive { color:#999; }
.focused{ background-color:#FBFBA4; }

/* What's new */
#whats-new { display:none; }
#whats-new-slides > div { display:none; }
#whats-new-next { cursor:pointer;border:solid 1px #000;font-size:16px;float:right;padding:2px 5px; }
.flash{ background-color:rgba(255, 255, 0, 0.75); }

/* Errors */
#site-error { padding:5px 10px; }
#site-error > div { height:400px; }

#ErrorHandler .error-header {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    border-bottom: 1px solid #999;
    padding-bottom: 5px;    
}

#ErrorHandler .error-body {
    margin-top: 10px;
    font-size: 0.9em;
}

/* Forms */
.field-validation-error { color:#ff0000; }
.editor-table th { text-align:right; }
.field-name { width:300px; }

/* Pop-ups for practice manager */
#editmoddata {
    min-width: 425px; 
}

#dataentry-survey .loading {
    width: 100%;
    height: 100%;
    background: url('/Images/loading.gif') no-repeat 50% 50%;
}

.hidden { display: none; }

.rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

/* Reporting */    
#report_home { padding: 3px 10px; }
#report_home > div { 
    background-color: #fff;
    margin:10px; 
    padding:2px 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px; 
}

/* SSG Data Entry */

.survey-open {
    width: 250px; 
    display:inline-block;
}

.survey-admin-view {
    padding-top: 10px;
    font-size: 20px;
}
.survey-admin-label {
    vertical-align:top;
    font-weight:bold;
    color:#9fcf67;
}

.survey-admin-dropdown {
    width:307px;
}

.survey-admin-textbox {
    width: 305px;
}
.survey-admin-textarea {
    vertical-align:top;
    width: 300px;
    height: 75px;
}

div.admin-inputs div.ui-jqgrid-bdiv {
    overflow-x: hidden !important
}

/* text animation for inGaidge link */
@-webkit-keyframes color-change {
    0% {color: #ffaa00;}
    50% {color: #0078AE;}
    100% {color: #ffaa00;}
}
@-moz-keyframes color-change {
    0% {color: #ffaa00;}
    50% {color: #0078AE;}
    100% {color: #ffaa00;}
}
@-ms-keyframes color-change {
    0% {color: #ffaa00;}
    50% {color: #0078AE;}
    100% {color: #ffaa00;}
}
@-o-keyframes color-change {
    0% {color: #ffaa00;}
    50% {color: #0078AE;}
    100% {color: #ffaa00;}
}
@keyframes color-change {
    0% {color: #ffaa00;}
    50% {color: #0078AE;}
    100% {color: #ffaa00;}
}

.priority-link {
    color: #ffaa00 !important;
    font-size: 1.4em;
    font-weight: bold;
    font-family: "Source Sans Pro", sans-serif;
    font-style: italic;
    text-decoration: none;
    border: 2px solid;
    border-radius: 15px;
    padding: 3px;
    -webkit-animation: color-change 5s infinite;
    -moz-animation: color-change 5s infinite;
    -o-animation: color-change 5s infinite;
    -ms-animation: color-change 5s infinite;
    animation: color-change 5s infinite;
}

/* Log viewer */
table.log-view {
    border-collapse: collapse;
    
    border: 1px solid black;
    font-size: 0.8em;
    width: auto;
}

table.log-view td {
    border: 1px solid black;
  
}
    table.log-view th {
        border: 1px solid black;
        font-weight:bold
    }

td.summary-grid-first-cell {
    color: #4472C4 !important;
}

tr.summary-row-subcategory td {
    color: #4472c4 !important;
    font-size:11px;
}

/* Login page */
.logon-text > h2,
.logon-text  h3 {
    color: #ffaa00;
}

.logon-text > div > div {
    
    padding-top: 6em;
}
    .logon-text > div > div > p {
        margin-bottom: 1em;
    }

.dot {
    border-radius: 50%;
    display: inline-block;
    background-color: #e35205dd;
    width: 13rem;
    height: 13rem;
    position: absolute;
    margin-left: 3.5rem;
    top: 85px;
    z-index: 999;
    vertical-align: middle;
}

    .dot > p {
        position: relative;
    }

    .dot > div {
        position: relative;
        top: 5em;
        left: 3em;
    }

        .dot > div > p {
            color: white;
            font-weight: bold;
            font-size: 1.3em;
        }

.mobile-info {
    float: right;
    margin-right: 25px;
    margin-top: 5px;
    
}
.mobile-splash{
    float:right;
    width:55px;
    
}

.mobile-info > p.text-orange {
    color: #e35205;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mobile-info > p {
    margin-bottom: 10px;
    margin-right: 70px;
    width: 200px;
}

.mobile-info > a > img {
    height: 30px;
    margin-right: 10px;
}

button { 
    user-select: none;
}

.role-permissions th:first-child {
    text-align: left;
}
.role-permissions th:last-child {
    text-align: right;
}

.role-permissions table input {
    float: right;
}

#consolidated-form .sortable,
#accesstabs .sortable {
    list-style: none;
    margin: 0;
    padding: 0;
}

#consolidated-form .sortable li,
#accesstabs .sortable li {
    background: #9fcf67 url("/Content/CSS/jqueryui/gaidge/images/ui-bg_gloss-wave_55_9fcf67_500x100.png") 50% 50% repeat-x;
    border: 1px solid #bfe692;
    color: #2e6e9e;
    cursor: pointer;
    padding: 5px 10px;
}

#consolidated-form .sortable select,
#accesstabs .sortable select {
    margin-top: -3px;
}

.flex-grid {
    display: flex;
}
.col {
    flex: 1;
}

.icon-instagram {
    background: none !important;
    
}
.icon-instagram > img {
    width: 26px;
}