/* Use this for override of the BootStrap defaults since this comes after Bootstrap
	 - this will overwrite 
	- So Be CareFul!!
*/


/*
    Davidson Harley
    4/13/2016
    Initial Styles
*/

/*** Media Query Section ***/

/*** Large Devices, Wide Screens ***/
@media only screen and (min-width : 1200px) {
    body {
        background-color: #F3F3F3;
    }

    #leftPanel {
        margin-top: 15px;
        padding: 0;
    }

    #rightPanel {
        margin-top: 15px;
        padding: 0;
    }

    #webAnnounceRow {
        margin: 0;
    }

    #right {
        margin-top: 0;
        margin-right: 25px;
    }

    #right1 {
        margin-top: 10px;
        margin-right: 25px;
    }

    #left {
        margin-left: 25px;
    }

    #left1 {
        margin-left: 25px;
        margin-top: 10px;
    }

    .panelRightMargin {
        margin-right: 15px;
    }

    .panelLeftMargin {
        margin-left: 15px;
    }

    #main {
        position: relative;
        margin-top: 15px;
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: white;
        border-radius: 5px;
        box-shadow: 0px 0px 10px 4px rgba(183, 183, 183, 0.75);
        -moz-box-shadow: 0px 0px 10px 4px rgba(183, 183, 183, 0.75);
        -webkit-box-shadow: 0px 0px 10px 4px rgba(183, 183, 183, 0.75);
    }


    #myCarousel {
        width: 80%; 
        max-width: 750px; 
        margin-bottom: 15px; 
        align-self: center; 
        margin-left: auto; 
        margin-right: auto;
    }
   

}

/*** Style for below 1200 pixels ***/
@media only screen and (max-width : 1199px) {
    #leftPanel {
        padding: 0;
        margin-top: 10px;
    }

    #rightPanel {
        padding: 0;
        margin-top: 5px;
        margin-left: 15px;
        margin-right: 15px;
    }

    #left {
        margin-top: 10px;
    }

    #left1 {
        margin-top: 10px;
    }

    #right {
        margin-top: 10px;
    }

    #right1 {
        margin-top: 10px;
    }

    #main {
        position: relative;
        margin-top: 0px;
        height: 100%;
        padding-top: 0px;
        padding-bottom: 10px;
        background-color: white;
        box-shadow: none;
    }

    .pageHeader {
        font-family: Verdana;
        font-size: 26px;
        color: #003399;
        padding-top: 0;
        margin-top: 0;
    }

    body {
        min-width: 320px;
        background-color: white;
    }
    #myCarousel {
        width: 60%; 
        margin-bottom: 15px; 
        align-self: center; 
        margin-left: auto; 
        margin-right: auto;
    }
}


/*** Style for above 768 pixels ***/
@media only screen and (min-width : 768px) {
    #navbar {
        height: 32px;
        margin: 0;
    }

    .navbar-collapse collapse in {
        margin: 0;
    }

    .navbar-header {
        margin: 0;
    }

    #collapsed-menu {
        margin: 0;
    }

    .affix {
        top: 90px;
    }

    .dropdown:hover .dropdown-menu {
    }

    #homeIcon {
        padding-left: 0;
    }

    ul.nav li.dropdown:hover ul.dropdown-menu {
        display: block;
    }
    /*** Search Bar ***/
    .searchColumn {
        text-align: right;
        position: absolute;
        right: 15px;
        top: 50px;
        width: 21%;
    }
}
/*** Style for below 768 pixels ***/
@media only screen and (max-width : 767px) {
    #navbar {
       height: 68px;
        margin: 0;
    }

    .navbar-collapse collapse in {
        margin: 0;
    }

    .navbar-header {
        margin: 0;
    }

    #collapsed-menu {
        margin: 0;
    }

        #collapsed-menu > ul > li > a {
            width: 90%;
            margin-right: 0;
        }

        #collapsed-menu > ul > li.dropdown {
            width: 90%;
            margin-right: 0;
        }

    .affix {
        top: 0px;
    }

    .homeImage {
        width: 90%;
    }
    /*** Search Bar ***/
    .searchColumn {
        margin-right: 15px;
        margin-left: 10px;
    }
     #myCarousel {
        width: 100%; 
      
        margin-bottom: 15px; 
        align-self: center; 
        margin-left: auto; 
        margin-right: auto;
    }
 
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        color: white;
        background-color: white;
        margin-left: 25px;
        width: 35%;
        margin-top: 2px;
        margin-bottom: 2px;
    }
}

