@charset "UTF-8";
 
#loader {
  background: url("../img/ajax-loader.gif") no-repeat scroll 20px 20px #FFFFFF;
  border: 6px solid #1e88e5;
  border-radius: 5px 5px 5px 5px;
  color: #777;
  display: none;
  font-family: sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 21px;
  left: 43%;
  padding: 28px 28px 25px 70px;
  position: fixed;
  top: 35%;
  z-index: 1000;
}

.modal.fade.in, .modal.in{
  background-color: rgba(43, 85, 206, 0.51) !important;
}

.no-padding {
    padding: 0 !important;
}

.no-margin{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.marginLeft10{
  margin-left: 10px !important;
}
.marginRight10{
  margin-right: 10px !important;
}

.resetIndexFilters{
  margin-left: 15px;
}

.searchButton{
  margin-right: 15px;
}

.assetsContentOuter img{
  border: 1px solid #ccc; 
}

.institutionLogo img, .institutionLogoClean img{
  max-width: 128px;
  display: block;
}

.error-message{
  color: #c60909;
  font-size: 12px;
}

.marginBottom15{
  margin-bottom: 15px;
}

.textMiddle{
  text-align: center;
}

.trumbowyg-box, .trumbowyg-editor {
    height: 150px !important;
    min-height: 150px !important;
}

.dragPlace{
  width: 20px !important;
  color: #ccc !important;
}

.customFieldActions .remove .fa{
  color:#FB404B !important;
}

a .question-mark { 
    border-radius: 50px;
    padding: 2px 8px;
    margin-right: 5px;
    margin-left: 5px; 
    background: #27ACC8;
    color:white;
}

.dontShowSimilarQuestions{
  font-size: 12px;
  color: #27ACC8;
  line-height: 22px;
  margin-left: 5px;
}

.link-dialog .form-group{
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.questionSimilarTitle ul li, .questionSimilarTitle ul li a {
  float: left;
  width: 100%;
}

.footer.white  .copyright{
  color:white !important;
}

#examStyleCustomPreview{
  border:1px solid #ccc !important;
  margin-right: 20px !important;
  min-height: 890px !important;
  margin-top: 10px;
  padding: 10px !important;
  float: left;
  width: 100%;
}
 

.examStyleCustomOuter{
  margin-top:30px !important;
}

.note-btn-group .caret {
    float: none !important;
    margin: 0px !important;
}

.slick-list.draggable{
  width:970px !important;
}

.sidebar-mini .slick-list.draggable{
  width:1130px !important;
}

.themeSlider {
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 10px;
  /*
  margin: 0px;
  padding: 0px;
  list-style: none;
  width: 100%;
  float: left;
  */
} 
.themeSlider li{
  position: relative;
} 
.themeSlider li a.examStyleThemePreviewHref:hover{
  border: 1px solid #27ACC8;
  color: #27ACC8;
}
  
.themeSlider li.active a.examStyleThemePreviewHref{ 
  border: 3px solid #27ACC8;
  color: #27ACC8;
}

.themeSlider li a.examStyleThemePreviewHref{
    margin-right: 10px;
    padding: 2px;
    float: left;
    text-align: center;
    background-color: #fff;
    overflow: hidden; 
    border: 1px solid #ccc;
    position: relative;
    width: 100%;
    float: left;
    height: 150px !important;
    width: 152px !important;
}
.themeSlider li .examStyleThemePreviewHref img{   
  max-width: 145px;
}
.themeSlider li .themeTitle{
  width: 145px;
  float: left;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  position: absolute;
  top:  105px;
  left: 0px;
  background-color: #fff;
}
.examThemeSettings{
  background-color: #f8f8f8;
  float: left;
  padding: 10px;
  width: 100%;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-left: 20px;
  padding-right: 20px;
}
.examThemeSettings h6{
  margin-bottom: 10px;
}


.themeSlider li .examStyleThemeDeleteHref{
  position: absolute;
  top: 5px;
  right: 15px;
}

.themeSlider li .examStyleThemeDeleteHref img{
  height: 16px;
}

.themeSlider li.active a.examStyleThemeDeleteHref{
  display: none;
}



.text-left{
  text-align: left !important;
}
.nav-tabs>li.active>a { 
    background-color: #f8f8f8 !important;
}

.examViewOuter{
  margin-top: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  float: left;
  width: 100%;
}

#examStyleCustomPreview p, 
#examStyleCustomPreview span, 
#examStyleCustomPreview div, 
#examStyleCustomPreview h1,
#examStyleCustomPreview h2,
#examStyleCustomPreview h3,
#examStyleCustomPreview h4,
#examStyleCustomPreview h5,
#examStyleCustomPreview h6, 
#examStyleCustomPreview hr, 
#examStyleCustomPreview img, 
#examStyleCustomPreview a,
{
  all: initial !important;
  * {
    all: unset !important;
  }
}






.polyglotLanguageSwitcher{
    margin-top: 10px;
    padding: 15px !important;
}

.polyglotLanguageSwitcherLogged{
  margin-top: 22px;
  float: left;
}

.languageSelectorOuter button{
  padding-top: 0px !important;
  padding-bottom: 0px !important; 
}

.dd-option-text, .dd-selected-text{
  line-height: 25px !important;
  float: left;
  margin-left: 5px;
}
.dd-selected, .dd-option{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  width: 100%;
}
.dd-option-image, .dd-selected-image{
  margin-top: 5px !important;
  max-width: 16px !important;
}

.dd-select, .dd-options , .languageSelector, .dd-container{
  width: 55px !important;
}

.dd-select{
    background: none !important;
    border: none !important;
    float: left;
    margin-bottom: 0px; 
    padding-bottom: 0px;
}

.dd-options{
    position: absolute;
}


#feature-section .article-section-inner{
    margin-top: 10px !important;
}

