#page-title {
    padding: 0px 0px !important;
    border-bottom: 1px solid #c8c7cc !important;
}

label {
    font-weight: bold !important;
    color: black !important;
    font-size: 12px !important;
}

fieldset legend {
    font-weight: bold !important;
}

.item-inner {
    font-weight: bold !important;
}


.liLine {
    line-height: 0px !important;
    padding-left: 5px !important;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    text-align: left !important;
}


.liNoLine {
   border-bottom : none !important;
}

.mini-stats li{
    margin:0px !important;
}

.panel-heading .panel-heading-tabs > li {
    line-height: 5px !important;
    font-weight: bolder !important;
    color: #333333 !important;
    text-transform: uppercase !important;
}
.text30{
    font-size:22px !important;
}
.whitebg{
    background-color:white !important;
}
tr.row-selected {
    background-color: rgba(81, 173, 246, 0.4) !important;
    /*box-shadow: #0a77ff 0px 0px 5px 3px;*/
}
tr.rightClicked {
    box-shadow: #0a77ff 0px 0px 5px 3px;
}
tr.show-pointer {
    cursor: pointer;
}

.info_content {
    position: absolute;
    background: rgba(0,0,0,.6);
    padding: 24px;
    color: #fff;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 15px;
}

thead {
    background-color: #0a77ff;
    
}
.table > thead > tr > th {
    color: white !important;
}
.position-fixed {
    position: fixed;
}
.width100{
    width:100%;
}
.bottom-bar {
    /* margin-top: 10px; */
    position: sticky;
    bottom: 0px;
    height: 50px;
    background-color: #c1c1c1d1;
    z-index: 1000;
    margin-top: 10px;
}
.checkTB {
    transform: scale(1.5);
}


.fab2 {
    background-color: #0a77ff;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #0a77ff;
    border: none;
    outline: none;
    color: #FFF;
    font-size: 36px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition: .3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    right: 80px;
    bottom: 80px;
}

.fab {
    width: 70px;
    height: 70px;
    background-color: #0a77ff;
    border-radius: 50%;
    box-shadow: 0 6px 10px 0 #666;
    font-size: 50px;
    line-height: 70px;
    color: white;
    text-align: center;
    position: fixed;
    right: 50px;
    bottom: 60px;
    transition: all 0.1s ease-in-out;

    border: none;
    outline: none;
}

    .fab:hover {
        box-shadow: 0 6px 14px 0 #666;
        transform: scale(1.05);
        cursor: pointer;
    }

tr.row-selected-noshadow {
    background-color: rgba(81, 173, 246, 0.4) !important;

}


.tablecheckbox > thead:first-child > tr:first-child > th:first-child {
    text-align: center !important;
}

.liRight {
    border-bottom: 1px solid #eee !important;
}

.aRight {
    font-size: 16px !important;
    font-weight: 400 !important;
}
a.aRight {
    padding-left: 10px !important;
}

/*.has-error .form-control:focus, .has-error .form-control:hover {
    border-color: #F8F8F8;
    border-bottom-color: #a94442 !important;
}*/

.has-error .txt {
    border-color: #F8F8F8;
    border-bottom-color: #a94442 !important;
}
.color-black {
    color: black !important;
}

.trackingError {
    padding: 2px 25px 2px 2px !important;
    margin-bottom: 5px !important;
}


.table > tbody > tr.warning > td {
    background-color: #fdf3bc !important ;
}
.table > tbody > tr.success > td {
    background-color: #d2f3c5 !important;
}

.label-inverse, .badge-inverse {
    background-color: #555555a3;
}

.modalfieldset {
    border: 1px solid #b5b5b5;
    background-color: #f9f9f9;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th {
    color: black !important;
}

.table > tbody > tr > td{
    color:black !important;
}

h1, h2, h3, h4, h5 {
    color:#333 !important;
}

.disabled {
    opacity: 0.5;
    pointer-events: none;
  
}
.text-left{
    text-align:left !important;
}

.table-dropdown.dropdown-menu.dropdown-light {
    min-width: 100px !important;
}

.table-dropdown.dropdown-menu.dropdown-light li a {
        line-height: 25px !important;
        color: black !important;
    }

.menudd.clip-radio label{
    margin-bottom : 0px !important;
}