@-ms-viewport {
    width: auto !important;
}

/*** Built in HTML definitions ***/
html {
    min-height: 100%;
    overflow-y: scroll;
}

p {
    font-family: Verdana;
    font-size: 16px;
}

td {
    padding: 2px;
    padding-left: 5px;
    text-align: left;
    border: none;
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #3366CC;
    font-family: Verdana;
    font-size: 14px;
}

    td a {
        font-size: 14px;
    }

th {
    text-align: left;
    padding: 5px;
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #3366CC;
    background-color: #6699FF;
    color: white;
}


tr:nth-child(even) {
    background-color: #ECF2F9;
}

tr:hover {
    background-color: #FFEED9;
}

table {
    border: solid;
    border-width: 1px;
    border-color: #3366CC;
    width: 100%;
}

thead {
    background-color: #6699FF;
    align-items: center;
    border-left: solid;
    border-left-width: 1px;
    border-left-color: #3366CC;
    color: white;
}

tfoot {
    background-color: #6699FF;
    align-content: center;
}

h5 {
    font-size: 22px;
    color: #003399;
}

a {
    color: #0000EE;
    font-family: Verdana;
    font-size: inherit;
}

    a:visited {
        color: #660099;
    }

    a:hover {
        color: #660099;
    }

ul {
    line-height: normal;
    vertical-align: middle;
    margin-bottom: 0;
}

li {
    height: inherit;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    display: compact;
}

    li.a {
        vertical-align: middle;
    }

.carousel-control {
    width: 10%;
}

.carousel-indicators {
    margin-bottom: 0;
    bottom: 0;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px;
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px;
}

/*** Header Style ***/
#header {
    background-color: white;
    
    
}

.pageHeader {
    font-family: Verdana;
    font-size: 26px;
    color: #003399;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 5px;
    border-bottom: solid;
    border-bottom-color: lightgrey;
    border-bottom-width: 1px;
}

/*** Panels ***/
#mainPanel {
    margin-top: 0;
    height: 100%;
}

#main {
    position: relative;

    height: 100%;
    
    padding-bottom: 10px;
    background-color: white;
}

#panelRowContainer {
    height: inherit;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.sidePanelHeader {
    width: 100%;
    background-color: #00A896;
    padding: 10px;
    margin: 0;
}

.panel-body {
    padding: 5px;
}

.panel-heading {
    padding: 5px;
    background-color: #0c3483;
}

.panel-title {
    font-family: Verdana;
}

.panel, .panel-group .panel-heading + .panel-collapse > .panel-body {
}

.panel-heading > h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.webAnnouncementTitle {
    padding-bottom: 0;
    margin-bottom: 0;
}

.webAnnouncementTitleTop {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

#webAnnouncementLink {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.webAnnouncementContent {
    border-bottom: solid;
    border-width: 1px;
    border-color: #D3D3D3;
    margin-bottom: 8px;
    font-size: 14px;
}

.latestNewsContent {
    border-bottom: solid;
    border-width: 1px;
    border-color: #d3d3d3;
    font-size: 14px;
}

#latestNewsTab p a {
    font-size: 14px;
}

#latestNewsTab p {
    font-size: 14px;
}

.webAnnouncementContentBottom {
    font-size: 14px;
}

#latestNews div {
    position: absolute;
    width: 640px;
    height: auto !important;
    display: none;
}

.featuredLinksText a {
    font-size: 16px;
}

p.featuredLinksText {
    margin-bottom: 5px;
}

p.providerLinksText {
    margin-bottom: 5px;
}

/*** Default Bootstrap Overrides ***/
.carousel img {
    min-width: 100%;
    height: 100%;
}

div.container {
    width: 100%;
}

.collapse {
    overflow: hidden;
    overflow-y: visible;
}

.glyphicon glyphicon-search {
    font-size: 200px;
}

.glyphicon.glyphicon-home {
    font-size: 14px;
}



/**Creating a new class for Container-fluid**/
#contentid{
    padding: 0;
    margin: 0; 
    width: 100%; 
    min-width: 320px; 
    /*comment this attibute in order to avoid issues with google translate element
    height: 100%;*/
}

