html,body {height:100%;}.zf-green {color: #68b604;}.btn-success {background-color: #57a900; background-image: -moz-linear-gradient(top, #70d900, #57a900); background-image: -ms-linear-gradient(top, #70d900, #57a900); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900)); background-image: -webkit-linear-gradient(top, #70d900, #57a900); background-image: -o-linear-gradient(top, #70d900, #57a900); background-image: linear-gradient(top, #70d900, #57a900); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);}.btn-success:hover,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {background-color: #57a900;}.btn-success:active, .btn-success.active {background-color: #57a900;}.wrapper {min-height: 100%; position:relative;}#main {padding-bottom:20px;}.footer {position: relative;display:block;z-index:0; width:100%; bottom:0; height: 50px; clear:both;padding:10px;clear: both;bottom:0px;text-align:center;} #mnavbartop{max-height:50px;background: #e3060b;color:#fff;padding:0; margin:0;border-color:#e7e7e7;width:100%;}#link-logo{float:right;color:#fff;}#nav-top-m{width:100%;}.el-r{float:right;}ul li {text-align:right;}a{width:auto;}.msr{color:red;}.tmw{max-width:300px;}.txt-r{direction:rtl;}#mdt{width:100%;}.el-l{float:left;}
.header{overflow:hidden; clear:both;min-height:50px;  margin-top:50px;}.mlabel{padding:3px;width:auto;padding-bottom:0px;}.lfrm{color:#06C; font-size:16px;}.container{text-align:right;position:relative;min-height:400px;}.txtinput{    -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-top: 5px;color: #323232;padding: 6px 12px 6px;border: 1px solid #ccc;border-radius: 3px;}.pic_preview_fixed{border-radius:50%; position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:9999999;}.resul-pro{text-align:right;font-size:16px; color:#000;}
.minimg{max-width:100px; max-height:80px;}.form-group{text-align:right;direction: rtl;}.pic_preview{padding:4px;}
.btn-delete{cursor:pointer; color:red;display:block; max-width:20px; max-height:20px;}
.error{border:1px solid #BF118C;padding:6px;color:#0E879C;text-align:right;font-weight:bold;}.save{border:1px solid #06C;padding:6px;color:#0E879C;text-align:right;font-weight:bold;}
ul{list-style:none;}
.sidebar{display:block; position:absolute; max-width:250px; background-color:#e3060b;min-width:250px;min-height:100%;overflow-y:auto;right:0;margin-bottom:0;}
.container-admin{margin: 10px 250px 0 0;padding:0 10px;min-height:100%;min-height:500px;}
.side{margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e7e7e7;
    font-size: 13px;    display: block;
    padding: 0;}
.panel{    border-top: 1px solid #AE2C59;
    border-bottom: 1px solid #e7e7e7;margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;border-top: 1px solid #e7e7e7;}
.side ul li{float: right;position: relative;
    display: block;}	
.als{color: #000;
    background-color: #AE2C59;    padding-top: 15px;
    padding-bottom: 15px;position: relative;
    display: block;
    padding: 10px 15px;text-decoration:none;font-size:18px;}
.als:hover, .als:active{color: #337ab7;
    background-color: #fff;text-decoration:none;}	
.idr{float:right;}
.idl{float:left;}	
.isfa{padding-left:6px;}
.nav-in{margin-bottom: 0;
    padding-left: 0;
    list-style: none;border-left:#34495e;    padding-right: 0px;display:none;}
.ain{color: #333;
    background-color: #F7F7F7;}	
.ain:hover{color: #337ab7;
    background-color: #fff;}	
.mda{ width:100%; }
.wrapper-main{min-height:500px;display:block;clear:both;}
.menu-active{background-color: #fff;}
form{direction:rtl; text-align:right;}
.select{padding:5px; width:100%;}
.wauto{width: auto;}
/* table style */
@media only screen and (max-width: 800px) {
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: right; }
	
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: right; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: right; }
 
 
	/* sort out borders */
 
	#flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
}
@media only screen and (max-width: 800px) {
	#unseen table td:nth-child(2), 
	#unseen table th:nth-child(2) {display: none;}
}
 
@media only screen and (max-width: 640px) {
	#unseen table td:nth-child(4),
	#unseen table th:nth-child(4),
	#unseen table td:nth-child(7),
	#unseen table th:nth-child(7),
	#unseen table td:nth-child(8),
	#unseen table th:nth-child(8){display: none;}
}

@media only screen and (max-width: 800px) {

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .fields{
        position: relative;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align:left;
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

.td-border{
position: relative;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.td-border.numhighlight{
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.numlinks{
text-decoration:none;
}
.td-border a:hover{background-color:#cecece;}
.layout{position:fixed; top:0; left:0; right:0; bottom:0; z-index:500;overflow-y:auto;direction: ltr;}
.wrapper-layout{width:100%; max-width:800px; background-color:#fff;position:relative;padding:5px;margin:0 auto;margin-top:10px;    min-height: 95%;}
.bg-layout{background-color:#000; opacity:0.7;}
.shapka-layout{padding:10px; direction:rtl; text-align:right;     overflow: hidden;background-color: #CCCCCC;}
.closelayout{color: #2B587A;text-decoration: none;cursor: pointer;float:left;} .closelayout:hover{text-decoration:underline;}
.layout-back{display:none;}
#mtable{width:100%;direction:rtl;}
.actions-dtble{ width:100%; text-align:right;padding:6px;background: #AE2C59;direction:rtl;color: #06c;}
.actions-dtble span{display:inline-block; margin:0px 6px;}
.fa{cursor:pointer;color:#86e262;}
#fa{font-size: 18px;color:#fff;}
#mbtn{padding: 3px;margin: 0;}
.result-pop{position: fixed;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 90%;
    background-color: #000;
    opacity: 0.75;
    color: #fff;
    padding: 30px 10px;
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    width: 100%;max-width:600px;display:none;z-index:999;border-radius:6px;}
.result-response{text-align:right; margin:0 auto; direction:rtl; padding:4px;}
/* print style section */
@media print {
 body * {
    visibility: hidden;
	position:relative;
 }

  .section-to-print, .section-to-print *, .layout  {
    visibility: visible;
  }
  .section-to-print {
    position: fixed;
    left: 0;
	right:0;
    z-index:9999;
	display:block;
  }
}
.row{padding:4px 0px; border-bottom:1px solid #cecece;}
#mcontainer{width: 100%;}
.pnotes{color:red; font-weight:bold; padding:6px;border-bottom:1px solid #cecece;}
.mcontent{direction:rtl; text-align:right;}
.alwp a{font-weight:bold;}
#btn-mtoggle{    background-color: #B59797;
    border-color: #F1E0E0;}
.search-layout{padding:6px;    background: #AE2C59;}
/* chat or messages style */
.msgul-list{display:block; width:100%; padding:4px; list-style:none;overflow:auto;}
.msgul-list li{display:block; width:100%;}
.wrapper-msg-row{padding:5px; border-radius:5px;  font-size:16px;direction:rtl; text-align:right;width:90%; float:right;margin-bottom: 5px;}
.shapka-msg-action{display:block; width:100%;}
.msg-delete{float:left; cursor:pointer;padding:3px; background-color:#000; color:#fff; color:#EC4444;}
.rmsgli{text-align:right;}
.lmsgli{text-align:left;}
.msgdr{background-color:#69AAEA; color:#fff;float:right; width:60%;}
.msgdrl{background-color:#cecece; color:#000; float: left;
    width: 60%;
    text-align: left;
    background: #cecece;}
.minimg{max-width:100px; max-height: 80px;margin: 3px;}
#spnoti{    padding: 2px 5px; background-color:red; color:#fff; border-radius:3px;margin-right:10px;}
.tblchet {border: 1px solid #cecece;background: #fffb5f;float: right; direction: rtl;display: block;width: 100%;}
.tblchet tr td{ padding: 7px; vertical-align: middle; text-align: right; direction: rtl; border: 1px solid #cecece;}
#fa{    font-size: 21px;}
.tdrunning {background: yellow !important;}
.frmdib .form-group {
    display: inline-block;
    min-width: 300px; !important;
}
.dib{
    display: inline-block;
}
.mthrid{
    width: 33%;
}
.txtcenter{
    text-align: center;
}