.article-section-inner{
    margin-bottom: 10px;
}


ul.header-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;  
    font-size: 14px;
} 

.form-group small {
    background-image: url(../img/info-icon-hover.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
    padding-left: 20px;
    font-size: 11px;
    color: #595858;
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 0px;
    min-height: 17px;
    text-transform: initial !important;
}

.resetThis div,
.resetThis span,
.resetThis p, 
.resetThis table,
.resetThis tr,
.resetThis td,
.resetThis th,
.resetThis thead,
.resetThis tbody,
.resetThis h1,
.resetThis h2,
.resetThis h3,
.resetThis h4,
.resetThis h5,
.resetThis h6,
.resetThis img 
{
    animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    /* May need to alter quotes for different locales (e.g fr) */
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    /* basic modern patch */
    all: initial;
    all: unset;
}

/* basic modern patch */


.resetThisRoot div,
.resetThisRoot span, 
.resetThisRoot table,
.resetThisRoot tr,
.resetThisRoot td,
.resetThisRoot th,
.resetThisRoot thead,
.resetThisRoot tbody,
.resetThisRoot h1,
.resetThisRoot h2,
.resetThisRoot h3,
.resetThisRoot h4,
.resetThisRoot h5,
.resetThisRoot h6,
.resetThisRoot img, 
 {
    all: initial;
    * {
        all: unset;
    }
}


.resetThis h1,
.resetThis h2,
.resetThis h3,
.resetThis h4,
.resetThis h5,
.resetThis h6{
  display: table;
}

.resetThis p{
  /*display: inline !important;*/
  margin-bottom: 0px !important;
}

.note-toolbar{ 
  background-color: #f5f5f5 !important;
  border-color: #ddd !important;
}
.resetThisRoot hr{
  background: #000 !important; 
  height: 1px !important;
  width: 100%;
  float: left;
}

.tableExamHeader,
.tableExamHeader td,
.tableExamHeader tr,
.tableExamHeader th
{
  border:none !important;
}
.note-editor .note-editable p { 
  margin-bottom: 0 !important; 
}
.alert button.close{
  color: #000 !important;
}

@media print {
  .footer, .hideForPrint{
    display: none !important;
  }
}

#navbarTitle{
  display: none;
}



@media screen and (max-width: 767px) {
  .no-padding{
    padding-left: unset !important;
    padding-right: unset !important;
  }
  .no-padding-left {
    padding-left: unset !important;
  }
  .no-padding-right {
    padding-right: unset !important;
  }
  .indexBackButtons,.top_search {
    margin-bottom: 15px !important;
  }  
  
  .modal-backdrop{
    display: none !important;
  }
  .filters.no-padding,.filters.no-padding-right,.filters.no-padding-left{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  td.actions .btn{
    margin-bottom: 10px !important;
  } 
  #navbarTitle{
    display: block;
  }
}

.indexBackButtons .btn{
  margin-bottom: 5px !important; 
} 

td.actions{
  width: 15%;
}
.indexList dd{
  padding-bottom: 15px;
}


.register-tos a{
  color: #fff !important;
  text-decoration: underline !important;
}

.paymentTypes .form-group .col-md-9.col-sm-9.col-xs-12{
  padding-top: 10px !important;
}
.mainIndexTable .label{
  display: inline-block;
  padding: 5px;
  margin-bottom: 2px; 
}

body.ar div,
body.ar span,
body.ar p,
body.ar label,
body.ar input
{
  text-align: right !important;
}

.exemDefinedQuestion .remove, a.remove{
  color: #FB404B !important;
}

.width100print{
	width: 100%;
}

.note-editable, .note-editable p{
  line-height: 1 !important;
}


.form-inline-jeditable input[type="text"]{ 
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #565656;
    padding: 8px 12px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width:100%;
}


.form-inline-jeditable .btn{
  margin-left: 5px;
}
 
.examListOuter{
  padding:15px;
  display: inline-block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(63, 63, 68, 0.1);
  background-color: #FFFFFF;
  margin-bottom: 30px;
}
 
.examListOuter div{
  margin-top: 10px;
}

.examListOuter .actionLink{ 
  margin-left: 20px;
}
.changeCategoryModal, .changeQueustionWeightModal{
  cursor: pointer;
}