
/*
 * css styles for admin
 */
.fright{float:right;}
.invalid{display: block;
  margin-top: 6px;
  padding: 0px 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161;}
.label_txt{line-height:2.1em;} 
.clearer{clear:both;height:10px;}
.mtop10{margin-top:10px;}
.m10{margin:10px;}
.mtop20{margin-top:20px;}
.mt50{margin-top:50px!important;}
.img-list{max-width:50px; max-height:50px;margin:0px auto;display:block;}
.divthumb{background:#f1f1f1;float:left;}
.thumb{margin:10px; width:250px; float:left;margin-right:5px;}
.thumb img{width:230px;}
.btnthumb{margin-top:5px; margin-left:90px;}
.fa-trash-o{cursor:pointer;}
.minwidth150{min-width:150px;}
.billing{display:inline!important;}
.mbottom20{margin-bottom:20px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.highcharts-button{margin-right:-20px!important;}
.lpadding13{padding-left:13px;}
.disable_edit{display:none;}
.mright10{margin-right:10px;}
.m12{margin:12px;}
.fleft{float:left!important;}
.strong{font-weight:bold;}
.txtright{text-align:right;}
.txtcenter{text-align:center;}
.bgtotal{background:#ccc;}
.p612{padding:6px 12px!important}
.fa-mail-reply{cursor:pointer;}
.mt10{margin-top:10px;}
.activity-dropdown{margin-top:10px!important;display:inline-block;margin-right:20px;}
.chat-body{height:226px!important;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.fsize14{font-size:14px!important;}
.nav-tabs>li{background:#c9c9c9;margin-right:10px;}
.lists{margin:10px!important;}
.lists a {color:#739e73;}
h5{font-size:14px;font-weight:bold;border-bottom:#ccc 1px solid;padding-bottom:10px;margin:10px;}  
.list-left{width:80%!important;float:left;margin-bottom:10px!important;}
.list-right{width:15%!important;float:left;margin-bottom:10px!important;}
.border-red{border:#ff0000 1px solid;color:#000;}
.select2-container{width:100%!important;}
/*.select2-search{z-index:0!important;}*/
.form header, legend{margin-bottom:10px;font-size:1em!important;font-weight:600;};
.select2-selection--single{height:31px!important;border:1px solid #ccc!important;}
#alert-update{position: fixed; top: 10px; right: 10px;min-width: 10%; z-index: 9999;}
.mh500{max-height:500px!important;overflow-y:auto;}
.list-file{margin-bottom:0px!important;}
.wmodal{width:50%!important;}
.wmodal80{width:80%!important;}
.jarviswidget>header>h2 a{color:#fff;}
.display-block{display:block!important;}
.title-modal{border-bottom: #ccc 1px solid; margin-bottom: 10px;  font-weight: bold;}
.select2-search__field{width:100%!important;}
.lh30{line-height:30px!important;}
.select2-selection--multiple{height:25px;}
.select2-search:before{top:-50%;right:20px;}
.modal-title{font-weight:bold;}



/********* Alert Box ***********/
.success, .warning, .attention, .information { padding: 10px 10px 10px 33px; margin-bottom: 15px; color:#555555; width:100%; }
.success a { padding:3px 5px; background:#BBDF8D; margin:0px 3px; }
.warning a { padding:3px 5px; background:#F8ACAC; margin:0px 3px; }
.attention a { padding:3px 5px; background:#F2DD8C; margin:0px 3px; }
.success { background: #EAF7D9; border: 1px solid #BBDF8D; }
.warning { background: #FFD1D1; border: 1px solid #F8ACAC; }
.attention { background: #FFF5CC; border: 1px solid #F2DD8C; }
.success .close, .warning .close, .attention .close, .information .close { float: right; padding-top: 4px; padding-right: 4px; cursor: pointer; }
/*.required { color: #FF0000; font-weight: bold; }  */
.error { display: block; color: #FF0000; font-size:11px;}
.good { display: block; color: #FFF; font-size:11px;}
.help { color: #999; font-size: 10px; font-weight: normal; display: block; }  

/**status**/
.s_new{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}
.s_success{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;border:#739e73 1px solid;}
.s_done{padding:1px 5px; background:#b7bf95; margin:0px 3px;border-radius:3px;color:#fff;border:#b7bf95 1px solid;}
.s_process{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;border:#8A2BE2 1px solid;}
.s_cancel{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;border:#F8ACAC 1px solid;}
.s_error{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;border:#FF0000 1px solid;}
.s_draft{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;border:#ccc 1px solid;}

/**status customer**/
.s_neutre{padding:1px 5px; background:#ccc; margin:0px 3px;border-radius:3px;color:#fff;}
.s_bad{padding:1px 5px; background:#FF0000; margin:0px 3px;border-radius:3px;color:#fff;}
.s_ok{padding:1px 5px; background:#739e73; margin:0px 3px;border-radius:3px;color:#fff;}
.s_fidel{padding:1px 5px; background:#F8ACAC; margin:0px 3px;border-radius:3px;color:#fff;}
.s_vip{padding:1px 5px; background:#8A2BE2; margin:0px 3px;border-radius:3px;color:#fff;}


.box{width:100%;
    min-height: 200px;
    background-color: #739e73;
    border-color: #659265;
    padding:20px;
    text-align:center;
    color:#fff;}
    
.form-group{margin-bottom:20px;}
.modal-body .col-sm-4 {
    width: 30% ;
    
}
.modal-body .col-sm-8 {
    width: 70%
}

.modal-body .control-label {
    text-align: left;
}
.modal-body .col-sm-offset-2 {
    margin-left: 15px;
}

.clearfix{clear:both;} 
.add-more{font-size:11px;}
      
@media only screen and (max-width: 1366px) {
.wmodal{width:70%!important;}                     
}

@media only screen and (max-width: 768px) {
.wmodal{width:95%!important;}                     
}