@mixin clearfix() {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}
/*
.listview div,
.listview *{ border:1px solid #f00 !important;}
*/

.wrs_unicodeTable{ width:100% !important;}
.wrs_unicodeTable .wrs_unicodeButton.wrs_mathChar.wrs_font_stix{ height:20px; width:20px; padding:0; margin:0; line-height:20px; text-align:center }
a:focus, button:focus{
    outline: none;
}

*, button{ outline:0;}

.char {
    display: inline-block;
    position: relative;
}
.char::before {
    content: '.';
    display: inline-block;
    position: absolute;
    bottom: -0.4em;
    left: 0;
    text-align: center;
    width: 100%;
	font-weight:bold;
	font-size:20px;
}
sup{ text-decoration:none !important} 
u sup{ text-decoration:none !important;  } 
/*
u{ text-decoration:none !important; border-bottom: 1px solid black;
   display: inline;
}*/

.poniter{ cursor:pointer }
.p0{ padding:0; }
.m0{ margin:0;}
.m5{ margin:5px;}
.m10{ margin:10px;} 
.p5{ padding:5px}
.p10{ padding:10px}
.p15{ padding:15px}
.p20{ padding:20px}



 .pb5{ padding-bottom:5px;}
 .pb10{ padding-bottom:10px;}
 .pb20{ padding-bottom:20px;}

 .mb5{ margin-bottom:5px;}
 .mb10{ margin-bottom:10px;}
 .mb20{ margin-bottom:20px;}

 .mt5{ margin-top:5px;}
 .mt10{ margin-top:10px;}
 .mt20{ margin-top:20px;}
 .ma0{ margin:0 auto;}
 
 .pt0{ padding-top:0;}
 .pb0{ padding-bottom:0;}
 
 
 .pr0{ padding-right:0;}
 .pl0{ padding-left:0;}
 
 .op5{ opacity:0.5}
 .op7{ opacity:0.7}
 .op8{ opacity:0.8}
 .op9{ opacity:0.9}
 
 .w100{ width:100%}