/*span.btn.btn-default.form-control.ui-select-toggle{
    overflow-x: hidden !important;
}*/

span.ui-select-match-text.ui-select-allow-clear {
    max-width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.ui-select-match-text {
    max-width: 93%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.symbol.required:before {
   
    display: table-caption;
    color: red;
    font-size: 25px;
    height: 16px;
}
.has-error .symbol:before {
    font-size: 12px !important;
    height: 13px !important;
}
.has-success .symbol:before {
    font-size: 12px !important;
    color: #468847 !important;
    height: 13px !important;
}
.has-error label {
    color: red !important;
}
.has-error .error {
    color: red !important;
}
.has-error .form-control {
    border-color: red !important;
}

.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc {
    background-color: #aaaa !important;
    color: black !important;
}

/*.tag-indexed {
    box-shadow: inset black 5px 0px 0px 0px;
}*/
/*table.tableRed tr > td.rowTd {
    color: #9e2420 !important;
}*/
tr.tag-indexed > td.rowTd {
    color: red !important;
}


.inactive {
    color: #ccc !important;
    pointer-events: none !important;
    cursor: default !important;
}

.label-black {
    background-color: black;
}

.dropdown-menu > li > button {
    
    color: black !important;
    border: none !important;
    font-size: 12px;
    display: block;
    padding: 0px 10px;
    clear: both;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}

.panel-heading .panel-heading-tabs > li > button {
    color: #333333 !important;
    border: none !important;
    font-size: 12px;
    display: block;
    padding: 0px 10px;
    clear: both;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
}

.uploader {
    max-height: 50px;
    max-width: 50px;
}

.page_aside {
    min-height: 200px;
    width: 240px;
    background: #fff;
    border-right: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 25px;
    -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    left: 0;
    z-index: 1000;
}
aside#page_aside {
    min-height: 100vh !important;
}
    .page_aside + * {
        -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
        margin-left: 265px;
    }

@media only screen and (max-width: 959px) {
    .page_aside + * {
        margin-left: 25px;
    }
}

.page_aside_inner {
    /*padding: 12px 12px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
}

.page_aside_toggle {
    position: absolute;
    top: 0;
    right: -26px;
    height: 100%;
    width: 24px;
    background: #ff0000;
    cursor: pointer;
    background: #f5f5f5;
    border-right: 1px solid #e0e0e0;
    -webkit-transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 140ms cubic-bezier(0.4, 0, 0.2, 1);
}

    .page_aside_toggle:hover {
        background: #e0e0e0;
    }

    .page_aside_toggle:after {
        position: absolute;
        left: 3px;
        top: 25px;
        content: '\f0a8';
        /* '<<'; '\e314';*/
        font-family: "FontAwesome";
        font-size: 18px;
        display: block;
        color: #727272;
    }

.page_aside_collapsed .page_aside {
    -webkit-transform: translate3d(-240px, 0, 0);
    transform: translate3d(-240px, 0, 0);
}

    .page_aside_collapsed .page_aside + * {
        margin-left: 25px;
    }

.page_aside_collapsed .page_aside_toggle:after {
    content: '\f0a9'; /*'\e315';*/
    color: #0a77ff;
}

.panel-heading-tabs > li > a {
    color: #333333 !important;
}
/*Edited by Michael*/
#page-title .panel.panel-white {
    border: none !important;
    background-color: #ffff /*#fafafa*/ !important;
}

#page-title .border-light {
  
    border-bottom: none !important;
}
#page-title .panel-heading {
    padding : 0px !important
}
#page-title .mainTitle {
    padding-top: 10px !important
}

aside{
    height:100% !important;
}

fieldset {
    padding:15px !important;
    padding-bottom: 0px !important;
}

.show-hand{
    cursor: pointer !important;
}
.minWidth50{
    min-width:50px !important;
}

.minWidth100 {
    min-width: 100px !important;
}

.text18{
    font-size:18px;
}

.modalImage {
    position: relative !important;
    width: 100% !important;
}

/*.notopnavbar {
    margin-top: -50px !important;
    z-index: 100 !important;
}

.navbar {
    z-index: 50 !important;
}*/

.container-fullw{
    padding-top:10px !important;
    padding-bottom : 10px !important;
    min-height: 78vh !important;
}


.navbar-default {
    background-color: #fff !important;
}

