/* ERROR & INFO MESSAGES */
div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}

/* LOGIN BOX */
.Email {
    color:#FF00FF !important;
    background-image:url(~/images/ButtonIcons/ViewRecord_24.png) !important;
}
label[for=cphNavigation_Login_UserName] {
    text-align:right;
    text-indent:1.5em;
    padding:.5em;
    background-image:url(/images/ButtonIcons/glyphicons_003_user.png);
    background-position:left;
    background-repeat:no-repeat;
    background-position: left top;
    display:block;
}
#cphNavigation_Login_UserNameRequired, #cphNavigation_Login_PasswordRequired {
    color: RED;
}
label[for=cphNavigation_Login_Password] {
    text-align:right;
    text-indent:1.5em;
    padding:.5em;
    background-image:url(/images/ButtonIcons/glyphicons_203_lock.png);
    background-position:left;
    background-repeat:no-repeat;
    background-position: left top;
    display:block;
}
#cphNavigation_Login_CreateUserLink {
    text-align:center !important;
    margin:2em 0 0 0;
    display:block;
}
#cphNavigation_Login_CreateUserLink:hover{
    text-decoration:underline;
}
#cphNavigation_Login_PasswordRecoveryLink {
    color:#DA4453;
    margin:1em 0 0 0;
    text-align:center !important;
    display:block;
}
#cphNavigation_Login_PasswordRecoveryLink:hover {
    text-decoration:underline;
}

/* ACCOUNT REGISTARTION */

#cphContent_RegistrationWizard {
    width: 100%;
}

/* CHANGE PASSWORD BOX */

label[for=cphContent_ChangePassword1_ChangePasswordContainerID_CurrentPassword] {
    text-align:right;
    text-indent:1.5em;
    padding:.5em;
    display:block;
}
label[for=cphContent_ChangePassword1_ChangePasswordContainerID_NewPassword] {
    text-align:right;
    text-indent:1.5em;
    padding:.5em;
    display:block;
}
label[for=cphContent_ChangePassword1_ChangePasswordContainerID_ConfirmNewPassword] {
    text-align:right;
    text-indent:1.5em;
    padding:.5em;
    display:block;
}

/* FINPACK OLT-SPECIFIC COLORS
========================================================================*/

/* ----------------------------------
 * navbar
 * ---------------------------------- */
.navbar-custom {
    position: fixed;
    top: 0; 
    left: 0;
    border: none;
    border-radius: 0;
    background-color: rgba(255, 255, 255, .9);
    width: 100%;
    z-index: 2000;
}
.navbar-custom .nav li a {
    display: block;
    color: #003F7F !important;
}
.navbar-custom .nav li a:focus, 
.navbar-custom .nav li a:hover {
    color: #003F7F !important;
}
.navbar-custom .nav li a:active,
.navbar-custom .nav li a.current {
    border-bottom: 3px solid #003F7F !important;   
}
.navbar-custom .navbar-toggle {
    position: relative;
    background-color: #003F7F !important;
    border-color: #003F7F !important;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #003F7F !important;    
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: rgba(255, 255, 255, .9);
}
.navbar-custom .navbar-brand {
    padding: 5px 15px;
    opacity: .7;
    filter:alpha(opacity=70);
    transition: opacity .4s ease-in-out;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:active {
    opacity: 1;
    filter:alpha(opacity=100);    
}
.navbar-default .navbar-collapse {
    border-color: #e7e7e7;
}
@media (max-width: 992px) {
  .navbar-custom .navbar-brand { 
    width: 63px;
    overflow: hidden;
  } 
}
@media (max-width: 767px) {
  .navbar-custom {
    position: relative;
    top: 0;
  } 
  .navbar-custom .navbar-nav > li > a:hover,
  .navbar-custom .navbar-nav > li > a:focus {
    color: #fff !important;
    background-color: #003F7F !important;
  }
}

/*--------------------------------------------------------------------*/
a.course:hover {
    background-color: #003F7F !important;
    color:#FFF !important;
}
.bg-primary {
    color: #fff;
    background-color: #007FFF !important;
}
.btn-primary {
    color: #fff;
    background-color: #357ebd !important;
    border-color: #357ebd;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #007FFF !important;
        border-color: #007FFF !important;
    }
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
        z-index: 2;
        color: #fff;
        background-color: #007FFF !important;
        border-color: #007FFF !important;
    }
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #007FFF !important;
    background-color: #fff !important;
}
.btn-primary .badge {
        color: #007FFF !important;
        background-color: #fff !important;
}
.badge-primary, .label-primary {
    background-color: #007FFF !important;
    border-color: #007FFF !important;
}
.panel-primary {
    border-color: #4CA5FF !important;
}

    .panel-primary > .panel-heading {
        color: #fff;
        background-color: #4CA5FF !important;
        border-color: #4CA5FF !important;
    }

        .panel-primary > .panel-heading + .panel-collapse .panel-body {
            border-top-color: #4CA5FF !important;
        }

    .panel-primary > .panel-footer + .panel-collapse .panel-body {
        border-bottom-color: #4CA5FF !important;
    }



/* ERROR & INFO MESSAGES */
div.growlUI { background: url(check48.png) no-repeat 10px 10px }
div.growlUI h1, div.growlUI h2 {
    color: white; padding: 5px 5px 5px 75px; text-align: left
}
div.alert-info {
   color:white;
   font-weight:bold;
 }
.ErrorMessage div.alert-info {
    background-color:orangered;
}
.InfoMessage div.alert-info  {
    background-color:lawngreen;
}
.PlatformMessage div.alert-info  {
    background-color:cornflowerblue;
}

/* INTRODUCTION VIDEO RESPONSIVE CODE */
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}