/**********************************
 *            General             *
/**********************************/
.button-icon-spinner{
    display: none;
}
.skin-yellow .box.box-warning{
    border-top-color: #fada2d;
}
.btn-yellow{
    background-color: #f9d406;
    color: #fff;
}
.btn-yellow:hover,.btn-yellow:active{
    background-color: #e0bf06;
    color: #fff;
}
button .btn-yellow:hover,button .btn-yellow:active{
    background-color: #e0bf06;
    color: #fff;
}

.btn-black{
    background-color: #23282D;
    color: #fff;
}
.btn-black:hover,.btn-black:active{
    background-color: #000;
    color: #fff;
}

.btn-gold{
    background: #d0c062;
    color: #fff;
}
.btn-gold:hover,.btn-gold:active{
    background-color: #b19e35;
    color: #fff;
}
.btn-clear{
    background:transparent;
}

.active-buttons{
    text-align: center;
    margin-top: 3px;
}


.form-builder{
    border: 2px dashed #CED2CC;
    padding: 15px;
}
.form-builder .type-title{
    font-size: 14px;
    margin-bottom: 5px;
}
.form-builder select{
    width: 100%;
}

.form-builder .choose-msg{
    color: #CED2CC;
    text-align: center;
}



.btn-success {
    background-color: #6AB187;
    border-color: #6AB187;
}
.btn-success:hover {
    background-color: #3e7555;
    border-color: #3e7555;
}
.btn-danger {
    background-color: #D32D41;
    border-color: #D32D41;
}
.btn-danger:hover{
    background-color: #931f2d;
    border-color: #931f2d;
}
.skin-yellow .main-header .navbar {
    background-color: #fada2d;
}
.skin-yellow .main-header .logo {
    background-color: #fad102;
}
.btn-blue{
    background-color: #496f97;
    color: #fff;
}
.btn-blue:hover,.btn-blue:active,.btn-blue:visited{
    background-color: #3a5878;
    color: #fff;
}
.box.box-gray{
    border-top-color: #d7dad7
}

/**********************************
 *         Form Builder           *
/**********************************/

.tpl{
    padding: 15px;
    background-color: #f2f3f2;
    margin-bottom: 15px;
}
.tpl-title{
    position: relative;
    margin-bottom: 10px;
}
.tpl-title .handle{
    cursor: move;
}
.tpl-title .delete{
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer;
}
.tpl-footer{
    text-align: right;
    padding-top: 15px;
}



.form-builder .form-group{
    margin-bottom: 5px;
}
.form-builder .form-group:last-child{
    margin-bottom: 0;
}

.form-builder .question-type .type-title{
    position: relative;
    margin-bottom: 15px;
}
.form-builder .question-type .type-title .handle{
    position: absolute;
    right: 0;
}
.form-builder .question-type:last-child{
    margin-bottom: 0;
}
.form-builder .grade-table .select2-container{
    margin-bottom: 5px;
}
.form-builder .grade-table .button-container{
    text-align: right;
}
.sortable-ghost {
    background: #dde5ee;
}

.choose-tpl-button{
    text-align: left;
    position: relative;
}
.choose-tpl-button .button-icon-spinner{
    position: absolute;
    right: 5px;
}
.add-row-button,.remove-row-button{
    padding: 5px;
    line-height: 1;
}

/**********************************
 *              Modal             *
/**********************************/
.modal-header {
    border-bottom-color: #f4f4f4;
    background: #496f97;
    text-align: center;
    color: #fff;
}
.modal-header .close{
    position: absolute;
    right: -10px;
    top: -10px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f2f3f2;
    opacity: 1;
    float: none;
    text-shadow: none;
}
.modal-text{
    text-align: center;
}
.modal-footer{
    text-align: left;
}
@media (min-width: 992px){
    .modal-xlg {
        width: 1170px;
        max-width: 100%;
    }
}

/**********************************
 *            Datepicker          *
/**********************************/
.datepicker table tr td.today{
    background: #fada2d;
}
.datepicker table tr td.active.active{
    background: #496f97;
}


