/* Add here all your CSS customizations */
body {
 font-family: "Gotham A", "Gotham B";
 font-style: normal;
 font-weight: 400;
    background: #FFF;
    color: #444;
}
a {
	color: #4677B8;
}
/*
a:hover, a:focus {
	color: #333;
}
*/

.bg-light {
    background-color: #f8f9fa!important;
}
h2 {
font-weight: 500;
letter-spacing: 0.01em;
}
h3 {
    font-weight: 300;
text-transform: none;
}

p {
    color: #333;
}
/*invoice*/
.invoiceitem {
   border:1px solid #ebebeb;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:10px;
    background: #f2f7fa;
    margin:1em 1em 1em 0;
    font-size:1em;
    line-height: 1.6em;
}  
.invoiceitem i{
    font-size:0.86em;
    color: #ff0000;
}


/*page banner header*/
.page-header.page-header-classic:after {
    height: 5px;
    background: none;
}

.page-header {
    background-color: #4677b8;
    border-bottom: 0px solid #4677b8;
    border-top: 0px solid #f3f3f3;
    background: url(/images/tpl/2017/bg-heropage-full.jpg) repeat-x center center;
}
.page-header h1 {
    font-size: 36px;
    font-weight: 200;
}
.page-header h1 a{
    color:#fff;
}
.breadcrumb > .active {
    color: #f2f2f2;
}
.breadcrumb a {
    color: #ffffff;;
}
/*main nav*/
#header .header-nav-main nav > ul > li > a {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
}
@media only screen and (max-width: 480px) {
#header .header-logo img {
    width: 60%!important;
}
}

/*nav hover color teal*/
#header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active, #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a.active, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a.active {
    color: #04bad9;
    background-color: #f2f2f2;
}

#header .header-nav-main nav > ul.nav.nav-pills > li.active > a, #header .header-nav-main nav > ul.nav.nav-pills > li.active > a:focus, #header .header-nav-main nav > ul.nav.nav-pills > li.active > a:hover {
    color: #04bad9;
    background-color: #f2f2f2;
}
/*nav hover background color*/
#header .header-nav-main nav > ul.nav.nav-pills > li > a:hover {
    color: #04bad9;
    background-color: #f2f2f2;
}
/*dropdown menu border color*/
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    border-top-color: #f2f2f2;
    background-color: #f2f2f2;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    border-bottom: 0px solid #f7f7f7;
    color: #4677b8;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
    border-bottom: 0px solid #f7f7f7;
    color: #ffffff;
    background-color: #4677b8;
}
    
    
/*secondary nav */
.ics-secondnav{
    background-color: #f2f2f2;
    padding:10px;
}
.ics-secondnav ul.nav.nav-pills > li > a {
    padding:5px 25px;
    margin: 0 5px 0 0;
    color:#fff;
}


/*footer*/
#footer {
    background: #252525;
    border-top: 4px solid #252525;
    margin-top: 50px;
    color:#ffffff;
}
#footer a:not(.btn):not(.no-footer-css){
    text-decoration: none;
    color: #FFF;
}

#footer .footer-copyright {
    background: #252525;
    border-top: 4px solid #252525;
}
#footer .footer-copyright p{
    color:#ffffff;
}

#footer .social-links .svg {
    width: 37px;
    height: 32px;
    padding: 0 7px;
}
#footer .logos  .partners {
    padding: 0 10px 0;
    max-width: 140px;
}
/*alerts*/
.alert-danger {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
}
/*center div in the middle of row*/
.col-centered{
    float: none;
    margin: 0 auto;
}
/*home page bg*/
.full {
    border-bottom: 5px solid #CCC;
    border-top: 5px solid #384045;
      background: url('/images/tpl/icsbg.jpg') no-repeat center center;
          -webkit-background-size: cover;
              -moz-background-size: cover;
                  background-size: cover;
                      -o-background-size: cover;
                          height:100%;
                          }
.badge-dark a:hover{
    color: #FFF;
}
.myaccountlogin{
    padding:  10px;
    background: #fff;
     opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-border-radius: 10px;
    border-radius: 10px;

}
/*staff*/
.staff-item{
    padding: 5px 0;
    border-bottom: 2px solid #334769;
}
ul.staff-details {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 5px;
    font-size: 0.9em;
}
ul.staff-details .list-icons > li {
    padding-left: 18px;
    margin-right: 10px;
}
li.icsdoc{
    background-color: #ccc;
    padding:10px;
}
.icsprofile {position:relative;}
.icspofile  iframe{position:absolute;top:0;left:0;width:100%; height:100%;}