.mini-stats {
    border-bottom: none !important;
    border: 1px solid #c8c7cc !important;
    border-radius: 10px 10px 10px 10px;
    margin-top: -2px !important;
}

    .mini-stats > li:first-child {
        border-left:none !important;
    }
.panel-heading .panel-heading-tabs > li {
    border-left-color: #c8c7cc !important;
}

.panel-white .border-light, .partition-white .border-light {
    border-color: #c8c7cc !important; 
}
.panel-heading {
    min-height:49px !important;
}

.swMain > ul {
    margin: 10px 0 10px 0 !important; 
}

@media (min-width: 992px) {
    .app-sidebar-closed .app-aside > .item-inner .title {
        margin-left: 0px !important;
    }
    .app-sidebar-closed .app-aside > .item-inner .title:first-child {
        margin-left: 20px !important;
    }
}


.title-icon {
    display: inline-grid;
    text-align: center;
    padding: 0px 5px;
    border-left: 1px solid;
    cursor: pointer;
    min-width: 60px;
}
.title-icon:first-child {
    border-left: none;
}
    .title-icon > i {
        margin-bottom: 3px;
    }

.shipmentheader {
    font-weight: bold !important;
    margin-left: 15px !important;
    background-color: #c8c7cc7d !important;
    padding: 5px 10px !important;
}

.timeline-xs .timeline-item.info:after {
    width: 15px !important;
    height: 15px !important;
    margin-left: -8px !important;
}

.text-black{
    color:black !important;
}

/*div.uib-daypicker .btn-default {
    border-color: transparent;
}*/

.uib-daypicker {
    padding: 15px;
    outline: none !important;
}
.uib-daypicker .btn-default {
    border-color: transparent !important;
}
.dropdown-menu > li > button.uib-close {
    padding: 5px 10px !important;
    clear: none;
}

.uib-daypicker table > thead {
    background-color: #fff !important;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    border-radius: 4px !important;
}

.trTotal {
    color: white !important;
    font-weight: bold !important;
    background-color: #ababc4 !important;
}

.tableTotal > .table > tbody > tr > td {
    color: #fff !important;
}

/*#sidebar nav > ul .sub-menu > li.active a {
    background: rgba(81, 173, 246, 0.4) !important;
}*/

ul.sub-menu li ul.sub-menu li a {
    padding-left: 70px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

#sidebar nav > ul .sub-menu > li.open {
    background: #007aff7a !important;
}

.app-sidebar-closed .app-aside > .item-inner .title {
    color: #ffffff !important;
}


 .app-sidebar-closed .app-aside .sub-menu {
    background: #f7f7f7 !important;
}



.inline-switches {
    height: 20px !important;
    width: 42px !important;
}
.switch small {
    height: 20px !important;
    width: 20px !important;
}
.ng-table-filters {
    background-color: #EFEFF0 !important;
}

.bgoffwhite {
    background-color: #fafafa !important;
}

.borderradius5 {
    border-radius: 5px !important;
}
.font20{
    font-size:20px !important
}

.settings.panel .setting-boxff {
    border-bottom: 1px solid #c8c7cc;
    padding-left: 8px;
}

.radio-inline, .radio-inline + .radio-inline, .checkbox-inline, .checkbox-inline + .checkbox-inline {
    margin-bottom:5px !important;
}

table.tableheadernowrap th.header {
    white-space: nowrap !important;
}
.tableheadernowrap2 {
    white-space: nowrap !important;
}

ul.dropdown-menu.generate-menu {
    top: 120% !important;
    right: 0 !important;
    left: unset;
}

.width50{
    width:50px !important;
}

.width70 {
    width: 70px !important;
}

.width100td {
    width: 100px !important;
}
.widthMinMax70 {
   min-width: 70px !important;
   max-width: 70px !important;
   width:70px !important
}
.widthMinMax20 {
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important
}
.width120 {
    width: 120px !important;
}

.width160 {
    width: 160px !important;
}

.minwidth160 {
    min-width: 160px !important;
}

.margin-top-35{
    margin-top : 35px !important;
}
.width300 {
    width: 300px !important;
}

.width30 {
    width: 30px !important;
}


.padding-0 {
    padding: 0px !important;
}

.border-0 {
    border: 0px !important;
}

fieldset {
    margin: 15px 0 15px 0;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: pink;
}