/*** Top of page links ***/
#topLinks {
    position: absolute;
    top: 0px;
    right: 140px;
    padding: 5px;
    padding-left: 15px;
    margin: 5px;
}
#google_translate_element{
    position:absolute; 
    left:285px; 
    top:4px;
}
/*Code to delete the previous "Google translate" label*/
.goog-logo-link {
   display:none !important;
}
/** Code to delete the current "Google translate" label  **/
.VIpgJd-ZVi9od-l4eHX-hSRGPd{
   display:none !important;
}

.goog-te-gadget {
   color: transparent !important;
}
.goog-te-gadget .goog-te-combo {
   color: #003399;
   font-size: 12px;
   background: transparent;
 
}

a.topLinksText {
    color: #003399;
    text-decoration: none;
    padding: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: transparent;

}

a.topLinksText:hover {
        text-decoration: none;
        
        /*background: #003399;
        opacity: .8;
        color: white;*/
        
        border: solid;
        border-width: 2px;
        border-radius: 5px;
        border-color: #003399;
    }


/*** Calendar ***/
td.fc-day-number {
    color: black;
}

.fc-day-grid thead {
    background-color: white;
    border-color: red;
    border: solid;
}

/*** Footer ***/
#footer {
    bottom: 0;
    background-color: white;
    margin: 0;
    margin-top: 10px;
    width: 100%;
}



.footerSpacer {
    background-color: #003399;
    height: 25px;
    width: 100%;
  
}


#footerContent {
    height: inherit;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    z-index: 10;
}

#footerContent a {
    border-bottom: 1px dashed #80b3d6;
    padding-bottom: 0px;
}

/*** Back to top button ***/
#top-link-block {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 25px; /* height of link element */
    right: 25px; /* padding from the left side of the window */
    z-index: 10001;
}

#scrollToTop {
    background-color: white;
    border-color: darkgrey;
}

    #scrollToTop a:hover {
        color: black;
    }

/*** Margins/Padding classes ***/
.topMargin {
    margin-top: 10px;
}

.bottomMargin15 {
    margin-bottom: 15px;
}

marginBottom10 {
    margin-bottom: 10px;
}

.topPadding {
    padding-top: 10px;
}

.sidePadding {
    padding-left: 10px;
    padding-right: 10px;
}

.bottomPadding {
    padding-bottom: 10px;
}

.thWidth15 {
    width: 15%;
}

.thWidth20 {
    width: 20%;
}

.thWidth65 {
    width: 65%;
}

.thWidth70 {
    width: 70%;
}

.thWidth80 {
    width: 80%;
}

.thWidth85 {
    width: 85%;
}

/*** Alignment and custom container ***/
.alignLeft {
    padding-left: 5px;
}

.contentBorder {
    background-color: #ECF2F9;
    border: solid;
    border-width: 1px;
    border-color: #C3c3c3;
    margin-top: 0;
    padding: 10px;
    margin-bottom: 10px;
}

.contentBorder p {
    margin-bottom: 0;
}

.contentBorder a {
    border-bottom: 1px dashed #80b3d6;
    color: #004c80; /* High contrast color */
    text-decoration: none;
}
 
.contentBorder a:hover,
.contentBorder a:focus {
    border-bottom: 2px solid #004c80;
    background-color: #e6f2fa;
    outline: 2px solid #80b3d6; /* Keyboard focus visibility */
}

.bodyLink a {
    border-bottom: 1px dashed #80b3d6;
    padding-bottom: 0px;
}

ul {
    padding-left: 20px;
}

.CUMenu {
    padding-left: 20px;
}

    .CUMenu a {
        font-size: 16px;
    }

/*** Print this page link ***/
.print-link {
    float: right;
    font-size: 14px;
    color: black;
    padding-top: 5px;
}

    .print-link:hover {
        text-decoration: none;
        color: #092865;
    }

/*** Nav Tabs ***/
ul.nav.nav-tabs > li > a {
    padding: 0;
    color: black;
  
}

    ul.nav.nav-tabs > li > a:hover {
        background-color: #003399;
    }

ul.nav.nav-tabs > li.active > a:hover {
    background-color: white;
}

ul.nav.nav-tabs > li.active > a {
    background-color: white;
}

    ul.nav.nav-tabs > li.active > a > h4 {
        padding-left: 5px;
        padding-right: 5px;
        color: black;
        font-size: 16px;
    }

ul.nav.nav-tabs > li > a > h4 {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: white;
    font-family: Verdana;
    font-size: 16px;
}

/*** Navbar ***/
.affix {
    top: 0;
}

.navbar {
    min-width: 320px;
    min-height: 32px !important;
}

