/*Temperory Classes
------------------------------------*/
/*Banner-info*/
.banner-info {
    margin-bottom: 10px;
}

    .banner-info i {
        float: left;
        color: #fff;
        padding: 11px;
        /*min-width works with line-icon*/
        min-width: 40px;
        font-size: 22px;
        text-align: center;
        margin: 7px 20px 0 0;
    }

        /*min-width works with FontAwesome*/
        .banner-info i.fa {
            min-width: 46px;
        }

    .banner-info.light i {
        border: 1px solid #fff;
    }

    .banner-info.dark i {
        background: #585f69;
    }

    .banner-info h3 {
        font-size: 21px;
        margin-bottom: 5px;
    }

    .banner-info.light h3 {
        color: #fff;
    }

    .banner-info.light p {
        color: #eee;
    }

/*Breadcrumb-V2*/
.breadcrumbs-v2 {
    text-align: center;
    position: relative;
    background: url(/assets/img/bg/11.jpg) no-repeat center;
}

.breadcrumbs-v2-in {
    padding: 60px 0;
    position: relative;
}

.breadcrumbs-v2 h1 {
    color: #fff;
    text-transform: uppercase;
}

.breadcrumb-v2 li a,
.breadcrumb-v2 li.active {
    color: #fff;
}

.breadcrumb-v2 li i {
    color: #fff;
    min-width: 19px;
    padding: 3px 7px;
    margin-right: 5px;
    text-align: center;
    border: 1px solid #fff;
}

/*Breadcrumbs-v3*/
.breadcrumbs-v3 {
    padding: 10px 0;
    background: #585f69;
    border-bottom: 1px solid #eee;
}

    .breadcrumbs-v3 h1 {
        color: #fff;
        margin: 3px 0;
        font-size: 22px;
        font-weight: 200;
    }

    .breadcrumbs-v3 .breadcrumb {
        padding: 0;
        margin-top: 2px;
        margin-bottom: 0;
    }

        .breadcrumbs-v3 .breadcrumb li a {
            color: #ddd;
        }

/*Title-Box-V2*/
.title-box-v2 {
    text-align: center;
    margin-bottom: 40px;
}

    .title-box-v2 h2 {
        font-size: 25px;
        text-transform: uppercase;
    }

    .title-box-v2 p {
        font-size: 13px;
    }

/*remove padding from "Col-"*/
.no-space {
    padding: 0;
}

/*List Style v1*/
.list-style-v1 li {
    margin-bottom: 7px;
}

.list-style-v1 i {
    margin-right: 5px;
}


.captchaImg {
    border: 1px solid #c2cfd6 !important;
}

.hide {
    display: none !important;
}


.antidirecion {
    direction: ltr;
}

.aspNetDisabled {
    cursor: default !important;
    background-color: #aaa !important;
}

.headerStyle th {
    color: #fff;
    background: #444;
}

.fa-green {
    text-align: center;
    margin: 0 auto;
    color: #000 !important;
    font-size: 1.5em;
}

.fa-red {
    text-align: center;
    margin: 0 auto;
    color: #777 !important;
    font-size: 1.5em;
}

