.tCenter{ text-align:center;}
.w60c{ width:60px;text-align:center}
.w45c{ width:45px;text-align:center}
.w20c{ width:20px;text-align:center}
.adminIndex .tab-content{ padding:15px 15px 16px 15px;}
.adminIndex .table{ margin-bottom:0px;}
.pd0i{ padding:0px !important;}
.floatR{ float:right}
.floatL{ float:left !important;}
.w55flr{ width:55px; float:right;}
.textI{ color:yellow; font-style:italic;}
.textIR{ color:red; font-style:italic;}
.w88il input{ width:88% !important; display:inline !important;}
.w88il select{ width:88% !important; display:inline !important;}
.w800{ width:800px;}
.colSearch .form-control{ height:30px;}

.w97{width:97px;}
.w102{width:102px;}
.w60{ width:60px;}
.w120{ width:120px;}
.w130{ width:130px;}
.w140{ width:140px;}

.listCustomer hr{ margin:0; border-top: 1px solid #ddd;}
.listCustomerPriority hr{ margin:0; border-top: 1px solid #ddd;}
.listCustomerPriority>thead>tr{background: red;}
.listCustomerPriority>thead>tr>th{ color: #fff;}
.listCustomerPriority>tbody>tr>td { color: #000;}
.listCustomerPriority>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{background: lightsteelblue;}
.listCustomerPriority>tbody>tr{background: lightsteelblue;}

.listJobPriority hr{ margin:0; border-top: 1px solid #ddd;}
.listJobPriority>thead>tr{background: rebeccapurple;}
.listJobPriority>thead>tr>th{ color: #fff;}
.listJobPriority>tbody>tr>td { color: #000;}
.listJobPriority>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{background: lightsteelblue;}
.listJobPriority>tbody>tr{background: lightsteelblue;}

.listJob hr{ margin:0; border-top: 1px solid #ddd;}
.listJob>thead>tr>th{ color: #000;}
.listJob>tbody>tr>td { color: #000;}

.col-sm-12 .dataTable  hr{ margin:0; border-top: 1px solid #ddd;}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td{ color: #000;}

.textBB{ color:blue; font-weight:bold;}
.textI5{font-style: italic; color: #555;}

.w60p{ width:60%;}
.mgt3{ margin-top:3px;}
.careItem{ display: block; width: 100%; border: 1px solid #ccc; padding: 10px; margin-bottom:6px;}
.careItem:last-child{ margin-bottom:0px;}
#listCaresHistory{ width: 100%; max-height: 400px; overflow: auto;}

.listJob hr{ margin:0; border-top: 1px solid #ddd;}
#jobDetail-Content{ margin:10px 0; display: inline-block; width:100%}
.jobDetail-Title{ display:block; width:100%; border:1px solid #aaa; border-bottom:none; padding:5px 10px;}
.jobDetail-Info{ border:1px solid #aaa; border-bottom:none; padding:5px 10px}
.jobDetail-InfoItem { display:block; width:100%;}
jobDetail-Staff{ display:block; width:100%;}
.jobDetail-Date{ display:block; width:100%; text-align:right; border:1px solid #aaa; border-bottom:none; padding:5px 10px;}
.jobDetail-Staff .w20{ width:20%; float:left; border:1px solid #aaa; border-left:none; padding: 10px; min-height:73px;}
.jobDetail-Staff .w20:first-child{ border-left:1px solid #aaa}
.jobDetail-Staff .w20 span{ display:block; width:100%}
.jobDetail-Title span{ display:-webkit-box; width:100%}
.incurredItem{ padding:5px 10px; border-bottom:1px dotted;display: block; width: 100%; float: left;}
.incurredItem-date{ display:block; width:100%; text-align:right;}
#listIncurred{ display:block; float:left; width:100%;}
#sendIncurred{ display:block; float:left; width:100%;}
.incurredItem-action{ display:block; width:100%; text-align:right;}

#errosAddJobIncurred{ display:block; width:100%}

.w15il input{ width:25% !important; display:inline !important;}
.w15il select{ display:inline !important;}
.itemPermission label{ text-align:left !important;}
.itemPermission .col-md-1{ text-align:center;}
.lbSearch{ padding: 0 !important; display: table; line-height: 34px; margin-right:1px;}
.priorityCount{ font-weight:bold; color:red;}

.counterCustomer{ font-weight: bold; margin-top: 10px; font-size: 13px;}

.perPanel .col-md-1{ text-align:center;}
.perCheckbox{ width: 100%; text-align:center;}
.perCheckbox input{ display:inline-block}
.displayN{ display:none !important;}

/*Checkbok in config*/
.switchBtn { position: relative; display: inline-block; width: 50px; height: 25px;}
.switchBtn input {display:none;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 21px; width: 21px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #2196F3; margin-right:1px;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3; margin-right:1px;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%; }

.TOK .form-control{ width: 66.66666667% !important; float:left;}
.keyNonActive { font-weight: bold; color: red; font-style: italic;}
.keyActive { background: green; color: #fff; padding: 5px; font-weight: bold; border-radius: 5px;}

.codeWeb{ font-weight:bold;}
.textBold{ font-weight:bold;}
.green{ color:green;}
.red{ color:red;}
.yellow{ color:yellow; }
.orange{ color:orange}
.btnStatusRed{background: red; padding: 5px; border-radius: 5px;}
.mrg6{ margin:6px 0;}