.nav.navbar-nav li a {
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
}

    .nav.navbar-nav li a:hover {
        background-color: #003399;
        color: #FFA700;
    }

    .nav.navbar-nav li a:visited {
        background-color: #003399;
    }

.nav.navbar-nav ul {
    background-color: #003399;
}

.navbar-nav > li > a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

#adobe-link {
    margin-right: 0;
    padding: 0px;
}

.navbar-collapse {
    margin: 0;
}

.navbar-custom {
    background-color: #003399;
    border-bottom: solid;
    border-bottom-color: white;
    border-bottom-width: 1px;
    margin-right: 0;
    margin-left: 0;
}

    .navbar-custom .navbar-brand {
        color: #ffffff;
    }

        .navbar-custom .navbar-brand:hover,
        .navbar-custom .navbar-brand:focus {
            color: #FFA700;
            /*background-color: transparent;*/
        }

    .navbar-custom .navbar-text {
        color: #ffffff;
    }

    .navbar-custom .navbar-nav > li > a {
        color: #ffffff;
    }

        .navbar-custom .navbar-nav > li > a:hover,
        .navbar-custom .navbar-nav > li > a:focus {
            /*color: #FFA700;*/
            background-color: transparent;
        }

    .navbar-custom .navbar-nav > .active > a,
    .navbar-custom .navbar-nav > .active > a:hover,
    .navbar-custom .navbar-nav > .active > a:focus {
        /*color: #FFA700;*/
        background-color: #092865;
        background-image: -webkit-gradient(linear, left 0%, left 100%, from(#092865), to(#0d3a93));
        background-image: -webkit-linear-gradient(top, #092865, 0%, #0d3a93, 100%);
        background-image: -moz-linear-gradient(top, #092865 0%, #0d3a93 100%);
        background-image: linear-gradient(to bottom, #092865 0%, #0d3a93 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff092865', endColorstr='#ff0d3a93', GradientType=0);
    }

    .navbar-custom .navbar-nav > .disabled > a,
    .navbar-custom .navbar-nav > .disabled > a:hover,
    .navbar-custom .navbar-nav > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }

    .navbar-custom .navbar-toggle {
    }

        .navbar-custom .navbar-toggle:hover,
        .navbar-custom .navbar-toggle:focus {
            background-color: transparent;
          
        }

        .navbar-custom .navbar-toggle .icon-bar {
            /*background-color: #cccccc;*/
        }

    .navbar-custom .navbar-collapse,
    .navbar-custom .navbar-form {
        border-color: #092762;
    }

    .navbar-custom .navbar-nav > .dropdown > a:hover .caret,
    .navbar-custom .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: #c0c0c0;
        border-bottom-color: #c0c0c0;
    }

    .navbar-custom .navbar-nav > .open > a,
    .navbar-custom .navbar-nav > .open > a:hover,
    .navbar-custom .navbar-nav > .open > a:focus {
        background-color: #003399;
        color: #c0c0c0;
    }

        .navbar-custom .navbar-nav > .open > a .caret,
        .navbar-custom .navbar-nav > .open > a:hover .caret,
        .navbar-custom .navbar-nav > .open > a:focus .caret {
            border-top-color: #c0c0c0;
            border-bottom-color: #c0c0c0;
        }

    .navbar-custom .navbar-nav > .dropdown > a .caret {
        border-top-color: #ffffff;
        border-bottom-color: #ffffff;
    }

@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }

        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #c0c0c0;
            /*background-color: transparent;*/
        }
}

.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #003399;
}

.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    /*background-color: transparent;*/
}

.navbar-custom .navbar-link {
    color: #ffffff;
}

    .navbar-custom .navbar-link:hover {
        /*color: #c0c0c0;*/
    }

