/**
* The css file of XXB.
*
* @copyright   Copyright 2009-2020 青岛易软天创网络科技有限公司(QingDao Nature Easy Soft Network Technology Co,LTD, www.cnezsoft.com)
* @license     ZOSL (https://zpl.pub/page/zoslv1.html)
* @author      Chunsheng Wang <chunsheng@cnezsoft.com>
* @package     XXB
* @version     $Id: style.css 4069 2016-09-29 05:25:19Z daitingting $
* @link        https://xuanim.com
*/

/*----------------------- HELPERS --------------------------*/

/* Width setting */
.w-p5  {width: 5%!important}
.w-p10 {width: 10%!important}
.w-p15 {width: 15%!important}
.w-p20 {width: 20%!important}
.w-p25 {width: 25%!important}
.w-p30 {width: 30%!important}
.w-p35 {width: 35%!important}
.w-p40 {width: 40%!important}
.w-p45 {width: 45%!important}
.w-p50 {width: 50%!important}
.w-p55 {width: 55%!important}
.w-p60 {width: 60%!important}
.w-p65 {width: 65%!important}
.w-p70 {width: 70%!important}
.w-p75 {width: 75%!important}
.w-p80 {width: 80%!important}
.w-p85 {width: 85%!important}
.w-p90 {width: 90%!important}
.w-p94 {width: 94%!important}
.w-p95 {width: 95%!important}
.w-p98 {width: 98%!important}
.w-p99 {width: 99%!important}
.w-p100{width: 100%!important}

.w-10px {width:10px!important}
.w-20px {width:20px!important}
.w-30px {width:30px!important}
.w-35px {width:35px!important}
.w-40px {width:40px!important}
.w-45px {width:45px!important}
.w-50px {width:50px!important}
.w-60px {width:60px!important}
.w-70px {width:70px!important}
.w-80px {width:80px!important}
.w-90px {width:90px!important}
.w-100px {width:100px!important}
.w-110px {width:110px!important}
.w-120px {width:120px!important}
.w-130px {width:130px!important}
.w-140px {width:140px!important}
.w-150px {width:150px!important}
.w-160px {width:160px!important}
.w-170px {width:160px!important}
.w-180px {width:180px!important}
.w-200px {width:200px!important}
.w-210px {width:210px!important}
.w-220px {width:220px!important}
.w-230px {width:230px!important}
.w-240px {width:240px!important}
.w-260px {width:260px!important}
.w-280px {width:280px!important}
.w-300px {width:300px!important}
.w-320px {width:320px!important}
.w-350px {width:350px!important}
.w-400px {width:400px!important}
.w-450px {width:450px!important}
.w-500px {width:500px!important}
.w-600px {width:600px!important}
.w-700px {width:700px!important}

/* Margins */
.mgb-20 {margin-bottom: 20px;}
.mgb-10 {margin-bottom: 10px;}

/* Text styles */
.text-error {color: #ea644a}

/*----------------------- COMPONENTS --------------------------*/

/* Table */
tr.text-center > th,
tr.text-center > td,
tr > th.text-center,
tr > td.text-center {text-align: center;}
tr.text-right > th,
tr.text-right > td,
tr > th.text-right,
tr > td.text-right {text-align: right;}
tr > th.text-left,
tr > td.text-left {text-align: left;}

/* Table form */
.table-form {margin-bottom: 0; table-layout: fixed;}
.table-form>tbody+tbody {border-top: none;}
.table-form>thead>tr>th.required:after {position: relative; top: 3px; right: auto; left: 4px; display: inline-block; vertical-align: middle;}
.table-form>thead>tr>th,
.table-form>tbody>tr>th,
.table-form>tbody>tr>td,
.table-form>tfoot>tr>td {padding: 5px 7px; vertical-align: middle; border-bottom: none;}
.table-form>tfoot>tr>td {padding: 10px 7px 10px;}
.table-form>tbody>tr>th {width: 120px; text-align: right;}
.table-form .input-group {width: 100%;}
.table-form > caption {background: #f1f1f1; padding: 5px 7px; margin: 5px 0; border-radius: 4px;}

/* Required fields */
.required:after {font-family: arial; font-size: 24px; top: 5px; right: auto;}
.required[class*='col-'] {position: relative;}
.required[class*='col-']:after {position: absolute; top: 6px; right: 2px}
.control-label.required:after {right: -10px}
.required-wrapper{position: relative;width: 100%; height: 0;overflow: visible;}
.required-wrapper.required:after {right: -13px;top: 4px}

/* Panels */
.panel-heading {position: relative;}
.panel-actions.pull-right {position: absolute; top: 2px; right: 3px; margin: 0;}

/* Pager */
.pager > div {display: inline-block}
.pager > .dropdown {display: inline-block}
.pager > .dropdown .dropdown-menu {width: 212px;padding: 0;margin-top: 0;margin-left: -5px}
.pager > .dropdown .dropdown-menu > li {display: block;float: left;width: 70px;border-right: 1px dotted #e7eaf2;border-bottom: 1px dotted #e7eaf2}
.pager > .form-control {position: relative;top: -1px;height: 20px;padding: 0 1px}
.pager > .btn {position: relative;top: -1px;padding: 0 3px;line-height: 18px;}

/* Table with sorter */
table.tablesorter thead tr div{padding:0; margin:0}
table.tablesorter thead tr .header{cursor:pointer;}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {color: #145ccd;}
table.tablesorter thead tr .headerSortDown a, table.tablesorter thead tr .headerSortUp a {color: #145ccd}
table.tablesorter thead tr .header a,table.tablesorter thead tr .headerSortUp a,table.tablesorter thead tr .headerSortDown a{display: inline-block; text-decoration:none}
table.tablesorter thead tr .header a {color: inherit;}
table.tablesorter thead tr .header:after {font-family: ZenIcon; font-weight: normal;content: '\e6bd';font-size: 14px; color: #808080;}
table.tablesorter thead tr .headerSortUp:after {font-family: ZenIcon; font-weight: normal; content: '\e6b9'; font-size: 14px; color: #145ccd;}
table.tablesorter thead tr .headerSortDown:after{font-family: ZenIcon; font-weight: normal; content: '\e6b8'; font-size: 14px; color: #145ccd;}

/* Bordered table in panel */
.panel > .table-bordered {border: none;}
.panel > .table-bordered > tbody:first-child > tr:first-child > th,
.panel > .table-bordered > tbody:first-child > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th {border-top: none}
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > td {border-bottom: none}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child {border-left: none}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child {border-right: none}

/*----------------------- LAYOUT --------------------------*/

/* Navbar */
#mainNavbar {font-size: 14px; padding-right: 5px;}
#mainNavbar > .navbar-nav,
#mainNavbar > .navbar-nav > li {float: left; margin: 0}
#mainNavbar > .navbar-nav.navbar-right,
#mainNavbar > .navbar-nav.navbar-right > li {float: right;}

/* Main container */
body > .container-fluid {padding: 0 15px;}
body > .container-fluid > .breadcrumb {padding: 0; margin: -5px 0 10px;}
