body {background-repeat: repeat;background: #252735;font-family: Roboto,sans-serif;color: #e9ecef;font-size: 14px;}
::-webkit-input-placeholder { color: #9ca8b3!important;}::-moz-placeholder { color: #9ca8b3!important;}:-ms-input-placeholder {color: #9ca8b3!important;}:-moz-placeholder { color: #9ca8b3!important;}


@-webkit-keyframes autofill {to {color: inherit;  background: transparent; }}
input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
.login-box-body, .register-box-body {background: #2A3142;color: #f7f7f7;}

li.editmode-select:hover{
    background-color: transparent !important;
}
tr.unreadmsg {
    font-weight: bold;
    background: #2f374a;
}
.contentdata {
    text-align: left;
    padding: 3px;
    font-size: 13px;
}
.remove-opr{
    float: right;
}
.customrowcolor{
    background: #343c50;
}
div#EZView0 {
    background-color: #ffff;
    opacity: 0.7;
}
.contentdata:hover {
    background: #f6f6f6;
}
.search-data a:focus
{
    background: #f6f6f6 !important;
}
.search-div
{
    float: right;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: transparent;
    opacity: 1;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px #2A3145 inset;
    -webkit-text-fill-color: #f7f7f7;
}
.ls_query{
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    color: #555;
    float: none;
    padding: 6px 12px;
    background-image: url(../img/icon_search.png);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #323a4e !important;
    color: #ffffff !important;
    font-size: 18px;
}
div#datatable_filter {
    display: inline-block;
    float: right;
    margin-right: 5px
}
div.dataTables_wrapper div.dataTables_filter{
    margin-right: 5px
}
.toolbar {
    display: inline-block;
    float: right;
}
.intenal_id{
    color: #5a5a5a !important;
    border-bottom: solid 1px rgba(var(--pure-material-onsurface-rgb, 250, 250, 250), 0.6);
}
.search-div{
    padding-top: 15px;
}

.nav-pills>li>a {
    color: #fff;
}
.content-header>.breadcrumb>li>a {
    color: #fff;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: transparent;
}
.nav-pills>li>a {
    border-radius: 0;
    border-bottom: 0px solid transparent;
    border-bottom: 3px solid transparent;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    border-top-color: transparent;
    border-bottom-color: #3c8dbc;
}
.controls {
    margin-top: 5px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#origin-input,
#destination-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 200px;
}

#origin-input:focus,
#destination-input:focus {
    border-color: #4d90fe;
}

#mode-selector {
    color: #fff;
    background-color: #4d90fe;
    margin-left: 12px;
    padding: 5px 11px 0px 11px;
}

