/*
body {
    background-color: gray
}
*/
.sh {
    font-family: Calibri, verdana;
    font-size: 12px;    
}


caption {
    font-weight:bold;
    text-align:left;
}

.RadPanelBar .rpExpandable .rpExpandHandle, .RadPanelBar .rpExpanded .rpExpandHandle {
    width: 0px !important;
}

.rtileWide.RadTile, .rtileSquare.RadTile {
    background-clip: inherit !important;
    height: inherit !important;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
    border-right-color: #000000;
    margin-bottom: 0px !important;
}

.rtileWide.RadTile, .rtileSquare.RadTile {
    border-bottom-width: 0px !important;
    border-top-width: 0.5px !important;
}
.t-container-fluid .t-col {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.col, .header, .footer {
    border: 0px solid #cccccc;
    text-align: center;
    border-radius: 3px;
}

.box{
    border: 1px solid #cccccc;
    text-align: left;
    border-radius: 3px;
}

/*
.header {
    height: 140px;
}

.footer {
    height: 30px;
}
*/
.homepage-text {
    font-family: Calibri, verdana;
    font-size: 12px;
}

.col {
    margin: 10px 0;
    padding: 5px 10px;
    height: 100px;
}

.cb-site {
    font-family: Calibri, verdana;
    font-size: 14px;
    text-decoration: none;
    color: black;
}

    .cb-site:link {
        text-decoration: none;
    }

    .cb-site:hover {
        text-decoration: underline;
    }

.cb-site-footer {
    /*bottom: 0;
    position: absolute;
    width: 100%;*/
}


.cb-site-leftcol {
    width: 40%;
    padding-left: 2px;
}

.cb-site-rightcol {
    width: 60%;
    padding-left: 2px;
}

.cb-admin-leftcol {
    width: 35%;
    padding-left: 2px;
}

.cb-admin-rightcol {
    width: 65%;
    padding-left: 2px;
}

.cb-site-img {
    cursor: pointer;
}

.cb-txt-ovfl {
    overflow: hidden;
    text-overflow: ellipsis;
}

.cb-legend {
    font-family: Calibri, verdana;
    font-size: 14px;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.rtileHovered {
}

.RadToolBar {
    width: 100%;
}

td {
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

tr.rgNoRecords > td >div {
    text-align: center;
    
}
    
.rgMasterTable  {
    border-collapse: collapse !important;
}
.answers-header {background-size: 30px 30px; height: 40px; padding-left: 30px; padding-top: 5px; font-size: 18px; color: #A20000;}
.span-13 {width:510px;}
.span-3 {width:75%;}
.home-discrimination {margin-top: -55px;margin-left:auto;margin-right:auto;margin-bottom:auto;padding: 10px; color: #fff; font-size: 12px; font-weight: bolder;overflow-wrap:break-word ;}
.home-big-container {border: 1px solid #aaa; margin-left: 10px; padding-bottom: 10px; padding-right: 20px; background-color: #eee; border-top-right-radius: 10px; border-top-left-radius: 10px; padding-top: 5px; padding-left: 5px;}
.shadow {
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.ms-formlabel
{
text-align:left;
font-family:verdana;
font-size:8pt;
border-top:1px solid #d8d8d8;
padding-top:3px;
padding-right:8px;
padding-bottom:6px;
color:#525252;
font-weight:bold;
}
.LockOff { 
         display: none; 
         visibility: hidden; 
      } 
      .LockOn { 
         display: block; 
         visibility: visible; 
         position: absolute; 
         z-index: 10000; 
         top: 0px; 
         left: 0px; 
         width: 105%; 
         height: 105%; 
         background-color: #ccc; 
         text-align: center; 
         padding-top: 20%; 
         filter: alpha(opacity=75); 
         opacity: 0.75; 
      } 
      
.ms-hidden,a.ms-skip,a:hover.ms-skip,a:visited.ms-skip
    {
    position:fixed;
    left:73px;
    z-index:200;
    width:1px;
    height:1px;
    overflow:hidden;
    }
    a:active.ms-skip,a:focus.ms-skip
    {
    position:absolute;
    left:73px;
    width:auto;
    height:auto;
    text-decoration:none;
    }

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    /* margin-bottom: 1vw; */
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    /* height: 1vw; */
}
        
.breadcrumb-arrow .breadcrumb-item+.breadcrumb-item::before {
    content: ">";
    color:#3C444D;
    /*font-size: 1.4vw;*/
    padding-right: .25rem;
}

.breadcrumb-item, .breadcrumb-item a {
    color:#343B4F;
    /*font-size: 1.4vw;*/
    letter-spacing: .075vw
}

.breadcrumb-arrow li:nth-child(1)+.breadcrumb-item::before {
    content:"-";
    color:white;
}
        
.breadcrumb-item+.breadcrumb-item {
    padding-left: .25rem;
}
 

@media (min-width: 1251px) {
    .commission {
        font-size: 1.75vw;
    }
    .login-header {
        font-size: calc(8px + 1vw);
    }
}

@media (max-width: 1250px) {
    .commission {
        font-size: 2vw;
    }
    .login-header {
        font-size: calc(8px + 1vw);
    }
}

@media (min-width: 992px) {
    .copyright {
        padding-right: 17.5%;
    }
}

@media (max-width: 991px) {
    .commission {
        visibility:hidden;
    }

    .copyright {
        padding-right: 10%;
    }
}

@media (min-width: 768px) {
    .header {
        /*font-size: 1.5vw;*/
        font-size: calc(1vw + 1rem);
        height: 6vw;
        min-height: 100px;
    }

    #seal {
        height: 75%;
    }

    #divider {
        margin: 0 1.5vw;
    }

    .copyright {
        padding-left: 7.5%;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        min-height: 40px;
    }

    .privacy {
        padding-left:0;
        padding-right: 10%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        min-height: 40px;
    }

    .seal-container {
        /*left: 5.5%;*/
        justify-content: flex-end;
    }

    .commission {
        display: flex !important;
    }

    .breadcrumb-div ol {
        /*min-height: 40px;
        font-size: calc(0.75vw + 0.75rem)*/
        font-size: 18px;
    }
            
    .fa-home {
        /*font-size: calc(0.5vw + 1rem);*/
        font-size: 23px;
    }

    .grey-div {
        min-height: 10px;
    }

    #footer {
        font-size:calc(0.5vw + 0.5rem) /*1.25vw*/
    }
}

@media only screen and (max-width: 767px) {
    .login-header {
        font-size: calc(7px + 2.5vw);
    }
    .header {
        font-size: 4vw;
        height: 16vw;
    }

    #seal {
        height:60%;
    }

    #divider {
        margin: 0 3vw; 
    }
            
    .seal-container {
        justify-content: flex-start;
        padding-left:5%;
    }

    .accessible {
        display: flex; 
        align-items: center; 
        justify-content:center;
        background-color:#7F8996; 
        height:8.5vw; 
        color:#F4FEFE; 
        font-size:3vw;
    }

    #footer {
        font-size:1.25vw;
    }
}