.userli {
    cursor: pointer;
    margin-top: 1px;
    background: transparent !important;
    outline: 0px !important;
    text-decoration: none !important;
    border-radius: 5px !important;
}

.font16{
    font-size:16px !important
}


input.form-control.partialallocated {
    background-color: #ff000054 !important;
}
input.form-control.fullyallocated {
    background-color: #5cb85c73 !important;
}
span.amt.partialallocated {
    background-color: #ff0000ba !important;
    border: 1px solid #ff0000ba !important;
}
span.amt.fullyallocated {
    background-color: #5cb85cd4 !important;
    border: 1px solid #5cb85cd4 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.editable-span input {
    /*border: none !important;
    background: transparent !important;*/
}


.editable-span input:focus {
    background: rgba(81, 173, 246, 0.4) !important;
}
.editable-span .form-control{
    height:20px !important;
}

.noborder.table tbody > tr > td {
    border-bottom: none !important;
}

.grid {
   /* width: 100%;*/
    height: 75vh;
}

.totalUL {
    border-bottom: 2px solid black;
    margin-top: 10px;
}

.ui-grid-cell-contents {
    /* Old Solution */
    min-width: max-content !important;
    
    /* New Solution */
    display: grid;
    grid-auto-columns: max-content;
    /* IE Solution */
    display: -ms-grid;
    -ms-grid-columns: max-content;
}

    /*.dropdown-menu {
    min-width:100px !important;
}*/
    /*.textdarkGrey{
    color:grey !important;
}*/
    /* Slide Effect*/
    /*[ui-view].ng-enter, [ui-view].ng-leave {
    position: absolute;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

[ui-view].ng-enter {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

[ui-view].ng-leave {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}*/
    /* End Slide Effect*/
.tableinputtext {
    height: 25px;
    padding: 2px 5px !important;
}

.tableFixHead {
    overflow-y: auto;
    height: 75vh;
}

.tableFixHead50vh {
    overflow-y: auto;
    height: 50vh;
}

.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc {
    background-color: gray;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    background-color: blue;
    white-space: nowrap !important;
}

.tableFixHead thead th {
    background-color: #0a77ff;

}

.nowrap {
    white-space: nowrap !important;
}

.nopager .ng-table-pager.ng-scope {
    display : none;
}

.btn-grey:active, .btn-grey.active, .btn-grey.active:focus, .btn-grey:active:focus, .btn-grey:active:hover, .btn-grey.dropdown-toggle:active:hover {
    background-color: #bbbac0 !important;
    border-color: grey !important;
    color:grey !important;
}

.errorH4 {
   color :  #a94442 !important
}

.text-capitalize{
    text-transform:capitalize !important;
}

table.thheadernowrap th {
    white-space: nowrap !important;
}

.linkDisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: grey !important;
}

.table-dropdown.dropdown-menu.dropdown-light li button {
    background: none;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    white-space: nowrap;
    font-size:14px;
}

.greyBorderBottom{
    border-bottom:1px solid #DDDDDD;
}

.ff-clear-filters:before {
    content: "\f0b0";
}

.multiselect-parent.btn-group.dropdown-multiselect, .multiselect-parent.btn-group.dropdown-multiselect button {
    width: 100%;
}
/*ul.dropdown-menu.dropdown-menu-form{
    max-height:250px !important;
}*/
.dropdown-multiselect .checkbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    /*white-space:  break-spaces;*/
}

.dropdown-multiselect ul li a label {
    font-weight: 500 !important;
    font-size: 13px !important;
    color: black !important;
}

.multiselect-group ul li a > span {
    display: none !important;
}

.multiselect-group ul li a > span.glyphicon {
    display: initial !important;
}

.multiselect-group li.dropdown-header {
    font-weight: bold !important;
    color: black !important;
    font-size: 13px !important;
}
.no-display {
    display:none !important;
}

.alert-danger h4.alert-heading, .alert-danger h5.alert-heading {
    color: #a94442 !important;
}

.swal2-title {
    color: #5b5b60 !important;
    /*font-family: "Raleway", sans-serif !important;*/
    font-size: 30px !important;
    text-align: center !important;
    font-weight: 300 !important;
    text-transform: none !important;
    position: relative !important;
    margin: 0 10px !important;
    padding: 0 !important;
    line-height: 40px !important;
    display: block !important;
    overflow-x: auto;
}
h2 .swal2 {
    color: #5b5b60 !important;
    font-family: "Raleway", sans-serif !important;
    font-weight: 300 !important;
}