#mode-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}
.grid_time > div{
    padding-right: 0px;
}
.tab-pane {
    padding-top: 20px;
}
.form-group {
     margin-bottom: 0px;
}
.nav {
    padding-left: 15px;
}
.btn-default.btn-flat { color: #ec4561!important; background-color: transparent; border: transparent;}
.skin-blue .main-header .logo,.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side,.box ,.table-striped>tbody>tr:nth-of-type(odd)  { background-color: #2a3142;}
.skin-blue .main-header .navbar {background-color: #36394c;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {color: #b4c9de!important;  background-color: #2f374a;}
.content-wrapper {min-height: 100%;background: #252735;z-index: 800;padding: 15px;}
.skin-blue .sidebar a {color: #8699ad;font-size: 16px;font-family: Sarabun,sans-serif;}
.box {position: relative;border-radius: 3px;border-top: 3px solid rgba(0, 113, 188, 0);margin-bottom: 20px;width: 100%;box-shadow: 0px 7px 6px rgba(0, 0, 0, 0);}
.box-header {color: #f1f1f1;display: block;padding: 10px 25px;position: relative;background-color: rgba(225, 223, 224, 0);margin-bottom: 0;box-shadow: 0px 3px 2px rgba(0, 0, 0, 0);margin-top: 10px;}
.table { color: #ced4da;}
.table-bordered td, .table-bordered th { border: 1px solid #dee2e6;}
.table td, .table th { vertical-align: middle; border-color: rgba(255,255,255,.05)!important;}
.dataTable {border-color: rgba(255,255,255,.07);}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: #626ed4!important; border-color: #626ed4!important;}
.pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 0.95rem 1.75rem; margin-left: -1px;line-height: 1.25;background: #323a4e; color: rgba(255,255,255,.7); border-color: #384158; text-decoration: none;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 15px 12px;line-height: 1.42857143; vertical-align: middle;}
.main-sidebar {padding-top: 120px;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index: 2;background-color: #363f55;border-color: #363f55;color: rgba(255,255,255,.7);}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { background-color: #363f55;border-color:#363f55; cursor: pointer;color: rgba(255,255,255,.7);}
.form-control {font-size: 15px;color: #dee2e6!important;background: #323a4e;border-color: rgba(255,255,255,.07);border-radius: .2rem;}
.skin-blue .sidebar-menu>li>.treeview-menu {background: rgba(47, 55, 74, 0.53);}
.treeview-menu>li>a { padding: 10px 5px 10px 25px; display: block; font-size: 15px;}
.main-footer { border-top: 1px solid rgba(210, 214, 222, 0);}

textarea:hover, input:hover, textarea:active, input:active, textarea:focus,input:focus,button:focus,button:active,button:hover,label:focus,.btn:active,.btn.active{ outline:0px !important; -webkit-appearance:none;}
.m-t-b-20 {padding-top:20px;padding-bottom:20px;}
.mg-t-20 {margin-top:20px}
.m_b_25 {margin-bottom:  25px;}
.m_b_10 {margin-bottom:  10px;}
.logo i,.sidebar-collapse .main-header .logo span img  {display: none;}
.main-header .logo img {height: 50px;}
.sidebar-collapse .logo i  {display: block;margin-left: -15px;}
.img-circle {border-radius:0}
.skin-black .main-header>.logo:hover {opacity: .5;-ms-filter: "alpha(opacity=50)";filter: alpha(opacity=50);transition: all .8s ease;-webkit-transition: all .8s ease;}
.waves-effect { position: relative; cursor: pointer; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.waves-effect .waves-ripple {  position: absolute; -webkit-border-radius: 50%; border-radius: 50%; width: 100px;  height: 100px;  margin-top: -50px;  margin-left: -50px;  opacity: 0; background: rgba(0, 0, 0, 0.2);  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -webkit-transition-property: -webkit-transform, opacity; -o-transition-property: -o-transform, opacity; -webkit-transition-property: opacity, -webkit-transform;  transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0);  transform: scale(0) translate(0, 0);  pointer-events: none; }
.waves-effect.waves-light .waves-ripple {  background: rgba(255, 255, 255, 0.4); background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); }
.waves-effect.waves-classic .waves-ripple {  background: rgba(0, 0, 0, 0.2); }
.waves-effect.waves-classic.waves-light .waves-ripple {  background: rgba(255, 255, 255, 0.4); }
.waves-notransition {  -webkit-transition: none !important; -o-transition: none !important; transition: none !important; }
.waves-button,.waves-circle { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }
.waves-button,.waves-button:hover,.waves-button:visited,.waves-button-input {  white-space: nowrap;  vertical-align: middle;  cursor: pointer;  border: none; outline: none; color: inherit; background-color: rgba(0, 0, 0, 0); font-size: 1em; line-height: 1em;  text-align: center; text-decoration: none; z-index: 1; }
.waves-button { padding: 0.85em 1.1em; -webkit-border-radius: 0.2em; border-radius: 0.2em; }
.waves-button-input { margin: 0; padding: 0.85em 1.1em; }
.waves-input-wrapper { display: inline-block;  position: relative; vertical-align: middle; -webkit-border-radius: 0.2em; border-radius: 0.2em; }
.waves-input-wrapper.waves-button {  padding: 0; }
.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; }
.waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; -webkit-border-radius: 50%; border-radius: 50%; }
.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.waves-float:active { -webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); }
.waves-block { display: block; }
a.waves-effect, a.waves-light { display: inline-block; }
.waves-effect.waves-brown .waves-ripple { background-color: rgba(0, 0, 0, 0.65);}

.skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a, .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu>li.active>a, .skin-blue.sidebar-mini.sidebar-collapse .sidebar-menu>li.menu-open>a { overflow: visible;}
.pure-material-textfield-filled { position: relative; display: inline-block; font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system); font-size: 16px; line-height: 1.5; overflow: hidden;}
.pure-material-textfield-filled > input,.pure-material-textfield-filled > textarea { display: block; box-sizing: border-box; margin: 0; border: none; border-top: solid 27px transparent; border-bottom: solid 1px rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); border-radius: 4px 4px 0 0; padding: 0 12px 10px; width: 100%; height: inherit; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.04); box-shadow: none; font-family: inherit;font-size: inherit; line-height: inherit; caret-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transition: border-bottom 0.2s, background-color 0.2s;}
.pure-material-textfield-filled > input + span,.pure-material-textfield-filled > textarea + span { position: absolute; top: 0;left: 0; right: 0; bottom: 0; display: block; box-sizing: border-box; padding: 7px 12px 0; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); font-size: 75%; line-height: 18px; pointer-events: none; transition: color 0.2s, font-size 0.2s, line-height 0.2s;}
.pure-material-textfield-filled > input + span::after,.pure-material-textfield-filled > textarea + span::after {  content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transform-origin: bottom center; transform: scaleX(0); transition: transform 0.3s;}
.pure-material-textfield-filled > input:hover,.pure-material-textfield-filled > textarea:hover { border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.08);}
.pure-material-textfield-filled > input:not(:focus):placeholder-shown + span,.pure-material-textfield-filled > textarea:not(:focus):placeholder-shown + span { font-size: inherit;line-height: 48px;}
.pure-material-textfield-filled > input:focus,.pure-material-textfield-filled > textarea:focus { outline: none;}
.pure-material-textfield-filled > input:focus + span,.pure-material-textfield-filled > textarea:focus + span { color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-textfield-filled > input:focus + span::before,.pure-material-textfield-filled > textarea:focus + span::before { opacity: 0.12;}
.pure-material-textfield-filled > input:focus + span::after,.pure-material-textfield-filled > textarea:focus + span::after { transform: scale(1);}
.pure-material-textfield-filled > input:disabled,.pure-material-textfield-filled > textarea:disabled { border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.24);}
.pure-material-textfield-filled > input:disabled + span,.pure-material-textfield-filled > textarea:disabled + span { color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) {.pure-material-textfield-filled > input,.pure-material-textfield-filled > input + span,.pure-material-textfield-filled > input + span::after, .pure-material-textfield-filled > textarea,.pure-material-textfield-filled > textarea + span, .pure-material-textfield-filled > textarea + span::after { transition-duration: 0.1s; } }}
.pure-material-radio {z-index: 0;position: relative;display: inline-block;color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);font-size: 16px;line-height: 1.5;}
.pure-material-radio > input { appearance: none; -moz-appearance: none; -webkit-appearance: none; z-index: -1; position: absolute; left: -10px; top: -8px; display: block; margin: 0; border-radius: 50%; width: 40px; height: 40px; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); outline: none; opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s, transform 0.2s;}
.pure-material-radio > span { display: inline-block; width: 100%; cursor: pointer;}
.pure-material-radio > span::before { content: ""; display: inline-block; box-sizing: border-box; margin: 2px 10px 2px 0; border: solid 2px; border-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); border-radius: 50%; width: 20px; height: 20px; vertical-align: top; transition: border-color 0.2s;}
.pure-material-radio > span::after { content: ""; display: block; position: absolute; top: 2px; left: 0; border-radius: 50%; width: 10px; height: 10px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transform: translate(5px, 5px) scale(0); transition: transform 0.2s;}
.pure-material-radio > input:checked { background-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));}
.pure-material-radio > input:checked + span::before { border-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));}
.pure-material-radio > input:checked + span::after { transform: translate(5px, 5px) scale(1);}
.pure-material-radio:hover > input { opacity: 0.04;}
.pure-material-radio > input:focus { opacity: 0.12;}
.pure-material-radio:hover > input:focus { opacity: 0.16;}
.pure-material-radio > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s;}
.pure-material-radio > input:active + span::before { border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-radio > input:disabled { opacity: 0;}
.pure-material-radio > input:disabled + span { color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); cursor: initial;}
.pure-material-radio > input:disabled + span::before { border-color: currentColor;}
.pure-material-radio > input:disabled + span::after { background-color: currentColor;}
.pure-material-slider { --pure-material-safari-helper1: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04); --pure-material-safari-helper2: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12); --pure-material-safari-helper3: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16); --pure-material-safari-helper4: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24); display: inline-block; width: 200px; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);font-size: 16px; line-height: 1.5;}
.pure-material-slider > input { -webkit-appearance: none; position: relative; top: 24px; display: block; margin: 0 0 -36px; width: 100%; height: 36px; background-color: transparent;cursor: pointer;}
.pure-material-slider > input:last-child { position: static; margin: 0;}
.pure-material-slider > span { display: inline-block; margin-bottom: 36px;}
.pure-material-slider > input:focus { outline: none;}
.pure-material-slider > input:disabled { cursor: default; opacity: 0.38;}
.pure-material-slider > input:disabled + span { color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-slider > input::-webkit-slider-runnable-track { margin: 17px 0; border-radius: 1px; width: 100%; height: 2px; background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);}
.pure-material-slider > input::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; border: none; border-radius: 50%; height: 2px; width: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transform: scale(6, 6); transition: box-shadow 0.2s;}
.pure-material-slider:hover > input::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--pure-material-safari-helper1);}
.pure-material-slider > input:focus::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--pure-material-safari-helper2);}
.pure-material-slider:hover > input:focus::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--pure-material-safari-helper3);}
.pure-material-slider > input:active::-webkit-slider-thumb { box-shadow: 0 0 0 2px var(--pure-material-safari-helper4) !important;}
.pure-material-slider > input:disabled::-webkit-slider-runnable-track {background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-slider > input:disabled::-webkit-slider-thumb { background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0)); color: rgb(var(--pure-material-surface-rgb, 255, 255, 255)); box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important; transform: scale(4, 4);}
.pure-material-slider > input::-moz-range-track { margin: 17px 0; border-radius: 1px; width: 100%; height: 2px; background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);}
.pure-material-slider > input::-moz-range-thumb { appearance: none; -moz-appearance: none; border: none; border-radius: 50%; height: 2px; width: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));transform: scale(6, 6);transition: box-shadow 0.2s;}
.pure-material-slider > input::-moz-range-progress { border-radius: 1px; height: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-slider:hover > input:hover::-moz-range-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04);}
.pure-material-slider > input:focus::-moz-range-thumb {  box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);}
.pure-material-slider:hover > input:focus::-moz-range-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16);}
.pure-material-slider > input:active::-moz-range-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24) !important;}
.pure-material-slider > input:disabled::-moz-range-track { background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-slider > input:disabled::-moz-range-progress { background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);}
.pure-material-slider > input:disabled::-moz-range-thumb { background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0)); box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important; transform: scale(4, 4);}
.pure-material-slider > input::-moz-focus-outer { border: none;}
.pure-material-slider > input::-ms-track { box-sizing: border-box; margin: 17px 0; border: none; border-radius: 1px; padding: 0 17px; width: 100%; height: 2px; background-color: transparent;}
.pure-material-slider > input::-ms-fill-lower { border-radius: 1px; height: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-slider > input::-ms-fill-upper { border-radius: 1px; height: 2px; background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24);}
.pure-material-slider > input::-ms-thumb { appearance: none; margin: 0 17px; border: none; border-radius: 50%; height: 2px; width: 2px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transform: scale(6, 6); transition: box-shadow 0.2s;}
.pure-material-slider:hover > input::-ms-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.04);}
.pure-material-slider > input:focus::-ms-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.12);}
.pure-material-slider:hover > input:focus::-ms-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.16);}
.pure-material-slider > input:active::-ms-thumb { box-shadow: 0 0 0 2px rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.24) !important;}
.pure-material-slider > input:disabled::-ms-fill-lower { background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-slider > input:disabled::-ms-fill-upper { background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); opacity: 0.38;}
.pure-material-slider > input:disabled::-ms-thumb { background-color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0)); box-shadow: 0 0 0 1px rgb(var(--pure-material-surface-rgb, 255, 255, 255)) !important; transform: scale(4, 4);}
.pure-material-textfield-standard {position: relative;display: inline-block;font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);font-size: 16px;line-height: 1.5;overflow: hidden;width: 100%;background-color: transparent !important;}
.pure-material-textfield-standard > input,.pure-material-textfield-standard > textarea {display: block;box-sizing: border-box;margin: 0;border: none;border-top: solid 27px #2a3142 !important;border-bottom: solid 1px rgba(var(--pure-material-onsurface-rgb, 250, 250, 250), 0.6);padding: 0 0 4px;width: 100%;height: inherit;color: rgba(var(--pure-material-onsurface-rgb, 250, 250, 250), 0.87);background-color: #2a3142 !important;font-family: inherit;font-size: inherit;line-height: inherit;caret-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));transition: border-bottom 0.2s, background-color 0.2s;padding-left: 15px; overflow: auto;}
.pure-material-textfield-standard > input + span,.pure-material-textfield-standard > textarea + span {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: block;box-sizing: border-box;padding: 7px 0 0;color: rgba(var(--pure-material-onsurface-rgb, 250, 250, 2500), 0.6) !important;font-size: 75%;line-height: 18px;pointer-events: none;transition: color 0.2s, font-size 0.2s, line-height 0.2s;}
.pure-material-textfield-standard > input + span::after,.pure-material-textfield-standard > textarea + span::after {content: "";position: absolute;left: 0;bottom: 0;display: block;width: 100%;height: 2px;background-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));transform-origin: bottom center;transform: scaleX(0);transition: transform 0.2s;}
.pure-material-textfield-standard > input:hover,.pure-material-textfield-standard > textarea:hover { border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);}
.pure-material-textfield-standard > input:not(:focus):placeholder-shown + span,.pure-material-textfield-standard > textarea:not(:focus):placeholder-shown + span { font-size: inherit; line-height: 56px;}
.pure-material-textfield-standard > input:focus,.pure-material-textfield-standard > textarea:focus { outline: none;}
.pure-material-textfield-standard > input:focus + span,.pure-material-textfield-standard > textarea:focus + span { color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));}
.pure-material-textfield-standard > input:focus + span::before,.pure-material-textfield-standard > textarea:focus + span::before { opacity: 0.12;}
.pure-material-textfield-standard > input:focus + span::after,.pure-material-textfield-standard > textarea:focus + span::after { transform: scale(1);}
.pure-material-textfield-standard > input:disabled,.pure-material-textfield-standard > textarea:disabled { /*border-bottom-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);*/  color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-textfield-standard > input:disabled + span,.pure-material-textfield-standard > textarea:disabled + span { color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}


@media not all and (min-resolution:.001dpcm) {@supports (-webkit-appearance:none) {.pure-material-textfield-standard > input,.pure-material-textfield-standard > input + span,.pure-material-textfield-standard > input + span::after,.pure-material-textfield-standard > textarea,.pure-material-textfield-standard > textarea + span,.pure-material-textfield-standard > textarea + span::after {transition-duration: 0.1s; } }}
.pure-material-checkbox {z-index: 0;position: relative;display: inline-block;color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);font-size: 16px;line-height: 1.5;font-weight: 400;}
.pure-material-checkbox > input {appearance: none;-moz-appearance: none;-webkit-appearance: none;z-index: -1;position: absolute;left: -10px;top: -8px;display: block;margin: 0 !important;border-radius: 50%;width: 40px;height: 40px;background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);box-shadow: none;outline: none;opacity: 0;transform: scale(1);pointer-events: none;transition: opacity 0.3s, transform 0.2s;}
.pure-material-checkbox > span {display: inline-block;width: 100%;cursor: pointer;color: #eee;}
.pure-material-checkbox > span::before {content: "";display: inline-block;box-sizing: border-box;margin: 3px 11px 3px 1px;border: solid 2px;border-color: rgba(var(--pure-material-onsurface-rgb, 250, 250, 250), 0.6);border-radius: 2px;width: 18px;height: 18px;vertical-align: top;transition: border-color 0.2s, background-color 0.2s;}
.pure-material-checkbox > span::after {content: "";display: block;position: absolute;top: 3px;left: 1px;width: 12px;height: 7px;border: solid 2px transparent;border-right: none;border-top: none;transform: translate(3px, 4px) rotate(-45deg);}
.pure-material-checkbox > input:checked,.pure-material-checkbox > input:indeterminate { background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-checkbox > input:checked + span::before,.pure-material-checkbox > input:indeterminate + span::before {border-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));background-color: rgb(var(--pure-material-primary-rgb, 0, 113, 188));}
.pure-material-checkbox > input:checked + span::after,.pure-material-checkbox > input:indeterminate + span::after { border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));}
.pure-material-checkbox > input:indeterminate + span::after { border-left: none; transform: translate(4px, 3px);}
.pure-material-checkbox:hover > input { opacity: 0.04;}
.pure-material-checkbox > input:focus { opacity: 0.12;}
.pure-material-checkbox:hover > input:focus { opacity: 0.16;}
.pure-material-checkbox > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s;}
.pure-material-checkbox > input:active + span::before {  border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-checkbox > input:checked:active + span::before { border-color: transparent; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6);}
.pure-material-checkbox > input:disabled { opacity: 0;}
.pure-material-checkbox > input:disabled + span { cursor: initial;}
.pure-material-checkbox > input:disabled + span::before { border-color: currentColor;}
.pure-material-checkbox > input:checked:disabled + span::before,.pure-material-checkbox > input:indeterminate:disabled + span::before { border-color: transparent; background-color: currentColor;}
.pure-material-switch {z-index: 0; position: relative; display: inline-block; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87);font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system); font-size: 16px; line-height: 1.5;}
.pure-material-switch > input { appearance: none;-moz-appearance: none;-webkit-appearance: none; z-index: -1; position: absolute;right: 6px; top: -8px;display: block; margin: 0; border-radius: 50%; width: 40px; height: 40px; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); outline: none;opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s 0.1s, transform 0.2s 0.1s;}
.pure-material-switch > span { display: inline-block; width: 100%; cursor: pointer;}
.pure-material-switch > span::before { content: ""; float: right; display: inline-block; margin: 5px 0 5px 10px; border-radius: 7px; width: 36px; height: 14px; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); vertical-align: top; transition: background-color 0.2s, opacity 0.2s;}
.pure-material-switch > span::after { content: ""; position: absolute; top: 2px; right: 16px; border-radius: 50%; width: 20px; height: 20px;background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255)); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); transition: background-color 0.2s, transform 0.2s;}
.pure-material-switch > input:checked { right: -10px; background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));}
.pure-material-switch > input:checked + span::before { background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);}
.pure-material-switch > input:checked + span::after { background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); transform: translateX(16px);}
.pure-material-switch:hover > input { opacity: 0.04;}
.pure-material-switch > input:focus {opacity: 0.12;}
.pure-material-switch:hover > input:focus { opacity: 0.16;}
.pure-material-switch > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s;}
.pure-material-switch > input:active + span::before { background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);}
.pure-material-switch > input:checked:active + span::before {background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-switch > input:disabled { opacity: 0;}
.pure-material-switch > input:disabled + span {color: rgb(var(--pure-material-onsurface-rgb, 0, 0, 0)); opacity: 0.38; cursor: default;}
.pure-material-switch > input:disabled + span::before { background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38);}
.pure-material-switch > input:checked:disabled + span::before { background-color: rgba(var(--pure-material-primary-rgb, 33, 150, 243), 0.6);}