.card-body {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

.well {
    width: 100%;
}

.heading-md {
    color: #fff;    
}

.countdown {    
    border-radius: 6px !important;
    box-shadow: 0 5px 7px rgba(0, 0, 0, 0.7);
    padding: 10px 10px;
    margin-bottom: 12px;
    direction: ltr !important;
    display: inline-block;
    font-size: .9em !important;    
    background: #000;
    color: #fff;
    width: 100%;
}


/********************************/
/**Question Scale Block***/
/********************************/

.star-cb-group {
    /* remove inline-block whitespace */
    font-size: 0;
    /* flip the order so we can use the + and ~ combinators */
    unicode-bidi: bidi-override;
    direction: rtl;
    /* the hidden clearer */
}

    .star-cb-group * {
        font-size: 2rem;
    }

    .star-cb-group > input {
        display: none;
    }

        .star-cb-group > input + label {
            /* only enough room for the star */
            display: inline-block;
            overflow: hidden;
            /*text-indent: 9999px;*/
            white-space: nowrap;
            cursor: pointer;
            border: solid 2px #b18f32;
            border-radius: 5px !important;
            margin: 1px 5px;
            padding: 5px;
            text-align: center;
        }

            .star-cb-group > input + label:before {
                /*display: inline-block;
				text-indent: -9999px;
				content: "☆";*/
                color: #888;
            }

            .star-cb-group > input:checked ~ label:before, .star-cb-group > input + label:hover ~ label:before, .star-cb-group > input + label:hover:before {
                /*content: "★";*/
                color: #005cc8;
                text-shadow: 0 0 1px #333;
            }

        .star-cb-group > input[type="radio"]:checked + label {
            color: #000000;
            background: #f1d483;
            border: solid 2px #b18f32;
            border-radius: 5px !important;
        }

    .` > .star-cb-clear + label {
        /*text-indent: -9999px;*/
        width: .5em;
    }

        .star-cb-group > .star-cb-clear + label:before {
            width: .5em;
        }

    .star-cb-group:hover > input + label:before {
        /*content: "☆";*/
        color: #888;
        text-shadow: none;
    }

    .star-cb-group:hover > input + label:hover ~ label:before, .star-cb-group:hover > input + label:hover:before {
        /*content: "★";*/
        color: #005cc8;
        text-shadow: 0 0 1px #333;
    }

/********************************/
/**Question Block***/
/********************************/
.title-question {
    color: #4a4a4a !important;
    font-size: medium;
}

.desc-question {
    color: #4a4a4a !important;
}

.card-body-questions {
    /*background: url(/assets/img/patterns/12.png);*/
}

.table-questions {
    width: 100%;
    border: 0 !important;
    border-collapse: separate;
    border-spacing: 0 1em;
}

    .table-questions td {
        border: 0 !important;
        padding: 20px;
    }



.form-question {
    width: 100%;
    line-height: 160%;
    border: 1px dashed #444 !important;
    background-color: white;
    height: 50px !important;
}

textarea.form-question {
    height: 100px !important;
}
/********************************/

.correct-answer {

}

.nav-tabs .nav-item.active {
    background: #fff;
}

.card-body {
    white-space: normal !important;
}

.tab-pane {
    padding: 30px !important;
}

.btn-info {
    color: #fff !important;
}

.jumbotron {
    background: #FFF !important;
    -webkit-box-shadow: inset 0px -61px 64px -68px rgba(0,0,0,0.57);
    -moz-box-shadow: inset 0px -61px 64px -68px rgba(0,0,0,0.57);
    box-shadow: inset 0px -61px 64px -68px rgba(0,0,0,0.57);
    border: 1px solid #c2cfd6;
}

.jumbotron > .container {
    background: #FFF !important;
}

.background-1 {
    background: #282537;
    background-image: -webkit-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -moz-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: -o-radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
    background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
}

.background-2 {
    background: #092756;
    background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%,#092756 100%);
    background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);
}

.background-3 {
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0,0%,0%,.3);
}

.background-4 {
    background: rgb(105,155,200);
    background: -moz-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%, rgba(181,197,216,1) 57%);
    background: -webkit-gradient(radial, top left, 0px, top left, 100%, color-stop(0%,rgba(105,155,200,1)), color-stop(57%,rgba(181,197,216,1)));
    background: -webkit-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: -o-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: -ms-radial-gradient(top left, ellipse cover, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    background: radial-gradient(ellipse at top left, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );
}

.background-5 {
    background-image: linear-gradient(45deg, rgba(194, 233, 221, 0.5) 1%, rgba(104, 119, 132, 0.5) 100%), linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
}

.background-6 {
    background: rgb(244,226,156);
    background: -moz-linear-gradient(-45deg, rgba(244,226,156,0) 0%, rgba(59,41,58,1) 100%), -moz-linear-gradient(left, rgba(244,226,156,1) 0%, rgba(130,96,87,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -webkit-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -o-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), -ms-linear-gradient(left, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
    background: linear-gradient(135deg, rgba(244,226,156,0) 0%,rgba(59,41,58,1) 100%), linear-gradient(to right, rgba(244,226,156,1) 0%,rgba(130,96,87,1) 100%);
}

.btn-u {
    white-space: nowrap;
}

.sidebar .nav .nav-title {    
    color: #f7d985 !important;
}

.tr_assessment > td {
    background: #fafafa;
    border: solid 1px #cacaca !important;
    border-right: solid 5px #f1d483 !important;
}

.tr-danger > td {
    background: #fff5f5;
    border-right: solid 5px #e8bdbd !important;
}

.tr-warning td {
    background: #ffffd6;
    border-right: solid 5px #d2d2b2 !important;
}

.tr-success td {
    background: #edffed;
    border-right: solid 5px #a4caa4 !important;
}


.readonly {
    pointer-events: none;
    background: #eee !important;
}

.timepicker-popup {
    direction: ltr;
}

.timepicker-popup table td {
    border-width: 0 !important;
}