.profilepicappllg{
width:245px;
height:245px;
}
.profilepicapplsm{
width:75px;
height:75px;
}
.campapplvideo{
width:30px;
padding: 2px;
}
/*not working right now*/
.ui-slider .ui-slider-horizontal {height:1em !important;}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
width:1em !important;
height:1em !important;
  cursor: default;
}
/*ydpagination*/
             .pagination ul li.pagetitle,
             .pagination ul li.pagetitle:hover{
                background-color: #ffffff;
                border:0px solid #f47421;
                margin: 0 3px 0 3px;
            }
   .ydpagination{
    width: auto;
   border-top:1px dotted #00aeef;
    border-bottom:1px dotted #00aeef;
    font-size: 14px;
    font-weight: bold;
    padding:10px 0 10px 0;
    margin: 0px 0 10px 0
            }
             .ydpagination ul li{
                list-style: none;
                float: left;
                border: 1px solid #006699;
                padding: 2px 6px 2px 6px;
                margin: 0 3px 0 3px;
                font-family: arial;
                font-size: 14px;
                color: #006699;
                font-weight: 1200;
            }
             .ydpagination ul li a{
                text-decoration:none;
            }
             .ydpagination ul li:hover{
                color: #fff;
                background-color: #f2f2f2;
            }
             .ydpagination ul li.pagetitle,
             .ydpagination ul li.pagetitle:hover{
                background-color: #ffffff;
                border:0px solid #f47421;
            }
             .ydpagination ul li.current,
             .ydpagination ul li.current:hover{
                background-color:#F47421;
                color:#ffffff;
                border:1px solid #f47421;
            }
             .ydpagination ul li.current a{
                color:#ffffff;
            }
             .ydpagination ul li.inactive,
             .ydpagination ul li.inactive:hover{
                background-color:#ededed;
                color:#bababa;
                border:1px solid #bababa;
            }

/* button spacer*/
.btn-space {
    margin-right: 5px;
}
   /*sevisval */
    #sevisval li { list-style: none; margin: 0 0 4px 0; padding: 2px; background-color:#deeaf; border: #ebebeb solid 0px; color:#00aeef; }
    #sevisvallist, #sevisvallistheader { width: auto; clear:both;}
    #sevisvallist li { list-style: none; float:left;margin: 0 0 4px 0; padding: 5px 10px; width: 80%; background-color:#deeaf; border: #ebebeb solid 0px; color:#00aeef; }
    #sevisvallistheader li { list-style: none; float:left;margin: 0 0 4px 0; padding: 5px 10px; width: 180px; background-color:#deeaf; font-weight:bold; }
/*campplacelist*/
.campplacementlist {
  height: 300px; 
  overflow-y: scroll; 
}
/*staff list*/
.thumb-info {
    background-color: #f2f2f2;
}
.thumb-info .thumb-info-type {
    background-color: #04bad9;
}
.thumb-info-social-icons a {
    color:#ffffff;
    background-color: #484848;
}
.thumb-info-social-icons a {
    border-radius: 50%;
    height:36px;
    width:36px;
    line-height: 36px;
}
.icon {
    border-radius: 50%;
    background-color: red;
    height:36px;
    width:36px;
 display: inline-block;
}

.thumb-info img.applflag {
width:25px;
padding: 0 1px;
}
.thumb-info img.applstamp{
width:75px;
padding: 0 1px;
}
.thumb-info .thumb-info-title {
    font-size: 13px;
}
.thumb-info-caption .thumb-info-caption-text{
min-height:170px;
}

.iena-light a {
    color: #FFF;
}
/*font awesome*/
.breadcrumb > li + li:before {
    font-family: 'Font Awesome 5 Pro';
}
.breadcrumb > li .active {
    color: #FFF;
}

ul.nav-list li a::before {

    content: "";
    font-family: 'Font Awesome 5 Pro';
}

