/*@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');*/ body { /*padding: 16px;*/ background-color: #143A60 !important; /*font-family: "Hanken Grotesk", serif;*/ font-family: 'fff_acid_groteskregular'; font-weight: 400 !important; } @font-face { font-family: 'fff_acid_groteskblack'; src: url('../fonts/fff-acidgrotesk-black-trial-webfont.woff2') format('woff2'), url('../fonts/fff-acidgrotesk-black-trial-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fff_acid_groteskbold'; src: url('../fonts/fff-acidgrotesk-bold-trial-webfont.woff2') format('woff2'), url('../fonts/fff-acidgrotesk-bold-trial-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fff_acid_groteskextra_bold'; src: url('../fonts/fff-acidgrotesk-extrabold-trial-webfont.woff2') format('woff2'), url('../fonts/fff-acidgrotesk-extrabold-trial-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fff_acid_groteskmedium'; src: url('../fonts/fff-acidgrotesk-medium-trial-webfont.woff2') format('woff2'), url('../fonts/fff-acidgrotesk-medium-trial-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'fff_acid_groteskregular'; src: url('../fonts/fff-acidgrotesk-regular-trial-webfont.woff2') format('woff2'), url('../fonts/fff-acidgrotesk-regular-trial-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /*---------------Font Start---------------*/ .font-weight-boldblack {font-family: 'fff_acid_groteskblack'; font-weight: normal !important} .font-weight-extrabold {font-family: 'fff_acid_groteskextra_bold'; font-weight: normal !important} .font-weight-bold {font-family: 'fff_acid_groteskbold'; font-weight: normal !important} .font-weight-medium {font-family: 'fff_acid_groteskmedium'; font-weight: normal !important} .font-weight-normal {font-family: 'fff_acid_groteskregular'; font-weight: normal !important} /*---------------Font familly End---------------*/ /*---------------Font Size---------------*/ .font-size-10 {font-size: 10px;} .font-size-11 {font-size: 11px;} .font-size-12 {font-size: 12px;} .font-size-13 {font-size: 13px;} .font-size-14 {font-size: 14px;} .font-size-15 {font-size: 15px;} .font-size-16 {font-size: 16px;} .font-size-17 {font-size: 17px;} .font-size-18 {font-size: 18px;} .font-size-19 {font-size: 19px;} .font-size-20 {font-size: 20px;} .font-size-21 {font-size: 21px;} .font-size-22 {font-size: 22px;} .font-size-23 {font-size: 23px;} .font-size-24 {font-size: 24px;} .font-size-25 {font-size: 25px;} .font-size-26 {font-size: 26px;} .font-size-27 {font-size: 27px;} .font-size-28 {font-size: 28px;} .font-size-30 {font-size: 30px;} .font-size-32 {font-size: 32px;} .font-size-34 {font-size: 34px;} .font-size-36 {font-size: 36px;} .font-size-38 {font-size: 38px;} .font-size-40 {font-size: 40px;} .font-size-42 {font-size: 42px;} .font-size-48 {font-size: 48px;} .font-size-50 {font-size: 50px;} .font-size-60 {font-size: 60px;} .font-size-80 {font-size: 80px;} .line-hight-normal {line-height: normal;} .leter1 {letter-spacing: 1px;} .shadow-sm {box-shadow: 0 .125rem 1.25rem rgba(0, 0, 0, .075) !important;} .rounded {border-radius: .80rem !important;} .rounded7 {border-radius: 7px !important;} .rounded8 {border-radius: 8px !important;} .rounded14 {border-radius: 14px !important;} .rounded21 {border-radius: 21px !important;} .form-control {height: calc(2.5rem + 2px) !important; box-shadow: 4px 5px 21px -5px rgba(0, 0, 0, 0.05); border-radius: 7px; border: 0; color: #758BA1 !important; padding-left: 15px;} .form-control-field{color: #ABABAB !important; background-color: #FAFAFA !important; border: 1px solid #E9E9E9 !important; padding-left: 15px;} .lh-1 {line-height: 1!important;} .lh-sm {line-height: 1.25!important;} .lh-base {line-height: 1.5!important;} .lh-lg {line-height: 2!important;} /*---------------Font Size End---------------*/ /*---------------Text Color Start---------------*/ .text-dark {color: #061019 !important;} .text-muted {color: #464646 !important;} .text-danger {color: #E76024 !important;} .text-primary {color: #102F50 !important;} .text-primary-light {color: #14395F !important;} .text-secondary {color: #758BA1 !important;} .text-gray {color: #DBDBDB !important;} .text-blue-dark {color: #06101A !important;} .text-light_low {color: #ABABAB !important;} /*---------------Text Color End---------------*/ /*---------------Button Start---------------*/ .btn.focus, .btn:focus {outline: 0 !important; box-shadow: none !important;} .btn-danger {background-color: #EA6D09; border-color: #EA6D09; border-radius: 9px !important; font-size: 14px;} .btn-danger:hover, .btn-check:focus+.btn-danger, .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:focus {background-color: #143c61; border-color: #143c61;} .btn-outline-dark {color: #102F50; border-color: #102F50; background-color: #F4FAFF; border-radius: 9px !important; font-size: 14px;} .btn-outline-dark:hover, .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus {background-color: #EA6D09; border-color: #EA6D09;} .btn-primary {background-color: #0099da; border-color: #0099da;} .btn-primary:hover, .btn-check:focus+.btn-primary, .btn-primary:focus {background-color: #0287bf; border-color: #0287bf;} .btn-light {background-color: #fff; border-color: #fff; color: #323232;} .btn-light:hover, .btn-check:focus+.btn-light, .btn-light:focus {background-color: #323232; border-color: #323232; color: #fff;} /*---------------Button End---------------*/ /*---------------BG Background Start---------------*/ .bg-primary {background-color: #0C388A !important;} .bg-light {background-color: #FAFAFA !important;} .bg-dark {background-color: #323232 !important;} .bg-danger {background-color: #ef4036 !important;} .bg-primary-dark {background-color: #102F50 !important;} .bg-primary-light {background-color: #F4FAFF !important;} .bg-gray {background-color: #4B4D53 !important;} /*---------------BG Background End---------------*/ .subtree{padding-left: 10px !important; font-size: 0.9rem !important;} .login-page, .register-page {background-color: #ffffff !important;} .loginright {margin-left: -70px;} .loginfield .input-group-text {border-top-left-radius: 8px !important; border-bottom-left-radius: 8px !important;} .loginfield .form-control {border-top-right-radius: 8px !important; border-bottom-right-radius: 8px !important;} .transport-h {margin-bottom: -56px !important; z-index: 2; text-shadow: 1px 1px 0px #000000;} .content-wrapper {background-color: #ffffff !important;} .nav-sidebar .nav-item>.nav-link {margin-bottom: 0rem !important;} /*[class*=sidebar-dark] .user-panel {border-bottom: 1px solid #294B6D !important;}*/ .sidepanel {overflow: inherit !important;} .info.dropdown-toggle::after {border-top: .4em solid #fff; border-right: .4em solid transparent; border-left: .4em solid transparent; position: absolute; right: 3px; top: 17px;} .search-box button {right: 1px; height: 40px; width: 40px; top: 1px;} /*.notification-icon {width: 38px; height: 38px; box-shadow: 4px 5px 21px -5px rgba(0, 0, 0, 0.05); line-height: 38px;}*/ .user-panel .user-icon {width: 38px; height: 38px; line-height: 24px;} .alltable {box-shadow: 4px 5px 21px -5px rgba(0, 0, 0, 0.05);border-radius: 14px;} .table td, .table th {border-top: 0; color: #464646; font-size: 13px; vertical-align: middle;} .table thead th {border-bottom: 0; background: #F4FAFF; text-transform: uppercase; color: #102F50; font-size: 14px;} .table td .users-text{color: #464646;} .edit-bg {background-color: #F3F9FF!important; border-color: #F3F9FF!important;} .delete-bg {background-color: #FFEFEF!important; border-color: #FFEFEF!important;} .table-hover tbody tr:hover {background-color: #F4FAFF;} .breadcrumb li.breadcrumb-item a {color: #464646;} .breadcrumb li.breadcrumb-item.active {color: #102F50; font-weight: normal; font-family: 'fff_acid_groteskmedium'; text-transform: uppercase;} .breadcrumb-item+.breadcrumb-item::before {background: url(../img/breadcrumb-icon.png) no-repeat; content: ""; width: 10px; height: 8px; vertical-align: middle; position: relative; bottom: -11px;} .select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0px !important;} .select2-container--default .select2-selection--single .select2-selection__arrow {top: 2px !important; right: 9px !important;} .select2-container--default .select2-selection--single .select2-selection__rendered {color: #758BA1 !important; line-height: 31px !important; font-size: 15px !important;} .search_form-field > div {padding-right: 8px; padding-left: 8px;} table.dataTable>thead>tr>th, table.dataTable>thead>tr>td {border-bottom: 0;} .table-striped tbody tr:nth-child(even) {background: #F4FAFF !important} .table-striped tbody tr:nth-child(odd) {background: #FFF !important} .table-striped tbody tr:hover {background-color: #F4FAFF !important;} .table-striped tbody tr:hover td, .table-hover tbody tr:hover td{color: #061019 !important; font-weight: 500 !important; /*text-transform: uppercase;*/} .table-hover tbody tr:hover td .users-text {color: #061019;} table.dataTable.table-hover>tbody>tr:hover>* {box-shadow: inherit !important;} table.dataTable.table-striped>tbody>tr.odd>* {box-shadow: inherit !important;} .table-striped tbody tr .btn-primary{font-weight: 500 !important;} .content-header h1 {font-size: 20px !important;} .tophad {border-color: #F4F4F4 !important;} .comanborder{border-color: #F4F4F4 !important;} .keyword-search .search-btn {top: 2px; right: 2px; width: 38px; height: 38px; line-height: 21px;} .main-sidebar {padding: 0 10px;} .sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {width: auto;} .sidebar-mini .main-sidebar .nav-link {border-radius: 11px;} .sidebar-mini .main-sidebar ul.nav.nav-sidebar>li.nav-item>ul.nav>li.nav-item {margin-bottom: 22px;} .sidebar-mini .nav-link {padding: .7rem 0.8rem;} .content-wrapper {height: auto;} .select-form-control .select2-container .select2-selection--single {box-shadow: none !important;} .select-form-control .select2-container--default .select2-selection--single {border-color: #E9E9E9 !important; background-color: #FAFAFA !important; } .select-form-control .select2-container--default .select2-selection--single .select2-selection__rendered {color: #ABABAB !important;} .button-size .btn{min-width: 120px;} ul.pagination li {margin-left: 10px;} ul.pagination li a {border-radius: 6px; border: 0;} ul.pagination li .page-link {color: #007bff; background-color: #FAFAFA;} .page-item:first-child .page-link, .page-item:last-child .page-link {font-size: 0; background-color: #FAFAFA; height: 36px; display: inline-block; width: 36px; text-align: center; line-height: 36px;} .page-item:first-child .page-link:after, .page-item:last-child .page-link:after{content: ""; display: inline-block; width: 0px; height: 0px;} .page-item:first-child .page-link:after {border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 7px solid #13395e;} .page-item:last-child .page-link:after {border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #13395e;} .sidebar-mini .nav-tabs .nav-link {padding: 0rem; background-color: transparent !important; position: relative; border: 0; margin-right: 50px;} .sidebar-mini .nav-tabs .nav-link:last-child{margin-right: 0px;} .sidebar-mini .nav-tabs .nav-link.active, .sidebar-mini .nav-tabs .nav-link:hover{font-weight: normal; color: #102F50 !important; text-transform: uppercase; font-family: 'fff_acid_groteskbold';} .sidebar-mini .nav-tabs .nav-link.active:before, .sidebar-mini .nav-tabs .nav-link:hover:before {background: #102F50; content: ""; position: absolute; height: 2px; left: 0; right: 0; bottom: -1px; border-radius: 60px;} .nav-tabs {border-bottom: 2px solid #F4FAFF;} .btn-warning.edit-bg, .btn-danger.delete-bg {border-radius: 7px !important; width: 32px; height: 32px; padding: 0; text-align: center; line-height: 29px;} .login-box input.form-control {border: 1px solid #dbdbdb !important; border-left: 0 !important;} .btn-h .btn {height: 41px; line-height: 30px; font-size: 14px;} textarea.form-control {height: 90px !important;} table#agreementsLaneTable button.btn {border-radius: 7px !important; width: 32px; height: 32px; padding: 0; text-align: center; line-height: 29px;} .dashboard-bg {border-color: #FAFAFA !important;} .revenue-icon {width: 36px; height: 36px; line-height: 36px; min-width: 36px;} .revenue-icon img {max-width: 20px;} .usersbox-icon {width: 50px; height: 50px; line-height: 50px;} .usersbox-icon img {max-width: 20px;} span.pri-arrow:before {content: ""; border-bottom: .4em solid #2AA100; border-right: .4em solid transparent; border-left: .4em solid transparent; position: relative; vertical-align: middle; top: -10px; margin-right: 4px; margin-left: 3px;} .dashboard-box {margin-right: -5px; margin-left: -5px;} .dashboard-box>div {padding-right: 5px; padding-left: 5px;} .dashboard-bg:hover {border-color: #143c61 !important; background-color: #fff !important; box-shadow: 4px 4px 31px rgba(16, 47, 80, 0.18);} .sortby { background-image: url(../img/short-icon.svg), url(../img/dropdown-arrow.svg); background-position: 12px center, 94% center; background-repeat: no-repeat, no-repeat; appearance: none; min-width: 180px; padding-left: 40px !important; } .datesort { background-image: url(../img/date-sort.svg), url(../img/dropdown-arrow.svg); background-position: 12px center, 94% center; background-repeat: no-repeat, no-repeat; appearance: none; min-width: 180px; padding-left: 40px !important; } .sidebar-mini.sidebar-collapse .main-sidebar .menu-list img { max-width: 22px; margin-top: 9px; } .sidebar-mini.sidebar-collapse .main-sidebar .sidelogo { padding-left: 4px; padding-right: 0px; min-width: 50px; } /*@media (min-width: 992px) { .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before { margin-left: 0; width: 90px !important; } }*/ .main-sidebar, .main-sidebar::before { width: 250px !important; /*border: 1px solid red;*/ } @media (min-width: 992px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 250px; /*border: 1px solid red;*/ } } @media (min-width: 992px) { .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover { width: 250px !important; } .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header { margin-left: 5.6rem !important; /*border: 1px solid green !important;*/ } .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before { margin-left: 0 !important; width: 5.6rem !important; /*border: 1px solid green !important;*/ } } /*.layout-fixed .main-sidebar {z-index: 999;} .pushmenu a.menu-list { margin-left: -95px; position: relative; z-index: 999; top: -5px; } .sidebar-mini.sidebar-collapse .pushmenu a.menu-list { margin-left: -50px; top: -12px; } .sidebar-mini.sidebar-collapse .pushmenu a.menu-list img { height: 2rem; }*/ @media (min-width: 768px) { .topmain-header{border-top-left-radius: 30px; border-top-right-radius: 30px;} .main-footer{border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;} .topmain-header {padding-top: 16px; margin-top: 15px; margin-right: 15px;} .main-footer {border-top: 0; color: #869099; padding: 0.7rem 0.9rem; margin-right: 15px;} footer.main-footer .footer-bg {border-color: #F4F4F4 !important;} } @media (min-width: 768px) { /*body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 234px; }*/ } @media (max-width: 991.98px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 15px !important; } } .sidebar-collapse.sidebar-mini .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar:hover:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar.sidebar-focused:not(.sidebar-no-expand) .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar:hover:not(.sidebar-no-expand) .nav-link { width: auto !important; } .sidebar-mini.sidebar-collapse .main-sidebar { padding: 0 0px; } .user-panel .dropdown-menu { right: 0px !important; left: auto !important; } .user-panel .image:after { display: none; } .user-panel.sidepanel .dropdown-menu { right: 0 !important; left: auto !important; transform: initial !important; top: 100% !important; } .user-panel.sidepanel .dropdown-menu a.dropdown-item:hover { background-color: #eb6d09; } .table, .table th, .table td {border: none;} .select2-container .select2-selection--multiple { min-height: 40px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #E9E9E9 1px; background-color: #fafafa !important; } .select2-container .select2-search--inline .select2-search__field { height: 29px; line-height: 29px; } .checkbox >div {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} /*.layout-fixed .main-sidebar {padding-right: 0 !important;}*/ .modal-open .modal .btn {font-family: 'fff_acid_groteskbold'; font-weight: normal !important; text-transform: uppercase; font-size: 14px; border-radius: 9px !important; padding: 14px 22px 12px !important; line-height: normal;} .modal-header .close {background: url(../img/close-icon.svg) no-repeat; opacity: 1; font-size: 0; margin: 0; position: relative; top: 0px; right: -4px;} .modal-content {border: 0 !important; border-radius: 14px !important;} .modal-header {border-bottom: 0; font-family: 'fff_acid_groteskbold'; color: #061019; font-size: 16px;} .modal .form-control{color: #ABABAB !important; background-color: #FAFAFA !important; box-shadow: none !important; border: 1px solid #E9E9E9 !important; padding-left: 10px;} .modal .select2-container .select2-selection--single {color: #ABABAB !important; background-color: #FAFAFA !important; border: 1px solid #E9E9E9 !important; box-shadow: none !important;} .modal label {color: #061019 !important; font-family: 'fff_acid_groteskregular'; font-weight: normal !important; font-size: 14px; padding-top: 0;} .table .btn {font-family: 'fff_acid_groteskmedium'; font-weight: normal !important; font-size: 14px; text-transform: uppercase !important;} /*.addline-icon{background: url(../img/icon-had.svg) no-repeat; width: 40px; height: 40px;}*/ .iconhad { background: url(../img/icon-had.svg) no-repeat; width: 37px; height: 36px; background-size: 127px; transition: all 0.5s; font-size: 0; display: inline-block; } .import-icon{background-position: 0px 0 !important; } .import-icon:hover{background-position: 0px -52px !important;} .export-icon{background-position: -45px 0 !important; } .export-icon:hover{background-position: -45px -52px !important;} .addline-icon{background-position: -91px 0 !important; } .addline-icon:hover{background-position: -91px -52px !important;} .notification-icon, .help-icon { background: url(../img/had-help.svg) no-repeat; width: 38px; height: 38px; background-size: 106px; transition: all 0.5s; } .notification-icon:hover { background-position: 0 -49px; } .help-icon { background-position: -69px 0px; } .help-icon:hover { background-position: -69px -49px; } .trak-search button.btn { border-top-right-radius: 50rem!important; border-bottom-right-radius: 50rem!important;right: 0.5rem; } .layout-fixed .main-sidebar .sidelogo img { max-width: 110px; } a.truck_action img { max-width: 16px; } /*table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {display: none !important;} table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:after { opacity: 1; margin-top: -4px; }*/ table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>th.sorting_asc_disabled:after, table.dataTable thead>tr>th.sorting_desc_disabled:after, table.dataTable thead>tr>td.sorting:after, table.dataTable thead>tr>td.sorting_asc:after, table.dataTable thead>tr>td.sorting_desc:after, table.dataTable thead>tr>td.sorting_asc_disabled:after, table.dataTable thead>tr>td.sorting_desc_disabled:after {opacity: 0 !important; font-size: 13px !important;} table.dataTable thead>tr>th.sorting:before, table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>th.sorting_asc_disabled:before, table.dataTable thead>tr>th.sorting_desc_disabled:before, table.dataTable thead>tr>td.sorting:before, table.dataTable thead>tr>td.sorting_asc:before, table.dataTable thead>tr>td.sorting_desc:before, table.dataTable thead>tr>td.sorting_asc_disabled:before, table.dataTable thead>tr>td.sorting_desc_disabled:before {opacity: 0 !important; font-size: 13px !important;} table.dataTable thead>tr>th.sorting_asc:before, table.dataTable thead>tr>td.sorting_asc:before{margin-bottom: -4px; opacity: 1 !important;} table.dataTable thead>tr>th.sorting_asc:after, table.dataTable thead>tr>td.sorting_asc:after{display: none;} table.dataTable thead>tr>th.sorting_desc:after, table.dataTable thead>tr>td.sorting_desc:after {margin-top: -4px; opacity: 1 !important;} table.dataTable thead>tr>th.sorting_desc:before, table.dataTable thead>tr>td.sorting_desc:before {display: none;} .sidebar-mini.sidebar-collapse .main-sidebar .sidelogo img { max-width: 62px; } .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link>i { margin-right: 0; position: relative; right: -10px; } /*.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link {text-align: center; -ms-flex-pack: center !important; justify-content: center !important;}*/ .sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link, .sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {width: 100%;} /*.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link .icon{margin-right: 9px;}*/ .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand).sidebar-focused .nav-link>i, .sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .nav-link>i{margin-right: 9px; right: 0px; } .dot-toggle {background: #F3F9FF url(../img/dot-toggle.svg) no-repeat !important; width: 32px; height: 32px; transition: all 0.5s; font-size: 0 !important; display: inline-block; background-position: center !important; border-radius: 4px;} .dot-dropdown .dropdown-menu {border: none !important; padding: 0;} /*.dropdown.dropleft .dropdown-menu i {display: none;}*/ .dropdown.dot-dropdown .dropdown-menu a { color: #464646; padding: 10px 15px 7px; font-size: 14px; border-bottom: 1px solid #e7e7e7; line-height: 1; text-transform: capitalize; } .dot-dropdown .dropdown-menu { right: -4px !important; left: auto !important; } .dot-dropdown:hover .dropdown-menu { display: block !important; } /*.dropdown.dot-dropdown .dropdown-menu:after { content: ""; width: 0px; height: 0px; border-bottom: 12px solid transparent; border-right: 12px solid transparent; border-left: 12px solid #FFF; position: absolute; top: -1px; right: 24px; margin-top: 0; transform: rotate(45deg); }*/ /*table.dataTable>tbody>tr:last-child .dot-dropdown .dropdown-menu { bottom: 30px; top: auto; }*/ table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-bottom-width: 0 !important; } .dropdown.dot-dropdown .dropdown-menu a:focus, .dropdown.dot-dropdown .dropdown-menu a:active { background-color: #f8f9fa !important; } div.dataTables_processing{ z-index: 1; } table.dataTable>tbody>tr>td { text-transform: lowercase; } table.dataTable>tbody>tr>td:first-line { text-transform: capitalize; } .table_overflow .dot-dropdown.skl-dropdown .dropdown-menu { left: initial !important; right: initial !important; } .orderconfirmed_row .orderconfirmed_box:before { content: ""; background: #27A537; left: 0; right: 0; top: -16px; height: 2px; position: absolute; } .orderconfirmed_row .orderconfirmed_box span.radio_box:before { content: ""; position: absolute; background: #27A537; width: 11px; height: 11px; border-radius: 100%; left: 2px; top: 2px; } .orderconfirmed_row .orderconfirmed_box:first-child:before { left: 15px; } .orderconfirmed_row .orderconfirmed_box.out-delivery:before { right: -20px; } .orderconfirmed_row .orderconfirmed_box.delivered-b:before{display: none;} .orderconfirmed_row .orderconfirmed_box span.radio_box { width: 18px; height: 18px; border-radius: 100%; border: 2px solid #27A537; top: -24px; left: 14px; background: #fff; } /*.select2-container--default .select2-selection--multiple .select2-selection__choice { padding-left: 25px !important; font-size: 13px !important; }*/ .select2-container--default .select2-selection--multiple .select2-selection__choice { padding-left: 26px !important; font-size: 13px !important; } @media (max-width: 1199px) { .search_form-field > div {-ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; margin-bottom: 10px;} .font-size-48 {font-size: 38px;} } @media (max-width: 991px) { .loginright { margin-left: 0; } .transport-h { margin-bottom: 28px !important; } .login-page, .register-page { height: auto; padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 767px) { .search-box button {right: 15px;} .checkbox >div {-ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%;} .font-size-48 {font-size: 32px;} } @media (max-width: 575px) { .search_form-field > div {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;} .checkbox >div {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media (max-width: 479px) { .btn-h .btn {height: 38px; line-height: 26px; font-size: 13px; padding-left: 8px !important; padding-right: 8px !important;} } @media only screen and (min-width: 1537px) and (max-width: 2200px) { .revenue-icon {width: 48px; height: 48px; line-height: 48px; min-width: 48px;} span.pri-arrow:before {content: ""; border-bottom: .5em solid #2AA100; border-right: .5em solid transparent; border-left: .5em solid transparent; position: relative; vertical-align: middle; top: -10px; margin-right: 4px; margin-left: 3px;} } @media only screen and (min-width: 1200px) and (max-width: 1536px) { .dashboard-box .font-size-20 {font-size: 16px;} .dashboard-box .font-size-18{font-size: 15px;} .dashboard-box .font-size-12{font-size: 11px;} } @media only screen and (min-width:1230px) and (max-width: 1400px) { .dashboard-box .font-size-20 {font-size: 13px;} .dashboard-box .font-size-18 {font-size: 11px;} .dashboard-box .font-size-12{font-size: 9px;} .revenue-icon {width: 24px; height: 24px; line-height: 24px; min-width: 24px; margin-right: .3rem !important;} .revenue-icon img {max-width: 15px;} .dashboard-box .dashboard-bg {padding: 10px !important;} } @media only screen and (min-width:1025px) and (max-width: 1229px) { .dashboard-box .font-size-20 {font-size: 13px;} .dashboard-box .font-size-18 {font-size: 11px;} .dashboard-box .font-size-12{font-size: 9px;} .revenue-icon {width: 24px; height: 24px; line-height: 24px; min-width: 24px; margin-right: .3rem !important;} .revenue-icon img {max-width: 15px;} .dashboard-box .dashboard-bg {padding: 10px !important;} } @media (max-width: 991px) { .dashboard-box .font-size-20 {font-size: 16px;} .dashboard-box .font-size-18{font-size: 15px;} .dashboard-box .font-size-12{font-size: 11px;} } @media (max-width: 767px) { body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header { margin-left: 0px !important; margin-right: 0px; } .tophad {position: relative; padding-left: 62px !important;} .tophad a.nav-link.menu-list {position: absolute; left: -44px;} .main-footer {border-top: 0;} } .table_overflow,.dot-dropdown{position: inherit !important;} /*.table_overflow table.dataTable>tbody>tr:last-child .dot-dropdown .dropdown-menu,*/ .table_overflow .dot-dropdown .dropdown-menu {top: initial !important;} .table_overflow .col-sm-12 { position: initial !important; }