.swal2-html-container {
    color: black !important;
    font-size: 14px !important;
    text-align: center !important;
    font-weight: 300 !important;
    position: relative !important;
/*    text-align: inherit !important;*/
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
}

.margin-0{
    margin:0px !important;
}

.swal2-styled.swal2-confirm {
    margin-right: 30px !important;
}

.radiocheck-col{
    margin-top:28px !important;
}

.modal-body {
    padding: 15px 25px !important;
}

.input-group-addon + .form-control {
    border-radius: 0px 4px 4px 0px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    font-weight:bold;
}

li.uib-tab.nav-item a {
    color: black !important;
}

.nav-tabs > li:first-child{
    border-left:none !important;
}

.font12{
    font-size:12px;
}

.favpage-ul{
    max-height:415px;
    overflow-y:auto;
}

.favpage-li-a {
    text-align:left !important;
    line-height:20px !important;
}

span.error {
    color: red;
}

.favourite-page{
    color:gold !important
}

.unfavourite-page {
    color: #5b5b6073 !important
}

header .navbar-collapse .navbar-right > li.open > a {
    background: transparent !important;
}

header .navbar-collapse .navbar-right > li > a:hover, header .navbar-collapse .navbar-right > li > a:focus, header .navbar-collapse .navbar-right > li > a:active {
     background: transparent !important; 
}

.input-group-addon-less-padding {
    padding: 0px 0px !important;
}

.input-padding23 > input {
    padding-left: 20px !important;
    padding-right: 1px !important;
}

.agentLegend {
    background-color: #efeff4;
    padding: 5px 15px;
    border-radius: 5px;

}

#gridContainer, #gridContainer1 {
    max-height: 70vh;
  /*  min-height: 120px;*/
}


/*.dx-datagrid {
    height: 70vh;
}*/
.dx-popup-content .dx-list-item {
    display: block !important;
}

.dx-overlay-content.dx-popup-normal.dx-resizable.dx-dropdowneditor-overlay-flipped {
    width: max-content !important;
}

tr.dx-row.dx-column-lines.dx-header-row {
    color: white !important;
    font-weight: 500;
    background-color: #0a77ff;
}

.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px;
}


    .dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
    .dx-datagrid .dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 15px;
    }

.dx-field-value:not(.dx-switch):not(.dx-checkbox):not(.dx-button) {
    width: 100%;
}

.margin-top-22{
    margin-top:22px !important;
}

.accordion-no-display .panel-heading{
    display:none !important;
}

.btnLi .dropdownBtn {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
    background-color: white;
    font-size:14px;
    cursor: pointer;
}

.btn-group .txt-postfix-rd {
    border-radius: 4px 0px 0px 4px !important;
}
    /*.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1,
    .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10,
    .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11,
    .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 .col-md-1-5 {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }*/
    /*table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    padding: 8px 16px;
}

th {
    background: "#eee";
}*/

.input-dropdown {
    display: inline-flex !important;
}
    .input-dropdown > input {
        margin-right: -15px !important;
    }
    .input-dropdown > .dropdown-toggle {
        padding-left: 3px !important;
        padding-right: 3px !important;
       border: 1px solid #c8c7cc !important
    }

.padding-right-0{
    padding-right:0px !important
}
.padding-left-0 {
    padding-left: 0px !important
}
.border-radius-0{
    border-radius:0px;
}

.left-border-rd-0 .border-rd-left-0 {
    border-radius: 0px 4px 4px 0px !important;
}

.dropdown-header {
    text-align: center;
    padding: 5px 0px 0px 0px;
    font-weight: bold;
    color: black;
}


.valuesonly .checkbox{
    margin-top : 0px !important;
    margin-bottom : 0px !important;
}

.check-inline {
    display: inline
}

.dx-datagrid-summary-item {
    color: black;
}

.dx-checkbox.dx-state-readonly .dx-checkbox-icon {
    border-color: #333;
}

.dx-checkbox .dx-checkbox-icon {
    border-color: #333;
}

.text-big{
    font-size:18px !important;
    font-weight : 800 !important;
}

.label100 {
    font-size: 100% !important;
}