.prefix {margin-top: 20px;}
.login-page:after, .register-page:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.79);z-index: 0;}
.btn-1 {margin: .375rem;color: inherit;text-transform: uppercase;word-wrap: break-word;white-space: normal;cursor: pointer;border: 0;border-radius: .125rem;-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);-webkit-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,-webkit-box-shadow 0.15s ease-in-out;padding: .94rem 2.14rem;font-size: 1.51rem;}
.btn-primary {color: #fff;background-color: #666EE8 !important;border-color: #535BE2 !important;padding: 4.6px 12px;margin: auto; margin-right: 4px;}
.btn:hover, .btn:focus, .btn:active { outline: 0;
    /*-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);*/
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show>.btn-primary.dropdown-toggle {background-color: #0b51c5 !important;-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15); box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18), 0 4px 15px 0 rgba(0,0,0,0.15);}
.btn-secondary {color: #fff;background-color: #6c757d;border-color: #6c757d;padding: 4.6px 12px;/* margin-left: 10px; */}
.btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62;}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {color: #fff; background-color: #545b62; border-color: #4e555b;}
.btn-info { background-color: #218838;  border-color: #1e7e34;}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover {
    color: #fff;
    background-color: #02A398 !important;
    border: 1px solid #02A398 !important;
}



.open>.dropdown-menu {display: block; opacity: 1 !important;visibility: visible !important;top: 67px !important;}
.show>.dropdown-menu {display: block; opacity: 1 !important;visibility: visible !important;top: 67px !important;}
.navbar-nav>.user-menu>.dropdown-menu {text-align: center;max-width: 100px;width: 100%;border-color: transparent;border-top: transparent !important;padding: 0;}



.add_row {position: relative;display: block;float: right;padding-right: 0;}
#example1_filter {display: none;}
.ml-2, .mx-2 {margin-right: 1.3rem !important;}
.f-z-20:before  {font-size: 2.15rem !important;color: rgba(152, 152, 152, 0.62);vertical-align: middle;}
.m-t-28 { margin-top: 28px;}
.box-title.m_t_b_0 {margin-top:0;padding-left: 15px;}
.box-header,.prefix  {/* color: #0071bc !important; */}
.btn-outline-white.green-create ,.btn-outline-white.red-delete,.btn-outline-white.blue-view {background-color: rgba(98, 110, 212, 0.32);border: 1px solid #626ed463;}
.add_row a.btn {background: #666EE8 !important;border-color: #535BE2 !important;}
.alert-primary { border-color: #666EE8 !important; background-color: #a4a9f1 !important; color: #141b87 !important;}
.alert[class*=alert-arrow-]:before {content: ""; display: inline-block; position: absolute; top: 50%;left: 0;border-left: 8px solid; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left-color: inherit;margin-top: -8px;}
.alert[class*=alert-icon-] .alert-icon { content: '\f2b2'; font-family: LineAwesome;  color: #fff; width: 4rem; left: -4rem; text-align: center; position: absolute; top: 50%; margin-top: -8px; font-size: 1.90rem; font-weight: 400; line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.alert.alert-icon-left { border-left-width: 4rem;}
.alert { position: relative; margin-bottom: 0px;}

.box-title {color: #e9ecef;}




.bg_grey {background: rgba(240, 240, 240, 0.16);}
.btn-rounded {position: relative;z-index: 1;display: inline-block;padding: 0;margin: 1px 5px;overflow: hidden;vertical-align: middle;cursor: pointer;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;width: 30px;height: 30px;}
.btn-rounded .icon {font-size: 20px;color: #fff;}
.table.dataTable th {}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {}
table.dataTable thead .no_sorting.sorting:after {display: none !important; }
table.dataTable thead .no_sorting.sorting {width: 140px !important;}
td> div> form {display: inline-block}
.sorting_disabled {width: 130px !important}
.box_content ul {padding-left: 15px;}
.box_content ul> li {list-style: none;width: 100%;display: inline-flex;padding: 10px 0;}
.box_content ul> li > div {display: inline-block;line-height: 1.5;}
.row_name  {font-weight: 700;text-transform: capitalize;max-width: 145px;width: 100%;}
.title_modal {text-transform: uppercase;font-weight: 400;}
.modal-header {background-color: #252735;color:#fff;border-bottom: 1px solid rgba(221, 221, 221, 0.14);}
.close {color:#fff !important; opacity:1;}


.time > div {display: inline-block;width: 24.5%;}
.clock { height: 200px; width: 200px; border-radius: 100px; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; position: relative;}
.clock__second, .clock__minute, .clock__hour, .clock__indicator { position: absolute; left: calc(50% - 1px); width: 2px; background: #F2F2F2; -webkit-transform-origin: bottom center; transform-origin: bottom center; z-index: 2; border-radius: 1px;}
.clock__second {height: 52px;margin-top: 4px;background: #02A499;-webkit-animation: time 60s infinite steps(60);animation: time 60s infinite steps(60);z-index: 3;}
.clock__minute {height: 45px;margin-top: 11px;opacity: 0.75;-webkit-animation: time 3600s linear infinite;animation: time 3600s linear infinite;}
.clock__hour {height: 35px;margin-top: 20px;-webkit-animation: time 43200s linear infinite;animation: time 43200s linear infinite;}
.clock__indicator {height: 55px;border-top: 2px solid #02A499;background: none;}
.clock__indicator:nth-of-type(5n) { opacity: 1; border-top: 7px solid #F2F2F2;}
.clock__axis {background: #02A499;width: 5px;height: 5px;border-radius: 3px;position: absolute;z-index: 4;top: 53px;left: 97px;}
section.clock__indicator:nth-of-type(1) {-webkit-transform: rotateZ(calc(6deg * 1));transform: rotateZ(calc(6deg * 1));}section.clock__indicator:nth-of-type(2) {-webkit-transform: rotateZ(calc(6deg * 2)); transform: rotateZ(calc(6deg * 2)); }section.clock__indicator:nth-of-type(3) {-webkit-transform: rotateZ(calc(6deg * 3));transform: rotateZ(calc(6deg * 3));}section.clock__indicator:nth-of-type(4) {-webkit-transform: rotateZ(calc(6deg * 4));transform: rotateZ(calc(6deg * 4));}section.clock__indicator:nth-of-type(5) {-webkit-transform: rotateZ(calc(6deg * 5));transform: rotateZ(calc(6deg * 5));}section.clock__indicator:nth-of-type(6) { -webkit-transform: rotateZ(calc(6deg * 6));transform: rotateZ(calc(6deg * 6));}section.clock__indicator:nth-of-type(7) {-webkit-transform: rotateZ(calc(6deg * 7));transform: rotateZ(calc(6deg * 7));}section.clock__indicator:nth-of-type(8) { -webkit-transform: rotateZ(calc(6deg * 8));transform: rotateZ(calc(6deg * 8));}section.clock__indicator:nth-of-type(9) {-webkit-transform: rotateZ(calc(6deg * 9));transform: rotateZ(calc(6deg * 9));}section.clock__indicator:nth-of-type(10) {-webkit-transform: rotateZ(calc(6deg * 10));transform: rotateZ(calc(6deg * 10));}section.clock__indicator:nth-of-type(11) { -webkit-transform: rotateZ(calc(6deg * 11));transform: rotateZ(calc(6deg * 11));}section.clock__indicator:nth-of-type(12) { -webkit-transform: rotateZ(calc(6deg * 12));transform: rotateZ(calc(6deg * 12));}section.clock__indicator:nth-of-type(13) { -webkit-transform: rotateZ(calc(6deg * 13));transform: rotateZ(calc(6deg * 13));}section.clock__indicator:nth-of-type(14) { -webkit-transform: rotateZ(calc(6deg * 14));transform: rotateZ(calc(6deg * 14));}section.clock__indicator:nth-of-type(15) { -webkit-transform: rotateZ(calc(6deg * 15));transform: rotateZ(calc(6deg * 15));}section.clock__indicator:nth-of-type(16) { -webkit-transform: rotateZ(calc(6deg * 16));transform: rotateZ(calc(6deg * 16));}section.clock__indicator:nth-of-type(17) {-webkit-transform: rotateZ(calc(6deg * 17));transform: rotateZ(calc(6deg * 17));}section.clock__indicator:nth-of-type(18) {-webkit-transform: rotateZ(calc(6deg * 18));transform: rotateZ(calc(6deg * 18));}section.clock__indicator:nth-of-type(19) {-webkit-transform: rotateZ(calc(6deg * 19));transform: rotateZ(calc(6deg * 19));}section.clock__indicator:nth-of-type(20) {-webkit-transform: rotateZ(calc(6deg * 20));transform: rotateZ(calc(6deg * 20));}section.clock__indicator:nth-of-type(21) {-webkit-transform: rotateZ(calc(6deg * 21));transform: rotateZ(calc(6deg * 21));}section.clock__indicator:nth-of-type(22) {-webkit-transform: rotateZ(calc(6deg * 22));transform: rotateZ(calc(6deg * 22));}section.clock__indicator:nth-of-type(23) {-webkit-transform: rotateZ(calc(6deg * 23));transform: rotateZ(calc(6deg * 23));}section.clock__indicator:nth-of-type(24) { -webkit-transform: rotateZ(calc(6deg * 24));transform: rotateZ(calc(6deg * 24));}section.clock__indicator:nth-of-type(25) {-webkit-transform: rotateZ(calc(6deg * 25));transform: rotateZ(calc(6deg * 25));}section.clock__indicator:nth-of-type(26) {-webkit-transform: rotateZ(calc(6deg * 26));transform: rotateZ(calc(6deg * 26));}section.clock__indicator:nth-of-type(27) {-webkit-transform: rotateZ(calc(6deg * 27));transform: rotateZ(calc(6deg * 27));}section.clock__indicator:nth-of-type(28) {-webkit-transform: rotateZ(calc(6deg * 28));transform: rotateZ(calc(6deg * 28));}section.clock__indicator:nth-of-type(29) {-webkit-transform: rotateZ(calc(6deg * 29));transform: rotateZ(calc(6deg * 29));}section.clock__indicator:nth-of-type(30) {-webkit-transform: rotateZ(calc(6deg * 30));transform: rotateZ(calc(6deg * 30));}section.clock__indicator:nth-of-type(31) {-webkit-transform: rotateZ(calc(6deg * 31));transform: rotateZ(calc(6deg * 31));}section.clock__indicator:nth-of-type(32) {-webkit-transform: rotateZ(calc(6deg * 32));transform: rotateZ(calc(6deg * 32));}section.clock__indicator:nth-of-type(33) {-webkit-transform: rotateZ(calc(6deg * 33));transform: rotateZ(calc(6deg * 33));}section.clock__indicator:nth-of-type(34) {-webkit-transform: rotateZ(calc(6deg * 34));transform: rotateZ(calc(6deg * 34));}section.clock__indicator:nth-of-type(35) {-webkit-transform: rotateZ(calc(6deg * 35));transform: rotateZ(calc(6deg * 35));}section.clock__indicator:nth-of-type(36) { -webkit-transform: rotateZ(calc(6deg * 36));transform: rotateZ(calc(6deg * 36));}section.clock__indicator:nth-of-type(37) { -webkit-transform: rotateZ(calc(6deg * 37));transform: rotateZ(calc(6deg * 37));}section.clock__indicator:nth-of-type(38) {-webkit-transform: rotateZ(calc(6deg * 38));transform: rotateZ(calc(6deg * 38));}section.clock__indicator:nth-of-type(39) {-webkit-transform: rotateZ(calc(6deg * 39));transform: rotateZ(calc(6deg * 39));}section.clock__indicator:nth-of-type(40) {-webkit-transform: rotateZ(calc(6deg * 40));transform: rotateZ(calc(6deg * 40));}section.clock__indicator:nth-of-type(41) {-webkit-transform: rotateZ(calc(6deg * 41));transform: rotateZ(calc(6deg * 41));}section.clock__indicator:nth-of-type(42) {-webkit-transform: rotateZ(calc(6deg * 42));transform: rotateZ(calc(6deg * 42));}section.clock__indicator:nth-of-type(43) {-webkit-transform: rotateZ(calc(6deg * 43));transform: rotateZ(calc(6deg * 43));}section.clock__indicator:nth-of-type(44) {-webkit-transform: rotateZ(calc(6deg * 44));transform: rotateZ(calc(6deg * 44));}section.clock__indicator:nth-of-type(45) {-webkit-transform: rotateZ(calc(6deg * 45));transform: rotateZ(calc(6deg * 45));}section.clock__indicator:nth-of-type(46) {-webkit-transform: rotateZ(calc(6deg * 46)); transform: rotateZ(calc(6deg * 46));}section.clock__indicator:nth-of-type(47) {-webkit-transform: rotateZ(calc(6deg * 47)); transform: rotateZ(calc(6deg * 47));}section.clock__indicator:nth-of-type(48) {-webkit-transform: rotateZ(calc(6deg * 48)); transform: rotateZ(calc(6deg * 48));}section.clock__indicator:nth-of-type(49) { -webkit-transform: rotateZ(calc(6deg * 49));transform: rotateZ(calc(6deg * 49));}section.clock__indicator:nth-of-type(50) {-webkit-transform: rotateZ(calc(6deg * 50)); transform: rotateZ(calc(6deg * 50));}section.clock__indicator:nth-of-type(51) {-webkit-transform: rotateZ(calc(6deg * 51)); transform: rotateZ(calc(6deg * 51));}section.clock__indicator:nth-of-type(52) {-webkit-transform: rotateZ(calc(6deg * 52)); transform: rotateZ(calc(6deg * 52));}section.clock__indicator:nth-of-type(53) {-webkit-transform: rotateZ(calc(6deg * 53)); transform: rotateZ(calc(6deg * 53));}section.clock__indicator:nth-of-type(54) {-webkit-transform: rotateZ(calc(6deg * 54));transform: rotateZ(calc(6deg * 54));}section.clock__indicator:nth-of-type(55) {-webkit-transform: rotateZ(calc(6deg * 55));transform: rotateZ(calc(6deg * 55));}section.clock__indicator:nth-of-type(56) {-webkit-transform: rotateZ(calc(6deg * 56)); transform: rotateZ(calc(6deg * 56));}section.clock__indicator:nth-of-type(57) { -webkit-transform: rotateZ(calc(6deg * 57));transform: rotateZ(calc(6deg * 57));}section.clock__indicator:nth-of-type(58) { -webkit-transform: rotateZ(calc(6deg * 58));transform: rotateZ(calc(6deg * 58));}section.clock__indicator:nth-of-type(59) {-webkit-transform: rotateZ(calc(6deg * 59));transform: rotateZ(calc(6deg * 59));}section.clock__indicator:nth-of-type(60) {-webkit-transform: rotateZ(calc(6deg * 60)); transform: rotateZ(calc(6deg * 60));}
@-webkit-keyframes time { to { -webkit-transform: rotateZ(360deg);  transform: rotateZ(360deg); }}
@keyframes time {to {-webkit-transform: rotateZ(360deg); transform: rotateZ(360deg);}}
.time { position: relative; display: block; width: 100%;}
/**************************************************/

.box {background-color:#2A3142}
#vmap {background-color:transparent !important;}
.jqvmap-zoomin, .jqvmap-zoomout { background: #1f232d !important;}
.jqvmap-zoomout {top: 41px;}
.jqvmap-zoomin, .jqvmap-zoomout { position: absolute;background: #000000;padding: 15px 20px 15px 10px; color: white; width: 15px !important;height: 15px !important; line-height: 1px;}
.card.card-fullscreen { display: block; z-index: 9999; position: fixed; width: 100% !important; height: 100% !important; top: 0; right: 0;left: 0;bottom: 0; overflow: auto;}
.box-body > ul > li {list-style: none;line-height: 1.0;}
.box-body > ul {padding-left:10px !important;}

.box-body .pure-material-checkbox > span {color:#e2e2e2; }
.sidebar-menu .menu-open>a>.fa-angle-right, .sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-right {  -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg);  -o-transform: rotate(90deg); transform: rotate(90deg);}
.sidebar-menu li>a>.fa-angle-right, .sidebar-menu li>a>.pull-right-container>.fa-angle-right {  width: auto; height: auto; padding: 0; margin-right: 10px; -webkit-transition: transform .5s ease; -o-transition: transform .5s ease; transition: transform .5s ease;}




.select2-container--default .select2-selection--single {background-color: #323a4e !important;border: 1px solid #aaa;color:#fff !important;border-radius: 4px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {color: #dee2e6 !important;}
.select2-container--default .select2-selection--single {height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px !important;top: 1px !important;}
.box-footer { border-top: 1px solid rgba(244, 244, 244, 0); background-color: rgba(255, 255, 255, 0);}
.select2-container {box-sizing: border-box;display: inline-block;margin: 0;position: relative;vertical-align: middle;background-color: transparent !important;}

.select2-dropdown {  border: 1px solid rgba(255,255,255,.07);   -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.15);  box-shadow: 0 2px 2px rgba(0,0,0,.15);  background: #2a3142 !important; border: 1px solid rgba(255,255,255,.07)!important;}
.select2-container--default .select2-results__option--highlighted[aria-selected] {  background-color: #626ed4 !important; }
.select2-container .select2-selection { background: #323a4e; border: 1px solid rgba(255,255,255,.07)!important;}
.modal-content { position: relative; background-color: #2A3142;}
.modal-footer {border-top-color: rgba(244, 244, 244, 0.14);background-color: #252735;}
.modal-footer {padding: 15px; text-align:center;  border-top: 1px solid rgba(229, 229, 229, 0.15);}
.gj-datepicker-md { line-height: 1;  color:#dee2e6 !important;  position: relative;}
.gj-textbox-md {border-bottom: 1px solid rgba(204, 204, 204, 0.45) !important;color: #e8e8e8 !important;}
.grid_time > div {width: 49.3%;position: relative;display: inline-block;padding-right: 5px;}
.select2-container--default .select2-selection--multiple { border: 1px solid rgba(255,255,255,.07)!important; padding: 5px 18px 5px 18px; background-color: #323a4e !important;
    border-radius: 5px !important;}
label { font-weight: 400;}
.select2-container--default .select2-selection--multiple .select2-selection__choice {  background-color: #666EE8 !important; border: 1px solid #535BE2 !important;}

.select2-container--default .select2-selection--multiple {
    background-image: url(/img/arrow.png); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px;
}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {background-color: #2a3142;padding: 10px;}
.form-input-error-msg {
    display: none;
    padding: 4px 0;
    margin-bottom: 5px;
    color: red;
    font-weight: bold;
    font-size: 0.8em;
    overflow: hidden;
}
.form-input-error-msg.show-error {
    display: block;
}
.alert.form-input-error-msg {
    padding: 4px;
    margin-bottom: 5px;
    color: #a94442;
    font-weight: bold;
}
.form-input-error-msg span.error-empty,
.form-input-error-msg span.error-wrong {
    display: none;
}
.form-input-error-msg span.error-empty.show-error,
.form-input-error-msg span.error-wrong.show-error {
    display: inline-block;
}

.error {
    border-color: red;
}
.textColorRed{
    color: red !important;
}
h4{
    font-weight: bold;
    display: block;
    float: left;
    margin-left: 20px;
}

.box-header h3 {
    margin-top: 30px !important;
}

box-footer{
    margin-left: 4px;
}


@media (min-width: 768px) {.navbar-nav>li>a {padding-top: 25px;padding-bottom: 20px;}}
.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
    font-size: 18px;
}


.glyphicon-unchecked , .glyphicon-check{
    height:12px;
    width:12px !important;
    border:2px solid #000000;
    position: relative;
}

.glyphicon-unchecked:before , .glyphicon-checked:before{
    content:"" !important;
}
.glyphicon-check:before{
    content:"\e013" !important;
    position: absolute;
    font-size: 9px;
    transform: translate(-50%, -50%);
    top: 45%;
    left: 50%;
}

#mapwrapper {
    border: 5px solid #f5f5f5;
    border-bottom: 0;
}
.gmnoprint{
    margin-top:5px !important
}

#datatable_processing {
    color: #252735;
}
.resize_item.hide {display: none;}
.multiselect {
    width: 175px;
    display: inline-block;
    float: right;
}
.pure-material-checkboxlbl{
    padding-left: 7px;
}
.box-header h3
{
    margin-top: 0px !important;
}
.selectBox {
    position: relative;
}

.selectBox select {
    width: 100%;
    font-weight: bold;
}

.overSelect {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}


#checkboxes label {
    display: block;
    padding: 6px;
}

#checkboxes label:hover {
    background-color: #626ed4;
}
.checkboxextended{
    position: absolute;
    z-index: 9999999;
    box-shadow: 0 2px 2px rgba(0,0,0,.15);
    background: #2a3142 !important;
    border: 1px solid rgba(255,255,255,.07)!important;
}
input.toggle-vis {
    -webkit-appearance: auto !important;
}
.titlesmfont{
    font-size: 15px !important;
}
.c_select_wrapper_viscol {
    width: 100%;
    position: relative;
    border: 1px solid rgba(255,255,255,.07)!important;
    padding: 7px 18px 10px 18px;
    background-color: #323a4e;
    border-radius: 5px;
    background-image: url(/img/arrow.png);
    /*background-image: url(https://image.flaticon.com/icons/svg/625/625946.svg);*/
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
.dataTables_length {
    display: inline-block;
    float: left;
    padding-right: 10px;
}
.dataTables_filter {
    display: inline-block;
    float: right;
}
a.dt-button.buttons-excel.buttons-html5 {
    color: #fff;
    background-color: #666EE8 !important;
    border-color: #535BE2 !important;
    padding: 4.6px 12px;
    margin: auto;
    background-image: none;
}
a.dt-button:hover:not(.disabled) {
    background-image:none !important;
}
.sidebar {
    padding-bottom: 0px;
}
.dt-buttons {
    float: right !important;
}
.intenal_id_create{
    color: #ffffff !important;
}
div.dataTables_wrapper div.dataTables_processing {
    color: #000000 !important;
}


.customrowcolor {min-height: 50px;}
.customrowcolor .info-box-icon{height: 55px;line-height: 55px;font-size: 30px;}

.fade.show {
    opacity: 1;
}
.modal-backdrop.fade.show {
    opacity: 0.3;
}
.modal-backdrop{
    z-index: 8 !important;
}
.swal2-popup.swal2-toast .swal2-title{
    font-size: 18px !important;
}

body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right{
    top: 54px !important;
}
.swal2-popup.swal2-toast .swal2-header{
    padding: 9px !important;
}
span.glyphicon.glyphicon-time {
    display: none;
}
.c_select_wrapper {
    width: 100%;
    position: relative;
    border: 1px solid rgba(255,255,255,.07)!important;
    padding: 7px 18px 10px 18px;
    background-color: #323a4e;
    /* border-radius: 5px; */
    background-image: url(/img/arrow.png);
    /*background-image: url(https://image.flaticon.com/icons/svg/625/625946.svg);*/
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}

.c_select_wrapper > ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    position: absolute;
    border: 1px solid #383f51;
    top: 35px;
    left: -1px;
    display: none;
    width: 100%;
    z-index: 9;
    background: #2a3142;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}

.c_select_wrapper > span {
    display: block;
    width: 100%;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    color: #e9ecef;
    font-size: 14px;
    text-transform: capitalize;
}

.c_select_wrapper > ul li {
    position: relative;
    display: block;
    padding: 7px 10px 5px 10px;
    overflow: hidden;
}

.c_select_wrapper > ul li b {
    /*float: left;*/
    margin: 0px 0px;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
    text-transform: capitalize;
}
.c_select_wrapper > ul li span {
    /*display: inline-block;
    width: 10px;
    height: 10px;
    float: right;*/
    display: inline-block;
    width: 15px;
    height: 15px;
    float: left;
    padding: 0;
}
#icon_label{
    text-transform: capitalize;
}
.c_select_wrapper li:hover {
    background-color: #5897fb;
}

.md-textarea{
    resize: both;
    vertical-align: bottom;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow-wrap: break-word;
}
#map {
    height: 300px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
}
.gm-style-iw-d >div {
    color: black;
}

.pure-material-checkbox{
    top: 14px;    margin-left: 50px;
}
#main_data table{
    background: #2a3142;
    border: 1px solid #343c50;
}
table.table-condensed {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
}
.custompad{
    padding-left: 16px;
}
.custompadrigh{
    padding-right: 30px;
}
.c_select_wrapper > ul{
    max-height: 264px !important;
    overflow-y: auto !important;
}
[aria-labelledby="select2-stealth_mode-container"]{
    position: relative;
    top: -10px;
    left: 49px;
}


a,input , button , textarea , table , .select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple, .box, .form-control,.breadcrumb, .dropdown-menu, .info-box, .info-box-icon, .ls_result_div, .panel, .c_select_wrapper_viscol, .select2-dropdown{
    border-radius:0 !important
}
input.select2-search__field {
    color: #000 !important;
}
div.dataTables_wrapper div.dataTables_info {
    display: inline-block;
    float: left;
}

div.dataTables_wrapper div.dataTables_paginate {
    display: inline-block;
    float: right;
}
.c-pointer{
    cursor: pointer;
}

.dataTables_filter .multiselect  {width: auto;margin-left: 10px;}
.dataTables_filter  .c_select_wrapper_viscol{padding: 4px 30px;text-align: left;font-size: 14px;}
.nopadding{padding-left: 0;padding-right: 0;}
tr.unreadmessage{background: #343c50 !important; font-weight: bold;}


/*ScrollCss*/
.table-responsive::-webkit-scrollbar , .customScroll::-webkit-scrollbar   {width: 5px;height:5px}
.table-responsive::-webkit-scrollbar-track , .customScroll::-webkit-scrollbar-track {background: #f1f1f1; }
.table-responsive::-webkit-scrollbar-thumb , .customScroll::-webkit-scrollbar-thumb {background: #666ee8; }
.table-responsive::-webkit-scrollbar-thumb:hover , .customScroll::-webkit-scrollbar-thumb:hover {background: #555; }
  /*ScrollCss*/


#messages .ui-resizable-handle , #inbox .ui-resizable-handle {display: block!important;height: 5px !important;background-color: #252735 !important;}
#inboxHeight{overflow: hidden;}
#sideBar .nav-pills li {display: block;width: 100%;margin: auto !important;}
#inbox .box-body , #messages {overflow-x:auto;height: 100%;}
#inbox table td{line-height: normal;cursor: pointer;padding: 5px;}
#inbox .table-hover>tbody>tr:hover{color: #b4c9de!important;background-color: #2f374a;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
#inbox table th {padding: 5px;}
#message{resize:none;height:100px !important}


.nav>li>a:hover, .nav>li>a:active, .nav>li>a:focus {
    color: #b4c9de!important;background-color: #2f374a;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;
}

#messages input:read-only  {
    color:#fff !important
}
.modal-dialog{
    margin: 70px auto;
}