@media only screen and (max-width: 767px) and (min-width: 100px) {
    .collapsed-header {
        padding-left: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .navbar-collapse {
        margin-left: 0;
        margin-right: 0;
        overflow-x: hidden;
    }

    .navbar-640 {
        min-height: 30px;
    }

        .navbar-640 .navbar-brand,
        .navbar-640 .navbar-nav > li > a {
            padding-top: 10px;
        }

        /* Hamburger menu alphanumeric content */
        .navbar-640 .navbar-brand {
            height: 30px;
            padding-top: 9px;
        }

        /* Hamburger menu button */
        .navbar-640 .navbar-toggle {
            /* margin: 15px 20px 6px 0px;
            padding: 3px 0px 3px 4px;
            height: 40px;*/
            border-color: white;
        }

            /* Hamburger menu bars */
            .navbar-640 .navbar-toggle .icon-bar {
                width: 15px;
            }

        /*enroll.aspx page*/
        div.importantdatescontainer div {
            width:95% !important;
        }

        div.importantdates {
            display:grid;
        }

        div.importantdates div {
            width:85% !important;
            margin-top: 15px;
        }
}

/*** WA Accordian ***/
div.wa-accordion .ui-accordion-content.ui-helper-reset.ui-widget-content {
    border-left: 10px solid black !important;
}

div.wa-accordion .panel-default > .panel-heading {
    background-color: #6699FF !important;
    border-radius: 0px;
}

div.wa-accordion .panel-heading > .panel-title {
    font-size: 20px;
    color: white;
}

    div.wa-accordion .panel-heading > .panel-title:hover {
        color: #FFA700;
        cursor: pointer;
    }

    div.wa-accordion .panel-heading > .panel-title a {
        text-decoration: none;
    }

div.wa-accordion .panel-body {
    background-image: none;
    background-color: #ECF2F9;
    padding-left: 11px;
}

    div.wa-accordion .panel-body .body-border {
        border-left: 10px solid black;
    }

    div.wa-accordion .panel-body > h4 {
        font-size: 17px;
        padding-top: 10px;
        margin: inherit;
        font-weight: bold;
        color: #4083CA;
    }

div.wa-accordion span:hover {
    color: white;
}

div.wa-accordion span {
    padding-right: 10px;
}

div.wa-accordion span {
    color: white;
}

/*** Probably unnecessary but keeping for a while ***/
/*
.alpha p {
    font-size: 13px;
    padding: 8px 12px;
    color: #aaa;
}*/

/*
.menu-item ul {
    background: #fff;
    font-size: 13px;
    line-height: 30px;
    list-style-type: none;
    overflow: hidden;
    padding: 0px;
}

    .menu-item ul a {
        margin-left: 20px;
        text-decoration: none;
        color: #aaa;
        display: block;
        /*width: 200px;
    }*/

/*
.menu-item:hover ul {
    height: 300px;
}
    */

/* Social Media icons*/
.ico{
   
   
    height:25px;
    background:white;
    color:white;
    text-decoration:none;
	padding-left:22px;
    opacity:5;
    transition:1s;
   
}
.ico:hover{
   opacity:0.5;
   
}
.icofb:before{
    content: '';
    background:url('../Images/facebook.jpg');
    background-size:cover;
    position:absolute;
    width:23px;
    height:23px;
    margin-left:-20px;
}
.icotw:before{
   content: '';
    background:url('../Images/twitter.jpg');
    background-size:cover;
    position:absolute;
    width:23px;
    height:23px;
    margin-left:-23px;
}
.icoyt:before{
   content: '';
    background:url('../Images/youtube_training_logo.png');
    background-size:cover;
    position:absolute;
    width:23px;
    height:23px;
    margin-left:-17px;
}

/*enroll.aspx page*/
.resumeapplication{
    border-width: 2px;
    border-radius: 25px;
    background: #003399;
    padding: 20px;
    color: white;
    margin:auto;
}

.resumeapplication a {
    color: white;
    font-size: 18px;
}

.resumeapplication p {
    font-size: 16px; 
    text-align:center;
}

div.importantdatescontainer {
  width:100%;
  overflow:auto;
  padding-top: 20px;
}

div.importantdatescontainer p {
  font-size: 16px;  
  text-align:center;
}

div.importantdatescontainer a {
  font-size: 18px;  
  text-align:center;
}

div.importantdatescontainer div {
  width:47%;  
  float:left;
  border-radius: 25px;
  background: #003399;
  padding: 20px;
  color: white;
  margin:14px;
}

div.importantdates {
  overflow:auto;
}
div.importantdates div {
  width:70%;  
  float:left;
}
div.importantdates table {
  width:95% !important;  
}
div.importantdates table th {
    padding:10px !important;
    text-align:center;
    background-color: #003399;
}
div.importantdates table td {
    padding:10px !important;
    text-align:center;
}
.providertypes {
  width:30% !important;
  border-radius:10px;
  border: 1px solid #808080;  
}

.providertypes p {
  padding-top: 14px;
  padding-left: 20px;
  color: #003399;
}

.providertypes li {
 padding-bottom:10px;
}

.providertypes ul {
 padding-left:40px !important;
}