/* here you can put your own css to customize and override the theme */
/* Question Bank Page css Begin */
.addbtnpanel {
    margin:20px 0;
}
/* Question Bank Page css End */
/* Questionnaire Page css Begin */
ul{
    list-style: square;
}
li{
    list-style-type: none;
}
#toolPanel li,.draggable{
    z-index:99;
    cursor:pointer;
}
#questionForm{
    width:100%;
    min-height:300px;
}
#questionnairePanel li {
    margin-bottom: 20px;
}
/*#toppings li{
    border:1px solid brown;
    width:150px;
    cursor:default;
}
#pizza{
    border:1px solid red;
    width:400px;
    height:400px;
    border-radius:200px;
 }
#pizza p{
    font-weight:bold;
    text-align:center;
}
#pizza div{
    padding:50px;
}*/
.questionContent{
    width:80%;
}
#questionnaireToolPanel {
    position:fixed;
    width:22%;
}
/*#questionnaireToolBarPanel{

}*/

#questionnaireContentPanel {
    float:right;
}

/* Questionnaire Page css End */
.choiceitem-css,.questioncon-css{
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;

}
textarea.questioncon-css{
    height: 60px!important;
    overflow-y: auto;
    width:70%;
}
.padding-7{
    padding:7px 12px!important;
}
.margin-left-25{
    margin-left:26px;
}
.margin-left-12{
    margin-left:12px;
}
.hr-line-dashed {
    border-top: 1px dashed #ccc;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0 20px -40px;
}
textarea:focus, input:focus{
    border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.totalscore{
    width: 60%;
}
.save-btn{
    text-align:center;
}
.btn-addimg{
    width:33px;
    height:33px;
    background-image:url(../images/additem.png);
    display: inline-block;
    position: relative;
    top: 10px;
    cursor:pointer;
}
.btn-editimg {
    width:33px;
    height:33px;
    background-image:url(../images/edititem.png);
    display: inline-block;
    position: relative;
    top: 10px;
    cursor:pointer;
}
.btn-deleteimg{
    width:33px;
    height:33px;
    background-image:url(../images/deleteitem.png);
    display: inline-block;
    position: relative;
    top: 10px;
    cursor:pointer;
}
.input-width{
    width:80%;
}
.add-delete{
    display: inline-block;
    position: relative;
    bottom: 20px;
}
.table-border-css.no-footer {
        border: 1px solid #EBEBEB !important;
    }

    .table-border-css > thead > tr > th {
        background-color: #F5F5F6!important;
    }

    .table-border-css thead th {
        border: 1px solid #ddd !important;
    }

    .table-border-css > tbody > tr > td {
        vertical-align: middle !important;
    }
    
    #levelList,#staffGroupList,#levelListPopup,#staffGroupListPopup{
        margin-top:5px;
    }
    select#timeRange,select#CompetenceNameId,select#CompetenceFrameworkId,select#categorySubject,select#categoryLevel,select#staffGroup,select#QuestionCategoryId,select#subject_dropdownlist,select#level_dropdownlist,select#staffgroup_dropdownlist,select#QuestionnaireTypeId,input#Configs_0__QuestionCount,input#Configs_1__QuestionCount,input#Configs_2__QuestionCount,input#Configs_3__QuestionCount{
        padding: 6px 12px;
        font-size: 14px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    select#QuestionCategoryId:focus, select#QuestionnaireTypeId:focus,input#Configs_0__QuestionCount:focus,input#Configs_1__QuestionCount:focus,input#Configs_2__QuestionCount:focus,input#Configs_3__QuestionCount:focus{
        border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }
    .page-content-table{background: #fff;padding: 25px 22px 20px 20px;width: 102.5%;margin-left: -20px; overflow-x:hidden}


/* Category Start */


#categoryAccordion {
    width:80%;
    margin:20px auto;
}
#categoryAccordion h1 {    
    margin: 0px;
    font-size:1.5em;
}
#categoryAccordion h2 {        
    margin: 0px;
    font-size:1.2em;  
}

#categoryAccordion .categoryTrust{
    background-color:#0f4e74;
    color:white;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
}

#categoryAccordion .categoryLevel {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:80px;
    /*background-color: #1b8fd3;*/
    background-color: #ddd;
    /*color: #ffffff;*/
}

#categoryAccordion .categorySubject {
    /*background-color: #0d638f;*/
    background-color: #bbbbbb;
    /*color: #ffffff;*/
    padding-top:5px;
    padding-bottom:5px;
    padding-left:20px;
}

#categoryAccordion .optionBtn {
    float:right;
}

