/*.form-check-input {
    margin-top: 0rem !important;
}
*/

.hidden-section { display:none; visibility:hidden }
.grey-background { background-color:rgba(229, 225, 230, 1.0) !important; }
.yellow-background { background-color:rgb(255, 255, 204) !important; }
.align-center { margin:auto; text-align: center !important; }
.align-right { margin:auto; text-align: end !important; }
.square-bullet { list-style-type: square;  margin: 3px 10px 10px 50px; padding: 0; }
.square-bullet li { padding: 0 0 0 10px; position: relative; }
.color-maroon {color: var(--vt-maroon);}
.color-burntOrangeWeb {color: ar(--vt-burntOrangeWeb);}
.margin-5 { margin:0em 5% !important; }
.margin-0 { margin:0px !important; }
.content-height-100 { height:100px; }
.content-width-50 { width:80%; }
.icon-orange { color:#c64600; font-size:20px }
.social-icon-x, .social-icon-threads { display:inline-block; width:1em; height:1em; }
.fa-disabled { opacity: 0.6; cursor: not-allowed; }
.disable_li {pointer-events:none; opacity:0.6;}
.ui-state-highlight { border: 1px solid #800 !important; background: #c64600 !important; color: #fff !important; }
a.no-underline { text-decoration: none; }
.draggable_area { cursor: pointer; color: #c64600; }

#section-add-people, #section-add-company, #section-reset-password-company, #section-add-student {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px 0px 5px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
      transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    width:100%;
    display: none;
}
#section-add-people.open, #section-add-company.open, #section-reset-password-company.open, #section-add-student.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}
#section-add-people .close, #section-add-company .close, #section-reset-password-company .close, #section-add-student .close { position: fixed; top: -25px; right: 15px; opacity: 1; color: #000; }
#section-add-people .close:hover, #section-add-company .close:hover, #section-reset-password-company .close:hover, #section-add-student .close:hover { color: #c64600; cursor: pointer; }

.alert-secondary {
    color: #000000;
    background-color: #e9ecef !important;
    border-color: rgba(0,0,0,.125);
}

/*--------------------Navbar Toggle Menu--------------------------*/
#navbarToggleExternalContent1 {
    font-size:0.7em;
}
#form-search-request {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 5px 0px 5px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
      transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}
#form-search-request.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}
#form-search-request .close { position: fixed; top: -25px; right: 15px; opacity: 1; color: #000; }
#form-search-request .close:hover{ color: #f60; cursor: pointer; }

.ui-datepicker { background: #fff;  border: 1px solid #555; }
.ui-state-active { background: #f60 !important; }
.ui-widget-content .ui-state-highlight { background: #800; color:#fff !important; }

@media screen and (max-width: 600px) {
    .supporting-timeline::after { left: 31px; }
    .supporting-timeline .timeline { width: 100%; padding-left: 70px; padding-right: 25px; }
    .supporting-timeline .timeline::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; }
    .supporting-timeline .left::after, .right::after { left: 18px; }
    .supporting-timeline .left::before { right: auto; }
    .supporting-timeline .right { left: 0%; }
}