.text-white {    color: #fff ;}
.text-red {    color: ##d21a24;}
.text-btn {
    color: #0089b8;
} 

.bd0{ border:0  !important;}
.round0{border-radius: 0  ;}
.round10{border-radius: 10px  ;}
.round15{border-radius: 15px ;}
.round20{border-radius: 20px ;}

.btn-primary{ background:#81d8d0}

 .text-lblue{ color:#81d8d0}
 .text-blue{ color:#0057a6}
 .text-dred{ color:#74493d}
 .text-og{ color:#fb9839}
 .text-grey{ color:#444}
 .text-lgrey{ color:#999}
 .text-dgrey{ color:#222}
 .text-black{ color:#000;}
.text-primary {
    color: #199dbf;
}
.text-red{ color:#d11a24;}
 .text-orange{ color:#ee7700;}
 .text-green{ color:#84c043;}
  .fs32{
    font-size: 32px;
}

 .fs24{
    font-size: 24px;
}

.fs22{
    font-size: 22px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}


.fs12{
    font-size: 12px;
}
.fs14{
    font-size: 14px;
}

.fs16 {   font-size: 16px;}
.bold{ font-weight:bold}

  a:hover{ text-decoration:none}
  
.mbtn,
.ani{

 -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;}
	
.mbtn:hover{ opacity:0.7;}

.table.vm th,
.table.vm td{ vertical-align:middle}

.upper{ text-transform: uppercase}
.noupp{ text-transform:none}
.hide{ display:none !important} 

.pos-rel{ position:relative}
.pos-abs{ position: absolute}
.db{ display:block}
.dib{ display:inline-block}

.covImg { 
 -moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 

.cntImg { 
 -moz-background-size:contain;
-webkit-background-size:contain;
-o-background-size:contain;
background-size:contain;
background-repeat: no-repeat;
display:block;
background-position: 50% 50%;
position:relative; 
} 
 
 .lodingDiv{     
 	width:100%; height:100%;
  position:absolute; top:0; left:0;
  background:rgba(255,255,255,0.95) url(../images/loading.gif) no-repeat 50% 45%;
  z-index:8000;
  
  display:flex; 
flex-wrap: no-wrap;
 justify-content: center;
 align-items: center;
}
 .lodingDiv.top{
  background:rgba(255,255,255,0.95) url(../images/loading.gif) no-repeat 50% 5%;
	
	}

 .lodingDiv p{ text-align:center; padding-top:20px;}  
.admin_box{ position:fixed; left:5px; top:5px; display:block; z-index:50000000;
background:rgba(0,0,0,.8);
padding:3px 5px 3px 14px; 
border-radius:8px;
color:#fff; line-height:30px;
font-size:12px;
}
.admin_box .btn{border-radius:8px; color:#fff; background:#217500; margin:0 0 0 5px; padding:2px 5px 2px 5px; font-size:12px;}
.admin_box .btn:hover{ color:#fff !important; opacity:0.7}


#fixArea{ position: absolute; z-index:5000; top:5px; right:0; display:block; height:40px; width:50px; border:0px solid #f0f;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -moz-opacity:0;
 -khtml-opacity: 0;
 opacity:0;
}
#fixArea.on{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 filter: alpha(opacity=100);
 -moz-opacity:1;
 -khtml-opacity: 1;
 opacity:1;
}
#fixArea a{background: rgba(44,44,44,.2); padding:0; } 

#fixArea a i{ color:#fff; width:40px; height:40px; text-align:center; line-height:40px; font-size:22px; }

#fixArea{ 
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;	
 transition: all .2s ease-in-out;}
 
  
#ck_pop{ position:fixed; width:100%; bottom:0; left:0; height:auto; display:block; z-index:14000; border:1px solid #ccc; background:rgba(0,0,0,0.7);}
#ck_pop p{ padding:10px 30px 10px 10px; font-size:16px; color:#fff;}
#ck_pop #ckbtn{ position:absolute; top:5px; right:10px; color:#fff; cursor:pointer}

.BcatModal{ z-index:51000;}
.BcatModal .modal-dialog{ margin-top:15px; height:auto ; max-width:1280px;}

#myModal{ z-index:50000;}

#myModal.full{
width:100vw; height:100vh;  
  position:fixed; left:0; top:0;
 }

#myModal.full  .modal-dialog{
width:100vw; height:100vh;
display:flex; 
flex-wrap: no-wrap;
 justify-content: center; 
  align-items:flex-start; 
}
#myModal.full.preview  {}
#myModal.full.preview  .modal-content{height:auto; min-height:200px; max-height:90vh; overflow:auto; margin-bottom:60px;  position:relative }
 
#myModal.full.ctop  .modal-dialog{ margin-top:15px; height:auto ; max-width:1280px;}
 
#myModal.full.ctop  .modal-body{height:auto; min-height:200px; max-height:70vh; overflow:auto; margin:0;  position:relative }
 
 
#myModal.full.preview.prep  .modal-body{height:auto; min-height:200px; max-height:74vh; overflow: hidden; margin:0;  position:relative }


#myModal.full.preview.prep  #qscnt.modal-body{ padding:10px; max-height:70vh; overflow: auto; width:100% !important; }
 
 
#myModal.min{ width:auto !important; height:auto !important; display:inline !important; position:fixed; top:20px; right:20px; }
#myModal.min .modal-dialog{ margin:0; background:0; padding:0; overflow:hidden;
 border-radius: 20px;
-webkit-box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
-moz-box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}


#myModal .alert{ padding:10px; font-size:16px; border-radius: 8px; }

#myModal  .modal-footer{ border:0; text-align:center; position:relative; padding:0; margin:15px}
#myModal  .modal-footer .btn{ margin:0 auto; }
#myModal  .modal-footer .ll{ position:absolute; left:0; top:0}
#myModal  .modal-footer .rr{ position:absolute; right:0; top:0}




#myModal_v2{ z-index:50000;}

#myModal_v2.full{
width:100vw; height:100vh;  
  position:fixed; left:0; top:0;
 }
 
#myModal_v2.full  .modal-dialog{
width:100vw; height:100vh;
display:flex; 
flex-wrap: no-wrap;
 justify-content: center; 
  align-items:center;
}



#myModal_v2.full.preview  {}
#myModal_v2.full.preview  .modal-content{height:auto; min-height:200px; max-height:95vh; overflow:auto; margin-bottom:20px }
 
#myModal_v2.full.ctop  .modal-dialog{ margin:0; margin-top:15px; height:auto ; max-width:1280px;}
 
#myModal_v2.full.ctop  .modal-body{height:auto; min-height:200px; max-height:85vh; overflow:auto; margin:0 }
 
#myModal_v2.min{ width:auto !important; height:auto !important; display:inline !important; position:fixed; top:20px; right:20px; }
#myModal_v2.min .modal-dialog{ margin:0; background:0; padding:0; overflow:hidden;
 border-radius: 20px;
-webkit-box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
-moz-box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
box-shadow: 0 0 4px 4px rgba(102,102,102,0.76);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}

#myModal_v2 .alert{ padding:20px; font-size:20px; border-radius: 20px; }

#myModal_v2  .modal-footer{ border:0; text-align:center; position:relative; padding:0; margin:15px}
#myModal_v2  .modal-footer .btn{ margin:0 auto; }
#myModal_v2  .modal-footer .ll{ position:absolute; left:0; top:0}
#myModal_v2  .modal-footer .rr{ position:absolute; right:0; top:0}


#cnfModal{ z-index:60000;}
#cnfModal{
width:100vw; height:100vh;  
  position:fixed; left:0; top:0;
}
#cnfModal  .modal-dialog{
width:90vw; height:90vh;
display:flex; 
flex-wrap: no-wrap;
 justify-content: center; 
  align-items:center; position:relative

}
#cnfModal  .modal-content{ height:100%; width:100%;  }
#cnfModal  .modal-body{ height:100%; width:100%;   overflow:auto;}




.plusbtn{ padding:8px 20px 8px 20px; font-size:20px; border-radius: 20px; height: auto; font-size:14px; font-weight:bold; }
.plusbtn.new_ass{  padding:5px 15px 5px 15px;  color:#fff; border:0;  background:#aaa; font-size:12px; font-weight:normal }
.plusbtn.new_ass.as1{      background:#2fb6e6;  }
.plusbtn.new_ass.as2{     background:#97cb3b;  }
.plusbtn.new_ass.as3{    background:#fdba35;  }

.plusbtn.save_pwd{ color:#fff; border:1px solid #66acda; background:#66acda ;  }
.plusbtn.add_subq{ color:#666; border:1px solid #666; background:#eee;  }
.plusbtn.remove_sq_btn{ padding:1px 15px 1px 15px;  color:#ccc; border:1px solid #ccc;  background:#aaa; font-size:12px; font-weight:normal}
.plusbtn.save_sort,
.plusbtn.del_oa_btn,
.plusbtn.addsubAnsBtn{ padding:1px 15px 1px 15px;  color:#5c6e5b; border:1px solid #5c6e5b;  background:#cbd9ca; font-size:12px; font-weight:normal}
.plusbtn.save_sort{  color:#fff !important; border:1px solid #39a693;  background:#39a693;  }
.plusbtn.save,
.plusbtn.cancel,
.plusbtn.sortmode{ cursor:pointer; margin:0 20px 0 20px; padding:1px 15px 1px 15px;  color:#aaa !important; border:1px solid #444;  background:#666; font-size:12px; font-weight:normal}
.plusbtn.save{ background:#093; color:#FFF !important}




#reload_qlist{ display:inline-block; margin:0 auto; background:0;}
#reload_qlist b{border-radius: 40px;  display:block; padding:10px 15px 10px 15px; background:#eee; border:2px solid #bbb; color:#bbb; font-size:16px;}
#reload_qlist span{ margin:10px 0 0 0; display:block; text-align:center; font-size:14px;}
 
.all_tab_cnt{}
.all_tab_cnt ul.nav{ display:block; height:30px; border-bottom:1px solid #ccc; margin:0 0 10px 0;}
.all_tab_cnt ul.nav li{ width:120px !important; display:block; float:left; height:30px; line-height:30px; padding:0;}
.all_tab_cnt ul.nav li a{border-radius:  0;  color:#444; text-align:center;  display:block; font-size:12px;  height:30px; line-height:30px; padding:0 15px 0 15px;}
.all_tab_cnt ul.nav li a.active,
.all_tab_cnt ul.nav li.active a{ color:#fff; background:#2977ab;}

.all_tab_cnt .tab_c .tpp{ display:none}
.all_tab_cnt .tab_c .tpp.active{ display:block}
  
.all_tab_cnt .badge{ font-size:12px;}



/*-----------------------*/
#vforms2 { display:block; padding:0; width:100%}
#vforms2 .panel.panel-primary{ display:block; width:100%}
#vforms2  .panel-body.collapse.in{ display:block; padding:15px}
#vforms2  .panel-heading{ border-bottom:1px solid #eee; padding: 5px 15px 5px 15px}
#vforms2  .btn.btn-info.collapsed{ display:none}
#vforms2  .form-group{
  display:flex;
flex-wrap: no-wrap;
 justify-content: flex-start;}
#vforms2 .col-sm-3{ width:30%}
#vforms2 .col-sm-9{ width:70%}
#vforms2 .control-label{ font-weight:bold;}
#vforms2  .checkbox-inline{ display:inline-block; margin:0 20px 0 0;}
/*-----------------------*/


#vforms { display:block; padding:0; width:100%}
#vforms .panel.panel-primary{ display:block; width:100%}
#vforms  .panel-body.collapse.in{ display:block; padding:15px}

#vforms  .panel-heading{ border-bottom:1px solid #eee; padding: 5px 15px 5px 15px}
#vforms  .btn.btn-info.collapsed{ display:none}
#vforms  .form-group{
  display:flex;
flex-wrap: no-wrap;
 justify-content: flex-start;}
#vforms .col-sm-3{ width:30%}
#vforms .col-sm-9{ width:70%}
#vforms .control-label{ font-weight:bold;}

/*
.form-control{ padding:2px 8px 2px 8px; line-height:16px; font-size:14px; height:30px; border-color:#eee}
 */
 
#vforms  .checkbox-inline{ display:inline-block; margin:0 20px 0 0;}
#infoform label.error,
#vforms label.error{ color:#f00}
.full.preview#myModal .modal-content{ position:relative; display:block}
#qscnt{ width:100%; display:block; position:relative; border:0px solid #f00;  }

.dropdown-menu .btn-group a.btn  { border:1px solid #eee; line-height:20px !important; font-size:12px !important; width:50px}
.dropdown-menu .btn-group .btn.btn-success{border:1px solid #28a745;}


#page-wrapper{ background:#eaedee; padding-bottom:0}

#tview_main{ background:0}

#aedFrame.all_tab_cnt{
 margin-top:15px; background:#fff}
#aedFrame.all_tab_cnt ul.nav{ width:100%; 
 background:#eaedee;
  display:flex;
flex-wrap: no-wrap;
 justify-content: flex-start; height:auto;
 border:0;
 }
#aedFrame.all_tab_cnt ul.nav li{ margin:0 10px 0 0;
  flex-grow:1; width: auto !important ; display:block; float:left; height: auto; line-height:30px; padding:0; text-align:center}
#aedFrame.all_tab_cnt ul.nav li:last-child{ margin:0;}
#aedFrame.all_tab_cnt ul.nav li a{ margin-bottom:-1px;  border-top:2px solid #eaedee;background:#e1e1e1;  color:#999;  display:block;  height: auto; line-height:30px; padding: 10px 0 5px 0;}
 
#aedFrame.all_tab_cnt ul.nav li a.active,
#aedFrame.all_tab_cnt ul.nav li.active a{ border-top:2px solid rgb(242,146,51);   color:rgb(242,146,51); background:#fff;}
#aedFrame.all_tab_cnt ul.nav li i.fa{ border:0px solid #f00;  display:block; margin:0; padding:0; font-size:20px; }
#aedFrame.all_tab_cnt ul.nav li  b{border:0px solid #f00;  display:block; margin:0; padding:0; line-height:26px; font-size:14px; }

#aedFrame.all_tab_cnt ul.nav li a.exp{ white-space:nowrap; margin-bottom:-1px;  border-top:2px solid #eaedee;background:#e1e1e1;  color:#999;  display:block;  height: auto; line-height:30px; padding: 10px 20px 5px 20px;}
 
#aedFrame.all_tab_cnt  #th_inner_tab.exp_last_ul{ position:relative}
#aedFrame.all_tab_cnt  #th_inner_tab.exp_last_ul li.tab3{ margin:0 0 0 0;}
#aedFrame.all_tab_cnt  #th_inner_tab.exp_last_ul li:nth-child(2){ margin:0 10px 0 110px;}
 
#aedFrame.all_tab_cnt ul.nav li.exp_last{ position:absolute; bottom:0; left:0; height:60px;   width:100px !important;  display:block;  }
#aedFrame.all_tab_cnt ul.nav li.exp_last button{ height:60px; display:block; width:100%;  }


body.listview.gbg  #tview_top_gap{ height:130px}
#aedFrame.all_tab_cnt{ border-radius: 0 0 20px 20px ;}
body.listview.gbg  #tview_main{ margin-top:40px}

body.listview.gbg  #aedFrame.all_tab_cnt ul.nav li a.active, 
body.listview.gbg  #aedFrame.all_tab_cnt ul.nav li.active a{ color:#84c043; border-color:#84c043;}
 
table.ui-search-table td.ui-search-input select{ overflow:hidden; height:25px !important;}

.select2-container--default .select2-results > .select2-results__options{  max-height:500px !important;}
 

#myModal_cat_inner{ position:relative;}
.nav.spcat{ border:0} 
.nav.spcat li{ display:block;  width:100%; margin:0 0 0 0;}
.nav.spcat li a{ display:block; padding:10px; background:#fff;width:100%;}
	  
.BcatModal .select2 { width:100%;}	  
.BcatModal .select2 { width:100%;}	
.spcat_tab a{ display:none}
.spcat_tab .nav-item.nav-link{ display:block; border:1px solid #eee; color:#666; margin:0 0 5px 0;}

.spcat_tab .nav-item.nav-link{ background:#fff }
.spcat_tab .nav-item.nav-link.active{ background:#2977ab; color:#fff; }

.BcatModal  ul.form-control{ height:auto; border:0}
.BcatModal  ul.form-control li{ list-style:none;}
.BcatModal  ul.form-control li:hover{ background:#eee; cursor:pointer}
.BcatModal  ul.form-control li.active,
.BcatModal  ul.form-control  li.active:hover{ background:#2977ab; color:#fff}
	  
.BcatModal 	 li.spact_link{ padding:5px; border:1px solid #eee; margin:0 0 3px 0 }
#BcatModalajax{ max-height:80vh !important;}
#BcatModalajax .willbar,
#BcatModalajax .row{ max-height:70vh !important;}
.BcatModal.ajax{ max-height:100% !important;  height:100% !important; border:0px solid #f00;}
.BcatModal.ajax .row{ max-height:100% !important;  height:100% !important; border:0px solid #f00;}
.BcatModal .willbar{ max-height:100% !important;  height:100%; overflow:auto;}

#getbookCart{ width:100%; padding: 3px 5px 3px 5px; border:1px solid #aaa; display:block; cursor:pointer; max-height:50px; overflow:auto}
#getbookCart:hover{   border:1px solid #444; }


#RpmsgmyModal.modal{ z-index:40000; text-align:center;}
#RpmsgmyModal .modal-dialog{ margin:0 auto;}

#RpmsgmyModal .modal-dialog{ height:100%; 	 display:flex; 
flex-wrap: no-wrap;
 justify-content: center; align-items: center }