/*========================================================
            Table Css
========================================================*/
.table-responsive .table {width: 100% !important;}
.table-responsive .table tr {border-bottom: 1px solid #ccc;padding-top: 17px;position: relative;vertical-align: top;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.table-responsive .table tbody tr:hover td , .table-responsive .table tbody tr.active td {background: #f6f5f7}
.table-responsive .table tbody tr:last-child {border-bottom: 1px solid transparent;right: 0px;top: 0px;}
.table-responsive .table thead th {cursor: pointer;position: relative;text-transform: uppercase;}
.table-responsive .table tbody .group td {font-weight: 600;font-size: 14px;line-height: 14px;color: #000;background: #f3f3f3;padding-left: 10px;}
.table-responsive .table thead th,
.table-responsive .table tfoot th, 
.table-responsive .table tbody td {vertical-align: middle;}
.table-responsive .table thead th span {position: relative;padding-right: 18px;max-width: 100%;display: inline-block;margin-top: 0px;}
.table-responsive .table thead th.sorting_desc span i.fa-angle-down:before {content: '\f063'}
.table-responsive .table thead th.sorting_asc span i.fa-angle-down:before {content: '\f062'}
.table-responsive .table thead th span.checkbox , .table-responsive .table thead th span.checkbox-material{padding-right: 0px;}
.table-responsive .table tbody td span {margin-top: 0px;}
.table-responsive .table thead th .fa-angle-down{position: absolute;right: 0px;top: 0px;line-height: 19px;}
.table-responsive .table thead th , 
.table-responsive .table tfoot th {padding: 17px 5px 17px;text-align: left;font-size: 12px;line-height: 19px;font-weight: bold;outline: none;}
.table-responsive .table thead th.center ,
.table-responsive .table tfoot th.center , 
.table-responsive .table tbody td.center {text-align: center;}
.table-responsive .table tbody td.dataTables_empty {text-align: center;}
.table-responsive .table thead th.textalignright ,
.table-responsive .table tfoot th.textalignright , 
.table-responsive .table tbody td.textalignright {text-align: right;}
.table-responsive .table tbody td {padding: 17px 5px 17px;text-align: left;font-size: 11px;line-height: 19px;font-weight: 400;outline: none;color: #838383;}
.table-responsive .table tbody td p {font-size: 12px;line-height: 15px;font-weight: 400;color: #838383;}
.table-responsive .table a {color: #838383;}
/*.table-responsive .table a:hover {}*/
.table-responsive  a:hover {color: #333;}
.table-responsive .table thead th:first-child , .table-responsive .table tbody td:first-child, .table-responsive .table tbody tr > form:first-child {padding: 10px 3px 10px 20px;padding-right: 5px;}
.table-responsive .table thead th:last-child , .table-responsive .table tbody td:last-child {padding: 10px 20px 10px 5px;}
.table-responsive .table thead th:last-child span , .table-responsive .table tbody td:last-child span {padding-right: 0px;}
.table-responsive .table tbody td.boldandunderline ,.table-responsive .table tbody td.boldandunderline a {font-weight: bold;text-decoration: underline;color: #101028;}
.table-responsive .table tbody td.fwbold ,.table-responsive .table tbody td.fwbold a {font-weight: bold;color: #101028;}
.table-responsive .table tbody td .fa {font-size: 13px;}
.table-responsive .table tbody td.fromtd {position: relative;padding-right: 20px;}
.table-responsive .table tbody td.fromtd .fa-arrows-h {position: absolute;right: 0px;top:17px;line-height: 19px;}
.table-responsive .table tbody td .spanbl {display: block;margin-bottom: 5px;}
.table-responsive .table tbody td .btn{box-shadow: none;cursor: default;padding: 5px;height: 22px;min-width: 85px;opacity: 1;} 
.table-responsive .table tbody td .userlist li {position: relative;width: 35px;height: 35px;padding: 0px;overflow: hidden;border-radius: 50%;display: block;float: left;border: 1px solid #eee;margin-right: 2px;}
.table-responsive .table tbody td .userlist li img {width: 100%;height: auto;border-radius: 50%;}
.table-responsive .table tbody td span.imgicon {position: relative;width: 51px;height: 51px;padding: 5px;overflow: hidden;border-radius: 5px;display: block;border: 1px solid #eee;}
.table-responsive .table tbody td span.imgicon img {width: 100%;height: auto;border-radius: 3px;border: 1px solid #eee;}
.table-responsive .table tbody td span.imgicon input {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;border-radius: 5px;visibility: hidden;opacity: 0;}
.table-responsive .table tbody .editrow td span.imgicon input {visibility: visible;}
/*========================================================
            Order PAGE
========================================================*/
/*.dataTables_length , .dataTables_info , .dataTables_filter, .dataTables_paginate {display: none;}*/
.orderlist_table {position: relative;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.orderlist_table .table-responsive .table tbody td .iconsvg {font-size: 17px;line-height: 20px;fill: #838383;width: 20px;height: 20px;display: inline-block;margin-left: 5px;vertical-align: middle;background: transparent;border: transparent;outline: transparent;}
.orderlist_table .table-responsive .table tbody td .iconsvg:hover {fill: #333;color: #333;}.orderlist_table span.searchwrap {border-right: 1px solid transparent;position: relative;float: left;display: block;padding-right: 0px;margin-left: 10px;padding-top: 0px;height: 54px;padding-bottom: 10px;}
.orderlist_table span.searchwrap i.fa {cursor: pointer;position: absolute;width: 25px;height: 25px;line-height: 25px;font-size: 16px;color: #636363;right: -5px;top: 2px;text-align: center;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.orderlist_table span.searchwrap input {width: 180px;padding: 10px;min-width: 180px;background: transparent;border: transparent;border-bottom: 1px solid #ccc;font-size: 11px; line-height: 11px;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.orderlist_table .addaccountlink {float: left;}
.orderlist_table .daterangeheader {float: left;}
.orderlist_table .table-responsive .table tbody td input {border: transparent;outline: transparent;background: transparent;width: 100%;font-size: 13px;}
.orderlist_table .table-responsive .table tbody .editrow  td input {border-bottom: 1px solid #2196f3;}
.orderlist_table .table-responsive .table tbody .editrow  td .editicon:before {content: '\f0c7'}
.orderlist_table .table-responsive .table tbody .editrow  td .editicon svg {display: none;}
/*========================================================
            Add PRoject Pop
========================================================*/
.projectdetail .withabsodiv {position: relative;padding-top: 10px;margin-bottom: 20px;}
.projectdetail span.imgicon {position: absolute;left: 15px;top: 0px;width: 51px;height: 51px;padding: 5px;overflow: hidden;border-radius: 5px;display: block;border: 1px solid #eee;}
.projectdetail span.imgicon img {width: 100%;height: auto;border-radius: 3px;border: 1px solid #eee;}
.projectdetail span.imgicon input {width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;border-radius: 5px;opacity: 0;cursor: pointer;}
.projectdetail input.form-control {border: transparent;outline: transparent;background: transparent;width: 100%;font-size: 13px;border-bottom: 1px solid #2196f3;}
/*========================================================
            Fadeout All
========================================================*/
/*body.fadeout {background: rgba(0,0,0,1);}
body.fadeout  .main_container_wrap .pagecontentinnerwrap , body.fadeout  .main_container_wrap {background: rgba(255,255,255,.5);}
body.fadeout header , body.fadeout .topmenuwrap , body.fadeout header , body.fadeout .page_header, body.fadeout .normaltabtypeheader, body.fadeout .orderlist_table .table tr {opacity: .5;}
body.fadeout .orderlist_table .table .opacity_one {opacity: 1;}
.orderlist_table .table tbody tr.opacity_one td , .orderlist_table .table tbody tr.opacity_one:hover td {background: #f6f5f7;}*/

/*=============================================================
     DATATABLE CSS MD
=============================================================*/
table.dataTable tbody th, table.dataTable tbody td{padding: 8px;}
.dataTables_wrapper .dataTables_filter input{outline: none;padding: 7px 10px;background: transparent;border: 2px solid #ccc;font-size: 13px;line-height: 16px;color: #333;border-radius: 5px;opacity: .8;}