@charset "utf-8";
/* CSS Document */

#datatable-default_paginate a{background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative; cursor:pointer;
    text-decoration: none;}
#datatable-default_paginate:hover, #datatable-default_paginate a:focus{
background-color: #eeeeee;
    border-color: #dddddd;
}
#datatable-default_paginate a.current{border-color: #0088cc; background-color: #0088cc; color:#fff;}
#datatable-default_paginate a.disabled{ color:#000; cursor:auto;}

.pagination{ float:right;}
.pagination li{
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    position: relative; cursor:pointer;
    text-decoration: none; list-style:none;}
.pagination li a{background-color: #ffffff;
    border: 1px solid #dddddd;
    color: #428bca;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative; cursor:pointer;
    text-decoration: none; list-style:none;}

.pagination li:hover a, .pagination li:focus a{background-color: #eeeeee; border-color: #dddddd;}
.pagination li a.active {border-color: #0088cc; background-color: #0088cc; color:#fff;}
.pagination li a.disabled{ color:#000; cursor:auto;}

.btn-file { position: relative; overflow: hidden;}
.btn-file input[type=file] {
	position: absolute;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor:pointer;    padding: 6px 12px;
    width: 98px;
    left: 0px;
    height: 35px;
	
}
.radio_top input[type="radio"]:first-child {
	margin-left:0;
}
.radio_top input[type="radio"] {
	margin:0 3px 0 8px;
	vertical-align:middle;
}
ul.checkboxlist {margin:0px; padding:0px;}
ul.checkboxlist li{list-style:none; margin:0px 20px 0px 0px; padding:0px; float:left;}
ul.checkboxlist li input[type="checkbox"]{float:left; margin-right:5px;}

.btn-file input[type=file] label.error {display:none !important;}

input[readonly] { background-color: #ccc !important; cursor: text !important;}
.pad0{ padding:0px;}
input[data-date-format] {background:#fff !important;}
.upload_btns{ margin-top:15px;}
.my_error .btn-file{ overflow:visible; width:100px;}
.my_error .error{ position:absolute; top:5px; z-index:999999; left:-140px;}
.my_error label.error{ width:131%; max-width:141px;}
.dataTable{ width:100%!important;}
.dataTables_scrollHeadInner{ width:100%!important;}
.dataTable tr td.right{ text-align:right;}
.my_form .form-group{ margin-bottom:15px;}
.zonetable tr td{padding:0px 0px!important;}
.zonetable tr{border-bottom:0px solid #ccc;}
.zonetable tr td table tr{border-bottom:0px solid #ccc;}
.zonetable tr td input[type="checkbox"]{float:left; margin-right:5px; border:1px solid #ccc; box-shadow:none;}
.zonetitle{background:#cccccc; width:100%; display:block; padding-left:5px; padding-top:4px!important;}
.allzonetitle{background:#0077b3; color:#fff}
.zonetable tr.allzonetitle td{padding-left:5px!important; padding-top:4px!important;}
.divseprator{border-bottom: 1px solid #ccc; margin: 10px 0px 10px!important; padding-bottom: 10px;}
.divseprator label{margin-bottom:0px!important;}
.searchareabox{max-width:300px; margin:0px auto 15px; border:1px solid #ccc; padding:10px 10px 15px; background:#fbfbfb}
.searchareabox table tr td{text-align:center; display:table-cell; padding:2px 5px!important;}
.searchareabox .select2-container{max-width:100px; margin:0px auto;}
.searchareabox .divisionbox .select2-container{max-width:100%; margin:0px auto 8px;}
.searchareabox .divisionbox{text-align:left;}
.searchareabox .sepratordiv{border-bottom:1px solid #ccc; width:100%; margin:10px 0px;}


.searchareapivotbox{max-width:1000px; margin:0px auto 15px; border:1px solid #ccc; padding:10px 10px 15px; background:#fbfbfb}
.searchareapivotbox table tr td{text-align:left; display:table-cell; padding:2px 5px!important;}
.searchareapivotbox .divisionbox .select2-container{max-width:100%; margin:0px auto 3px;}
.searchareapivotbox .divisionbox{text-align:left;}
.searchareapivotbox .sepratordiv{border-bottom:1px solid #ccc; width:100%; margin:10px 0px;}
.searcharea .searchareapivotbox .select2-container {margin-top: 0px!important;}
.searchareapivotbox .heightfix .select2-choices{height: 140px !important; overflow: auto;}
.searchareapivotbox .divisionheightfix .select2-choices{height: 82px !important; overflow: auto;}
.searchareapivotbox .firsttd{width:20%!important;}
.searchareapivotbox .secondtd{width:40%!important;}
.searchareapivotbox .thirdtd{width:40%!important;}
.searchareapivotbox .materialsheightfix .select2-choices{height: 98px !important; overflow: auto;}

.alignright{text-align:right;}
.margin10{margin-bottom:10px !important}
#datatable-default th.alignright {text-align:right; padding-right: 20px !important;}

.pivotdisplaynone {display:none;}
#datatable-default tr:hover td span.pivotdisplaynone{display:block;}
#datatable-default tr:hover{box-shadow:2px 2px 2px #ccc;}


.manual_dropdown select {
    border: 1px solid #ccc;
   background: transparent;
   width: 100%;
   padding: 5px 35px 5px 5px;
   font-size: 16px;
   border: 1px solid #ccc;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background:url(../images/select.jpg) right top no-repeat;
} 
#bindAddMoreRoles .form-group:last-child, #bindAddMoreRoles .form-group:last-of-type {  margin-bottom:15px;}

.person_img{ max-height:209px; overflow:hidden; position: relative;}
.person_img img{ max-width:100%;}
.person_img div {background: hsla(0, 0%, 0%, 0) url("../images/bg_black_tranfer.png") repeat scroll left top;
    bottom: -25%;
    color: hsl(0, 0%, 100%);
    height: 24%;
    left: 0;
    padding: 6px 14px;
    position: absolute;
    text-align: left;
    transform: translateY(0px);
    transition: all 0.25s ease-out 0s;
    max-width:188px; width:100%;
    z-index: 2;}	
.person_img:hover div{ background:url(../images/bg_black.png);visibility:visible; opacity: 1; bottom:0; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px);
-webkit-transition: all .25s ease-out;
-moz-transition: all .25s ease-out;
-ms-transition: all .25s ease-out;
-o-transition: all .25s ease-out;
transition: all .25s ease-out;}	
.person_img div i {color:#FFF; font-size:30px; text-align:center; margin:0px auto; display:block;}
.tag_view span{ padding:5px; border:1px solid #ccc; border-radius:7px; margin:0px 0px 15px 15px; float:left; background:#ececec;}
.tag_view span a{color:#000;}
.tag_view span .fa-times{ font-weight:normal; color:#0088cc; margin-left:7px;}
.manage_report_tab{ text-align:right;}
.manage_report_tab.lefttable{text-align:left;}
.manage_report_tab tr td{ margin-bottom:15px; margin-right:15px; display:inline-block; text-align:left; vertical-align:top!important;}
.manage_report_tab tr td:last-child{ margin-bottom:15px; margin-right:0px;}
.manage_report_tab .select2-container{ width:100%!important;}
table tr td{vertical-align:middle!important;}
.right_zero{ right:0px; left:auto;}
.chat_box{background:#f1f1f1; display:flex; }
.chat_box .client_list{border:1px solid #F2F2F2; background:#f1f1f1; min-height:250px;}
.chat_box .client_list ul{ margin:0px; padding:0px;}
.chat_box .client_list ul li{ list-style:none; border-bottom:1px solid #F2F2F2; background:#fff; position:relative; }
.chat_box .client_list ul li a span{ background: #ccc none repeat scroll 0 0; border: 1px solid #f2f2f2; border-radius: 100%; display: inline-block;  height:20%;  vertical-align:top; width:15%; margin-right:15px; overflow:hidden;}
.chat_box .client_list ul li a{ padding:7px;  display:inline-block; width:100%; color:#333;}
.chat_box .client_list ul li a .text-muted{ vertical-align:top; font-size:10px; color: #e56558 !important;}
.chat_box .client_list ul li:hover a, .chat_box .client_list ul li.active a{ text-decoration:none;}
.chat_box .client_list ul li:hover, .chat_box .client_list ul li.active{ background:#E9EBEB;}
.chat_message{border:1px solid #F2F2F2; padding:10px; max-height:250px; min-height:200px; overflow:auto; background:#E5DDD5; }
.sent_msg{border-left:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2; border-right:1px solid #F2F2F2; padding:10px; vertical-align:middle; background:#F5F1EE; }
.active_member{ background:#f6f6f6; padding:10px; width:100%; border:1px solid #F2F2F2; color:#0088cc; font-size:17px;}
.designation{display:inline-block; margin-top:2px; width:77%;}
.designation div{ color:#777; font-size:12px; line-height:10px; line-height:18px;}
.sent_msg textarea{ height:50px; resize:none; display:inline-block; width:83%; transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s; float:left; margin-right:10px;}
.sent_msg textarea.small_textarea{ width:53%; transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;}
.filetype{ display:none!important;}
#filetype{ width:90%; float:left;}
.chat_attachement{ margin-top:7px; display:inline-block; }
.chat_attachement .attach_file_box{ background:#fff; width: 83%;  float: left;}
.chat_attachement input[type="text"]{ border:none; border-radius:4px 0px 0px 4px; border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
.chat_attachement .input-group-btn{ display:inline;}
.chat_attachement .fa-times{ height:34px; padding:8px 0px; border-radius:0px 0px 0px 0px; background:#fff; padding-right:5px; cursor:pointer; color:#C00; border-bottom:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc;}
.chat_attachement{ max-width:37%; overflow:hidden;}
.chat_attachement1{width:37%;}
.sent_msg .btn-file input[type="file"]{width:37px;}
.sent_msg a{ margin-top:7px;}
.chat_member_name{ display:block; margin-bottom:5px; font-size:11px; color:#0088cc;}
.text-muted{ font-size:11px;}
.msg_left{ background:#fff; margin-bottom:7px; padding:0px 10px 0px 10px; width:48%; float:left;}
.msg_right{ background:#fff; margin-bottom:7px; padding:0px 10px 0px 10px; width:48%; float:right;}
.msg1 .text-muted, .msg2 .text-muted{ margin-top:7px;}
.chat_box_space{padding: 30px 25px 10px 25px!important;}
.no_brd tr td{ border-top:none!important;}
.radio_validation label.error{  left: 15px;  position: absolute;   top: 16px;}
.dashboard_cnt table thead{ display:block;}
.dashboard_cnt table tbody{ min-height:auto; max-height:280px;  overflow:auto; display:block;}
.mCSB_container > tr:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.mCSB_container > tr td{ border-top: 1px solid #dddddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;}
	
	.mCustomScrollBox > .mCSB_scrollTools {
    height: 100%;
    right: -7px;
    top: 0;
    width: 16px;
}
.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    width: 6px!important;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 10px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    width: 6px!important;
}

.chat_box_space hr{ margin:10px 0px;}
.chat_box_space .doc_attachment{ padding-left:20px; background:url(../images/doc_attache.png) left 3px no-repeat; display:block;}
.chat_box_space #unreadMessage1{ position:absolute; right:5px; top:5px;}
#content_1  tr{ width:100%;}
.popover{ background:#ffffe5;}
.popover p{font-size:11px;}
.popover.top > .arrow::after{border-top-color:#ffffe5;}
.popover.top > .arrow{border-top-color:#ffffe5;}
.no_padding{ padding:0px!important;}
textarea{resize:none!important;}
.textarea_big textarea{height:250px!important;}
.btn_cancel{ max-width:80px;}
#detail_desc{ margin-bottom:15px;}
.no_pad{ padding:0px;}
.btn_green{ background:#369B53!important; border:solid 1px #369B53!important;cursor: default!important;}
.btn_green:hover{ background:#369B53!important; border:solid 1px #369B53!important;cursor:default!important;}
@media screen and (max-width:760px){

.pivotboxtable tr td{display:block!important; width:100%!important;}
.searchareapivotbox.pivotboxtable .firsttd,  .searchareapivotbox.pivotboxtable .secondtd, .searchareapivotbox.pivotboxtable .thirdtd{width:100%!important;}
.zonetable tr td table tr td{display:block;}
}
.padd10{ padding:10px!important;}
.table_a tr:nth-child(2n+2) td{background:#fff;}

.inwarddetail table tr td{padding-left:5px;}
.inwarddetail .brd_btm{ border-bottom: #000 solid 1px;}
.inwarddetail .padd10{padding:10px;}
.inwarddetail .padd5_10{padding: 5px 10px;}
.inwarddetail .padd2_2{padding: 2px 2px;}
.inwarddetail .brd_btm_width{border-bottom: #000 solid 1px; width:100%;}

.productiondetail table tr td{padding-left:5px;}
.productiondetail .brd_btm{ border-bottom: #000 solid 1px;}
.productiondetail .padd10{padding:10px;}
.productiondetail .padd5_10{padding: 5px 10px;}
.productiondetail .padd2_2{padding: 2px 2px;}
.productiondetail .brd_btm_width{border-bottom: #000 solid 1px; width:100%;}

.btn_print_primary{
	float:right;
	margin-bottom: 3px;
    	margin-right: 4px;
}
.summary_icon i
{
	color : #fff;
}
.left_margin10{
margin: 0px 0px 0px 13px;
}
.width115{width:50px;}