@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900);

* {
    font-family: 'Roboto', sans-serif;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}


.btn-primary {
    background-color: #2381cd;
    border-color: #2381cd;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #2377bd;
        border-color: #2377bd;
    }

    .btn-primary:active:hover {
        background-color: #1e67a4;
        border-color: #1e67a4;
    }

.btn-danger {
    background-color: #f25a29;
    border-color: #f25a29;
}

    .btn-danger:hover, .btn-danger:focus {
        background-color: #e65120;
        border-color: #e65120;
    }

    .btn-danger:active:hover {
        background-color: #d74718;
        border-color: #d74718;
    }

.btn-default {
    background-color: #202946;
    border-color: #202946;
    color: #fff;
}

    .btn-default:hover, .btn-default:focus {
        color: #fff;
        background-color: #303E69 !important;
        border-color: #195891;
    }

    .btn-default:active:hover {
        color: #fff;
        background-color: #154977;
        border-color: #154977;
    }


.divider-01 {
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    height: 10px;
    border-top: 1px solid #dddddd;
    clear: both;
}

.line-break {
    display: block;
    width: 100%;
    height: 10px;
    clear: both;
}

.main-wrap {
}

    .main-wrap > .container {
        min-width: 320px;
    }


.form-label {
    display: block;
    padding: 5px 0;
}

.label-text {
    font-size: 14px;
}

.form-label .form-item {
}

.form-text {
    display: block;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 8px 15px;
    width: 100%;
    background-color: #f2f2f2;
    margin: 5px 0;
}

.form-password {
    display: block;
    border: 1px solid #cecece;
    border-radius: 4px;
    padding: 8px 15px;
    width: 100%;
    background-color: #f2f2f2;
    margin: 5px 0;
}

.password-hint {
    display: block;
    float: right;
    margin: -33px 8px 0 0;
    cursor: pointer;
}

.custom-checkbox-01 {
    position: relative;
}

    .custom-checkbox-01 input {
        display: none;
    }

    .custom-checkbox-01 .custom-checkbox-01-span {
        display: inline-block;
        margin: -4px 2px 0 0;
        vertical-align: middle;
    }

        .custom-checkbox-01 .custom-checkbox-01-span .span-checkbox {
            display: block;
        }

        .custom-checkbox-01 .custom-checkbox-01-span .span-checked {
            display: none;
        }

    .custom-checkbox-01 input:checked + .custom-checkbox-01-span .span-checkbox {
        display: none;
    }

    .custom-checkbox-01 input:checked + .custom-checkbox-01-span .span-checked {
        display: block;
    }

    .custom-checkbox-01 input[type="checkbox"] {
    }



@media (max-width: 992px) {
    .col-sm-text-center {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .col-xs-text-center {
        text-align: center;
    }

    .tqstatic-body-container .page-not-found-wrap {
        background-color: red !important;
    }
}

body.maintenance {
    background-color: #ddd;
}

.maintenance .header-wrap {
    background-color: rgb(255, 255, 255);
    padding: 15px 0;
}

.maintenance .main-wrap {
}

    .maintenance .main-wrap > .container {
    }

    .maintenance .main-wrap h1,
    .maintenance .main-wrap h2,
    .maintenance .main-wrap h3 {
        font-weight: 300;
    }

.maintenance .page-not-found-wrap {
    background-color: #fff;
    max-width: 582px;
    border-radius: 6px;
    padding: 15px;
    margin: 40px auto;
}

@media screen and (-ms-high-contrast: active) {
    .maintenance .header-wrap .container a img {
        content: url('../images/talentquest-new-logo-light.svg');
    }
}

@media screen and (-ms-high-contrast: active) {
    .maintenance .header-wrap {
        border-bottom: 1px solid;
    }
}

@media screen and (-ms-high-contrast: active) {
    .page-not-found-wrap {
        border: 1px solid;
    }
}

#divDetailsContainer {
    background-color: #DDDDDD;
    border-radius: 4px;
    margin: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.text-field {
    background: #DDDDDD;
    border-radius: 4px;
    padding: 15px;
    font-weight: 500;
    font-size: 13px;
    text-align: start;
}
/*For mobile screen */
@media (max-width: 768px) {
    .text-field {
        text-align: center;
    }
}

#divDetails {
    padding: 10px;
}

hr {
    color: black;
}
body {
    font-family: 'Roboto', sans-serif;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

li {
    border-bottom: 2px solid white;
    padding: 1em 1em 1em 2.1em;
    margin: 0px;
    position: relative;
}

.page-not-found-container > img {
    margin-top: 15px;
}

li:last-child {
    border-bottom: none;
}