/* Global
* ----------------height: 100%;----------------------- */
html, body {  font-size: 1rem; font-family: 'Open Sans', sans-serif; height: 100%; }
body{color: #333; font-size: 1rem; margin-left: 3.813rem;line-height: 1.25rem; background: #fff; font-family: 'Open Sans', sans-serif;}
.form-group { margin: 0.5rem 0px; }
a{color: #23527c; cursor: pointer;}
a:focus, a:hover {color: #6d7782;}
button, input[type="submit"]{cursor: pointer;}
.form-control{height: 1.5rem;border-color: #dadada!important; /*margin-top: 1px; */ padding:0px 0.625rem 0 0; color: #333; font-size: 0.75rem; border-radius: 0px;box-shadow: none !important;}
label {font-size:0.65rem; color: #050505;font-weight: normal; margin:0rem 0rem 0.1rem 0px;    min-width: 160px; }
select{height: 1.65rem; border: .065rem solid #e4e5e7!important; width: 100%; padding: 0px 0.625rem; color: #555; font-size: 0.75rem; border-radius: 4px;}
.form-inline select {height: 2.188rem; border:.065rem solid #EEEEEC; min-width: 10.5rem; padding: 0px 0rem;color: #333; font-size: 0.75rem; height: 1.5rem; }
select:focus{outline: none;}
input:-webkit-autofill {border:.065rem solid #ccc; -webkit-box-shadow: inset 0 0 0px 9999px white; }
input:focus, input:-webkit-autofill:focus {border-color: #66afe9; -webkit-box-shadow: inset 0 0 0px 9999px white, 0 0 0.5rem rgba(102, 175, 233, 0.6); }
input{height: 1.875rem;     border:.065rem solid rgba(0,0,0,.15); padding: 0px 0.625rem;color: #6F80A5; font-size: 0.70rem;}
input.w-full{ padding: 0px 0.225rem;height: 1.575rem;}
.form-validate label {width: 100%; }
.form-inline label input, .form-inline label select {margin-left: 5px; }
textarea {    border:.065rem solid rgba(0,0,0,.15); }
ol, ul {padding-left: 0px;}
.rzslider .rz-pointer:focus {outline: none;}
.clr{display: block;clear: both;}
table tr td input{height: auto;}
/*.wrapper{padding-bottom: 35px;}*/
table.dataTable thead th, table.dataTable thead td{padding:3px 15px 3px 7px !important;}
.dataTables_scrollHead{position: inherit !important;}
.no-sort, .th-action{background-image: none !important;}
.text-red{color: #ff0000 !important}
.original-query-more{width: 600px;height: 80px;}
.zone{    position: absolute;right: 0px; top: 0px; padding: 3px 5px 2px; color: #2693FF !important;font-size: 12px !important; font-weight: 600 !important;}
/* Margins
* --------------------------------------- */
.layout-pad{padding: 2rem 2.5rem 0;}
.m-l0 { margin-left: 0.000rem !important; }
.m-t0 { margin-top: 0.000rem !important; }
.m-t5 { margin-top: 0.313rem !important; }
.m-r0 { margin-right: 0rem !important; }
.m-r5 { margin-right: 0.313rem !important; }
.m-t10 { margin-top: 0.625rem !important; }
.m-t15 { margin-top: 0.938rem !important; }
.m-t20 { margin-top: 1.250rem !important; }
.m-t25 { margin-top: 1.563rem !important; }
.m-t30 { margin-top: 1.875rem !important; }
.m-t40 { margin-top: 2.500rem !important; }
.m-t50 { margin-top: 3.125rem !important; }
.m-l15 { margin-left: 0.9375rem; }
.m-b178 { margin-top: 11.125rem !important; }
.m-b0 { margin-bottom: 0.000rem !important; }
.m-b5 { margin-bottom: 0.313rem !important; }
.m-b10 { margin-bottom: 0.625rem !important; }
.m-b15 { margin-bottom: 0.938rem !important; }
.m-b20 { margin-bottom: 1.250rem !important; }
.m-b25 { margin-bottom: 1.563rem !important; }
.m-b30 { margin-bottom: 1.875rem !important; }
.m-b40 { margin-bottom: 2.500rem !important; }
.m-b50 { margin-bottom: 3.125rem !important; }
.m-tb0 { margin-top: 0.000rem !important; margin-bottom: 0.000rem !important; }
.m-tb5 { margin-top: 0.313rem !important; margin-bottom: 0.313rem !important; }
.m-tb10 { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; }
.m-tb20 { margin-top: 1.250rem !important; margin-bottom: 1.250rem !important; }
.m-tb25 { margin-top: 1.563rem !important; margin-bottom: 1.563rem !important; }
.m-tb30 { margin-top: 1.875rem !important; margin-bottom: 1.875rem !important; }
.m-tb40 { margin-top: 2.500rem !important; margin-bottom: 2.500rem !important; }
.m-tb50 { margin-top: 3.125rem !important; margin-bottom: 3.125rem !important; }
.m-r20 { margin-right: 1.250rem !important; }

.m-t-20{margin-top: -15px;}
/* Padding Top
* --------------------------------------- */
.p-zero { padding: 0 !important; }
.p-t0 { padding-top: 0.000rem !important; }
.p-t5 { padding-top: 0.313rem !important; }
.p-t8 { padding-top: 0.5rem !important; }
.p-t10 { padding-top: 0.625rem !important; }
.p-t15 { padding-top: 0.938rem !important; }
.p-t20 { padding-top: 1.250rem !important; }
.p-t25 { padding-top: 1.563rem !important; }
.p-t30 { padding-top: 1.875rem !important; }
.p-t40 { padding-top: 2.500rem !important; }
.p-t50 { padding-top: 3.125rem !important; }

/* Padding Bottom
* --------------------------------------- */
.p-b0 { padding-bottom: 0.000rem !important; }
.p-b5 { padding-bottom: 0.313rem !important; }
.p-b10 { padding-bottom: 0.625rem !important; }
.p-b15 { padding-bottom: 0.938rem !important; }
.p-b20 { padding-bottom: 1.250rem !important; }
.p-b25 { padding-bottom: 1.563rem !important; }
.p-b30 { padding-bottom: 1.875rem !important; }
.p-b40 { padding-bottom: 2.500rem !important; }
.p-b50 { padding-bottom: 3.125rem !important; }

/* Padding Left
* --------------------------------------- */
.p-l0 { padding-left: 0.000rem !important; }
.p-l5 { padding-left: 0.313rem !important; }
.p-l10 { padding-left: 0.625rem !important; }
.p-l15 { padding-left: 0.938rem !important; }
.p-l20 { padding-left: 1.250rem !important; }
.p-l25 { padding-left: 1.563rem !important; }
.p-l30 { padding-left: 1.875rem !important; }
.p-l40 { padding-left: 2.500rem !important; }
.p-l50 { padding-left: 3.125rem !important; }

/* Padding Right
* --------------------------------------- */
.p-r0 { padding-right: 0.000rem !important; }
.p-r5 { padding-right: 0.313rem !important; }
.p-r10 { padding-right: 0.625rem !important; }
.p-r15 { padding-right: 0.938rem !important; }
.p-r20 { padding-right: 1.250rem !important; }
.p-r25 { padding-right: 1.563rem !important; }
.p-r30 { padding-right: 1.875rem !important; }
.p-r40 { padding-right: 2.500rem !important; }
.p-r50 { padding-right: 3.125rem !important; }

/* Padding Top-Bottom
* --------------------------------------- */
.p-tb0 { padding-top: 0.000rem !important; padding-bottom: 0.000rem !important; }
.p-tb5 { padding-top: 0.313rem !important; padding-bottom: 0.313rem !important; }
.p-tb8 { padding: 8.5px 0px !important; }
.p-tb10 { padding-top: 0.625rem !important; padding-bottom: 0.625rem !important; }
.p-tb15 { padding-top: 0.938rem !important; padding-bottom: 0.938rem !important; }
.p-tb20 { padding-top: 1.250rem !important; padding-bottom: 1.250rem !important; }
.p-tb25 { padding-top: 1.563rem !important; padding-bottom: 1.563rem !important; }
.p-tb30 { padding-top: 1.875rem !important; padding-bottom: 1.875rem !important; }
.p-tb35 { padding-top: 2.187rem !important; padding-bottom: 2.187rem !important; }
.p-tb40 { padding-top: 2.500rem !important; padding-bottom: 2.500rem !important; }
.p-tb50 { padding-top: 3.125rem !important; padding-bottom: 3.125rem !important; }

/* Padding Left-Right
* --------------------------------------- */
.p-lr0 { padding-left: 0.000rem !important; padding-right: 0.000rem !important; }
.p-lr5 { padding-left: 0.313rem !important; padding-right: 0.313rem !important; }
.p-lr10 { padding-left: 0.625rem !important; padding-right: 0.625rem !important; }
.p-lr15 { padding-left: 0.938rem !important; padding-right: 0.938rem !important; }
.p-lr20 { padding-left: 1.250rem !important; padding-right: 1.250rem !important; }
.p-lr25 { padding-left: 1.563rem !important; padding-right: 1.563rem !important; }
.p-lr30 { padding-left: 1.875rem !important; padding-right: 1.875rem !important; }
.p-lr40 { padding-left: 2.500rem !important; padding-right: 2.500rem !important; }
.p-lr50 { padding-left: 3.125rem !important; padding-right: 3.125rem !important; }

/* Alignments
* --------------------------------------- */
.m-b_5{margin-bottom: -0.313rem;}
.m-r10{margin-right: 10px !important;}
.m-lr10{margin: 0px 0.625rem;}
.m-lr5{margin: 0px 0.3125rem;}
.p-lr20{padding: 0px 1.25rem;}
.m-b20{margin-bottom: 20px !important;}
.p-0{padding:0px;}
.m-t60{margin-top:3.75rem;}
.f-r{float: right;}
.w-15{width: 15% !important;}
.w-25{width: 25% !important;}
.w-35{width: 35% !important;}
.w-60{width: 60% !important;}
.w-80{width: 80% !important;}
.w-full{width: 100% !important;}
.m-l10{margin-left: 0.625rem;}
.p-t5{padding-top:.3125rem;}
.f-s5{font-size:.3125rem !important;}
.f-s10{font-size: 0.625rem;}
.ui-checkbox + label.top-5:before{top: .5rem;}
.border td{ border:.065rem solid #E6EAF5 !important; text-transform: capitalize;}
.entries{width: 3.125rem;}
.width-50 {min-width: 3.125rem !important;}
.m-t-15 { margin-top: -0.938rem !important; }
.form-group {position: relative;margin-bottom: 1.5rem; min-height:55px; margin: 0 !important; padding: 0 !important;}
.form-group.mr-20{margin-right: 1.250rem !important;}
.form-group.min-height-auto label {position: absolute; color: #2693FF !important; font-weight: bold; top: -28px; left: 0; font-size: 11px; line-height: 1.07143; }
.form-group.min-height-auto{min-height:auto; min-height: inherit;}
.center-block{float: none;}
table .form-group{min-height: inherit;}
.text-center.btn-auto .btn{margin: auto;}
.sep-border-left{border-left: solid 1px #CBD3EB;}
/*.form-control-placeholder {	position: absolute; left: 0; z-index: 9;	top: 0;	padding:2px 0 0 5px;	transition: all 200ms;	opacity: 0.5;}*/
/*.form-control:focus + .form-control-placeholder, .form-control-placeholder.select-label, .form-control:valid + .form-control-placeholder {font-size: 75%;transform: translate3d(0, -100%, 0);opacity: 1;}*/
/* text color
* --------------------------------------- */
.txt-white{color: #fff;}
.txt-red{color: #ff0028;}
.txt-blue{color: #0098D8;}
input[type="text"].placeholder-txt::-webkit-input-placeholder {  color: #fff;}
input[type="text"].placeholder-txt::-moz-placeholder {  color: #fff;}
input[type="text"].placeholder-txt:-ms-input-placeholder {   color: #fff;}
input[type="text"].placeholder-txt:-moz-placeholder {   color: #fff;}

input[type="text"].placeholder-txt:active::-webkit-input-placeholder, input[type="text"].placeholder-txt:focus::-webkit-input-placeholder  {  color: #999; }
input[type="text"].placeholder-txt:active::-moz-placeholder, input[type="text"].placeholder-txt:focus::-moz-placeholder {  color: #999;}
input[type="text"].placeholder-txt:active:-ms-input-placeholder, input[type="text"].placeholder-txt:focus:-ms-input-placeholder {   color: #999;}
input[type="text"].placeholder-txt:active:-moz-placeholder, input[type="text"].placeholder-txt:focus:-moz-placeholder {   color: #999;}
/* Upload file
* --------------------------------------- */
.upload {  padding:5px; font-size: 12px;position: relative;border-radius: 4px;border: 1px solid #d7d7d7; text-align: left;}
.upload a{position: absolute; left: 0; top:0; right: 0; bottom: 0;}
#upload_browse, body .upload_browse {display: none; }
.upload i {color: #fff; }
.btn-upload.btn-blue{ height: 30px !important}
.upload .parsley-errors-list{position: absolute; bottom: -40px; left: 0;}
.form-group .parsley-errors-list{clear: both;}
.edit-import-fixture h4{margin-top: 0;}
.fixture-form .search-from{position: absolute; top: 0; left: 15px;}
/* font-size
* --------------------------------------- */
/*.f-s14{font-size: 0.875rem !important;}*/
.f-s16{font-size: 1rem;}
/* Background
* --------------------------------------- */
.bg-light {background-color: #F7F8FD;}
.bg-white{background: #fff;}
.bg-grey{background-color: rgba(214, 214, 214, 0.29);}

/* Log In
* --------------------------------------- */
.before-login {max-width: 400px; background: #fff; margin: 15% auto 37%;     box-shadow:.065rem .065rem .3125rem rgba(126, 142, 159, 0.1); }
.before-login form {padding: 0px 2.188rem 1.875rem 2.188rem }
.before-login .form-group{margin-bottom: 0.625rem;}
.before-login h1{    font-size: 1rem; position: relative; margin-bottom: 1rem; text-transform: uppercase; color: #4f5f6f;     top: 1.25rem;}
.before-login .btn-blue{/*background-color: #f9b122; color: #002d59;*/ font-size: 20px; padding: .25rem .5rem;height: auto;  line-height: initial; width: auto;}
.before-login .btn-blue:hover {background-color: #012B5D}
a.btn.btn-blue i {padding: .25rem .25rem .25rem; }
.navbar-header {float: none; margin: 0 auto; text-align: center;}
.navbar-brand {float: none; height: auto;  font-size: 1.125rem; line-height: 1.25rem;  display: block; border-bottom:.065rem solid #0098d8; }
.navbar-brand>img {display: block; padding: 0.375rem; margin: 0 auto; text-align: center;}


legend {display: block; padding: 0px 5px; border-width: initial; border-style: none; border-color: initial; border-image: initial; width: auto; margin-bottom: 0px; color: #0098D8; font-size: 1rem; margin-top: 0px; text-transform: capitalize; }
fieldset {display: block; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em; min-width: -webkit-min-content; border: 1px #dfdfdf groove; margin: 25px 0px; padding: 10px 20px;}

/* Checkbox and radio buttons
* --------------------------------------- */
.authorized-msg{color: #d2063b;display: inline-block; padding: 4px 10px 2px; border: solid 1px; border-radius: 2px; font-size: 14px;  margin-left: 10px;}
.authorized-msg i{margin: 0 5px 0 0px;}
.ui-checkbox {opacity: 0; position: absolute;}
.ui-checkbox + label, .ui-checkbox + span + label { position: relative; padding-left: 1.175rem;    margin-right:0px;    line-height: 1.35857 !important; display: inline-block; font-size: 0.65rem; white-space: nowrap; /*min-width: 126px; text-overflow: ellipsis; overflow: hidden;  max-width: 126px;*/ }
.ui-checkbox + label:before, .ui-checkbox + span + label:before {background-color: #fff; border:.065rem solid #CBD3EB; padding: 0.375rem; border-radius: 3px; display: block; position: absolute; top:0rem; left:0; content: ""; }
.ui-checkbox:checked + label:before, .ui-checkbox:checked + span + label:before  {border:.065rem solid #CBD3EB; color: #99a1a7;}
.ui-checkbox:checked + label:after, .ui-checkbox:checked + span + label:after {content:'\f00c'; font-size: 12px;line-height: 14px;  font-family: FontAwesome; position: absolute; /*top:.065rem;*/ left:1px; color: #30b0d7; border-color: #CBD3EB; }
.ui-radio {opacity: 0; position: absolute;}
.ui-radio + label{position: relative; padding-left: 1.35rem;      margin-right: 0.325rem; display: inline-block; font-size:0.65rem; color: #3F3F48; min-width: 100px;}
.ui-radio + label:before {background-color: #fff; border:.065rem solid #30b0d7; border-radius: 3.125rem; display: inline-block; position: absolute; content: ' '; width: .9rem; height: .9rem; top: 2px; left: 2px; }
.ui-radio:focus + label:before, .ui-radio:active + label:before, .ui-checkbox:focus + label:before, .ui-checkbox:focus + span + label:before, .ui-checkbox:active + label:before, .ui-checkbox:active + span + label:before{box-shadow: 0 0 5px #30b0d7;}
.ui-radio:checked + label:after {content: ' '; width: 0.375rem; height: 0.375rem; border-radius: 3.125rem; position: absolute; background: #30b0d7; top: .3975rem; left: 6px;}
.ui-radio:checked + label:before {color: #99a1a7; border:.065rem solid #30b0d7;}
#uploadrates .ui-radio + label{    min-width: 70px;}
/* modal-content
* --------------------------------------- */
.modal-header {text-align: center; color: #012B5D;}
.modal-title {font-size: 1.5rem; padding: 0.625rem; color: #012B5D; }
.modal-header .close {margin-top: -2px;}
.modal-content .close {opacity: 1; width: 34px !important; height: 34px; background: white !important; border-radius: 50%; box-shadow: -2px 2px 0.9375rem.065rem rgba(0, 0, 0, 0.27); position: absolute; right: -0.75rem; top: -11px; font-size: 1.5rem; }
.close:hover {opacity: 1;}
.close span { position: relative;}
.list-group-item {padding: 0.3125rem 0.625rem; border:.065rem solid #e4eaec; font-size: 0.875rem; border-radius: 0px !important; border-bottom: 0px !important; }
.pop_up_content {max-width: 500px; margin: 0 auto;}
.list-group-item {padding: 0.3125rem 0.625rem;    border:.065rem solid #e4eaec; font-size: 0.875rem; border-radius: 0px !important; border-bottom: 0px !important; }
.available-fields{max-height: 600px; min-height: 300px; overflow-y: scroll; border-bottom:.065rem solid #e4eaec;}
.group{max-height: 6 2.5rem;overflow-y: scroll;}
.field{max-height: 400px; min-height: 33.125rem; overflow-y: scroll; border:.065rem solid #e4eaec;}
.my-filter {max-height: 23.125rem; min-height: 200px; overflow-y: scroll; border:.065rem solid #e4eaec; }
.action-box {margin-top: 10.125rem; }
.full-width{min-width: 100% !important;}
.modal-custom{position:absolute; top:50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%;
  min-height: 290px;}
.modal-custom .modal-body{padding: 15px 15px 20px;}
  /*.modal-custom .modal-content { min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}*/

.form_modal{z-index: 9999;}
th .btn-sm.btn.btn-normal, th .btn-sm.btn.btn-normal:hover, th .btn-sm.btn.btn-normal:active, th .btn-sm.btn.btn-normal:focus {
    background-color: #337ab7 !important;
    color: #fff !important;
    border-color: #2e6da4 !important;-webkit-box-shadow:none;
}
/* topbar
* --------------------------------------- */
.topbar {padding: 0px 1.25rem 0px  5rem; height: 4rem; display: table; width: 100%; position: fixed; top: 0; right: 0; left: 0; z-index: 996; -webkit-transition: margin-left 0.3s ease; transition: margin-left 0.3s ease; background-color: #fff; -webkit-box-shadow: .25rem 0 0.3125rem rgba(0,0,0,0.08); box-shadow: .25rem 0 0.3125rem rgba(0,0,0,0.08); color: #fff; background: #27ddf7; background: -moz-linear-gradient(left, #27ddf7 0%, #19b3f9 100%); background: -webkit-linear-gradient(left, #27ddf7 0%,#19b3f9 100%); background: linear-gradient(to right, #27ddf7 0%,#19b3f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27ddf7', endColorstr='#19b3f9',GradientType=1 );  } .topbar-left {display: table-cell;width: 50%;vertical-align: middle;}
.topbar-right {display: table-cell;width: 50%;vertical-align: middle; }
.topbar-btns {list-style: none; padding-left: 0; margin-bottom: 0; display: -webkit-box; float: right; }
.topbar-btns .dropdown {flex-shrink: 0; }
.topbar .dropdown-menu::before, .topbar .dropdown-menu::after, .topbar .dropdown-grid::before, .topbar .dropdown-grid::after {content: ''; position: absolute; top: -11px; left: 1.063rem; width: 0; height: 0; border-left: .4375rem solid transparent; border-right: .4375rem solid transparent; border-bottom: 9px solid rgba(0,0,0,0.045); }
.topbar .dropdown-menu.dropdown-menu-right::before, .topbar .dropdown-menu.dropdown-menu-right::after, .topbar .dropdown-grid.dropdown-menu-right::before, .topbar .dropdown-grid.dropdown-menu-right::after {left: auto; right: 1.063rem; }
.topbar .dropdown-menu::after, .topbar .dropdown-grid::after {top: -9px; border-bottom-color: #f5f5f5; }
.topbar .dropdown.show .topbar-btn {color: #616a78; border-top-color: #33cabb; }
.topbar-btns .topbar-btn {font-size: 1.125rem; min-width: 4.5rem; color: #fff; font-size: 0.875rem; }
.topbar .dropdown-menu:not(.dropdown-grid) {min-width: 180px; max-width: 360px; }
.topbar-btn {display: inline-block; font-size: 1rem; font-weight: 400; line-height: 64px; padding: 0 0.75rem; text-align: center; color: rgba(97,106,120,0.7); cursor: pointer; min-width: 40.5rem; white-space: nowrap; border: none; border-top:.065rem solid transparent; -webkit-transition: .2s linear; transition: .2s linear; position: relative; z-index: 991; }
.topbar .dropdown-menu, .topbar .dropdown-grid {border: none; border-radius: 0; margin-top: -1px; top: 100%; border:.065rem solid rgba(235,235,235,0.4); border-top: 0; line-height: 1.625rem; overflow: hidden; }
.topbar .dropdown-menu, .topbar .dropdown-grid {margin-top: 1px; overflow: visible !important;}
.topbar-btns li:first-child{display: none;}
/* sidebar new custom
* --------------------------------------- */
.sidebar {position: fixed; top: 0; bottom: 0;     margin-bottom:1.313rem;background-color: #E6EAF5; white-space: nowrap; -webkit-box-shadow: 0px 0px 0.3125rem rgba(0,0,0,0.08); box-shadow: 0px 0px 0.3125rem rgba(0,0,0,0.08); display: -webkit-box; display: flex;  -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; z-index: 997; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: .3s ease; transition: .3s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; will-change: transform; -webkit-transition: max-width 500ms ease-in-out; -moz-transition: max-width 500ms ease-in-out; -o-transition: max-width 500ms ease-in-out; transition: max-width 500ms ease-in-out;     width: 15.125rem; }
.sidebar-header {background-color: #fff; padding: 0 0.625rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; color: #fff; }
.sidebar-header, .sidebar-footer {height: 4rem;}
.topbar-btn.sidebar-toggler{display: none; }
.sidebar-navigation {position: relative; overflow: hidden; -webkit-box-flex: 1; flex: 1 1 0%; box-shadow: inset 0px -1px 11px 2px rgba(37, 37, 37, 0.15); }
#header > :first-child, aside {width: 0 !important;}
.ps-container {position: relative; }
.ps-container {-ms-touch-action: auto; touch-action: auto; overflow: hidden!important; -ms-overflow-style: none; }
.ps-container>.ps-scrollbar-x-rail {height: 3px; }
.ps-container>.ps-scrollbar-x-rail {display: none; position: absolute; opacity: 0; -webkit-transition: background-color .2s linear,opacity .2s linear; -o-transition: background-color .2s linear,opacity .2s linear; -moz-transition: background-color .2s linear,opacity .2s linear; transition: background-color .2s linear,opacity .2s linear; bottom: 0; height: 0.9375rem; }
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {background-color: rgba(0,0,0,0.25); border-radius: 0; height: 3px; bottom: 0;}
.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {position: absolute; background-color: #aaa; -webkit-border-radius: 0.375rem; -moz-border-radius: 0.375rem; border-radius: 0.375rem; -webkit-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out; transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out; -moz-transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out; transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out; transition: background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out; bottom: 2px; height: 0.375rem; }
body>.topbar+main {padding-top: 64px;}
body>main {display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; min-height: 100vh; -webkit-transition: margin-left .3s ease-out; transition: margin-left .3s ease-out; }

/* Menu Drop down
* --------------------------------------- */
.dropdown-menu.show {display: block;}
.dropdown-menu, .dropdown-grid {color: #616a78; border-radius: 2px;     font-size: 0.8125rem; border-color: #f1f2f3; padding: 0; -webkit-box-shadow: 0 0 .25rem rgba(0,0,0,0.06); box-shadow: 0 0 .25rem rgba(0,0,0,0.06); z-index: 992; }
.dropdown-menu a, .dropdown-grid a {color: #616a78;}
.topbar-btns .dropdown-menu{background: #f5f5f5;}
.dropdown-menu a i{margin-right: 0.025rem;}
.dropdown-item:hover, .dropdown-item:focus {background-color: #f9fafb;     background: #f5f5f5; color: #16181b; text-decoration: none;}
.dropdown-item {color: #747e8e; font-weight: 300; padding: .25rem 0.75rem; width: auto;  -webkit-transition: 0.15s linear; transition: 0.15s linear; }
.dropdown-item {display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background: 0 0; border: 0; }
.show>a {outline: 0;}
.logo .icon-reading{font-size: 1.5rem; color: #fff;}
.custom-nav { border-bottom: none;    padding: 0px 1.25rem; }
.custom-nav > li.active > a, .custom-nav > li.active > a:focus, .custom-nav > li.active > a:hover { border-width: 0; background-color: transparent;}
.custom-nav > li > a {border: none;color: #fff;font-size: 0.875rem;text-transform: uppercase;/* font-weight: 500; */}
 .custom-nav > li.active > a, .custom-nav > li > a:hover {border: none; color: #32517C !important; background: transparent; }
.custom-nav > li > a::after, .custom-nav > li > button::after {content: "";background: #002D59;height: 2px;position: absolute;width: 100%;left: 0px;top: 30px;transition: all 250ms ease 0s;transform: scale(0);}
.custom-nav > li.active > a::after, .custom-nav > li:hover > a::after, .custom-nav > li.active > button:after, .custom-nav > li:hover > button:after { transform: scale(1); }
.update-nav{padding: 0px;}
.update-nav > li > a {padding: 0.625rem 0px; color: #ffffff; font-size: 0.9375rem; text-transform: capitalize; }
.update-nav > li {margin: 0px /*1.25rem 0px 0px*/;}
.update-nav > li > a::after, .update-nav > li > button:after {background: #CBD3EB; }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0.9375rem 0; }

/* Display box
* --------------------------------------- */
.box {display: table;width: 100%;padding: 0.3125rem 0.9375rem;border-radius: 3px;border: 1px solid #ddd; }
.box-left {display: table-cell; vertical-align: middle; }
.box-right {display: table-cell; vertical-align: middle; text-align: right; }
.box h5{color: #0098D8; text-transform: capitalize; font-size: 0.70rem; text-transform: uppercase;min-height: 36px;}
.box strong {color: #2C3F51; font-size: 1.563rem; font-family: 'Open Sans', sans-serif; font-weight: 400;}
.card{ padding: 0;}
.card01, .card02,.card03,.card04,.card05{float: left;padding:0 0 0 5px; margin-right: 5px;    min-height: 166px;}
.card01{width: 140px;}
.card02{width:290px;}
.card03{width:370px;}
.card04{width:223px; position: relative;}
.card05{width:53px; position: relative;}
.green .card h5{color:#59b712;}
.red .card h5{color:#b20933;}
.bdr-right{border-right: solid 1px #CBD3EB;}
.desktop-detected.minified{min-height:auto !important; height: 100%;}
#left-panel{left: 0; top: 0; bottom: 0; right: auto;min-height:auto !important; }
.user-image {position:  relative; border: none;}
.edit-image {position:  absolute;right: 1px;top: 55px; background: #4680ff; padding:  2px; border-radius: 50%; width: 22px; height: 23px; color: #fff; border: 1px solid #fff; font-size: 12px; text-align: center; }
.user-image.upload img {width: 80px; height: 80px; min-width: 80px; min-height: 80px;border: 1px solid #ddd;float: right;}
/* Accordian
* --------------------------------------- */
    button.accordion:after {content: '\002B'; font-size: 13px; color: #777; font-weight: bold; float: right; margin-left: 5px; }
    button.accordion.active:after {content: "\2212"; }
    /* Style the buttons that are used to open and close the accordion panel */
    button.accordion {background-color: #eaeaea; color: #444; cursor: pointer; padding: 0.325rem 0.9375rem ; display: block; text-align: left; border: none; outline: none; transition: 0.4s; font-size:0.8125rem; margin:.5rem 0rem 0;    min-width: 139px;}
	/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    button.accordion.active, button.accordion:hover {background-color: #b7b7b7;}
	/* Style the accordion panel. Note: hidden by default */
    div.panel {background-color: #fff; display: none; border: 1px solid #fff; /*overflow: hidden;*/ margin-bottom: 0px; }
/* Range slider
* --------------------------------------- */
.picker__frame {min-width: 246px; max-width: 400px !important;}
.picker__button--close:before {color: #333!important; }
.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {background: #6F80A5 !important;}
.picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus {background: #6F80A5 !important; border-color: #6F80A5 !important;}
.picker__nav--prev:hover, .picker__nav--next:hover {background: #6F80A5 !important;}
.picker__nav--next:before {border-right: 0;}

/* Range slider
* --------------------------------------- */
.rzslider .rz-bar {background: #CBD3EB !important;}
.rzslider .rz-selection {
    background: #F9B121!important;}
.rzslider .rz-pointer {top: -7px !important; width: 16px !important; height: 16px !important; background-color: #ffffff !important;     border: 1px solid #CBD3EB;}
.rzslider .rz-pointer:after {top: 3px !important; left: 3px !important; width: 8px !important; height: 8px !important; background: #F9B121 !important;}
.rzslider .rz-bubble {font-size: 0.6875rem; }
/* Alignments
* --------------------------------------- */

/* Saved search drop down
* --------------------------------------- */
.search-dd {/*left: 62%;width: 35%;*/padding: 0px 0.9375rem;/*border:.065rem solid #D5DCEE;*/top: 3.375rem;/*height: 207px;overflow-y: scroll;*/position: absolute; list-style: none;}
.search-dd a {color: #2693FF !important; font-size: 0.8125rem;}
.search-dd li{border-top:.065rem solid #E6EAF5 !important; padding: .5rem 0px .5rem;}
.search-dd li:first-child {border-top: none !important;}
.search-dd .btn-icon {width: 1.5rem; height: 1.5rem; font-size: 13px;     padding: 2px 0.375rem !important; }
.search-dd .btn-icon i {font-size: .875rem;padding: 0.25rem 0rem 0rem;}

/* General
* --------------------------------------- */
.show-item {margin-top: 10px;    font-size: 0.70rem;}
.disabled {background:#F7F8FC !important; }
.show{display: block;}
.heading a.btn.btn-blue {margin-top: -5px; }
main {margin-left:2.813rem;margin-top: -0.9375rem;}
.input-group-addon {background-color: #ededed;}
.container-box {padding: 10px; /*border-bottom:.065rem solid #fbfbfb;*/}
.select-period {padding:1rem 0rem;    min-height: 95px; background: #fff;}
.box-border{border: 1px solid #e7e4e4; padding: 10px 15px;}
.container{padding: 1.25rem 1.5rem 1.25rem 2.625rem}
.analyst-content{    padding-top: 5rem;}
.width-full{max-width: 100% !important;}
.container {padding: 1.25rem 2.5rem;  position: relative;}
.search { margin-top: .8125rem;}
.search label {width: 1.25rem;    min-width: 1.25rem; }
.search i {font-size: 1.125rem;color: #fff;position: relative;top: 7px;right: 3px;}
.search input.form-control {border: none; background: transparent; box-shadow: none; padding-left: 0px; font-size: 1rem; color: #fff; width: 7.9375rem; }
.password{    font-size: 0.8125rem; color: #2693FF !important; }
.sidebar.nav-open .btn-nav-close i:before {content: "\f177"; }
.bdr-none{border: none !important;}
.bdr-bottom-none{border-bottom: none !important;}
.search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.74); font-size: 0.875rem;}
.search input::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.74); font-size: 0.875rem; }
.search input:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.74);  font-size: 0.875rem;}
.search input:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.74);  font-size: 0.875rem;}
select{ border: none !important;}
.border-right {border-right:.065rem solid #CBD3EB; }
.select-list { width: 100%;    padding-bottom: 0px !important;}
.select-list .select-item {  list-style: none; width: 33.33%; float: left; height:19px;}
.col-2-list.select-list .select-item{width:49.33%;}
body .fleet-fielter-page .card03 .select-list .select-item { width:33%;}
.f-12 {font-size: 0.75rem; }
.f-s14 {font-size: 14px; }
.text-muted {color: #999; }
hr{border-top:.065rem solid #e6eaf5;}
.box-custom-shadow{    box-shadow: #CBD3EB -2px 2px 3px 2px;}
.add_color {background: rgb(230, 234, 245) !important;}
.match-height{overflow: hidden; max-height: 193px; overflow-y: scroll;}
/*a.btn.btn-blue.pull-right {margin-top: -7px; }*/
.input-group-addon {padding: 4px 12px;}
/* Card
* --------------------------------------- */
/*.card {box-shadow: 0 0 1.563rem rgba(203, 211, 235, 0.43); }*/
.card-content {padding:0rem 0 0.5375rem; border-radius: 3px; }
/*.content-box{border:.065rem solid #D5DCEE; border-radius: 3px;}*/
.content-box .heading-border {/*border-bottom: 3px solid #CBD3EB;*/ margin: 0; padding: 5px 5px;}
.content-box .selection{font-size: 0.875rem;font-weight: 600; color: #3F3F47;     margin-right:.3125rem;}
.content-box label{   white-space: nowrap;}
.nav.nav-tabs>li>button{ position: relative; display: block; padding:4px 8px; font-size: 10px; font-weight: bold;text-transform: uppercase; border: none !important; background: #4680ff;color: #fff; border-right: solid 1px #234796 !important; margin: 0 !important;    border-radius: 0;}
.nav.nav-tabs>li>a{ position: relative; display: block; padding: 7px 15px 7px 0px; font-size: 14px; font-weight: bold;text-transform: uppercase; border: none !important; background: #fcfcfc;}
.nav.nav-tabs>li>a:after, .nav.nav-tabs>li>button:after{background: transparent;}
.nav.nav-tabs>li:first-child a, .nav.nav-tabs>li:first-child button{border-radius:5px 0 0 5px;	}
.nav.nav-tabs>li.radius-rb a, .nav.nav-tabs>li.radius-rb button{border-radius:0 5px 5px 0;}
.update-nav > li .radio-showbox{padding: 2px 10px;}
.update-nav > li select{width: 100px;}
.update-nav > li .dropdown-menu{min-width: inherit;}
.update-nav > li .dropdown-menu li{padding: 2px;border-bottom: solid 1px #ebebeb;}
.update-nav > li .dropdown-menu li button{margin: 0; background: transparent !important; border: none; display: block; width: 100%;}
.nav.nav-tabs{border-bottom:none;}
.nav-tabs>li.active>button, .nav-tabs>li.active>button:active, .nav-tabs>li.active>button:focus{background:#2655bd;color:#fff !important;border: none !important; outline: none  !important;}
.nav.nav-tabs>li>button:hover, .nav.nav-tabs>li>button:active, .nav.nav-tabs>li>button:focus{box-shadow: none !important; outline:none !important;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:active, .nav-tabs>li.active>a:focus{background: #fff;color: #4680ff !important;border: none !important; outline: none  !important;}

/* Heading
* --------------------------------------- */
.heading{color: #002d59; font-size:.95rem;  /*padding-top: .6rem;*/ margin-top: 0px;     text-transform: capitalize;  font-weight:500; margin-bottom: 20px;}
div.heading, .layout-pad .heading{font-size:2.5rem; font-weight: 700;}
div.heading > span, div.heading .fleet-sml{font-size:.95rem;font-weight:500;}
.fleet-fielter-page .heading, .filter-form .heading{color: #0098D8;}
/* button
* --------------------------------------- */
.small{font-size: 12px;}
.card04 .btn-group a{    font-size: 12px; vertical-align: middle; padding: 7px 0;}
.card04 .btn-group .btn {margin: 0px 0px 0px .25rem !important; }
.btn {height:1.575rem; display: inline-block; font-size:0.675rem; transition: background-color 0.5s ease; text-transform: capitalize; border-radius: 3px; margin: 0px 0px 0px .25rem; padding:.25rem .25rem .25rem .25rem; width: 1.875rem; }

.btn span{margin-left: 0.3125rem;}
.btn-blue{background-color: #4680ff; color: #fff;border-color: #2961db;}
.btn-blue:hover, .btn-blue:focus {color: #fff; background: #2e5bbf; outline: none; box-shadow: none;}
.btn-yellow{background-color: #f9b122; color: #002d59;}
.btn-yellow:hover{background-color: #4680ff; color: #fff;}
.btn-icon {width: 1.2rem; height: 1.2rem; background: #E6ECEF; border-radius: 3px; display: inline-block; text-align: center; padding:0.20rem 0rem 0rem !important; display: inline-block; margin: 0px 0px 0px .25rem;}
table td .btn-icon{padding:.20rem 0rem 0rem !important;height: auto;border: none;}
.btn-icon i {color: #333; font-size:12px;    vertical-align: text-top;}
.btn-close { position: fixed; bottom:0px; text-align: center; display: inline-block; width: 100%; font-size: 1.313rem; color: #828FA0; padding:0.9375rem 0px; border-top:.065rem solid #828FA0; text-decoration: none !important;}
.btn-label {height: 1.563rem; min-width: 64px; padding: 0px 0px 0px; font-size: 0.75rem; }
.btn-filter {background-color: transparent; color: #999999; padding: 0rem 0.125rem 0rem; font-size: 0.8125rem; min-width: 1rem; height: 1rem; transition: all ease-in 300ms; border: .065rem solid #999999; border-radius: 3px; position: relative; top: -3px; line-height: 1px; }
.btn-filter:hover, .filter-btn:focus, .filter-btn.active{background-color: #0098d9; color: #fff; border-color:#0098d9; }
.btn-action {background: #6f80a5; padding: 0.3125rem 0px; height: 34px; min-width: 1.875rem;    margin: .25rem 0rem !important; width: 100%;border-radius: 0px; display: block; margin: 0px 0px 0.625rem; text-align: center; color: #fff;}
.btn-action:hover, .btn-action:focus {color: #fff; background: #5c6e95; }

.btn.btn-normal {display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 12px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap;  vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; background-image: none;  /*border: 1px solid transparent;*/  border-radius: 4px; width: auto; height: auto;}
.scroll-dev{/*min-height: 135px;*/ overflow: auto; max-height: 135px;}

/* .custom-select{min-height:32px;border:1px solid #aaa!important;background-color:#fff;color:#aaa;border:none!important;border-bottom:1px solid #aaa!important;}
.custom-select:focus{outline: none;} */
/*Notifications Box
* --------------------------------------- */
#tsl_notifications { z-index: 2001; position: fixed; right: 1.25rem; top: 1.25rem; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tsl-notif { margin-bottom: 0.625rem; width: 300px; text-align: left; border-width: 0; -webkit-box-shadow: 0.065rem 3px rgba(0, 0, 0, 0.12), 0.065rem 2px rgba(0, 0, 0, 0.24); box-shadow: 0.065rem 3px rgba(0, 0, 0, 0.12), 0.065rem 2px rgba(0, 0, 0, 0.24); padding: 0.9375rem; margin-bottom: 1.25rem; border:.065rem solid transparent; border-radius: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tsl-notif.alert-warning { color: #fff; background-color: rgba(248, 148, 6, 0.84); }
.tsl-notif.alert-danger { color: #fff; background-color: rgba(189, 54, 47, 0.84); }
.tsl-notif.alert-success { color: #fff; background-color: rgba(81, 163, 81, 0.89); }
.tsl-notif.alert-info { color: #fff; background-color: rgba(47, 150, 180, 0.89); }
.tsl-notif .noti-header { font-size: 0.9375rem; margin-bottom:.3125rem; }
.tsl-notif .noti-header:empty { margin: 0; }
.tsl-notif .tsl-notif-close { font-weight: 300; background: none; border: 0; font-size:1.063rem; cursor: pointer; line-height: 1; padding: 0; float: right; color: inherit; outline: 0; margin-left: 0.625rem; opacity: 0.75; filter: alpha(opacity=75); }
.tsl-notif .tsl-notif-close:hover { opacity: 1; filter: alpha(opacity=100); }
.fixtures-page .add-rule-top  .form-group{margin:1.4rem 0px 0;}
/*Conformation Box
* --------------------------------------- */
.Conf-open { /*position: relative;*/ overflow: hidden; }
.Conf-open:after { content: ''; background: rgba(0, 0, 0, 0.35); position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; left:0;}
.Conf-open .tsl-Conf { position: fixed; text-align: center;top: 50%; max-width:400px; width: 100%; z-index: 1024; border-radius:.3125rem; background: white; transform: translateY(-50%); margin: auto; right: 0; left: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.Conf-open .conf-header { padding: 0.625rem; font-size: 22px;    background: #fbfbfb;
    border-bottom: solid 1px #ebebeb;}
.Conf-open .conf-message { padding: 0.625rem; border-bottom:.065rem solid #d6d6d6; }
.Conf-open .conf-action { padding: 0.625rem; }

/* Parsley Errors
* --------------------------------------- */
.parsley-errors-list, .txt-red { padding: 0; list-style: none; color: red; font-size:0.65rem; margin-bottom: 0; padding-top:.3125rem; }

/* Form
* --------------------------------------- */
.custom-form label {color: #3F3F49; font-size: 0.8125rem; margin: 0.625rem 0px;}
.add-rule-top .form-group {margin: 0.5rem 0px; overflow: visible !important;}
textarea.form-control{height: 2.188rem !important;}

/* Loader
* --------------------------------------- */
.loader-wrapper { position: fixed; top: 0; left: 0; right: 0; text-align: center; bottom: 0; background: rgba(255, 255, 255, 0.83); z-index: 9999; }
.loader { position: absolute; margin: 0 auto; top: 200px; left: 0; right: 0; height: 129px;/*-webkit-perspective:200px;*/ }

/* breadcrumbs
* --------------------------------------- */
.breadcrumb-buttons .breadcrumb { margin-top: .5rem; margin-bottom: .5rem; background-color: transparent; padding-left: 0;padding-right: 0px; }
.breadcrumb-buttons .btn { margin-top: 1.375rem; margin-left: 0.3125rem; }
.breadcrumb-buttons .btn-large { margin-top: 1.188rem; }
.breadcrumb-buttons .breadcrumb li a { font-size: 0.75rem; color: #002D59; text-transform: capitalize;}
.breadcrumb-buttons .breadcrumb > .active { font-size: 0.75rem; color: #2693FF; text-transform: capitalize;}

/* table
* --------------------------------------- */

.table th {color: #0098D8; font-size: 1rem; white-space: nowrap;}
.dataTables_length select {min-width: 1.25rem; margin: 0px 0.3125rem;     border: 1px solid #ccc; }
table.dataTable thead th, table.dataTable thead td {border-bottom: 1px solid #ddd !important; }
.ng-table-counts {position: relative !important; right: 0 !important; margin: 10px 0px !important;}
.ng-table-counts .btn{margin-left: 0px; }
.ng-table-counts .btn-default {background: #6f80a5; color: #fff;min-width: 40px; }
.ng-table-counts .btn-default:hover, .ng-table-counts .btn-default:focus, .ng-table-counts .btn-default.active{background: #5f6e8f; color: #fff;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default; color: #F7F8FC; background: #F7F8FC; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {background: #F7F8FC !important; font-size: 0.75rem;}
.ng-table-pagination.pagination{margin:10px 0 !important;}
.table-responsive {max-height:490px; overflow-y: auto; overflow-x: auto;    font-size: 0.68rem; display: block; max-width: 1800px; }
.dataTables_info {color: #3F3F49; font-size: 0.75rem; margin-top: 0.25rem; }
.dataTables_length select {    width: 4rem;; margin: 0px 0.3125rem; }
.custom-table.dataTable.no-footer {border-bottom: none !important; }
.custom-table td a, .custom-table td button{font-size: .72rem;}
.input-filter::-webkit-input-placeholder {color:transparent; }
.input-filter:-moz-placeholder { /* Firefox 18- */ color:transparent; }
.input-filter::-moz-placeholder {  /* Firefox 19+ */ color:transparent; }
.input-filter:-ms-input-placeholder {color:transparent; }
.custom-table{margin-bottom: 0px; width: 100%;  overflow-x: none;border: 1px solid #ddd; }
.custom-table th {    background: #eaeaea; color: #333; font-size: .775rem;vertical-align: middle !important;text-transform: capitalize;text-align: center;
    border: 1px solid #ddd; }
.custom-table a {color: #2693FF; font-size: 0.8125rem;}
.custom	-table a.btn-blue{color: #fff;}
.td-action a i, .custom-table td button i {color: #333;}
.sticky-table {overflow: scroll;}

/*table.dataTable thead th, table.dataTable thead td, .custom-table tr td {white-space: nowrap;.handsontable tbody th.ht__highlight, .handsontable thead th, .handsontable tbody th.ht__highlight, .handsontable tbody td vertical-align: middle;border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 0.65rem; color: #333; padding:.4rem .55rem !important;}*/


table.dataTable thead th, table.dataTable thead td, .custom-table tr td, .ng-table tr td,   { vertical-align: middle;border-bottom: 1px solid #ddd !important; border-right: 1px solid #ddd !important; font-size: 0.70rem; color: #333; padding:.35rem 1.2rem .35rem .55rem !important;}
.item-select-list > li{width:20%; font-size: 12px; float: left; list-style: none;padding: 3px 0;}
.item-select-list > li ul{padding: 0 0 0 15px;list-style: none;}
.item-select-list > li ul li{float: none; width: auto;padding: :2px;}
.item-select-list li input{height: auto;}
.item-select-list li label{margin-left: 10px;}


.custom-table.bdr-btm-none tr td{border-bottom: none !important;}
/*.custom-table.bdr-btm-none tr:last-child td{border-bottom: 1px solid #ddd !important;}*/
.custom-table tbody tr:first-child td{border-top: none !important; }
.custom-table tfoot th {border-bottom:.065rem solid #E6EAF5 !important;}
.ng-table-filters th {background: #f5f5f5; }
.table>thead>tr>th {border-bottom: 1px solid #ddd;}

/*.htCore{margin-bottom: 0px; width: 100%; border:.065rem solid #D5DCEE; overflow-x: none;}*/
/*.handsontable th {color: #0098D8; font-size: 1rem; height: 75px; vertical-align: middle !important;     border: none !important; border-bottom: 3px solid #CBD3EB !important;padding: 0px 0.5rem !important; }*/
/*.htCore a {color: #2693FF !important; font-size: 0.8125rem;}
.htCore tr td {border-top:.065rem solid #E6EAF5 !important; }
.htCore tbody tr:first-child td{border-top: none !important; }
.htCore tfoot th {border-bottom:.065rem solid #E6EAF5 !important;}*/
/*.handsontable th, .handsontable th.currentRow{height:34px !important;}*/

table.dataTable{border-right: none;margin: 0;}
.dataTables_scrollHeadInner, .dataTables_scrollHeadInner .table, .dataTables_scrollBody .table{min-width: 100% !important;}
.dataTables_scrollHeadInner{min-width: 98% !important;}
/*.dataTables_scrollBody{max-height:400px;}*/
.dataTables_scrollBody .table{    margin-top: -11px;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 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 {border-top: none;} table.dataTable.no-footer {border-bottom:none !important; }
.table>tbody>tr.text-italic td{font-style: italic;}
.editable_mode {background: #e7e7e7  !important;}
.modified{background: #5cb85c !important;}
/*.th-action { width:10px !important; }*/
/*.td-action, .th-action { text-align: right !important; }*/
.th-action, table.dataTable thead .th-action{min-width:60px;padding-right: 5px !important;}
.th-action span.pull-left.p-t5, table.dataTable thead .th-action span.pull-left.p-t5{width: 30px; }
.th-action .btn-inable{display: none;}
.th-action #delete_button{height: 25px; color: #d02722;    margin-left:0px; line-height: 25px; font-size:12px;}
/*.th-action label i, .th-action .hide-txt label b{display: none;}
.th-action .hide-txt label i{display: inline-block;}*/
/*.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: none; }*/
.dataTables_wrapper .dataTables_filter {margin-bottom: 0.625rem; }
table.dataTable tbody th, table.dataTable tbody td {padding: 4px 7px 2px !important; font-size: 0.75rem;white-space: nowrap;}
table.dataTable tbody td.dataTables_empty{padding-top:10px  !important; padding-bottom:10px !important;}
.action-dd{left: -96px; top: 13px;}
.action-data-dd {left: 1056.031px !important;}
.action-dd li a {color: #333 !important; padding:0.625rem 0.625rem .25rem !important}
.dataTable td, .dataTable th{border-left: none !important;}
#VesselTypeSelect{display: none}
/* Header
* --------------------------------------- */
.header {padding: 0rem 1.25rem 0rem 1.75rem; }

/* Pagination
* --------------------------------------- */
.dataTables_wrapper .dataTables_paginate .paginate_button, .ng-table-pagination li a{ padding: 0.2em .7em;font-size: .75rem;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .ng-table-pagination li.active a, .ng-table-pagination li a:hover {color: #fff !important; border:.065rem solid #4680ff;  background:#4680ff !important; }
.dataTables_wrapper .dataTables_paginate {    padding:10px 0px!important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .ng-table-pagination li.active a, .ng-table-pagination li a:hover {color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline: none; background-color:  #6f80a5 !important; color: #fff !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{outline: none;    background: linear-gradient(to bottom, #cbcbcb 0%, #cbcbcb 100%) !important;     border: 1px solid #b9b9b9 !important;}

.ng-table-pagination{list-style: none; margin:0; padding:5px 0 10px; }
.ng-table-pagination li{float: left;}
.ng-table-pagination li a{    padding: 0.5em .7em;font-size: 12px;box-shadow: none !important;
    display: inline-block;    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;}
/* Tooltip
* --------------------------------------- */
.tooltip  .tooltip-inner { background: #012B5D; border-radius: 0px; }
.tooltip.left .tooltip-arrow { border-bottom-color: #012B5D !important; }
.tooltip.right .tooltip-arrow { border-right-color: #012B5D !important; }
.tooltip.top .tooltip-arrow { border-top-color: #012B5D; }

/* Recent updates
* --------------------------------------- */
.update {padding-left: 0px; }
.update .list {list-style: none; border-bottom:.065rem solid #E6EAF5; padding: 0.625rem 0.425rem; }
.update .list h5{margin-top: 0;}
.update .list p{margin-bottom: 0;}
.update .list h5 a {font-size: 0.8125rem; color: #2693FF; }
.update .list h5 .update-time {font-size: 0.65rem; color:#6F80A5; float: right; }
.update .list h4{color: #2C3F51; font-size:0.72rem;}
.update .list {color: #3F3F46; font-size:0.70rem; }
.update .list:last-child {border-bottom: none; }
.list .btn-label {margin-top: -.3125rem; }
.update .list h5 .time {padding: 0.875rem 0px 3px; display: block; }

.show-icon{display: block;}
.show-logo{display: none;}


#applicationAccess .inner-menu-list{display: none;}
#applicationAccess .item-select-list li label{min-width: 140px;}
#applicationAccess .item-select-list > li > a{display: none; font-size: 12px; color: #444; padding: 0 10px;  background: #ebebeb; border-radius: 3px;}
#applicationAccess .item-select-list > li.has-ul > a{display: inline-block;}
#applicationAccess .item-select-list > li.sep-line{clear:both; width: 100%; margin:5px 0; padding: 0; border-bottom: solid 1px #ebebeb;}
#applicationAccess .item-select-list > li.sep-line:first-of-type{display: none;}
/* Footer
* --------------------------------------- */
.footer { background:#f5f5f5; z-index: 9999; color: #002D59; text-align: center; padding:0.15rem 0px .15rem 0px; font-size: 0.66rem; position: fixed; bottom: 0; right: 0; left: 0; }


/***************************************
Fixtured Demo Page
****************************************/
.bg-light{background:#fff !important;}
/*.heading{color: #444;}*/
/*.container-box {padding: .7rem }*/
.topbar{background: #4680ff;}
.subheading {font-size: 18px; color: #002d59; font-weight: 600; }
 main{margin-left: 0;}
.sidebar{background-color:#272930;}
.menu-link img{width: 35px;}
body nav ul li a{	color: #fff;font-size: 0.85rem;	padding: .525rem 0.9375rem;}
body nav > ul > li > a:hover, body nav > ul > li > a:active, body nav > ul > li > a:focus{ background-color: rgba(0,0,0,0.2);color: #fff;}
body nav > ul > li, body.minified nav > ul > li > a{border-top: 1px solid #32353e !important;	border-bottom: 1px solid #1a1c20 !important;}
body nav ul li.open > a{	color:#fff !important;}
body nav  ul ul{background: #fff !important;}
body.minified nav  ul ul > li > a{color:#37414f;}
body.minified nav > ul > li > a > .menu-item-parent{background-color:#272930;color: #fff; width: 188px;height: 32px; top: 0;}
body.minified nav > ul > li > ul{top:32px;}
body nav > ul > li > ul::before{display: none;}
body div.panel{background: #fff;padding-top: 15px; box-shadow: none;}
body button.accordion{padding: 0.425rem 0.9375rem 0.425rem 0; font-size: 1rem;font-weight: bold;	line-height: 27px;}
body button.accordion.active, button.accordion:hover, button.accordion{/*width:100%;*/ background: #fff;}
body button.accordion:after{width: 25px;	height: 25px;text-align: center;background:#4680ff;	color: #fff;float: left;	margin: 0 15px 0 0;line-height: 26px; font-size: 18px;}
body .form-control {height: 1.4rem;/**/border-top-color:#fff !important;; border-left-color:#fff !important;font-size: 11px; border-right-color:#fff !important;;border-bottom-width:1px; border-bottom-color: #ccc !important;}
body .input-group-addon{border-top-color:#fff !important; border-left-color:#fff !important;border-right-color:#fff !important;}
body label{min-width: inherit;}
body .has-float-label .form-control:placeholder-shown:not(:focus)+label {font-size: 90%;    top: .5em;    color: #666;}
body .has-float-label .btn {margin: 0;}
body .minified .sidebar{    width: 4.75rem !important;}
body .has-float-label label{ top: -0.55em;font-weight: 600;color: #2693FF;left: 10px;}
body textarea.form-control{ border-left:solid 1px #ccc !important;border-right:solid 1px #ccc !important;border-top:solid 1px #ccc !important;  border-radius: 5px !important;  padding: 10px;}
body .fixtures-page .add-rule-top  .form-group > span{ display:none; margin-right:20px; }
body .parsley-errors-list{padding-top: 0;}
body .selectize-input{width: 95%;}
body table td .form-control {max-width: 250px;}
/*body .input-group .form-control {height: 1.7rem;}*/
/*Fixture-form*/
.fixtures-page .nav.nav-tabs>li>a {padding: 15px 20px 15px 0px; }
.fixture-form .panel {padding:15px 0px 0px;}
.fixture-form .accordion, .accordion {width: 100%; cursor: default; pointer-events: none; margin: 0; color: #676767; padding: 8px 0px 5px;}
.fixture-form .accordion:after, .accordion:before, .accordion:after {display: none;}
.fixture-form  .ui-radio + label, .ui-checkbox + label {padding-left: 20px;}
.fixture-form .ui-radio + label:before {top: 0px; }
.fixture-form .ui-radio:checked + label:after {top: .275rem;}
.fixture-form .ui-checkbox + label:before {top: 0px;}
.fixture-form .ui-checkbox:checked + label:after {top: 1px; }
.fixture-form .btn-saveadd{width: auto;}
.fixture-form textarea.form-control{height:102px !important; line-height: 18px; padding: 8px 10px;}

/*Time series*/
.time-series .ui-checkbox + label {width:90px !important; text-overflow: ellipsis; overflow: hidden; }
.time-series .ui-checkbox:checked + label:after {top:0px;}

table th.th-action input[type="button"]{ padding: 0; background: none; border: none;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    .time-series .ui-checkbox:checked + label:after {top:0px; font-size: 12px; left: 1px; font-weight: normal;}
}
.btn-filter.btn-success{background-color: #0098d9; color: #fff; border-color: #0098d9;}
/*****************************
  Error Messages
*****************************/
#toast-container>.toast{opacity: 1;box-shadow: none;width: 370px;font-size: 13px; font-family: 'sf_ui_displayregular';}
#toast-container>.toast-info{background-color:#0275d8;}
#toast-container>.toast-error{background-color:#e51c23;}
#toast-container>.toast-warning{background-color:#ff9800;}
#toast-container>.toast-success{background-color:#4caf50;}

.favourite-list .filter-label-inner{width:75px !important;text-overflow: ellipsis;overflow: hidden;display: inline-block;white-space: nowrap;}

@media (min-width:768px){
	.DuplicateRecords .modal-dialog{width:70%;margin:30px auto}
}
@media (max-width: 1350px){
/*body .fleet-fielter-page .select-list .select-item { width:50%;}*/
/*body .fleet-fielter-page .card03 .select-list .select-item { width:32%;}*/
}
@media (max-width: 1280px)
{
	.container-box {padding: .57rem 1.25rem .57rem 1.75rem;}
	input {height: 1.563rem;}
a.btn.btn-blue i {padding-top: 2px; }
	/*Box design*/
	.box h5 {font-size: 0.625rem;}
	.box-right img {width: 33px;}
	.box strong {font-size: 1.25rem;}
	.before-login {margin: 10% auto 37%;}

	/*Sidebar*/
	.sidebar-expand-lg.sidebar-iconic {width: 100px;}
	.sidebar-expand-lg.sidebar-iconic ~ main {margin-left: 5.625rem !important;}

	/*Heading*/
	.heading {font-size:0.875rem;     padding: 0.4rem 0px 0px;}
	.heading strong {font-size: 1.25rem;}
	.heading a.btn.btn-blue {margin-top: 3px; }

	.badge {font-size: 0.5rem; padding: 2px 0.3rem;}
	.update .list h4 {font-size: 0.75rem;}
	.list p{font-size: 0.75rem;}
	.list .btn-label {margin-top: .4375rem; margin-left: 0px; }
	.update .list h5 .time {padding: 3px 0px 3px; font-size: 0.75rem;}
	.badge.f-r {}
	.content-box label {margin: 0px 0px;}


	/*Button*/
	.btn {    height: 1.563rem; padding:.25rem; font-size: 0.75rem;}
	.btn-label {height: 1.375rem; min-width: 47px; font-size: 0.75rem; }
	.btn-filter {padding: 0rem; min-width: 0.9375rem; font-size: 0.625rem; height: 0.9375rem; top:0px; line-height: 0px; }
	.time-series .ui-checkbox:checked + label:after {top: 2px; }
	.btn-icon {padding: .35rem 0rem 0rem !important;}


	.update-time{margin-top: 0.375rem;}
	.filter-box .ui-checkbox + label {min-width: 59px; max-width: 59px; }
	.update .list h5 a {font-size: 0.7rem;  margin-top: -0.625rem;}
	.update .list h5 .update-time {font-size: 0.7rem;  }
	.menu-link img{width: 2.813rem;}

/*Custom table*/
	.custom-table td a{font-size: 0.75rem;}
	.menu-link>* {width: 2.5rem; }
	.sidebar-expand-lg.sidebar-iconic .menu-link {padding: .4375rem 0px 0px; }
	.search-dd {left: 32%; top: 48px; width: 65%;}
	.box h5 {font-size: 0.55rem; }

/*Pagination*/
.dataTables_wrapper .dataTables_paginate .paginate_button {    min-width: 0.5em !important; padding: 0.16em 0.625rem !important;}

/*Genaral*/
.match-height{overflow: hidden; max-height: 169px; overflow-y: scroll;     min-height: 92px;}
.select-period {height: 90px;}
.update-nav > li > a::after {top: 35px;}

/*U- checkbox*/
.ui-checkbox + label {min-width: 85px; max-width: 100px;    margin-bottom: 0px; }
.fleet-fielter-page	.ui-checkbox + label {min-width: 85px; max-width: 140px;    margin-bottom: 0px; }
.update-nav > li > a {font-size: 0.75rem;}

/*Select list*/
.select-list .select-item {}


}

 @media all and (max-width: 1279px) and (min-width:1124px) {

	/* .sidebar-expand-lg ~ .topbar .sidebar-toggler {display: none;}
	.sidebar-toggler, .topbar-menu-toggler {font-size: 1.313rem; background: 0 0; outline: none !important; }
	.sidebar-expand-lg.sidebar-iconic {width: 10.9375rem; overflow: visible; }
	.sidebar-expand-lg.sidebar-iconic .menu-link {-webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: auto; padding: 1rem .5rem; }
	.sidebar-expand-lg.sidebar-iconic .menu-link .icon {font-size: 1.25rem; line-height: 36px; }
	.sidebar-expand-lg.sidebar-iconic .menu-link .title {-webkit-box-flex: 0; flex-grow: 0; line-height: 36px; font-weight: 300; letter-spacing: 0; }
	.sidebar-toggler i, .topbar-menu-toggler i {font-style: normal; display: inline-block; -webkit-transform: translateY(-2px); transform: translateY(-2px);} */
	 /*main{margin-left: 2.813rem; width: 1200px;  overflow:auto;}*/
	 /*.topbar{ width: 1230px;}*/
/*

Custom table
.custom-table {width: 100% !important; }
.custom-nav > li > a::after {bottom: -3px;}
 */
}
@media (min-width:1200px){
  .clear-left{clear: left;}
}
@media (max-width:1200px){
  /*body .fleet-fielter-page .select-list .select-item { width: 98%;}*/
  /*.select-list .select-item{width: 100%;}*/
}
@media (max-width: 767px){
  body{margin-left: 2rem;}
  .m-b20-sm{margin-bottom: 20px;}
  .container-box { padding: .57rem 1.25rem .57rem 1.25rem;}
  .nav.nav-tabs>li>a{padding:10px 7px;font-size: 12px;}
  footer.footer{position: inherit;margin: 0 !important;}
  footer.footer .text-right, footer.footer .text-left{text-align: center !important;}
  .minified .sidebar { width: 3rem !important;}
  body .fleet{height: auto;}
  body .minified #left-panel {  left: -242px;}
  body #left-panel {  left: 0px;}

}

@media (max-width:600px){
  body button.accordion{font-size: .85rem; line-height: 15px;}
  .nav.nav-tabs>li>a{padding: 10px 5px;font-size: 11px;}
}

/* Floating Radio Button Css Starts */
.label {  border-radius:2px; }
.label,.label.label-default {  background-color:#FFFFFF; }
.label.label-inverse {  background-color:#212121; }
.label.label-primary {  background-color:#9c27b0; }
.label.label-success {  background-color:#4caf50; }
.label.label-info {  background-color:#00bcd4; }
.label.label-warning {  background-color:#ff9800; }
.label.label-danger {  background-color:#f44336; }
.label.label-rose {  background-color:#e91e63; }
.multiselect.btn{padding-left: 0; margin-left: 0;width: 100%;}
.form-control,.form-group .form-control, .modal.ng-isolate-scope .modal-body, .multiselect.btn, .open>.dropdown-toggle.btn-default{  border:0;  background-image:linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2) !important;  background-size:0 2px, 100% 2px;  background-repeat:no-repeat;  background-position:center bottom, center calc(100% - 1px);  background-color:transparent;  transition:background 0s ease-out;  float:none;  box-shadow:none;  border-radius:0;  font-weight:400; }
.form-control::-moz-placeholder,.form-group .form-control::-moz-placeholder {  color:#AAAAAA;  font-weight:400; }
.form-control:-ms-input-placeholder,.form-group .form-control:-ms-input-placeholder {  color:#AAAAAA;  font-weight:400; }
.form-control::-webkit-input-placeholder,.form-group .form-control::-webkit-input-placeholder {  color:#AAAAAA;  font-weight:400; }
.form-control[readonly],.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[readonly],.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control {  background-color:transparent; }
.form-control[disabled],fieldset[disabled] .form-control,.form-group .form-control[disabled],fieldset[disabled] .form-group .form-control {  background-image:none;  border-bottom:1px dotted #D2D2D2; }
.form-group {  position:relative; }
.form-group.label-static label.control-label,.form-group.label-placeholder label.control-label,.form-group.label-floating label.control-label {  position:absolute;  pointer-events:none;  transition:0.3s ease all; }
.form-group.label-floating label.control-label {  will-change:left, top, contents;left:5px;    z-index: 9;}

.form-group.label-placeholder:not(.is-empty) label.control-label {  display:none; }
.form-group .help-block {  position:absolute;  display:none; }
.form-group.is-focused .form-control, .modal.ng-isolate-scope .modal-body select:focus, .modal.ng-isolate-scope .modal-body select:active,.multiselect.btn:active,.multiselect.btn:hover,.multiselect.btn:focus, .open>.dropdown-toggle.btn-default.multiselect {  outline:none;  background-image:linear-gradient(#4680ff, #4680ff), linear-gradient(#D2D2D2, #D2D2D2) !important; background-color: transparent !important;  background-size:100% 2px, 100% 1px;  box-shadow:none;  transition-duration:0.3s; }
.form-group.is-focused .form-control .material-input:after {  background-color:#9c27b0; }
.form-group.is-focused.form-info .form-control {  background-image:linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.is-focused.form-success .form-control {  background-image:linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.is-focused.form-warning .form-control {  background-image:linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.is-focused.form-danger .form-control {  background-image:linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.is-focused.form-white .form-control {  background-image:linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.is-focused.label-placeholder label,.form-group.is-focused.label-placeholder label.control-label {  color:#AAAAAA; }
.form-group.is-focused .help-block {  display:block; }
.form-group.has-warning .form-control {  box-shadow:none; }
.form-group.has-warning.is-focused .form-control {  background-image:linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.has-warning label.control-label,.form-group.has-warning .help-block {  color:#ff9800; }
.form-group.has-error .form-control {  box-shadow:none; }
.form-group.has-error.is-focused .form-control {  background-image:linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.has-error label.control-label,.form-group.has-error .help-block {  color:#f44336; }
.form-group.has-success .form-control {  box-shadow:none; }
.form-group.has-success.is-focused .form-control {  background-image:linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.has-success label.control-label,.form-group.has-success .help-block {  color:#4caf50; }
.form-group.has-info .form-control {  box-shadow:none; }
.form-group.has-info.is-focused .form-control {  background-image:linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2); }
.form-group.has-info label.control-label,.form-group.has-info .help-block {  color:#00bcd4; }
.form-group textarea {  resize:none;    height: auto !important;}
.form-group textarea~.form-control-highlight {  margin-top:-11px; }
.form-group select {  appearance:none; }
.form-group select~.material-input:after {  display:none; }
.form-control::-moz-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.form-control:-ms-input-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.form-control::-webkit-input-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.checkbox label,.radio label{  font-size:14px;  line-height:1.42857;  color:#222;  font-weight:400; }
label.control-label {  font-size:11px;  line-height:1.07143;  color:#AAAAAA;  font-weight:400;  margin:16px 0 0 0; }
.help-block {  margin-top:0;  font-size:11px; }
.form-group {  padding-bottom:10px;  margin:27px 0 0 0; }
.form-group .form-control::-moz-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.form-group .form-control:-ms-input-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.form-group .form-control::-webkit-input-placeholder {  font-size:12px;  line-height:1.42857;  color:#AAAAAA;  font-weight:400; }
.form-group .checkbox label,.form-group .radio label,.form-group label {  font-size:14px;  line-height:1.42857;  color:#222;  font-weight:400; }
.form-group label.control-label {  font-size:11px;  line-height:1.07143;  color:#AAAAAA;  font-weight:400;  margin:16px 0 0 0; }
.form-group .help-block {  margin-top:0;  font-size:11px; }
.form-group.label-floating label.control-label,.form-group.label-placeholder label.control-label {  top:-15px;  font-size:11px;  line-height:1.42857; }
.form-group.label-static label.control-label,.form-group.label-floating.is-focused label.control-label,.form-group.label-floating:not(.is-empty) label.control-label, .form-group.has-error label.control-label, .modal.ng-isolate-scope .modal-body .form-group label {position: absolute; color:#2693FF; font-weight: bold;top:-28px;  left:0;  font-size:11px;  line-height:1.07143; }
.before-login .form-group.label-static label.control-label,.before-login .form-group.label-floating.is-focused label.control-label,.before-login .form-group.label-floating:not(.is-empty) label.control-label{left: 0;}
.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {  top:-28px;  left:0;  font-size:11px;  line-height:1.07143; }
.form-group.form-group-sm {  padding-bottom:10px;  margin:21px 0 0 0; }
.form-group.form-group-sm .form-control::-moz-placeholder {  font-size:11px;  line-height:1.5;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-sm .form-control:-ms-input-placeholder {  font-size:11px;  line-height:1.5;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-sm .form-control::-webkit-input-placeholder {  font-size:11px;  line-height:1.5;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-sm .checkbox label,.form-group.form-group-sm .radio label,.form-group.form-group-sm label {  font-size:11px;  line-height:1.5;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-sm label.control-label {  font-size:9px;  line-height:1.125;  color:#AAAAAA;  font-weight:400;  margin:16px 0 0 0; }
.form-group.form-group-sm .help-block {  margin-top:0;  font-size:9px; }
.form-group.form-group-sm.label-floating label.control-label,.form-group.form-group-sm.label-placeholder label.control-label {  top:-11px;  font-size:11px;  line-height:1.5; }
.form-group.form-group-sm.label-static label.control-label,.form-group.form-group-sm.label-floating.is-focused label.control-label,.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {  top:-25px;  left:0;  font-size:9px;  line-height:1.125; }
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {  top:-25px;  left:0;  font-size:9px;  line-height:1.125; }
.form-group.form-group-lg {  padding-bottom:10px;  margin:30px 0 0 0; }
.form-group.form-group-lg .form-control::-moz-placeholder {  font-size:18px;  line-height:1.33333;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-lg .form-control:-ms-input-placeholder {  font-size:18px;  line-height:1.33333;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-lg .form-control::-webkit-input-placeholder {  font-size:18px;  line-height:1.33333;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-lg .checkbox label,.form-group.form-group-lg .radio label,.form-group.form-group-lg label {  font-size:18px;  line-height:1.33333;  color:#AAAAAA;  font-weight:400; }
.form-group.form-group-lg label.control-label {  font-size:14px;  line-height:1;  color:#AAAAAA;  font-weight:400;  margin:16px 0 0 0; }
.form-group.form-group-lg .help-block {  margin-top:0;  font-size:14px; }
.form-group.form-group-lg.label-floating label.control-label,.form-group.form-group-lg.label-placeholder label.control-label {  top:-5px;  font-size:18px;  line-height:1.33333; }
.form-group.form-group-lg.label-static label.control-label,.form-group.form-group-lg.label-floating.is-focused label.control-label,.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {  top:-32px;  left:0;  font-size:14px;  line-height:1; }
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {  top:-32px;  left:0;  font-size:14px;  line-height:1; }
select.form-control {  border:0;  box-shadow:none;  border-radius:0; }
.form-group.is-focused select.form-control {  box-shadow:none;  border-color:#D2D2D2; }
select.form-control[multiple],.form-group.is-focused select.form-control[multiple] {  height:85px; }
.input-group-btn .btn {  margin:0 0 7px 0; }
.form-group.form-group-sm .input-group-btn .btn {  margin:0 0 3px 0; }
.form-group.form-group-lg .input-group-btn .btn {  margin:0 0 9px 0; }
.input-group .input-group-btn {  padding:0; vertical-align: top; }
.input-group .input-group-btn button{margin: 0; padding: 0 5px; height: 1.9em;  border: none; box-shadow: none;background: #4680ff;color: #fff;}
.input-group .input-group-addon {  border:0;  background:transparent;  padding:6px 15px 0px; }
.form-group input[type=file] {  opacity:0;  position:absolute;  top:0;  right:0;  bottom:0;  left:0;  width:100%;  height:100%;  z-index:100; }
.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:3px 7px;font-size: 0.68rem;}
/* Floating Radio Button Css Ends */
.vesselTypeFun .form-group{min-height:auto;}
.multiselect-container.dropdown-menu{ max-height: 110px; overflow: auto;border: solid 2px #ccc;}
.multiselect-container > li > a.multiselect-all label, .multiselect-container > li > a > label.checkbox{font-size: .67rem}
.multiselect-container > li > a > label > input[type="checkbox"]{height: auto; height: auto; margin-left: -16px;    margin-top: 1px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{ background-color: #467fff;}
.dropdown-menu>.active>a label, .dropdown-menu>.active>a:focus label, .dropdown-menu>.active>a:hover label{color:#fff;}

.ui-menu .ui-menu-item-wrapper{font-size: 12px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background: #ebebeb !important; color: #444 !important; border-color: #ebebeb !important;}
.ui-widget-content{max-height: 160px; overflow: auto;}
.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin: 0 !important;border:none !important;}

.custom-table th{text-align: left;}

.modal.ng-isolate-scope .modal-title{margin: 0;padding: 0;}
.modal.ng-isolate-scope .modal-body h4{margin-top: 0; padding-bottom: 10px;font-size: 14px;}
.modal.ng-isolate-scope .modal-body .form-group{min-height: 35px;}
.modal.ng-isolate-scope .modal-body .form-group label{left: 0;}
.modal.ng-isolate-scope .modal-body select.form-control{/*width:100%;*/ border: solid 1px #ccc !important; border-bottom: none !important;}
/*.modal.ng-isolate-scope .modal-body select:focus, .modal.ng-isolate-scope .modal-body select:active{background: #fbfbfb; }*/
.modal.ng-isolate-scope .modal-body .col-lg-5 select.available{float: right;}
.modal.ng-isolate-scope .modal-body .col-lg-5 h4{padding-bottom: 16px;}
/***************************
  Drag And Drop popup
****************************/
h5 span.small{display: block;padding: 5px 0}
.drag-drop-list{display: table;padding: 0; margin: 0; width: 100%;list-style: none;}
.drag-drop-list li{display: table-cell; vertical-align: top;    width: 45%;}
.drag-drop-list li:nth-child(2){width:40px; text-align: center;}
.drag-drop-list li .btn{margin-left: 0;}
.drag-drop-list li select {padding: 0;}
.drag-drop-list li select option{padding: 5px; border-bottom: solid 1px #ebebeb;}

.form-control.field-error {background-image:linear-gradient(red, red), linear-gradient(red, red);}
.field-error-msg { padding: 0; list-style: none; color: red; font-size:0.75rem; margin-bottom: 0; padding-top:.3125rem; }


.switch, .switch * {
    -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
}

.switch label { cursor: pointer }
.switch label input[type=checkbox] { opacity: 0; width: 0; height: 0 }
.switch label input[type=checkbox]:checked + .lever { background-color: #93b4fd }
.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after { left: 18px }
.switch label input[type=checkbox]:checked + .lever:after { background-color: #4680ff }
.switch label .lever {
    content: "";
    display: inline-block;
    position: relative;
    width: 36px;
    height: 14px;
    background-color: rgba(0, 0, 0, 0.38);
    border-radius: 15px;
    margin-right: 10px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    vertical-align: middle;
    margin: 0 16px
}

.switch label .lever:before, .switch label .lever:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 0;
    top: -3px;
    -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
    transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease
}
.switch label .lever:before { background-color: rgba(51, 97, 171, 0.15) }
.switch label .lever:after {
    background-color: #F1F1F1;
    -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)
}
.switch input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before, .switch input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(51, 97, 171, 0.15)
}
.switch input[type=checkbox]:not(:disabled) ~ .lever:active:before,.switch input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    background-color: rgba(0, 0, 0, 0.08)
}
.switch input[type=checkbox][disabled] + .lever { cursor: default; background-color: rgba(0, 0, 0, 0.12) }

.switch label input[type=checkbox][disabled] + .lever:after, .switch label input[type=checkbox][disabled]:checked + .lever:after { background-color: #949494
}
.dataTables_filter input[type="search"]{ border-top: 0; border-left: 0;border-right: 0;outline: none;border-bottom-width: 2px;box-shadow: none!important;
}
.upload-fixture-wraning { background: #f7edca !important; }
.upload-fixture-danger { background: #ffbaba !important; }
.list-inline>li{vertical-align: top;}
.edit-import-field .form-control{margin-top: 0 !important;}

.table td .text-center .btn-sm.btn.btn-normal, .table td .text-center .btn-sm.btn.btn-normal, .table td .text-center .btn-sm{font-size: 9px; padding: 1px 2px;    display: block;}
.table td .text-center:nth-child(2){ margin:2px 0 0px 0;}
.table td .text-center{white-space: nowrap;}
.table td .btn-sm.btn.btn-normal.btn-warning:disabled{cursor: default;}
/*.table-fixed-wrapper .table > thead > tr > th{padding: 2px 10px;}*/

/*Fixed Header Plugin css*/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;

    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */
.table-fixed-wrapper{position: relative;    overflow-x: auto;  overflow-y: auto;}
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;

	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;

			/* size */
		    height: 1px;
			}

	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }

	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }
    .horizontal-chart{position: relative; height: 27px !important; width: 30px !important;overflow: hidden;}
    .horizontal-chart i{position: absolute; transform: scaleY(-1) rotate(90deg);-webkit-transform:scaleY(-1) rotate(90deg); top: 0; left: -9px; right: 0; bottom: 0; margin: auto; text-align: center;}
.SumoSelect > .optWrapper > .options li label {
    position: static; 
    color:#333;
    font-size: 11px;
    line-height: inherit;
}
.SumoSelect > .optWrapper > .options li {
    border: none !important;
}

.SumoSelect > .optWrapper > .options li:after, .SumoSelect > .optWrapper > .options li:before {
    content: none !important;
}
body .SumoSelect{max-width:98%;width:100%;}
.SumoSelect > .optWrapper > .options{height: 125px}
.SumoSelect > .optWrapper.multiple > .MultiControls > p,body .SumoSelect > .CaptionCont > span.placeholder{font-size:11px;color:#333;}
.form-group.min-height-auto .SumoSelect .okCancelInMulti .select-all{height:24px;}
.form-group.min-height-auto .SumoSelect .okCancelInMulti .select-all label{color:#333!important;top:6px;left:inherit;}
body .SumoSelect > .CaptionCont{border:none;border-bottom:2px solid #ccc;}
body .SumoSelect:focus > .CaptionCont,body .SumoSelect:hover > .CaptionCont,body .SumoSelect.open > .CaptionCont{border-color:#fff;border-bottom:2px solid #4680ff;box-shadow:none;}
body .SumoSelect > .optWrapper > .options li.opt{padding:2px 6px 2px;}
.SumoSelect > .optWrapper > .options li label{color:#333!important;}
table.dataTable tbody td.td-wrap{white-space:normal;word-break:break-word;}
.form-group.min-height-auto .okCancelInMulti .select-all.selected:before,.form-group.min-height-auto .okCancelInMulti .select-all.selected:after{display:none;}
/*.dataTable.no-footer tfoot {*/
    /*display: table-header-group;*/
/*}*/
.datatable-wrap .master_head_inputs{height:1.475rem;max-width: 75px;width: auto !important; }
/*.datatable-wrap .dataTable.no-footer tfoot > tr > th:nth-child(2) input, .datatable-wrap  .dataTable.no-footer tfoot > tr > th:first-child input{display: none;}
.datatable-wrap  .dataTable.no-footer tfoot > tr > th:first-child, .datatable-wrap .dataTable.no-footer thead > tr > th:first-child{width: 50px !important; min-width: 50px; max-width: 50px;}
*/
.job-section{     max-width: 390px;
    width: 100%;
    clear: both;
    background: #f6f9ff;
    font-size: 14px;
    margin: 50px 0 0;
    border: solid 1px #e1e6f1;}
.job-section h2{    font-size: 17px; margin: 0;
    padding: 10px;
    border-bottom: solid 1px #e1e6f1;
    font-weight: 600;}
.job-section ul {list-style: none;
    padding: 10px 10px 0;}
    .job-section ul li{ display: block;
    padding: 11px 0;
    font-size: 13px;
    border-bottom: solid 1px #e1e6f1;
    line-height: 24px;}
.job-section ul li strong{font-weight: 600;
    margin-right: 4px;}
.job-section ul li:last-child{ border-bottom:0px;}    
@media (max-width:1500px){
body.minified nav > ul > li > ul{max-height:200px;overflow-y:scroll;}
}



/*Add for dataTable*/
.wrap-data-table-text{white-space: normal !important;}


.list-box {
    margin-top: 10px;
    padding-left: 20px;
}
.list-box .list-item {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}

.list-box .list-item:before {
    width: 7px;
    height: 7px;
    background: #4680ff;
    position: absolute;
    left: -17px;
    display: block;
    content: '';
    top: 6px;
}


.form-control.drop_down {
    border-bottom: none !important;
}

.bdr-btm-none{border-bottom: none !important;}
.custom-error {
                  padding: 0;
                  list-style: none;
                  color: red;
                  font-size: 0.65rem;
                  margin-bottom: 0;
                  padding-top: .3125rem;
              }

.min-height-auto{min-height: auto !important;}
.fixture-form textarea.form-control.height38{height: 38px !important;}
.head-flex-box{display: flex; vertical-align: top;}
.head-flex-box .accordion{width: auto;}
.m-width145{max-width: 145px !important;}

.card-content ul li .user-namer{    font-style: normal;
    margin-right: 4px;
    max-width: 80px;
    display: inline-block;
    width: 100%;
    min-width: 84px}
 body.openNav{
            position: relative;
            left: 190px;
            transition:all 0.8s;
            width: calc(100% - 260px);

    }
    main.content-drag{
            display: block;
            width: calc(100% - 0px);
            left: 0px;
            position: relative;
    }
    .sidebar{
        left:0px;
    }
    #left-panel nav > ul > li > ul > li > a{
        color: #757d95;
    }
     #left-panel nav > ul > li > ul > li > a:hover{
        color: #fff;
     }   

    .disabled-link {pointer-events: none;}
    .redRow{
		background-color: red !important;
		color: white !important;
	}