input[disabled].editable-rates {
    background-color: white !important;
    border: none !important;
   
}
.maxWidth100 {
    max-width: 100px !important;
}

.height25 {
    height: 25px !important;
}

.noresDiv {
    margin-top: 20px !important;
    border: 1px solid #cdccd0;
    padding: 10px;
    background-color: white;
    color: black;
    font-size: 14px;
}

.form-control {
    height : 30px !important;
}


.dx-button-has-icon .dx-icon {
    width: 18px;
    height: 5px;
    background-position: 0 0;
    background-size: 5px 5px;
    padding: 0;
    font-size: 18px;
    text-align: center;
    line-height: 8px;
    margin-right: 0;
    margin-left: 0;
    font-weight: bold;
}

.dx-dropdownbutton-content .dx-list .dx-empty-message, .dx-dropdownbutton-content .dx-list .dx-list-item {
    border-bottom: 1px solid #e1e1e1;
}

.btn {
    padding: 6px 9px;
    line-height: 1.1;
}

.dx-texteditor-input {
    min-height: 30px;
}

.autoExpand{
    width : 100%;
}

.StepTitle, h2 {
    font-size: 15px;
    font-weight: bold;
    margin: 0px !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    padding-right: 10px;
    padding-left: 10px;
}
.input-group-addon {
    font-size: 12px;
}

.div-shadow {
    box-shadow: 6px 11px 10px 1px lightgrey;
}

.fieldset.chart {
    border: 2px solid lightgrey;
}
.swal2-center-field .swal2-input {
    margin: 0 auto; /* Centers the input horizontally */
}
#submitNewRow:focus, #submitNewRow:hover {
    all:unset;
    background-color: unset !important;

}
/* Geocoder */
.geocoder {
    margin: 0px;
    width: 100%;
}

    .mapboxgl-ctrl-geocoder--icon-search {
        margin-left: -40px;
    }

.mapboxgl-ctrl {
    margin-left: 6%;
    width: 100%;
    margin-bottom: 5px;
}

.mapboxgl-ctrl-geocoder {
    max-width: 93%;
}

.mapboxgl-ctrl-geocoder--input {
    border: unset;
    height: 30px;
    padding: 6px 35px;
}
.mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions {
    box-shadow: unset;
}
/* History Tabs */
.history-tabs {
    margin-left: auto;
    margin-right: auto;
    max-width: 50%;
    height:43px;
}
.history-tabs .nav-tabs {
    border-bottom: unset;
}
    .history-tabs .nav-tabs > li {
        border: unset;
        margin-left:1px;
    }


.nav-tabs > li > a {
    color: rgba(255,255,255,0.6);
    margin: 0px;
    padding: 5px 15px;
    background-color: rgba(0,0,0,0.25);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

    .nav-tabs > li > a:hover {
        color: rgba(255,255,255,1);
        background-color: rgba(0,0,0,0.5);
    }

.tab-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    color: rgba(255,255,255,1);
    background-color: rgba(0,0,0,0.45);
    border-radius: 50%;
    font-size: 8px;
    cursor: pointer;
    transition: background-color 0.1s ease, color 0.1s ease;
}

    .tab-close:hover {
        background-color: #ff3b30;
        color: #fff;
    }

/* History Tabs Container */
/*.history-tabs {
    margin: 20px 60px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow-x: auto;*/ /* Keep horizontal scrolling if needed */
    /*white-space: nowrap;
}*/

/* Nav Tabs List */
/*.nav-tabs {
    margin: 0;
    border-bottom: none;
    list-style: none;
    padding-left: 0;
    display: inline-flex;
}*/

/* Individual History Tab */
/*.history-tab {
    display: inline-block;
    margin: 0 5px;
}

    .history-tab a {
        display: inline-flex;
        align-items: center;
        padding: 10px 20px;
        background-color: #f2f2f2;
        border-radius: 20px;
        text-decoration: none;
        color: #555;
        transition: background-color 0.3s ease;
    }

        .history-tab a:hover {
            background-color: #e0e0e0;
        }*/

/* Tab Message & Close Button */
/*.tab-message {
    margin-right: 8px;
}

.tab-close {
    font-weight: bold;
    color: #888;
    cursor: pointer;
    transition: color 0.2s ease;
}

    .tab-close:hover {
        color: #ff3b30;
    }*/