/*legacy*/
/* horizontal tab */
    .etabs { margin: 0; padding: 0; }
    .tab { display: inline-block; zoom:1; *display:inline; background: #deeaf1; border: solid 1px #f2f7fa; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
    .tab a { font-size: 14px; line-height: 2em; font-weight: bold;display: block; padding: 0 10px; outline: none; text-decoration: none;}
    .tab a:hover { text-decoration: none; }
    .tab.active { background: #ff4338; padding-top: 6px; position: relative; top: 1px; border-color: #f2f7fa; }
    .tab a.active { font-weight: bold;color:#fff; }
    .tab-container .panel-container { background: #fff; border: solid #f2f7fa 1px; padding: 10px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; }
    .panel-container { margin-bottom: 10px; }

/* vertical tab */
#tab-side-container { background: #fff; 
 background:#ffffff; /* default background for browsers without gradient support */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f7fa));
    background:-moz-linear-gradient(#ffffff, #f2f7fa);
    background:-o-linear-gradient(#ffffff, #f2f7fa);
    background:linear-gradient(#ffffff, #f2f7fa);
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border: 1px solid #deeaf1;
    -webkit-box-shadow: 3px 4px 5px rgba(222, 231, 241, 0.51);
    -moz-box-shadow:    3px 4px 5px rgba(222, 231, 241, 0.51);
    box-shadow:         3px 4px 5px rgba(222, 231, 241, 0.51);
}
#tab-side-container ul.vtab  { height: auto; min-height: 600px; list-style: none; margin: 0; padding: 0;  float: left; border-right: solid 0px #f2f7fa; }
#tab-side-container ul.vtab  li { width: 200px; margin: 0; padding: 0; text-align: center; background: #deeaf1; font-size:14px;  border-top: solid 0px #f2f7fa;  border-bottom: solid 1px #f2f7fa;}
#tab-side-container ul.vtab  li a { display: block; padding: 10px 0; outline: none;text-decoration: none; color:#4677b8;  font-weight: bold; }
#tab-side-container ul.vtab  li a:hover { text-decoration: none; color:#4677b8; }
#tab-side-container ul.vtab  li.selected-tab { background: #ff4338; position: relative; }
#tab-side-container ul.vtab  li:first-child.selected-tab { border-top: none ; }
#tab-side-container ul.vtab  li a.selected-tab { background: #ff4338; color:#ffffff; font-weight: bold; text-decoration: none; }
#tab-side-container .panel-container {  min-height: 600px; 
    padding: 10px 0px 10px 220px;
    color: #4677b8;
    line-height: 16px;
    font-size: 13px;
}   
#tab-side-container .panel-container b{color: #555555; font-weight: medium; font-size:12px;}
/* keep sidenav the same */
.mymsg{
    display: inline;
    width: 20px;
-moz-border-radius: 2px;
    border-radius: 3px;
        font-size: 10px;
        font-weight: bold;
        color: #ffffff;
        background-color: #4677b8;
        border: 0px solid #CCCCCC;
        padding: 1px 5px 1px 5px;
        margin: 2px 2px 2px 2px;
    
    }
.mymsg a{color: #ffffff;text-decoration: none; }

    /*keep leftnav look and feel the same */
   #sidebar .lcampsignup p{font-size: 13px;margin-top: 50px;}
    #sidebar .lcampsignup p a {color:#FFFFFF;}
    #sidebar .campsignupbt{font-size: 16px; font-color: #04bad9; font-weight: bold; background-color: #04bad9; border: 0px solid #CCCCCC; margin: 5px 0; padding: 10px 5px; -moz-border-radius: 3px; border-radius: 3px; }
    #sidebar .signupbt{font-size: 16px; font-color: #04bad9; font-weight: bold; background-color: #ffffff; border: 0px solid #ff4338; margin: 5px 0; padding: 5px; -moz-border-radius: 3px; border-radius: 3px; }
    #sidebar a.signupbt{color:#ff4338;  text-decoration: none; }
    #sidebar .campsignupbt a{color:#FFFFFF;  text-decoration: none; }
    #sidebar a.signupbt:hover{color:#333333;  text-decoration: none; }

    #sidebar .lapplfeedback{width:202px; color:#4677b8; padding: 0; margin: 0 10px 10px 0; border: 8px solid #f2f7fa;}
    #sidebar .lapplfeedback h3{margin: 0.5em; text-align: center;}
    #sidebar .lapplfeedback img{width: 186px}
    #sidebar h1 { font-size:14px; font-weight:bold; color:#ff4338}
    #sidebar h1 a{ text-decoration:none;}
    #sidebar ul.bottomleftNav {padding:0px; margin:20px 5px 0px 0px;}
    #sidebar ul.bottomleftNav li {list-style-type:none; padding:5px 0px 5px 2px; font-size:0.9em; margin-bottom:3px;border: 1px solid #f2f2f2; text-align:left;}
    .featured {background-color:red;}
    #sidebar ul.bottomleftNav li a{text-decoration:none; color:#4677b8;font-weight:bold;}
    #sidebar ul.bottomleftNav li a:hover,  #sidebar ul.bottomleftNav li.selected a {text-decoration:none; color:#555555; }
    #sidebar ul.applleftNav, #sidebar ul.campleftNav {padding:0px; margin:20px 5px 0px 0px;} 
    #sidebar ul.applleftNav li {list-style-type:none; padding:5px 0px 5px 2px; font-size:0.9em; background-color: #f2f2f2; margin-bottom:3px;border: 1px solid #f2f2f2; text-align:left;}
    #sidebar ul.campleftNav li {list-style-type:none; padding:5px 0px 5px 2px; font-size:0.9em; background-color: #f2f7fa; margin-bottom:3px;border-bottom: 1px solid #f2f2f2; text-align:left;}
    #sidebar ul.applleftNav li a{text-decoration:none; color:#4677b8; font-weight:bold;}
    #sidebar ul.applleftNav li.featured{color:#ffffff;  background-color:#04bad9;}
    #sidebar ul.applleftNav li.featured a{color:#ffffff;  text-decoration:none;}
    #sidebar ul.campleftNav li a{text-decoration:none; color:#4677b8; font-weight:bold;}
    #sidebar ul.bottomleftNav  li ul.menuItem, #sidebar ul.applleftNav li ul.menuItem{ margin-top: 5px; padding-left: 0em; line-height:0.86em; border: 0px solid #f3f3f3;
}   
    #sidebar ul.bottomleftNav  li ul.menuItem .current, #sidebar ul.applleftNav li ul.menuItem .current{ display:block; }
    
    #sidebar ul.bottomleftNav  li ul.menuItem li, #sidebar ul.applleftNav  li ul.menuItem li, #sidebar ul.campleftNav  li ul.nonmenuItem li{ font-size: 12px; color:#a14638; font-weight: normal; border: 0px solid #f3f3f3; padding: 5px 0px 5px 10px; list-style-type: none; }
    #sidebar ul.bottomleftNav   li ul.menuItem li a, #sidebar ul.applleftNav   li ul.menuItem li a {text-decoration:none; color:#ff4338; font-weight: medium; }
    #sidebar ul.campleftNav   li ul.nonmenuItem li a { text-decoration:none; color:#037C91; font-weight: medium; }

/* keep sidenav the same */
/*profile pics*/
.profilepiclg{
float: left;
margin-top: 5px;
margin-right: 50px;
margin-bottom: 5;
padding: 1px;
border: 1px solid #DADADA;
}
.profilepicblog{
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 2.9em; 
padding: 1px;
border: 1px solid #DADADA;
}   
.profilepictb{
width:50px;
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 10px;
padding: 1px;
border: 1px solid #f2f2f2;
}   
.profilepicappl{
vertical-align:middle;
width:50px;
height:50px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
padding: 1px;
border: 1px solid #f2f2f2;
}
.profilepicappllg{
vertical-align:middle;
width:100px;
height:100px;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 10px;
padding: 1px;
border: 1px solid #f2f2f2;
}
.profilepicgender{
width:50px;
float: left;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 5px;
padding: 1px;
border: 1px solid #f2f2f2;
}

/*profile pics*/

/*form fix*/
    
#threea-wrapper .nocol{
    float:left;
    margin:1em 0 0 0em;
}
#applsearch .twocolsearchfix {
    margin: 2.4em 0.4em 0em 0;
}

.uberbt{
  background-color: #ec008c !important;
  border-color: #ec008c !important;
}

/*billing submenu*/
div.accountdropdown {
color: #555;
margin: 3px -22px 0 0;
width: 143px;
position: relative;
height: 17px;
text-align:left;
}
div.submenu
{
background: #f2f7fa;
position: absolute;
top: -12px;
left: -20px;
z-index: 100;
width: 165px;
display: none;
margin-left: 10px;
padding: 40px 0 5px;
border-radius: 6px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}

.accountdropdown  li a {

    color: #555555;
    display: block;
    font-family: arial;
    font-weight: bold;
    padding: 6px 15px;
  cursor: pointer;
text-decoration:none;
}

.accountdropdown li a:hover{
    background:#04bad9;
    color: #FFFFFF;
    text-decoration: none;

}

a.account {
font-size: 13px;
font-weight:bold;
line-height: 16px;
color: #ff4338;
position: absolute;
z-index: 110;
display: block;
padding: 11px 0 0 10px;
height: 28px;
width: 151px;
margin: -11px 0 0 -10px;
text-decoration: none;
background:  url(/images/arrow.png) 140px 17px no-repeat;
cursor:pointer;
}
.root
{
list-style:none;
margin:0px;
padding:0px;
font-size: 11px;
padding: 11px 0 0 0px;
border-top:1px solid #dedede;
}/*billing submenu*/
/*img banner*/
    .applyall{ 
        width:100%;
        max-width: 100%;
        height: auto;
        display:block;
    }

/*hover button*/

.tagbtn {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}

.tagitem .adminControls {
    display: none;
}

.tagitem:hover .adminControls {
    margin-left: 0px;
    overflow:auto;
    display: block;
}
/* partner logo */
.partner-logo{
    padding-left:20px;
    border-left:1px solid #f2f2f2;
}
.partner-logo .bunacsc{
    padding-left:20px;
}
/*admin notes*/
  .adminnotebox, .admincommubox{ width:auto; height:auto; min-height: 40px; background: #f2f7fa;
    font-size: 0.86em;
    padding: 10px 25px 15px 65px;
    margin: 0 0 10px 0px; 
    border: 1px solid  #f2f2f2;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background-position: 5px 10px;
    background-repeat: no-repeat;
    }
    .adminnotebox{ background-image: url(/images/noteicon.png);}
    .admincommubox { background-image: url(/images/commuicon.png);}
    .adminnotebox i, .admincommubox i{ font-size: 0.75em;}
/*camp applicant control panel*/
    .progstatuscontainer{   
    background:#04bad9; 
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#04bad9), to(#4677b8));
    background:-moz-linear-gradient(#04bad9, #4677b8);
    background:-o-linear-gradient(#04bad9, #4677b8);
    background:linear-gradient(#04bad9, #4677b8);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    color:#fff;
    padding: 20px 10px 20px 10px;
    margin: 0 0 20px 0;
    }
    
    .progstatuscontainer h1.white{color:#ffffff;text-transform: uppercase;}
    .progstatuscontainer h3.white{color:#ffffff;margin-bottom: 1em;}
    .progstatuscontainer h3{color:#f2f2f2;}
    .progstatuscontainer .prog_missing h3{color:#636466;}
    .progstatuscontainer .creditauth{font-size: 14px;font-weight:bold; color:#ffffff;margin-bottom: 1em;}
    .progstatuscontainer .fine{margin:0 0 1em 0;}
    .progstatuscontainer a{color:#ffffff;}

ul.appl_cpnav{
    margin-left: 15px;
    margin-bottom: 15px;
    padding-left: .5em 0 .5em 0;
    line-height: 1em;
    list-style-type: none;
}   
    ul.appl_cpnav li {
    float: left;
    margin-bottom: 25px;
    text-align: center;
    }
    ul.appl_cpnav li img{
    padding-bottom: 20px;
    width: 160px;
    }
    ul.appl_cpnav li a{ 
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
    }
    
div.appl_cpnav  { 
    font-weight: bold;
    color:#fff;
    margin: 0 5px 5px 0;
    padding: 10px; 
    vertical-align:middle;
    text-decoration: none;
    display: block;
    width: 200px
    min-width: 200px;
    float: left;
    background-color: #e7e7e7;
    background: url(/images/buttonbg.png) repeat-x center center;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
    .prog_missing {background-color:#FFFFFF; margin: 0 5px 0px 0; color:#636466;
    padding: 5px 25px 15px 65px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-position: 5px 3px;
    background-image: url(/images/error_icon.png);
    background-repeat: no-repeat;
    }
    .prog_incomplete{font-size:14px; color: #f2f2f2; font-weight:bold;}
    .prog_complete{ font-size:14px; color: #ebebeb;font-weight:bold;}

/*user login landing*/
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  flex-grow: 1;
}

.box {
    height: 100%;
}

.row.display-flex [class*='col-'] {
    background-color: #ffffff;
}