#categoryAccordion p{
    margin:0px;
}
#categoryAccordion label {
    margin: 0px;
    font-size:1em;
}
#categoryAccordion .categoryStaffGroup {
    border-left:solid #d7d7d7 1px;
    border-right:solid #d7d7d7 1px;
    border-bottom:solid #d7d7d7 1px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:140px;
}

#categoryAccordion .row {
    margin:0px;    
}
    #categoryAccordion .optionBtn {
        text-align:right;
    }
#categoryAccordion .btn-addimg,#categoryAccordion .btn-deleteimg,#categoryAccordion .btn-editimg {    
    top: 0px;
    background-size:25px;
    width:25px;
    height:25px;
}

#categoryAccordion h1, #categoryAccordion h2, #categoryAccordion label {
    cursor:pointer;
    line-height: 33px;
}

#categoryAccordion .highlight {
    background-color:#cc1d1d;
    color:#fff;
}

.categoryNote{
    float: left;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #FFF;
    font-size: 10px;
    text-align: center;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0px 10px;    
    border-radius: 25px!important;
}

.subjectNote{
    background-color: #0f4e74;
}
.levelNote{
    background-color: #c9302c;
}
.staffGroupNote{
    background-color: #1b8fd3;
}

.categorySubject .col-md-9,.categorySubject .col-sm-9{
    padding-left:0px;
}

/* Category End */

/* Common css Start */
.searchBar .categoryDiv {
    float: left;
    margin-right: 20px;
}
.searchBar{
    width:100%;
}

/* loading Start */
#mloading {
    width:100%;
    /*height:200%;*/
    background-color:#fff;
    display:none;
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -khtml-opacity:0.7;
    opacity:0.7;
    position:absolute;
    top:0;
    z-index:9999;
}
#mloading section{
    width:8%;
    top:50%;
    position:fixed;
    left:45%;    
}
/* loading End */
/* Common css End */


/* Report Page Start */
#reportPanel table.dataTable tbody th, #reportPanel table.dataTable tbody td {
    padding: 0px 10px;
}

#reportPanel table.dataTable tbody td.noPadding {
    padding: 0px 0px 0px 0px;
}
/* Report Page End*/

/* DataTable Start */
.dataTables_length {
    float: right!important;
}
.dataTables_filter{
    display:none;
}
.dataTable_Search {
    padding: 6px 12px;
    font-size: 14px;
    height:32px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#reportPanel table.dataTable tbody {
    font-size: 12px;
}

/* DataTable End */
.dataTables_info {
    padding-top: 0em !important;
    margin-bottom:5px;
}
.full-width {
    width: 100%;
}

.bottom .dataTables_info {
    padding-top: 0em !important;
    margin-top:5px;
    margin-bottom:0px;
}

.front li{
    list-style-type:inherit;
}


.reportSearchBar .categoryDiv, .reportSearchBar #levelList,.reportSearchBar #staffGroupList{
    width:30%;
}

.reportSearchBar .categoryDiv select{
    width:100%;
}

.dataTables_processing{
    background-color: black!important;
}

#dataTable_processing{
    background-color: #286090;
    color: #fff;
    position: absolute;
    width: 80%;
    text-align: center;
    top: 70%;
    left: 10%;
    padding: 10px;
}

/*.nav-tabs {
        border-bottom: none !important;
        margin-left: 15px;
    }
    .nav-tabs li a {
        color:white;
        border: none;
        background-color:#337ab7;
        margin-right: 0px;
    }
    .nav-tabs li a:hover,.nav-tabs li a:focus {
        background-color:#1b8fd3;
    }
    .nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
        color:white;
        border: none !important;
        background-color:#1b8fd3;
    }
*/

    
.prompttext {
    color: #666!important;
    text-align: center;
    margin-top: 60px;
    /*padding: 0 30px 30px;*/
    padding-bottom:30px;
    margin: 60px 40px 0 40px;
    font-size: 18px;
    line-height: 30px;
}

.topLogo {
    position: absolute;
    border-radius: 100%;
    width: 100px;
    left: 50%;
    top: -35px;
    margin-left: -39px;
    z-index: 9999;
    margin-top: 0;
}
.topLogo img{
    width: 100px;
}

.transfer-center-div {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 20px;
}

.transfer-ml-10 {
    margin-left: 10px;
}

.transfer-mr-5 {
    margin-right: 5px!important;
}

.swal-overlay--show-modal {
    z-index: 999999 !important;
}

.swal-icon {
    border-radius: 50% !important;
}

.swal-button {
        padding: 7px 19px;
        border-radius: 2px;
        background-color: #337ab7;
        font-size: 12px;
        border: none;
}


.swal-button--cancel {
    color: #333;
    background-color: #efefef;
}