@media only screen and (max-width: 550px) {
    .login-header {
        font-size: 3.5vw;
    }
    .header {
        font-size: calc(15px + 2.5vw);
        height: calc(60px + 10vw);
    }
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 25px solid transparent;
    border-left: 15px solid #7F8996;
    border-bottom: 25px solid transparent;
}
            
.arrow-right {
    width: 0;
    height: 0;
    border-top: 25px solid #7F8996;
    border-left: 15px solid transparent;
    border-bottom: 25px solid #7F8996;
    position: relative;
    left: -5px;
}
            
.form-part {
    display:flex; 
    flex-direction:column;
    background-color: #7F8996; 
    color: white; 
    height: 100%; 
    width: 12.5%; 
    justify-content: center; 
    align-items: center; 
    vertical-align: top; 
    position: relative; 
    line-height: 1;
    letter-spacing: 1.5px;
}

#form-parts {
    width:100%; 
    height:50px; 
    text-align: center; 
    align-items: center; 
    display:flex; 
    flex-direction:row; 
    margin-top: 1.5%; 
    justify-content: center; 
    display:none
}

#form-parts-start {
    display:flex; 
    flex-direction:column; 
    border-top: 25px solid #7F8996; 
    border-left: 15px solid #7F8996; 
    border-bottom: 25px solid #7F8996;
}