/*
font-family: 'Roboto', sans-serif;
 CSS Document */
html,body {height:100%;}
body {font-family: 'Roboto', sans-serif; font-smoothing:antialiased; color:#333; padding:58px 0 0px; font-size:14px; background-color:#f9fafd;}
img { max-width:100%; height:auto;}
strong {font-weight:700;}
a, button, input[type=submit] { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; }
a, .btn-link {color:#ed1c24;}
a:hover, a:focus {color:#333;}
a:hover, a:focus, button, .btn, .btn:hover, .btn:focus { text-decoration:none; outline:0 !important; outline-offset:0px !important; box-shadow:none;}
label { font-weight:normal; color:#696d84; font-weight:600; margin-bottom:4px; display:block;}
.label:hover, label:focus {outline:none; border:none; }
.data-table { display:table; table-layout:fixed; width:100%; float:none; height:100%;}
.data-cell { display:table-cell; vertical-align:middle; min-width:1%; float:none;}
.data-table.vtop .data-cell { vertical-align:top; }
iframe { width:100% !important; }
sub, sup {font-size:50%; top:-.6em; }
.panel {box-shadow:none; border:none; border-radius:0;}
.form-control {box-shadow:none !important; font-weight:400; font-size:14px; border-color:#cccccc; height:36px; padding:4px;}
.form-control:focus {border-color:#cccccc;}
.form-group {margin-bottom:8px;}
.btn-primary { background:#ed1c24; color:#fff; border-color:#ed1c24;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background:#f0282f; color:#fff; border-color:#f0282f;}
img[align="left"] { margin:0 30px 20px 0;}
img[align="right"] { margin:0 0 30px 20px;}
.icon {background:url(../images/sprites.png) no-repeat; display:inline-block; vertical-align:middle;}
.required {color:#ed1c24; font-size:12px;}
.section {padding:40px 0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;}		
h1 {font-size:36px; }
h2 {font-size:24px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pd-none { padding:0 !important; }
.mg-none { margin:0 !important; }
.relative { position:relative;}
hr {border-color:#c9c8c8;}
.container {max-width:1200px;}

.form-control::-webkit-input-placeholder {color:#e5e6ea;}
.form-control::-moz-placeholder {color:#e5e6ea;}
.form-control:-ms-input-placeholder {color:#e5e6ea;}
.form-control:-moz-placeholder {color:#e5e6ea;}

.md-radio {margin:6px 0; display:inline-block;}
.md-radio.md-radio-inline {display:inline-block;}
.md-radio input[type="radio"] {display:none;}
.md-radio input[type="radio"]:checked + label:before {border-color:#ed1c24; animation:ripple 0.2s linear forwards;}
.md-radio input[type="radio"]:checked + label:after {transform:scale(1);}
.md-radio label{display:inline-block; line-height:20px; position:relative; padding:0 30px 0 24px; margin-bottom:0; cursor:pointer; vertical-align:bottom;}
.md-radio label:before, .md-radio label:after {position:absolute; content:''; border-radius:50%; transition:all .3s ease; transition-property:transform, border-color;}
.md-radio label:before {left:0; top:0; width:18px; height:18px; border:1px solid rgba(0, 0, 0, 0.4); }
.md-radio label:after {top:5px; left:5px; width:8px; height:8px; transform:scale(0); background:#ed1c24; }

.btn-checkbox {margin:0px 0; display:inline-block;}
.btn-checkbox [type="checkbox"] {display:none;}
.btn-checkbox label {display:inline-block; line-height:20px; position:relative; padding:0 30px 0 24px; margin-bottom:0; cursor:pointer; vertical-align:bottom; font-weight: 400;}
.btn-checkbox [type="checkbox"]:active + label::before {transition-duration:0;}
.btn-checkbox [type="checkbox"] + label:before {border-radius:2px; background-color:transparent; border:1px solid rgba(0, 0, 0, 0.4); content:""; color:#ed1c24; top:2px; left:0; position:absolute; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.btn-checkbox [type="checkbox"] + label:after {box-sizing:content-box; content:""; background-color:#444; position:absolute; top:5px; left:3px;
width:8px; height:4px;  -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50%; transform-origin:50%;
transition:-webkit-transform 200ms ease-out; transition:transform 200ms ease-out; transition:transform 200ms ease-out, -webkit-transform 200ms ease-out;}
.btn-checkbox [type="checkbox"] + label:after {background-color:transparent; border-style:solid; border-color:#fff; border-width:0 0 2px 2px;  -webkit-transform: rotate(-45deg) scale(0); transform: rotate(-45deg) scale(0);}
.btn-checkbox [type="checkbox"]:checked + label:after {content:""; -webkit-transform:rotate(-45deg) scale(1); transform:rotate(-45deg) scale(1);
 transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;}
.btn-checkbox [type="checkbox"]:checked + label:before {border-color:#6ac259; background-color:#6ac259;}

.green-checkbox.btn-checkbox label { vertical-align:top; padding:0 0px 0 20px;}
.green-checkbox.btn-checkbox [type="checkbox"]:checked + label:before {border-color:#00a65a;}
.green-checkbox.btn-checkbox [type="checkbox"]:checked + label:after {border-color:#00a65a;}

/** General Setting **/
/** Datat Tbale Css **/
/*pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button {display:inline-block; background:#f7f7f7; border:0; font-size:12px; font-weight:600; line-height:24px;
color:#fffff; text-transform:uppercase; padding:0 10px; font-family:"Roboto";}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {border:none;}	 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {background-color:#f7f7f7; color:#979797; opacity:0.5;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background:#e7153d; border:0;  color:#fff !important;}
/*pagination */
/*search */
.dataTables_wrapper .dataTables_filter input {height:calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/*search*/
table.dataTable thead th { background-color:#6a7f80; color:#fff; border-left:1px solid #ddd;}
table.dataTable thead th:first-child {border:none;}
table.dataTable tbody td { border-left:1px solid #ddd;}
table.dataTable tbody td:first-child {border-left:none;}
table.dataTable tbody th, table.dataTable tbody td {padding:4px 4px;} 
/** Datat Tbale Css **/

/** Select2 Css **/
.select2-container--default .select2-selection--single {height:36px; border:1px solid #ccc;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height:36px; height:36px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height:36px;}
/** Select2 Css **/
/** Datepicker Css **/
.form-control.datepicker {background-image:url(../images/datepicker.png); background-repeat:no-repeat; background-position:center right;}
.form-control.timepicker {background-image:url(../images/time-icon.png); background-repeat:no-repeat; background-position:center right;}
/** Datepicker Css **/
/** Toggle this switch element Css **/
.custom-switch .custom-control-label {color:#db262c;}
.custom-switch .custom-control-label:focus { outline:none;}
.custom-control-input:checked~.custom-control-label::before {border-color:#dddedc; background-color:#f2ffe2;}
.custom-switch .custom-control-input:checked~.custom-control-label::after {background-color:#7fda09;}
.custom-show {color:#bebebe; margin:0; font-weight:600;}
/** Toggle this switch element Css **/

/** Header **/
#header { background-color:#ed1c24; position:fixed; top:0; left:0; width:100%; z-index:2; height:48px;}
.navbar-brand {float: none; display: inline-block; vertical-align:middle; padding:8px 14px 8px 0; height:auto;}
#header .navbar { padding:0 50px 0 0;}
.top-menu .navbar-nav > li { padding:0px; position:relative;}
.top-menu .navbar-nav > li > a.nav-link { padding:13px 15px; background-color:transparent; font-size:14px; font-weight:600; color:#fff;}
.top-menu .navbar-nav > li > a:hover, .top-menu .navbar-nav > li > a:focus {background:#ba141a;}
.top-menu .navbar-nav > li > a svg{ font-size:18px; margin-left:0px; line-height:48px;}

.navbar-nav .dropdown-menu { background-color:#ed1c24; border:none; padding:0; margin:0; border-radius:0 0 5px 5px; width:100%; min-width:inherit;}
.navbar-nav .dropdown-menu a {color:#fff; font-size:13px; padding:6px 15px;}
.navbar-nav .dropdown-menu a.dropdown-item:hover, .navbar-nav .dropdown-menu a.dropdown-item:focus, .navbar-nav .dropdown-menu a.dropdown-item:active {background-color:#c9090f;}

.toggle-btn {position: absolute; top:0px; right:15px; z-index: 999999; cursor: pointer; width:50px; height:50px; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.toggle-btn:focus {outline: none;}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after { left:0; content: ''; position: absolute; display: block; width:30px; height:2px; background:#fff; cursor: pointer;}
.toggle-btn span {top:22px; left:10px;}
.toggle-btn span:before {top:-10px;}
.toggle-btn span:after {bottom: -10px}
.toggle-btn span, .toggle-btn span:before, .toggle-btn span:after {-webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.toggle-btn.active span {background-color: transparent}
.toggle-btn.active span:before, .toggle-btn.active span:after {top: 0; background:#fff;}
.toggle-btn.active span:before {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.toggle-btn.active span:after {top: 10px; -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg);}
.no-scroll {overflow:hidden; left:-230px;}
/*.no-scroll #header { left:-230px;}*/
.bg-overlay {background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none;}
.bg-overlay.active {display:block;}
.toggle-btn.active { right:230px;}
/** Header **/

.sidebar {position:fixed; top:0; right:-230px; width:230px; height:100%; background:#e31e24; -webkit-transition-duration:0.4s; transition-duration:0.4s; overflow:auto; z-index:99999; padding:0; box-shadow:inset 10px 1px 6px -6px rgba(0,0,0,0.1); margin:0;}
.sidebar.open {right:0px;}

.sidebar ul {padding:0; margin:0; display:block;}
.sidebar .nav-tabs .nav-item  {display:block; text-align:left; float:none; clear:both;}
.sidebar .nav-tabs .nav-item .nav-link {display:block; padding:10px 12px; position:relative; line-height:normal; font-weight:600; color:#fff; border-bottom:1px solid rgba(255,255,255,0.4);
				-webkit-transition-duration: 0.4s; transition-duration:0.4s; border-radius:0;}
.sidebar .nav-tabs .nav-item .nav-link:hover, .sidebar .nav-tabs .nav-item .nav-link:focus, .sidebar .nav-tabs .nav-link.active{background-color:#b40409; color:#fff; border-color:transparent;}

.dropdown.open .dropdown-menu, .dropdown:hover .dropdown-menu {display:block;}
.dropdown-menu {padding:0; margin:0; border:none; background-color:#e31e24;}
.dropdown-menu li a { display:block; padding:6px 12px; font-size:14px; color:#fff;}
.dropdown-menu li a:hover,.dropdown-menu li a:focus {background-color:#b40409}



.header-title  { margin-bottom:20px;}

.header-title .title {font-weight:600; padding:0; margin:0 0; color:#e31e24; font-size:18px;}

/** Login Page **/
.form-panel .form-control {border-color:#d9d9d9;}
.form-panel .form-control.focus, .form-panel .form-control:focus {border-color:#d9d9d9;}
.user:-webkit-autofill, .user:-webkit-autofill:hover, .user:-webkit-autofill:focus {border:1px solid #d9d9d9; -webkit-text-fill-color:#333; 
-webkit-box-shadow:0 0 0px 1000px #000 inset; transition:background-color 5000s ease-in-out 0s;}
.password:-webkit-autofill, .password:-webkit-autofill:hover, .password:-webkit-autofill:focus {border:1px solid #d9d9d9; -webkit-text-fill-color:#333; 
-webkit-box-shadow:0 0 0px 1000px #000 inset; transition:background-color 5000s ease-in-out 0s;}
.form-panel .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#828282;}
.form-panel .form-control::-moz-placeholder { /* Firefox 19+ */ color:#828282;}
.form-panel .form-control:-ms-input-placeholder { /* IE 10+ */color:#828282;}
.form-panel .form-control:-moz-placeholder { /* Firefox 18- */ color:#828282;}

.login-bg {background-size:cover; background-position:center top; height:100%;}
.login_form { max-width:450px; width:100%; margin:0 auto; display:block; background-color:rgba(255,255,255,0.8); padding:60px; border-radius:20px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.login-logo { margin:-80px auto 0; width:90px;}
.login_form .title-xs {padding-top:30px; font-size:24px; font-weight:700; text-transform: uppercase;}
.form-panel .input-group-prepend {background-color:#fff; color:#ed1c24; border-radius:.25rem 0 0 .25rem; padding:6px 8px; border-style:solid; border-color:#ddd; border-width:1px 0 1px 1px;}
.form-panel .input-group-prepend svg {font-size:16px;}
.form-panel .form-control {border-color:#d9d9d9; border-width:1px 1px 1px 0;}
.captha {border-radius:0.25rem; background-color:#fff; padding:2px;}
.copyright { position:absolute; bottom:15px; left:0; right:0; margin:0 auto; display:block; width:100%;}
/** Login Page **/

.btn-default {background-color:#f8f8f8; color:#333; font-size:14px; line-height:1.1; border-color:#ed1c24; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle {background-color:#ed1c24; color:#fff; opacity:1; border-color:#ed1c24;}

dualmultiselect .btn-default {background-color:#316ac3; color:#fff; font-size:14px; line-height:1.1; border-color:#316ac3; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
dualmultiselect .btn-default:hover, dualmultiselect .btn-default:focus, dualmultiselect .btn-default:not(:disabled):not(.disabled).active, dualmultiselect .btn-default:not(:disabled):not(.disabled):active, dualmultiselect .show>.btn-default.dropdown-toggle {background-color:#184790; color:#fff; opacity:1; border-color:#184790;}


.btn-red {background-color:#ed1c24; color:#fff; border-color:#ed1c24; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-red:hover, .btn-red:focus, .btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active, .show>.btn-red.dropdown-toggle {background-color:#b40409; color:#fff; opacity:1; border-color:#b40409;}
.btn-gray {background-color:#333; color:#fff; border-color:#333; -webkit-transition-duration:0.4s; transition-duration:0.4s; text-transform:capitalize;}
.btn-gray:hover, .btn-gray:focus, .btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show>.btn-gray.dropdown-toggle {background-color:#000; color:#fff; opacity:1; border-color:#000;}

.btn-geen {background-color:#00c48c; color:#fff; border-color:#00c48c; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-geen:hover, .btn-geen:focus, .btn-geen:not(:disabled):not(.disabled).active, .btn-geen:not(:disabled):not(.disabled):active, .show>.btn-geen.dropdown-toggle {background-color:#09a176; color:#fff; opacity:1; border-color:#09a176;}
.btn-pink {background-color:#ff647c; color:#fff; border-color:#ff647c; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-pink:hover, .btn-pink:focus, .btn-pink:not(:disabled):not(.disabled).active, .btn-pink:not(:disabled):not(.disabled):active, .show>.btn-pink.dropdown-toggle {background-color:#d41f3b; color:#fff; opacity:1; border-color:#d41f3b;}
.btn-gay-border {background-color:#fff; color:#333; border-color:#eee; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.btn-gay-border:hover, .btn-gay-border:focus, .btn-gay-border:not(:disabled):not(.disabled).active, .btn-gay-border:not(:disabled):not(.disabled):active, .show>.btn-gay-border.dropdown-toggle {background-color:#ed1c24; color:#fff; opacity:1; border-color:#ed1c24;}

.btn-white { background:#fff; color:#333; width:22px; height:22px; display:inline-block; line-height:22px; text-align:center;}
.top-menu .navbar-nav > li > a .btn-white  svg { margin:0; line-height:inherit; font-size:13px;}
.witdh100 { width:100px;}
.witdh60 { width:60px;}


.pagination {display:block; float:left; margin-top:5px;}
.pagination li {display:inline-block;}
.pagination li a { padding:.375rem .75rem; background-color:#f8f8f8; border:1px solid #ed1c24; font-size:14px; border-right-width:0;}
.pagination li a:hover, .pagination li a:focus, .pagination li.active a { background-color:#ed1c24; color:#fff;}
.pagination li:first-child a { border-radius:5px 0 0 5px;}
.pagination li:last-child a { border-radius:0 5px 5px 0; border-right-width:1px;}


.contant-box { background:#fff; margin-bottom:10px; padding:15px; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);}

.list-table.table {margin:0 auto;}
.list-table.table thead th {padding:4px; background-color:#f4f5f8; font-size:13px; font-weight:600; text-align:left;}
.list-table.table tbody tr td {padding:4px; font-size:13px; vertical-align:middle;}
.list-table.table tbody tr:nth-child(even) {background-color:#fffceb;}
.list-table.table tbody tr td .btn {padding:4px 12px; font-size:13px;}

.green {color:#5da400;}
.red {color:#ed1c24;}

.table.project-table {margin:0 auto;}
.table.project-table th, .table.project-table td {padding:6px; font-size:13px; vertical-align:middle;}
.table.project-table th {font-weight:600;}
.table.project-table tbody tr:nth-child(odd) {background-color:#f9fafd;}


.accordion .card {box-shadow:none; padding:15px; margin:0 0 10px; border-radius:0; border:none; -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);}
.accordion .card .title { position:relative;}
.accordion .card .title a {position:relative; text-transform:none; display:block; font-size:18px; background:none; color:#ed1c24; font-weight:600; padding:5px 26px 8px 0px; z-index:1;}
.accordion .card .title a.collapsed:after, .accordion .card .title a.collapsed:before, .accordion .card .title a:after, .accordion .card .title a:before {-webkit-transition:.5s all ease-out; transition:.5s all ease-out; display:inline-block; content:''; width:12px; height:2px; background:#ed1c24; position:absolute; top:50%; right:6px; opacity:1; margin-top:-1px;}
.accordion .card .title:after {position:absolute; content:""; width:24px; height:24px; right:0px; top:50%; border:2px solid #ed1c24; border-radius:50%; margin-top:-12px;}
.accordion .card .title a.collapsed:before {opacity:1; -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.accordion .card .title a.collapsed:after {opacity:1; -webkit-transform: rotate(0deg); transform: rotate(0deg);}
.accordion .card .title a:before {-webkit-transform: rotate(0deg); transform: rotate(0deg); opacity:1;}
.accordion .card .title a:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity:0;}
.accordion .card .card-body {padding:8px 0; font-weight:300; position:relative;}



.custom-file-upload-hidden {display:none; visibility:hidden; position:absolute; left:-9999px;}
.custom-file-upload {display:block; width:auto; font-size:16px; margin-top:0px;}
.custom-file-upload label {display:block; margin-bottom:0;}
.file-upload-wrapper {position:relative; margin-bottom:0;}
.file-upload-input {width:100%; color:#333; font-size:16px; padding:11px 12px 11px 100px; border-radius:4px; background-color:#fff; border:1px solid #cccccc;
  -moz-transition: all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
  /* IE 9 Fix */}
.file-upload-input:hover, .file-upload-input:focus {outline:none;}
.file-upload-button {cursor:pointer; display:inline-block; color:#6a6a6a; font-size:16px; text-transform:uppercase; padding:10px 12px; 
border:none; margin:0; background-color:#f4f5f8; position:absolute; top:2px; left:2px; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}
.file-upload-button:hover {background-color:#d4d5d7}

.table.barcode-table { border: 1px solid #dee2e6; width:100%; display:table;}
.table.barcode-table th { background:#f4f5f8;}
.table.barcode-table td {border-left:1px solid #dee2e6;}
.table.barcode-table th, .table.barcode-table td { border-top-color:transparent; padding:6px 10px;}
.table.barcode-table tr:first-child th, .table.barcode-table tr:first-child td { border-top:1px solid #dee2e6;}

.modal-content {border-radius:20px;}
.modal-header { border-bottom:none;}
.modal-header p { margin-bottom:0;}
.search-input.form-control {background-image:url(../images/search-icon.png); background-position:center right; background-repeat:no-repeat;}
.mt24 { margin-top:24px;}
/** Responsive **/



.list-table.table.data-table-list tbody tr.odd {background-color:#fff;}
.list-table.table.data-table-list tbody tr.even {background-color:#fffceb;}
.width100 { width:100px;}
.width120 { width:120px;}

.tabs-nave { background-color:#fff; margin-bottom:15px; padding:0 15px;}
.tabs-nave .nav-tabs { border-bottom:none;}
.tabs-nave .nav-tabs .nav-link { border:none; padding:0;}
.tabs-nave .nav-tabs .nav-link a{ font-size:16px; padding:12px 35px; border:none; color:#828282; position:relative; display:block;}
.tabs-nave .nav-tabs .nav-link a:hover, .tabs-nave .nav-tabs .nav-link:focus, .tabs-nave .nav-tabs .nav-link.active {color:#ed1c24;}
.tabs-nave .nav-tabs .nav-link a:before {position:absolute; content:''; bottom:0; left:0; right:0; margin:0 auto; width:0; height:3px; background-color:#ed1c24; -webkit-transition-duration:0.4s; transition-duration:0.4s;}
.tabs-nave .nav-tabs .nav-link a:hover:before, .tabs-nave .nav-tabs .nav-link.active a:before  { width:100%;}

.tabs-nave .icon { width:32px; height:32px;}
.projects-icon {background-position:2px 2px;}
.tabs-nave .nav-tabs .nav-link:hover .projects-icon, .tabs-nave .nav-tabs .nav-link:focus .projects-icon, .tabs-nave .nav-tabs .nav-link.active .projects-icon {background-position:2px -37px;}
.time-track-list-icon {background-position:-49px 2px;}
.tabs-nave .nav-tabs .nav-link:hover .time-track-list-icon, .tabs-nave .nav-tabs .nav-link:focus .time-track-list-icon, .tabs-nave .nav-tabs .nav-link.active .time-track-list-icon {background-position:-49px -36px;}
.time-track-approval-icon {background-position:-102px 2px;}
.tabs-nave .nav-tabs .nav-link:hover .time-track-approval-icon, .tabs-nave .nav-tabs .nav-link:focus .time-track-approval-icon, .tabs-nave .nav-tabs .nav-link.active .time-track-approval-icon {background-position:-102px -36px;}
.time-track-report-icon {background-position:-151px 1px;}
.tabs-nave .nav-tabs .nav-link:hover .time-track-report-icon, .tabs-nave .nav-tabs .nav-link:focus .time-track-report-icon, .tabs-nave .nav-tabs .nav-link.active .time-track-report-icon {background-position:-151px -36px;}
.projects-master {background-position:-200px 2px;}
.tabs-nave .nav-tabs .nav-link:hover .projects-master, .tabs-nave .nav-tabs .nav-link:focus .projects-master, .tabs-nave .nav-tabs .nav-link.active .projects-master {background-position:-200px -36px;}
.green-color {color:#00a65a;}
.red-color {color:#ba141a;}

.datepicker-dropdown.dropdown-menu  { font-size:14px;}

.pool ul li a { display:inline-block;}
.pool ul li a .e-code { display:inline-block; padding-left:40px;}
.pool ul li .btn-checkbox{float:right;}
.pool ul li .btn-checkbox label { vertical-align:top; margin:0;}

.ng-table-pager { text-align:right; margin:5px 0 0;}
.btn-search {padding:2px .75rem;}

.multiselect-parent.btn-group.dropdown-multiselect { display:block;}
.multiselect-parent.btn-group.dropdown-multiselect .btn-default { display:block; background-color:#fff; width:100%; border:1px solid #eee; text-align:left;}
.multiselect-parent.btn-group.dropdown-multiselect .btn-default:hover, .multiselect-parent.btn-group.dropdown-multiselect .btn-default:focus { color:#333;}
.multiselect-parent.btn-group.dropdown-multiselect .btn-default.dropdown-toggle::after {position:absolute; top:50%; right:12px; margin:-0.15rem;}
.multiselect-parent .dropdown-menu {width:100%;}
.multiselect-parent .dropdown-header { padding:0 4px 4px;}
.multiselect-parent .checkbox label, .multiselect-parent .checkbox a { padding:0 5px; font-size:14px;}

.dualmultiselect .btn {margin:0;}
.dualmultiselect .pool {margin:8px 0;}
.dualmultiselect label {margin: 10px 0;}
.dualmultiselect .btn-default {}
.duration { font-size:16px; font-weight:600; line-height:30px; color:#ed1c24;}

.title-titme { font-size:15px; font-weight:600; color:#333;}
.title-titme span { color:#e31e24; padding:0 0 0 6px ;  display:inline-block;}


.usertable .table tr th { background-color: rgba(0,0,0,.06);}   
.usertable .table tr td { background-color:#fff;}
.user-striped thead tr th { background-color: rgba(0,0,0,.06);}
.user-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,0);}
.user-striped tbody tr:nth-of-type(even) {background-color: rgba(0,0,0,.02);}
.user-striped.table td, .user-striped.table th { padding:4px 8px; vertical-align:middle;}

.ui-grid-cell input.form-control {width:70px; background-color:#f4f8bb; text-align:center; padding:4px 4px; font-size:10px; max-height:18px; line-height:10px; border-radius:3px; display:inline-block; border:1px solid #9c9105;}
.ui-grid-cell input.form-control.npBtn { width:70px;}
.ui-grid-cell input.form-control:focus { border:1px solid #e31e24;}
.text-per { display:inline-block; font-weight:600; font-size:12px; padding-right: 4px;}
.ui-grid-cell-contents {
    font-size: 12px;
    padding:4px 6px;
    white-space: inherit; line-height:1.1;
}
.ui-grid-header-cell { font-weight:600;}
.ui-grid-header-cell .sortable { padding-right:8px;}
.ui-grid-column-menu-button { right:0;}
[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before { margin:0; width:10px;}
.ui-grid-header-cell { background-color:#f5e6e4;}
.ui-grid-header-cell-label  { font-size:11px; color:#fff;}
.inline-block {display: inline-block;
    padding-right: 8px;}

.total-value {
    font-weight: 600;
    line-height: 32px;
    padding-right: 10px;
}

.cell-blue-bg { background-color:#67809f !important;}
.cell-bg-dc01 {background-color:#5cb85c !important;}
.cell-bg-dc02 {background-color:#f0ad4e !important;}
.cell-bg-dc03 {background-color:#afa947 !important;}
.cell-bg-dc04 {background-color:#9156bd !important;}
.cell-bg-dc05 {background-color:#5193ad !important;}
.cell-bg-dc06 {background-color:#af5789 !important;}
.cell-bg-dc07 {background-color:#df7711 !important;}
.cell-bg-dc08 {background-color:#149e78 !important;}
.cell-bg-dc09 {background-color:#cd192a !important;}
.cell-bg-dc010 {background-color:#ad5907 !important;}
.cell-bg-dc011 {background-color:#088d08 !important;}
.cell-bg-dc012 {background-color:#ca8440 !important;}
.cell-bg-dc1 {background-color:rgba(92, 184, 92, 0.2) !important;}
.cell-bg-dc2 {background-color:rgba(240, 173, 78, 0.2) !important;}
.cell-bg-dc3 {background-color:rgba(175, 169, 71, 0.2) !important;}
.cell-bg-dc4 {background-color:rgba(145, 86, 189, 0.2) !important;}
.cell-bg-dc5 {background-color:rgba(81, 147, 173, 0.2) !important;}
.cell-bg-dc6 {background-color:rgba(175, 87, 137, 0.2) !important;}
.cell-bg-dc7 {background-color:rgba(223, 119, 17, 0.2) !important;}
.cell-bg-dc8 {background-color:rgba(20, 158, 120, 0.2) !important;}
.cell-bg-dc9 {background-color:rgba(205, 25, 42, 0.2) !important;}
.cell-bg-dc10 {background-color:rgba(173, 89, 7, 0.2) !important;}
.cell-bg-dc11 {background-color:rgba(8, 141,8, 0.2) !important;}
.cell-bg-dc12 {background-color:rgba(202, 132, 64, 0.2) !important;}

.ui-grid-cell {border-bottom:1px solid #d4d4d4; border-color:#ababab; text-align:center;}
.projection-table01 .ui-grid-icon-angle-down:before { color:#fff;}
.strong { font-weight:600;}
.pt25 { padding-top:25px;}
.selectize-input {padding:7px 8px;}


.nav-list { display:block; margin:0; padding:0;}
.nav-list li { display:block; margin:0; padding:6px 6px 6px 20px; position:relative;}
.nav-list li:before { position:absolute; content:''; background-color:#e31e24; height:5px; width:5px; display:block; left:0; top:13px; border-radius:50%;}

.selectize-dropdown, .selectize-input, .selectize-input input { font-size:12px;}
.selectize-control.single .selectize-input:after { right:5px;}

.width82 {width:82px;}

@media only screen and (max-width:1199px) {
    .tabs-nave .nav-tabs .nav-link {padding:8px 18px;}
    .width82 { width: 82px; }
}
@media only screen and (max-width:991px){
.toggle-btn { display:block;}	
.navbar-collapse {position:fixed; top:0; right:-230px; width:230px; height:100%; background:#e31e24; -webkit-transition-duration:0.4s; transition-duration:0.4s; overflow:auto; z-index:99999; padding:0; box-shadow:inset 10px 1px 6px -6px rgba(0,0,0,0.1); margin:0;} 
.navbar-collapse.open { right:0px;}
.navbar-collapse.d-flex { display:block !important;}
#header .navbar .navbar-nav > li > a.btn-menu { border-radius:0; border-width:0 0 1px 0;}

}
@media only screen and (max-width:767px){
.tabs-nave { background-color:transparent; padding:0; margin:0;}	
.tabs-nave .nav-tabs { display:block;}
.tabs-nave .nav-tabs a.nav-link {display:block; padding:8px 12px;}
.tabs-nave .nav-tabs .nav-item.show .nav-link, .tabs-nave .nav-tabs .nav-link.active { background-color:transparent;}
.tabs-nave .nav-tabs .nav-link:hover, .tabs-nave .nav-tabs .nav-link:focus, .tabs-nave .nav-tabs .nav-link.active { color:#fff;}
.container-fluid { padding:0 0;}

}

@media only screen and (max-width:360px){	
}