/* Add here all your CSS customizations */
body {
 font-family: "Gotham A", "Gotham B";
 font-style: normal;
 font-weight: 400;
}
h3 {
font-size: 1.6em;
font-weight: 300;
text-transform: none;
margin-bottom: 24px;
}


/*page banner header*/
.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;
}
.breadcrumb > .active {
    color: #f2f2f2;
}
.breadcrumb a {
    color: #ffffff;;
}

/*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';
}


/*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;
}

/*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;
    color:#cccccc;
}
#footer .footer-copyright p{
    color:#cccccc;
}

#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;
}
.alert-warning {
    color: #fff;
    background-color: #ffc107;
    border-color: #ffc107;
}
/*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%;
                          }
.myaccountlogin{
    padding:  20px;
    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*/
   .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; // Set this height to the appropriate size
  overflow-y: scroll; // Only add scroll to vertical column
}
/*staff list*/
.thumb-info img.camp-staff-list-photo {
    height: 450px;
    object-fit: cover;
    width: 100%;
}
.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;
}
.uberbt{
    background-color: #ec008c;
}

/*progress meter*/
.process .process-step-circle {
}
.profilepictb{
width:50px;
height:50px;
padding: 1px;
margin: 0px 5px 0 0;;
border: 1px solid #DADADA;
-webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;

}

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