@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";
@import "../css/line-icons.css";
@import "../css/icons.css";
@font-face {
  font-family: 'weather';
  src: url('icons/weather/artill_clean_icons-webfont.eot');
  src: url('icons/weather/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('icons/weather/artill_clean_icons-webfont.woff') format('woff'), url('icons/weather/artill_clean_icons-webfont.ttf') format('truetype'), url('icons/weather/weatherfont/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
  font-weight: normal;
  font-style: normal;
}


:root {
  --tb-card-logo-dark: block;
  --tb-card-logo-light: none;
  --tb-vertical-menu-bg: #fff;
  --tb-vertical-menu-border: #eff2f7;
  --tb-vertical-menu-item-color: #6d7080;
  --tb-vertical-menu-item-hover-color: #ec5b29;
  --tb-vertical-menu-item-hover-bg: #ec5b29;
  --tb-vertical-menu-item-active-color: #ec5b29;
  --tb-vertical-menu-item-active-bg: rgba(67, 142, 255, 0.15);
  --tb-vertical-menu-sub-item-color: #7c7f90;
  --tb-vertical-menu-sub-item-hover-color: #ec5b29;
  --tb-vertical-menu-sub-item-active-color: #ec5b29;
  --tb-vertical-menu-title-color: #919da9;
  --tb-header-bg: #fff;
  --tb-header-item-color: #1f242e;
  --tb-header-item-sub-color: var(--tb-emphasis-color);
  --tb-topbar-search-bg: #f3f3f9;
  --tb-topbar-user-bg: #f3f6f9;
  --tb-footer-bg: #fff;
  --tb-footer-color: #98a6ad;
  --tb-topnav-bg: #fff;
  --tb-topnav-item-color: #6d7080;
  --tb-topnav-item-color-active: #ec5b29;
  --tb-twocolumn-menu-iconview-bg: #fff;
  --tb-twocolumn-menu-bg: #fff;
  --tb-boxed-body-bg: #f5f5f5;
}
:root, [data-bs-theme=light] {
    --tb-blue: #804c85;
    --tb-indigo: #405189;
    --tb-purple: #8561f9;
    --tb-pink: #f7649f;
    --tb-red: #ff6c6c;
    --tb-orange: #f1963b;
    --tb-yellow: #f6b749;
    --tb-green: #2dcb73;
    --tb-teal: #4ab0c1;
    --tb-cyan: #ec5b29;
    --tb-black: #000;
    --tb-white: #fff;
    --tb-gray: #878a99;
    --tb-gray-dark: #1f242e;
    --tb-gray-100: #f3f6f9;
    --tb-gray-200: #eff2f7;
    --tb-gray-300: #e9ebec;
    --tb-gray-400: #ced4da;
    --tb-gray-500: #adb5bd;
    --tb-gray-600: #878a99;
    --tb-gray-700: #2b313e;
    --tb-gray-800: #1f242e;
    --tb-gray-900: #141821;
    --tb-primary: #ec5b29;
    --tb-secondary: #8561f9;
    --tb-success: #2dcb73;
    --tb-info: #4ab0c1;
    --tb-warning: #f6b749;
    --tb-danger: #ff6c6c;
    --tb-light: #eff2f7;
    --tb-dark: #141821;
    --tb-primary-rgb: 236,91,41;
    --tb-secondary-rgb: 133,97,249;
    --tb-success-rgb: 45,203,115;
    --tb-info-rgb: 74,176,193;
    --tb-warning-rgb: 246,183,73;
    --tb-danger-rgb: 255,108,108;
    --tb-light-rgb: 239,242,247;
    --tb-dark-rgb: 20,24,33;
    --tb-primary-text-emphasis: #262626;
    --tb-secondary-text-emphasis: #6a4ec7;
    --tb-success-text-emphasis: #24a25c;
    --tb-info-text-emphasis: #347b87;
    --tb-warning-text-emphasis: #ac8033;
    --tb-danger-text-emphasis: #cc5656;
    --tb-light-text-emphasis: #878a99;
    --tb-dark-text-emphasis: #2b313e;
    --tb-primary-bg-subtle: #ffcad7;
    --tb-secondary-bg-subtle: #e7dffe;
    --tb-success-bg-subtle: #d5f5e3;
    --tb-info-bg-subtle: #dbeff3;
    --tb-warning-bg-subtle: #fdf1db;
    --tb-danger-bg-subtle: #ffe2e2;
    --tb-light-bg-subtle: #f9fbfc;
    --tb-dark-bg-subtle: #ced4da;
    --tb-primary-border-subtle: #b4d2ff;
    --tb-secondary-border-subtle: #cec0fd;
    --tb-success-border-subtle: #abeac7;
    --tb-info-border-subtle: #b7dfe6;
    --tb-warning-border-subtle: #fbe2b6;
    --tb-danger-border-subtle: #ffc4c4;
    --tb-light-border-subtle: #eff2f7;
    --tb-dark-border-subtle: #adb5bd;
    --tb-white-rgb: 255,255,255;
    --tb-black-rgb: 0,0,0;
    --tb-font-sans-serif: "Gantari",sans-serif;
    --tb-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --tb-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --tb-body-font-family: var(--tb-font-sans-serif);
    --tb-body-font-size: 0.9063rem;
    --tb-body-font-weight: 400;
    --tb-body-line-height: 1.5;
    --tb-body-color: #141821;
    --tb-body-color-rgb: 20,24,33;
    --tb-body-bg: #fff;
    --tb-body-bg-rgb: 255,255,255;
    --tb-emphasis-color: #000;
    --tb-emphasis-color-rgb: 0,0,0;
    --tb-secondary-color: rgba(20, 24, 33, 0.75);
    --tb-secondary-color-rgb: 20,24,33;
    --tb-secondary-bg: #fff;
    --tb-secondary-bg-rgb: 255,255,255;
    --tb-tertiary-color: rgba(20, 24, 33, 0.5);
    --tb-tertiary-color-rgb: 20,24,33;
    --tb-tertiary-bg: #f3f6f9;
    --tb-tertiary-bg-rgb: 243,246,249;
    --tb-heading-color: var(--tb-secondary-color);
    --tb-link-color: #ec5b29;
    --tb-link-color-rgb: #f7649f;
    --tb-link-decoration: none;
    --tb-link-hover-color: #262626;
    --tb-link-hover-color-rgb: 54,114,204;
    --tb-code-color: #f7649f;
    --tb-highlight-bg: #fdf1db;
    --tb-border-width: 1px;
    --tb-border-style: solid;
    --tb-border-color: #eff2f7;
    --tb-border-color-translucent: #eff2f7;
    --tb-border-radius: 0.25rem;
    --tb-border-radius-sm: 0.2rem;
    --tb-border-radius-lg: 0.3rem;
    --tb-border-radius-xl: 1rem;
    --tb-border-radius-xxl: 2rem;
    --tb-border-radius-2xl: var(--tb-border-radius-xxl);
    --tb-border-radius-pill: 50rem;
    --tb-box-shadow: rgba(135, 138, 153, 0.1) 0px 5px 20px -6px;
    --tb-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --tb-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --tb-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --tb-focus-ring-width: 0.25rem;
    --tb-focus-ring-opacity: 0.25;
    --tb-focus-ring-color: rgba(67, 142, 255, 0.25);
    --tb-form-valid-color: #2dcb73;
    --tb-form-valid-border-color: #2dcb73;
    --tb-form-invalid-color: #ff6c6c;
    --tb-form-invalid-border-color: #ff6c6c;
}
body {
        background-color: #eef2f7 !important;
}
.btn-primary {
    --tb-btn-color: #fff;
    --tb-btn-bg: #ec5b29;
    --tb-btn-border-color: #ec5b29;
    --tb-btn-hover-color: #fff;
    --tb-btn-hover-bg: #262626;
    --tb-btn-hover-border-color: #262626;
    --tb-btn-focus-shadow-rgb: 95,159,255;
    --tb-btn-active-color: #fff;
    --tb-btn-active-bg: #262626;
    --tb-btn-active-border-color: #262626;
    --tb-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --tb-btn-disabled-color: #fff;
    --tb-btn-disabled-bg: #ec5b29;
    --tb-btn-disabled-border-color: #ec5b29;
}

.navbar-menu .navbar-nav .nav-link i {
  font-size: 20px !important;
}
.dropzone {
    min-height: 230px;
    border: 2px dashed var(--tb-border-color) !important;
    background: var(--tb-secondary-bg)  !important;
    border-radius: 6px;
}

.text-grey-m2 {
    color: #888a8d!important;
}

.text-success-m2 {
    color: #86bd68!important;
}

.font-bolder, .text-600 {
    font-weight: 600!important;
}

.text-110 {
    font-size: 110%!important;
}
.text-blue {
    color: #478fcc!important;
}
.pb-25, .py-25 {
    padding-bottom: .75rem!important;
}

.pt-25, .py-25 {
    padding-top: .75rem!important;
}
.bgc-default-tp1 {
    background-color: rgba(121,169,197,.92)!important;
}
.bgc-default-l4, .bgc-h-default-l4:hover {
    background-color: #f3f8fa!important;
}
.page-header .page-tools {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.btn-light {
    color: #757984;
    background-color: #f5f6f9;
    border-color: #dddfe4;
}
.w-2 {
    width: 1rem;
}

.text-120 {
    font-size: 120%!important;
}
.text-primary-m1 {
    color: #4087d4!important;
}

.text-danger-m1 {
    color: #dd4949!important;
}
.text-blue-m2 {
    color: #68a3d5!important;
}
.text-150 {
    font-size: 150%!important;
}
.text-60 {
    font-size: 60%!important;
}
.text-grey-m1 {
    color: #7b7d81!important;
}
.align-bottom {
    vertical-align: bottom!important;
}
.main_logo {
    width: 270px;
}
.page-header {
    margin: 0 0 1rem;
    padding-bottom: 1rem;
    padding-top: .5rem;
    border-bottom: 1px dotted #e2e2e2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}
.page-title {
    padding: 0;
    margin: 0;
    font-size: 1.75rem;
    font-weight: 300;
}
.text-right {
  text-align: right;
}
.mx-n3 {
    margin-right: -0.7rem!important;
    margin-left: -0.7rem!important;
}
.badge-label.bg-primary:before {
    border-right-color: #ec5b29;
}
.text-bg-primary {
    background-color:#ec5b29 !important;
}
.badge-gradient-primary {
    background: linear-gradient(135deg,#ec5b29 0,#e51aa9 100%);
}
.badge-outline-primary {
        color: #ec5b29;
    border: 1px solid #ec5b29;
}
.breadcrumb_bg {
    background-color: #d9e8ff !important;
}
.btn-primary.btn-animation {
    background-color: #ec5b29;
    border-color: #ec5b29;
}
.btn-primary.btn-animation:active, .btn-primary.btn-animation:focus, .btn-primary.btn-animation:focus-visible, .btn-primary.btn-animation:hover {
    color: #ec5b29;
    background-color: rgba(229,26,75,.1);
}
.btn-ghost-primary {
    color: #ec5b29;
}
.btn-ghost-primary:hover {
    color: #ec5b29;
    background-color:rgba(229,26,75,.1);
    border-color: transparent;
}
.btn-soft-primary {
    color: #ec5b29;
    background-color:rgba(229,26,75,.1);
    border-color: transparent;
}
.btn-soft-primary:hover {
    color: #fff;
    background-color:#ec5b29;
    border-color: transparent;
}
.btn-outline-primary {
    color: #ec5b29;
    border-color:#ec5b29;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #ec5b29;
    border-color: #ec5b29;
}
.btn-outline-primary.btn-border, .btn-primary.btn-border, .btn-soft-primary.btn-border {
    border-bottom: 2px solid #ce0e3c;
}
.page-content {
    background-color: #eef2f7;
}
.list-group-fill-primary.list-group-item {
        background-color: #ec5b29!important;
    border-color: #ec5b29;
    color: #fff;
}
.list-group-item.active {
    background-color: #ec5b29;
    border-color: #ec5b29;
}
.active>.page-link, .page-link.active {
     background-color: #ec5b29;
    border-color: #ec5b29;
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
    background-color: #ec5b29;
    border-color: #ec5b29;
}
.listjs-pagination li.active .page {
    background-color: #ec5b29;
    border-color: #ec5b29;
}
.dashboard_icon_txt1 {
    color: #029eeb;
}
.dashboard_icon_txt2 {
    color: #ee2537;
}
.dashboard_icon_txt3 {
    color: #89016d;
}
.dashboard_icon_txt4 {
    color: #3fc1bf;
}
.dashboard_icon_txt5 {
    color: #ff7000;
}
.dashboard_icon_txt6 {
    color: #7ccc63;
}
.dashboard_icon_txt7 {
    color: #d72481;
}
.dashboard_icon_txt8 {
    color: #4f48e3;
}
.dashboard_icon_txt9 {
    color: #d4d40b;
}


.dashboard_icon_bg1 {
    background-color: #def4ff !important;
}
.dashboard_icon_bg2 {
    background-color: #ffe5e5 !important;
}
.dashboard_icon_bg3 {
    background-color: #ffe2fa !important;
}
.dashboard_icon_bg4 {
    background-color: #e7fffe !important;
}
.dashboard_icon_bg5 {
    background-color: #ffebdb !important;
}
.dashboard_icon_bg6 {
    background-color: #ddffd2 !important;
}
.dashboard_icon_bg7 {
    background-color: #ffd6eb !important;
}
.dashboard_icon_bg8 {
    background-color: #e1e0ff !important;
}
.dashboard_icon_bg9 {
    background-color: #fdffce !important;
}

.bg-yellow {
    background-color: #f3b12a;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
        background-color: #ec5b29 !important;
}
.btn-soft-warning {
    --tb-btn-bg:#750c1c !important;
    color: #fff;
}
.btn-soft-warning:hover {
    --tb-btn-bg:#f3b12a !important;
}
.form-control, .form-select, .form-check-input {
    border:var(--tb-border-width) solid #d9dce1 !important;
}
.form-group {
    margin-bottom: 1rem !important;
}
[data-layout=horizontal] .navbar-menu .navbar-nav .nav-link.active i {
    color: #f3b12a;
}
.btn-primary:hover {
    background-color:#750c1c !important;
    border-color: #750c1c !important;
}
a {
    color: #ec5b29;
}
a:hover {
    color: #f3b12a;
}
.ribbon-box .ribbon.vertical-shape {
        height: 36px;
    width: 120px;
    top: 4px;
        left: -30px;
}
.ribbon-box.right .ribbon-primary {
    background-color: #f3b12a;
}
.ribbon-box .ribbon-primary.vertical-shape:after {
    border-top: 18px solid #f3b12a;
    border-bottom: 18px solid #f3b12a;
}
@media (min-width:280px) and (max-width:768px) {
    tbody, td, tfoot, th, thead, tr {
        white-space: nowrap !important;
    }
}
#site-error {
   left: 12px;
   color: red !important;
    bottom: -18px;
    position: absolute;
    font-size: 12px;
}
#unit_mgr-error {
   left: 12px;
   color: red !important;
    bottom: -18px;
    position: absolute;
    font-size: 12px;
}
label.error{
  color : red !important;
  /*bottom: -22px;
    position: absolute;
    width: 150px;
    left: 0*/;
    position: absolute !important;
    /*bottom: -18px;*/
    width: 100%;
    font-size: 12px;
    /*left: 12px;*/
}div.error{
  color : red !important;
  /*bottom: -22px;
    position: absolute;
    width: 150px;
    left: 0*/;
    position: absolute !important;
    /*bottom: -18px;*/
    width: 100%;
    font-size: 12px;
    left: 12px;
}
#bms_done-error {
    left:0;
     bottom: -18px;
     color: red !important;
    position: absolute; 
}
#to_date-error {
    left:11px;
     bottom: -7px;
     color: red !important;
    position: absolute;
}
#nrwdone-error, #mcudone-error {
    left: 0;
}
#grmng_remarks-error, #ot-error, #in_out_time-error, #area_deployment-error, #ecwdone-error {
    bottom: -18px;
        left: 0;
}
#ecwdone-error, #nrwdone-error, #mcudone-error, #logmsgdone-error  {
    color: red !important;
   bottom: -18px;
    position: absolute; 
}
.select2-container {
    width: 100% !important;
}
#logmsgdone-error {
    left:0px;
    font-size: 12px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: inherit !important;
}
.select2-container .select2-selection--single {
    height:42px !important;
}
.select2-container--default .select2-selection--single {
       background-color: var(--tb-secondary-bg) !important;
   border: var(--tb-border-width) solid #d9dce1;
    border-radius: .25rem !important;
        padding: 6px 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
        margin-right: 8px !important;
    margin-top: 2px !important;
}
sup{
    color: red !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px !important;
}
.table-bordered>:not(caption)>*>* {
    white-space: nowrap !important;
}
.invalid-field {
        border: 1px solid red !important;
}
.profile-view-pic {
    position: relative;
}
.profile-view-pic img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: 3px solid #FFF;
}
.file-up {
    bottom: 3px;
    left: 4px;
    position: absolute;
    width: 97%;
}
.show-input {
    color: #FFF;
    z-index: 1;
    border: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 32px;
    cursor: pointer;
    text-align: center;
}
.hide-input {
    left: 0;
    top: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 32px;
    z-index: 2;
    cursor: pointer;
    overflow: hidden;
    display:block;
}



