body { font-family: 'Roboto', sans-serif; font-weight: 400; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; font-weight: 700; }
.navbar-brand { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.hr_only {margin:0px; height:1px;}
.display-none {display:none;} .resize-none {resize:none;}
.opacity_7 { opacity:0.7; } .opacity_7:hover { opacity:1; }
.col-half-offset{ margin-left:4.166666667% }
.login-logo small { font-size: 18px !important; } .login-logo { line-height: 35px !important; } 
.bg-light .badge{background:#fff; color:#000;} .label-dark { background-color: #181C32; } .label-light, .bg-light { background-color: #777; }
.input-group-addon { background-color: #eee !important; }

.content-header .meta { margin: 20px 0 10px 0; }
.content-header .meta .span { display: inline-block; margin-left: 10px;}
.content-header .meta .span .btn { padding:5px 10px;}
.content-header .meta a, .content-header .meta .btn-link {text-decoration: none!important; color:#000;}
.content-header .meta .btn-link:hover, .content-header .meta a:hover { border-bottom: 1px dotted; }

.panel-info { font-weight: 600; color:#fff; }
.panel-info p { margin-bottom:0px; }

.alert-warning-custom { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-warning-custom hr { border-top-color: #f7e1b5; }
.alert-warning-custom .alert-link { color: #66512c; }
.alert-info-custom { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-info-custom .alert-link { color: #245269; }
.alert { margin-bottom: 10px; padding: 10px; }
.alert-dismissible { padding-right: 35px; }

/* datatable */
div.dataTables_wrapper div.dataTables_paginate {float:none!important; text-align:center!important;}
div.dataTables_wrapper .text-right div.dataTables_paginate {float:right!important;}
/* div.dataTables_wrapper { width: 1400px; margin: 0 auto; } */
/* datatable plus-minus button */
.dt_search_input { font-weight:normal!important; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 30px; color: #555; background-color: #fff; border: 1px solid #ccc; height: 30px; min-height: 32px; font-size: 13px; padding: 5px 10px; }
.dt_search_input:hover, .dt_search_input:active, .dt_search_input:focus { border-color: #3c8dbc; box-shadow: none; outline:none; }
div.dataTables_wrapper .disabled {cursor: not-allowed; background-color: #eee; opacity: 1;}

/* datatable plus-minus button */
td.details-control { background: url('../img/details_open.png') no-repeat center center; cursor: pointer; }
tr.shown td.details-control { background: url('../img/details_close.png') no-repeat center center; }
/* datatable header */
.table thead tr th {white-space: nowrap; overflow:hidden;}
/* table.dataTable tbody td { word-break: break-word; vertical-align: top; } */
/* .table-column-header{ white-space:nowrap; overflow:hidden; } */

.action_tab form {display:inline!important;}
.action_tab .btn {padding:3px 5px; }
.action_tab .btn i {width:16px; height:16px; text-align:center;}
/* datatable selected */
.table thead tr th {white-space: nowrap;}
.table tbody .selected td { background-color: #AAB7D1 !important;}
.table tbody .bg-white td {background:#ffffff;}
/* datatable colvish */
.dt-button-collection .dt-button.buttons-columnVisibility { background: none !important; background-color: transparent !important; box-shadow: none !important; border: none !important; padding: 0.25em 1em !important; margin: 0 !important; text-align: left !important; }
.dt-button-collection .buttons-columnVisibility:before, .dt-button-collection .buttons-columnVisibility.active span:before { display:block; position:absolute; top:1.2em; left:0; width:12px; height:12px; box-sizing:border-box; }
.dt-button-collection .buttons-columnVisibility:before { content:' '; margin-top:-8px; margin-left:10px; border:1px solid black; border-radius:3px; }
.dt-button-collection .buttons-columnVisibility.active span:before { font-family: 'Arial' !important; content:'\2714'; margin-top: -15px; margin-left: 12px; text-align: center; text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff; }
.dt-button-collection .buttons-columnVisibility span { margin-left:17px; }
th { vertical-align: middle!important; }

.switch { position: relative; display: inline-block; width: 40px; height: 20px; }
/* Hide default HTML checkbox */
.switch input { opacity: 0; width: 0; height: 0; }
/* The slider */
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .3s; transition: .3s; }
.slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 3px; bottom: 3px;  background-color: white; -webkit-transition: .3s; transition: .3s; }
input:checked + .slider { background-color: #dd4b39; }
input:focus + .slider { box-shadow: 0 0 1px #dd4b39; }
input:checked + .slider:before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }

.form-group {position:relative;}
.red {color: #e32; font-size: x-large; position:absolute; top:-1px;}
.textarea {resize:none;}
.single-line {white-space:nowrap; display:inline-block;}

.select_box { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; cursor:pointer; max-width:100%!important;}
.select_box input { display:inline-block; width:10%; opacity: 0;}
.select_box span { font-weight:normal; white-space: nowrap!important; overflow: hidden!important; text-overflow: ellipsis!important; max-width:90%;}
.select_box:hover { border-color: #3c8dbc; box-shadow: none; outline:none; }