html a { color: #005596; }
body { font-family: Barlow, sans-serif !important; color:#666666; }
p { font-size:13px;}

h1 {
    color: #005596 !important;
    font-weight: 300;
    font-size: 30px;
}

h2 {
    color: #ffc52f !important;
    font-weight: 600;  
    font-size: 25px;    
}

h4 {    
    color: #005596;
    font-weight: 600;
    font-size:20px;
}

h5 {
    color: #005596 !important;
    font-weight: bold;
    font-size:15px;    
    line-height: 25px;
    vertical-align: top;
    margin-bottom: 15px;
}

h1, h2, h4, h5 {
    text-transform: uppercase;
}

.logo-wrapper { background-size: contain; width:100%; height:176px; max-width:100%; background-image: url(/Images/MLAppLogo2.jpg); background-repeat:no-repeat; display:inline-block; }
#lnkLogo { width:580px;height:176px;z-index:4;position:absolute; }

#AccountHeader { margin-top:2px;padding-right:32px; }

#AccountHeader a {     
    background-color: #ffc52f;
    color: #0a233f;
    height: 33px;
    width:95%;
    display: block;    
    text-align: center;
    padding:3px 7px 0px 7px;
    border-radius:2px;
    font-size:16px;
    margin-top:10px;    
    text-shadow: 0px 0px #f68b1f;
    text-transform: uppercase;
}

#AccountHeader a span {
    display:inline-block;
    padding:3px; 
}

#account-menu { background-color:#8b2233; }

.dashboard-section-header, .profile-section-header { color:inherit; }

#header { color: #005596 !important; }

#divHelpRequestFormHeader, .modalDialogTitle, .table th { background-color:#0a233f; }

.PageTitle, .PageTitleLeft { font-family: Barlow, sans-serif !important; color: #005596; font-weight: 600; font-size:20px;display:table; }

.statusMessage-error { background-color:#f68b1f; }

.dashboardWelcome { color:#005596; }

#footer { background-color: #0A233F !important; }

#lblWelcomeToApp { margin-top:10px; }

/* Material */

.material-icons { color:#ffc52f; }

input.hasError, textarea.hasError, select.hasError {
    border-bottom: 1px solid #f68b1f !important;
} 

span.error {    
    color:#f68b1f;    
}

input[type='file'] ~ label, input[type='file']:valid ~ label, input[type='file']:empty ~ label {    
    color:#636466 !important;   
    font-weight:bold; 
}

/* active state */
input:focus ~ label, input:valid ~ label, select:focus ~ label, select.hasValue ~label, textarea:focus ~ label, textarea:valid ~ label, span.staticValue ~label {    
    color:#636466;
    font-weight:bold;
}

.btn {
     background-color: #ffc52f;
     color: #0a233f;
     cursor: pointer;       
}

.btn span {
    font-weight: 400;
    font-family: Barlow, sans-serif !important;  
    text-transform: uppercase;
    text-shadow: 0px 0px #f68b1f;
}

.btnLarge {          
    line-height:45px;    
    vertical-align: inherit;
    margin-bottom: 5px;
    width: 300px;
    height: 60px;        
    cursor: pointer;        
    border-radius: 2px;
    border: 1px solid #ffffff;    
    background-color: #ffc52f;
    color: #0a233f;
}

.btnLarge span {
    display:inline !important;    
    padding: 0px 5px !important;    
    margin-top:10px;
    font-weight: 400;
    font-size: 22px !important;   
    font-family: Barlow, sans-serif !important;    
    text-transform: uppercase;
    text-shadow: 0px 0px #f68b1f;
}

.btnLarge .material-icons, #AccountHeader .material-icons { color: #0a233f; }

/*.btnLarge:hover, .btnLarge:focus, .btn:hover, .btn:focus {}*/

.btnLarge:hover span, .btnLarge:focus span, .btn:hover span, .btn:focus span {
    text-shadow: none;
    font-weight:700;
}

.bar:before, .bar:after {    
    background:#005596;     
}

/* -------- */

/* Speaker /Exhibitor Resources */

#divSRMenu ul li, #divERMenu ul li { font-size:14px; }
#divSRMenu ul li a.selected, #divERMenu ul li a.selected { color: #005596 !important; }

#lblFoundSpeaker { color:#636466;font-weight:bold; }

/* ----------------- */

#divImportantDates .head {
    font-size: 10pt;
    font-weight: bold;
}

@media only screen and (max-width: 959px) 
{
    .logo-wrapper { height:138px;}

    #AccountHeader { 
        margin-right:27px; 
        padding-right:10px;
    }

    #AccountHeader a {                                                              
        margin-top:5px;            
    }

}

@media only screen and (max-width: 767px) and (min-width: 480px) 
{
    .logo-wrapper { background-image: url(/Images/MLAppLogoSmall2.jpg); height:239px; max-width:100%;}
    #lnkLogo { width:440px;height:239px;}
    #AccountHeader { margin-top:237px;width:440px;margin-right: 0px;padding-right: 0px; }    
    #AccountHeader a {                                                              
        width:100%;
        padding:3px 0px 0px 0px;
        margin-top:1px;
    }

    #account-menu {
        width:440px;padding-right:0px;
    }

    #account-menu div { width: 430px; }

    #account-menu div a { width:100%;}

    .pubAccount, .myAccount {
        max-width: 100%;
    }

    #lnkAdminLink {
        margin-top:2px !important;
    }
    
    #lblWelcomeToApp { margin-top:110px; }

    #divSRMenuResp, #divERMenuResp { margin-top: 130px;}
}

@media only screen and (max-width: 479px)
{
    .logo-wrapper { background-image: url(/Images/MLAppLogoSmall2.jpg);height:237px; max-width:100%;}
    #lnkLogo { width:320px;height:173px;}
    #AccountHeader { margin-top:172px;width:320px;margin-right: 0px;padding-right: 0px;}
    
    #AccountHeader a {                                                              
        width:100%;
        padding:3px 0px 0px 0px;
        margin-top:1px;
    }

    #account-menu {
        width:320px;padding-right:0px;
    }

    #account-menu div { width: 310px; }

    #account-menu div a { width:100%;}

    .pubAccount, .myAccount {
        max-width: 100%;
    }

    #lnkAdminLink {
        margin-top:2px !important;
    }
    
    #lblWelcomeToApp { margin-top:60px; }

    #divSRMenuResp, #divERMenuResp { margin-top: 70px; }
}