/**********************************
 *            Client          *
/**********************************/
.survey-form.he{
    direction: rtl;
}
.survey-form table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.survey-form table tr{
    min-height: 15px;
}
.survey-form table th{
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    background: #3b648f;
    padding: 40px 5px;
}
.survey-form table td{
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
}
.survey-form table tr:first-child td,.surveys-table table tr:last-child td{
    padding: 0;
}
.survey-form table td:nth-child(1),.surveys-table table td:nth-child(9),.surveys-table table tr:nth-last-child(2) td{
    border: 0;
}
.survey-form .align-center{
    text-align: center;
}
.survey-form .align-right{
    text-align: right;
}
.survey-form .align-left{
    text-align: left;
}

.survey-form .divider-shadow {
    width: 70%;
    position: relative;
    margin: 0 auto;
}
.survey-form .divider-shadow .mask {
    overflow: hidden;
    height: 20px;
}
.survey-form .divider-shadow .mask:after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px rgba(242, 242, 242, 0.9);
}
.survey-form .radio {
    padding: 0;
    margin: 0;
    text-align: center;
}
.survey-form .radio label::before,.radio label::after{
    margin-left:-8px;
}
.survey-form .checkbox input[type=checkbox], .survey-form .checkbox-inline input[type=checkbox], .survey-form .radio input[type=radio], .survey-form .radio-inline input[type=radio]{
    margin: 0;
}
.survey-form .radio label::before{
    background-color: #e2e2e2;
    border: 0;
}
.survey-form .radio label::after{
    background-color: #ffe14f;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    content: "\f00c";
    color: #2a5079;
    font-family: FontAwesome;
}

/****************************
          Grade Table
 ****************************/
.survey-form.he .grade-table-section th.subject{
    text-align: right;
}
.survey-form.he .grade-table-section th.comments{
    text-align: right;
}
.grade-table-section .question.error label::before{
    background-color: #f9c2c2;
}
.grade-table-section table textarea{
    min-width: 200px;
    width: 100%;
    max-width: 100%;
    min-height: 70px;
    resize: none;
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    display: block;
    padding: 5px;
}

/****************************
        Range Slider
 ****************************/
.range-slider-section .range-slider-container{
    width: 500px;
    max-width: 100%;
    margin: 30px auto 0;
}
.irs--flat .irs-bar{
    background-color: #325a84;
}
.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single{
    background-color: #325a84;
}
.irs--flat .irs-handle>i:first-child{
    background-color: #325a84;
}
.irs--flat .irs-handle:hover>i:first-child,.irs--flat .irs-handle.state_hover>i:first-child{
    background-color: #325a84;
}
.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before{
    border-top-color: #325a84;
}
.range-slider-section .title-container{
    text-align: center;
}

/****************************
        Open Question
 ****************************/
.open-question-section .form-container{
    width: 700px;
    max-width: 100%;
    margin: 30px auto 0;
}
.open-question-section .form-container textarea{
    width: 100%;
    height: 230px;
    background: #fbfbfb;
    border: 1px solid #e2e2e2;
    resize: none;
    padding: 10px;
}
.open-question-section .form-container textarea.error{
    background-color: #f9c2c2;
}
.open-question-section .title-container{
    text-align: center;
}
/****************************
            General
 ****************************/
.survey-form{
    padding-bottom: 50px;
}
.survey-form section{
    padding: 25px 0;
}
.survey-form section .main-title{
    font-size: 24px;
    font-weight: 700;
    color: #83848b;
    margin-bottom: 10px;
    text-align: center;
}
.survey-form section .sub-title{
    font-size: 16px;
    font-weight: 700;
    color: #83848b;
    text-align: center;
}
.survey-form .button-container{
    text-align: right;
}
.dir-rtl .survey-form .button-container{
    text-align: left;
}

/*.survey-form .submit-button-container button:hover{*/
/*background: #234f7d;*/
/*}*/
.button-el{
    background: #325a84;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 30px;
    display: inline-block;
}


.bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body {
    background-color: #fef6cd !important;
}
.alert-warning {
    border-color: #fee981;
    color: #000 !important;
}

/****************************
        Create Question
 ****************************/
.create-question textarea{
    height: 100px;
    resize: none;
}

/**********************************
 *          Upload File           *
/**********************************/
.upload-file-wrapper {
    position: relative;
    overflow: hidden;
}
.upload-file-wrapper .btn-warning {
    background-color: #ffdc2d;
    border-color: #fad102;
}
.upload-file-wrapper .btn-warning:hover{
    background-color: #fad102;
}
.upload-file-wrapper input[type=file] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
    cursor: pointer;
}
.upload-file-wrapper .comment {
    margin: 10px 0;
    font-size: 12px;
}
.upload-file-wrapper .comment #file-name{
    color: #00a65a;
}
.upload-file-wrapper .progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
#messages-list a{
    color: #dd4b39;
    text-decoration: underline;
}



.dataTables_wrapper .top{
    position: relative;
    text-align: center;
    min-height: 35px;
}
.dataTables_wrapper .top .dt-buttons{
    position: absolute;
    left: 0;
    top: 0;
    float: none;
}
/*.dataTables_wrapper .top .dataTables_length{*/
/*display: inline-block;*/
/*}*/
.dataTables_wrapper .top .dataTables_length{
    position: absolute;
    left: 0;
    top: 0;
    float: none;
}
.dataTables_wrapper .top .dataTables_filter{
    position: absolute;
    right: 0;
    top: 0;
    float: none;
}
.dataTables_wrapper .bottom .dataTables_info{
    float: left;
}
.dataTables_wrapper .bottom .dataTables_paginate{
    float: right;
}



textarea.html-email{
    height: 34px;
    resize: none;
    display: block;
    width: 117px;
    padding: 3px;
    float: left;
    font-size: 10px;
}
.copy-container{
    position: relative;
}
.copy-button{
    float: right;
}
.copy-button-container{
    position: absolute;
    right: 0;
    top: 0;
}
.tooltip{
    width: 150px;
    text-align: center !important;
}
.tooltip .tooltip-inner{
    width: 100%;
    display: inline-block;
    text-align: center !important;
}
.btn.active, .btn:active{
    box-shadow: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
}
a {
    color: inherit;
}

.hide{
    display: none;
}
/*.radio label {*/
/*width: 20px;*/
/*height: 20px;*/
/*padding: 0;*/
/*}*/



.grade-table-section table td:nth-child(1), .grade-table-section table td:nth-child(9), .grade-table-section table tr:nth-last-child(2) td {
    border: 0;
}
.grade-table-section table tr:first-child td, .grade-table-section table tr:last-child td {
    padding: 0;
}

/*.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {*/
/*color: #0b3769;*/
/*}*/


.main-content {
    font-size: 17px;
    color: #83848b;
    padding: 20px 0 20px;
}
.main-content p{
    margin-bottom: 0;
}
.main-content strong {
    color: #9e0025;
    font-weight: 400;
}
.main-content.he{
    direction: rtl;
    text-align: right;
}

table a:hover i,table button:hover i{
    color: #004b8e;
}
.main-header .logo img {
    width: 95px;
}
@media (min-width: 768px){
    .sidebar-mini.sidebar-collapse .main-header .logo {
        width: 50px;
        padding: 0 5px;
    }
    .sidebar-mini.sidebar-collapse .main-header .logo img{
        width: 40px;
    }
}

:active {
    outline:none !important;
}

.status-button:hover i{
    color: #fff;
}
.status-button.btn-default:hover i{
    color: #000;
}

.status-button{
    position: relative;
    padding-right: 25px;
}
.status-button i{
    position: absolute;
    right: 5px;
    top: 9px;
}



.form-group{
    position: relative;
    margin-bottom: 25px;
}
div.error{
    font-size: 12px;
    color: #D32D41;
    position: absolute;
}
textarea.error{
    border-color: #D32D41;
}


table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top:50%;
    margin-top: -9px;
}

.form-control.he{
    direction: rtl;
    text-align: right;
}