@media (min-width:1200px)  and (max-width:1400px) { 
    [data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
            padding: .75rem 0.9rem;
            font-size: 14px;
    }
 }

@media (min-width:992px)  and (max-width:1199px) { 
     [data-layout=horizontal] .navbar-menu .navbar-nav .nav-link {
            padding: .75rem 0.9rem;
            font-size: 15px;
    }
    [data-layout=horizontal] .navbar-menu .navbar-nav .nav-link i {
        display: none;
    }
    [data-layout=horizontal] .page-content {
        margin-top: 105px !important;
    }
 }


 @media (min-width:768px)  and (max-width:991px) { 
    [data-layout=horizontal] .page-content {
        margin-top: 75px !important;
    }
    [data-layout=horizontal] .menu .navbar-menu {
                     height: 100%;
        width: 70%;
        min-height: 100%;
    }
    .hamburger-icon.open {
            width: 20px;
    height: 14px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(1) {
        left: 0;
    top: 0;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(2) {
        left: 0;
        top: 9px;
        width: 10px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(3) {
        left: 0;
        top: 17px;
        width: 14px;
        transform: inherit;
    }
 }

  @media (min-width:577px)  and (max-width:767px) { 
    [data-layout=horizontal] .page-content {
        margin-top: 75px !important;
    }
    [data-layout=horizontal] .menu .navbar-menu {
                      height: 100%;
        width: 70%;
        min-height: 100%;
    }
    .hamburger-icon.open {
            width: 20px;
    height: 14px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(1) {
        left: 0;
    top: 0;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(2) {
        left: 0;
        top: 9px;
        width: 10px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(3) {
        left: 0;
        top: 17px;
        width: 14px;
        transform: inherit;
    }
 }


@media (min-width:100px)  and (max-width:576px) {
    .main_logo {
        width: 100% !important;
    }
    [data-layout=horizontal] .page-content {
        margin-top: 75px !important;
    }
    [data-layout=horizontal] .menu .navbar-menu {
                   height: 100%;
        width: 70%;
        min-height: 100%;
    }
    .hamburger-icon.open {
            width: 20px;
    height: 14px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(1) {
        left: 0;
    top: 0;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(2) {
        left: 0;
        top: 9px;
        width: 10px;
        transform: inherit;
    }
    .hamburger-icon.open span:nth-child(3) {
        left: 0;
        top: 17px;
        width: 14px;
        transform: inherit;
    }

    .card {
    margin-bottom: 0.5rem;
}
.fs-18 {
    font-size: 15px !important;
}
.ribbon-box .ribbon.vertical-shape {
        top: 0;
    left: inherit;
    right: 0;
    transform: inherit;
}
}