html {
    position: relative;
    min-height: 100%;
}

.itemCellpDeshtml {
    position: relative;
    min-height: 100%;
}

.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none !important;
}

.btn {
    border-radius: 8px;
}

body {
    /*height: 100%;*/
    font-family: "Source Sans Pro", sans-serif;
    background-color: #fff;
    color: #282828;
}

.SP-font {
    font-family: "Source Sans Pro", sans-serif !important;
}

.MT-font,
._inv-status {
    font-family: "Montserrat", sans-serif;
}

.bg_main {
    /* background-image: url(../images/log-bg.png); */
    background-color: #004c6b;
}

.no-scroll {
    overflow: hidden;
}

.btn,
h1,
h2,
h3,
h4,
h5,
h6,
.modal-order-detail .modal-title {
    font-family: "Montserrat", sans-serif;
}

.nam-title,
.con_info,
.text-muted,
.cp-stats-value,
.cp-stats,
.nav-tabs .nav-link,
.tab-style .tab-pane,
.alert-color,
.modal-title,
.login-right,
.login-right h3,
.login-left h4,
.Log_footer,
.viewAssign {
    font-family: "Montserrat", sans-serif;
}
.dropify-wrapper.touch-fallback .dropify-clear {
    color: #fff;
}
.navbar {
    background-color: #fff;
    margin-bottom: 0;
    min-height: 80px;
    padding: 0px 15px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    border-top: solid 3px #0094d1;
}

.top_nav .nav-link {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    padding: 0 !important;
    margin: 15px 0px;
}

.top_nav .fa {
    font-size: 13px;
    margin-right: 5px;
    color: #adaeb4;
}

.top_nav .dropdown-menu .dropdown-item:hover .fa,
.top_nav .dropdown-menu .dropdown-item:focus .fa {
}

.top_nav .dropdown-item {
    padding: 10px 15px;
    font-size: 12px;
    font-weight: 600;
    border-bottom: solid 1px #f3f3f3;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 0.5px;
}

.top_nav .dropdown-item:hover {
    color: #282828;
    background-color: #f7f8fa;
}

.usernamelab {
    display: none;
}

.TM_icon {
    margin-right: 30px;
    position: relative;
    margin-top: 10px;
}

.TM_icon img {
    width: auto;
    height: 20px;
}

.hamburger,
.hamburger:hover {
    padding: 10px;
    color: #0094d1;
}

.hamburger .fa {
    font-size: 22px;
}

._logo,
._logo:hover {
    padding-left: 15px;
    font-weight: 400;
    text-decoration: none;
    color: #0094d1;
}

#wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#wrapper #content-wrapper {
    overflow-x: hidden;
    width: 100%;
    padding: 1rem 10px 0px 10px;
    padding-bottom: 80px;
}

body.fixed-nav #content-wrapper {
    margin-top: 56px;
    padding-left: 90px;
}

body.fixed-nav.sidebar-toggled #content-wrapper {
    padding-left: 0;
}

.sidebar img {
    width: 20px;
    top: 10px;
}

.user_log {
    height: 42px;
    width: 42px;
    border: 1px solid #fff;
    vertical-align: middle;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    margin-right: 5px;
}

.top_nav .dropdown-menu {
    border-radius: 2px;
    border: none;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175);
    padding: 0;
}

.scroll-to-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    display: none;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    background: rgba(52, 58, 64, 0.5);
    line-height: 46px;
}

.o-hidden {
    overflow: hidden !important;
}

.navbar-nav .form-inline .input-group {
    width: 100%;
}

.navbar-nav .nav-item.active .nav-link {
    color: #fff;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    width: 1rem;
    text-align: center;
    float: right;
    vertical-align: 0;
    border: 0;
    font-weight: 900;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
    content: "\f106";
}

.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {
    display: none;
}

.navbar-nav .nav-item .nav-link:focus {
    outline: none;
}

.navbar-nav .nav-item .nav-link .badge {
    position: absolute;
    margin-left: 0.75rem;
    top: 9px;
    right: -7px;
    font-weight: 400;
    font-size: 9px;
    background-color: #0094d1;
    color: #fff;
    font-family: "Source Sans Pro", sans-serif;
    padding: 2px 4px;
}

.sidebar {
    width: 90px !important;
    min-height: calc(100vh - 80px);
    transition: width 0.5s;
    background: linear-gradient(90deg, #0336a3 0%, #0094d1 100%);
    z-index: 5;
}

.sidebar .nav-item:last-child {
    margin-bottom: 1rem;
}

.sidebar .nav-item .nav-link {
    text-align: center;
    padding: 15px 5px;
    width: 90px;
    color: #ffffff;
}

.sidebar .nav-item .nav-link span {
    font-size: 0.65rem;
    display: block;
}

.sidebar .nav-item .dropdown-menu {
    position: absolute !important;
    -webkit-transform: none !important;
    transform: none !important;
    left: 90px !important;
    margin: 0;
}

.sidebar .nav-item .dropdown-menu.dropup {
    bottom: 0;
    top: auto !important;
}

.sidebar .nav-item.dropdown .dropdown-toggle::after {
    display: none;
}

.sidebar .nav-item .nav-link:active,
.sidebar .nav-item .nav-link:focus,
.sidebar .nav-item .nav-link:hover {
    color: #fff;
}

.sidebar.toggled {
    width: 0 !important;
    overflow: hidden;
}

.sidebar.fixed-top {
    top: 56px;
    height: calc(100vh - 56px);
    overflow-y: auto;
}

:root {
    --input-padding-x: 0.75rem;
    --input-padding-y: 0.75rem;
}

footer.sticky-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 50px;
    background-color: #e9ecef;
    transition: width 0.5s;
}

footer.sticky-footer .copyright {
    line-height: 1;
    font-size: 0.8rem;
}

._head01 {
    font-size: 22px;
    color: #282828;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}

.breadcrumb {
    background-color: transparent;
    float: right;
    margin-bottom: 0;
    padding: 9px 0 0;
    font-size: 14px;
}

.breadcrumb a,
.breadcrumb span {
    color: #212121;
}

.breadcrumb a {
    opacity: 0.5;
    transition: 0.3s ease;
}

.breadcrumb > li + li::before {
    color: #212121;
    opacity: 0.5;
    padding: 0 9px;
    font-weight: 600;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
}

.card {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0px;
    position: relative;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.card .header {
    color: #424242;
    padding: 20px 20px;
    border-radius: 8px !important;
    position: relative;
    box-shadow: none;
    background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 50%);
}

.card .header h2,
.modal-title {
    position: relative;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
}

.card .header h2 span,
._head01 span,
.login-right h3 span,
.btn-login span,
.modal-title span {
    font-weight: 300;
}

.card .header h2:before {
    background: #0094d1;
    position: absolute;
    width: 2px;
    height: 18px;
    left: -20px;
    top: 2px;
    content: "";
}

.card .body {
    color: #424242;
    font-weight: 400;
    padding: 15px;
}

.card ._head03,
._head04 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 3px 0px;
    padding-bottom: 10px;
    border-bottom: solid 2px #efefef;
    font-family: "Montserrat", sans-serif;
    color: #282828;
}

._head05 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 3px 0px;
    padding-bottom: 10px;
    font-family: "Montserrat", sans-serif;
    color: #282828;
}

.card ._head03 span,
._head04 span,
._head05 span {
    font-weight: 300;
}

.btn-primary,
.btn-cancel,
.lgray-btn,
.btn-outline {
    font-size: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 7px 20px 5px 20px;
    border: solid 1px #0094d1;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
}

.btn-primary:hover,
.btn-primary:focus,
.lgray-btn:hover,
.btn-outline:hover {
    color: #fff;
    border: solid 1px #0094d1;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
}

.btn-cancel,
.btn-outline {
    color: #0094d1;
    border: solid 1px #0094d1;
    background: rgba(255, 255, 255, 0);
    box-shadow: none;
}

.btn-cancel:hover,
.btn-cancel:focus {
    color: #fff;
    background: linear-gradient(90deg, #f12300 0%, #ff0000 100%);
    border: solid 1px #f12300;
}

.gray-btn {
    background: linear-gradient(90deg, #8b8b8b 0%, #8b8b8b 100%);
}

.lgray-btn {
    background: linear-gradient(90deg, #e8e8e8 0%, #e8e8e8 100%);
}

.form-wrap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0px;
}

._w90 {
    width: 90%;
}

._w100 {
    width: 100%;
}

.form-wrap .form-control,
.form-wrap .custom-select,
._Sbg .custom-select,
.val-placeholder,
.con-control {
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    color: #212121;
    height: 35px;
    box-shadow: none;
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
}

.val-placeholder {
    width: 100%;
    margin-top: 9px;
    padding-left: 10px;
}

.form-wrap textarea,
.modal-body textarea {
    width: 100%;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    color: #212121;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
}

.form-group {
    margin-bottom: 8px;
}

.auth-form .form-wrap .form-group input {
    box-shadow: none !important;
    border: none;
    border-bottom: 2px solid #f12300;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    font-size: 20px;
    color: #b5b5b5;
    min-width: 345px;
}

.control-label {
    font-size: 12px;
    color: #282828 !important;
    margin-bottom: 5px;
}

.form-control:focus,
.custom-select:focus,
.form-wrap textarea:focus {
    border-color: #0094d1 !important;
    box-shadow: none;
}

body.sidebar-toggled footer.sticky-footer {
    width: 100%;
}

._upload-thumb {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#imgthu {
    max-height: auto;
    width: 100%;
    margin-bottom: 5px;
    margin-top: 0px;
}

.form__input {
    background: transparent;
    position: relative;
    width: 100%;
    display: block;
    cursor: text;
    transition: border-color 0.3s, margin-bottom 0.3s;
}

.form__input--file {
    display: block;
    text-align: center;
    border: 2px dashed #d5d5d5;
    letter-spacing: 0.5px;
    color: #888;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 40px;
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 0 1.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    height: 44px;
}

.form__input--file .placeholder {
    position: relative;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
}

.form__input--file .placeholder:before {
    position: absolute;
    top: -13px;
    left: -20px;
    font-size: 13px;
    font-weight: 600;
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}

.form__input--file input {
    display: none;
}

.form__input--file:hover {
    border: 2px dashed #0094d1;
}

.form__input--file:hover .placeholder:before {
    color: #0094d1;
}

table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > td:first-child:before,
table.dataTable.dtr-inline.collapsed
    > tbody
    > tr[role="row"]
    > th:first-child:before {
    top: 8px;
    left: 8px;
    height: 20px;
    width: 20px;
    border: 1px solid #0094d1;
    border-radius: 20px;
    box-shadow: none;
    line-height: 21px;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    font-weight: 600;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 45px !important;
}

.page-link,
.page-link:hover {
    color: #0094d1;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border-color: #0094d1;
}

.form-control {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    box-shadow: none;
}

.dataTable thead,
.dataTable tfoot {
    background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
}

.modal-body table th {
    font-weight: 600;
}

.dataTable td,
.dataTable th,
.modal-body table th,
.modal-body table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dddddd;
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    padding-left: 0;
    padding-right: 10px;
}

.dataTable thead th {
    border: none;
}

._Threshhold {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: 30px;
}

.dataTable .btn-default,
.smBTN {
    padding: 4px 4px;
    font-size: 11px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    text-transform: capitalize;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    color: #fff;
    text-align: center;
    margin: 0px 5px 5px 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    line-height: 1;
    min-width: 22px;
    border-radius: 4px;
}

.dataTable .btn-line,
.btn-line {
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    color: #0094d1;
    border: solid 1px #0094d1;
}

.dataTable .btn-default:hover,
.dataTable .btn-line:hover,
.smBTN:hover {
    color: #fff !important;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
}

tbody td .fa {
    font-size: 16px;
    margin-top: 5px;
    margin-right: 7px;
    color: #5f5f5f;
}

tbody td .btn-default .fa {
    color: #fff;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.dataTable .fa-trash-alt {
    color: #f12300;
}

table.dataTable {
    margin-bottom: 12px !important;
    margin-top: 12px !important;
}

.list_img {
    width: auto;
    height: 30px;
    margin-top: -5px;
}

.dataTables_info,
.dataTables_length {
    text-transform: capitalize;
    font-size: 13px;
}

.add_button {
    font-size: 14px;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 6px 10px;
    color: #fff !important;
    position: absolute;
    right: 20px;
    top: 15px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.in-btn {
    font-size: 13px;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 5px 8px;
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.L_inv_search {
    font-size: 22px;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 5px 0px 0px 0px;
    color: #fff !important;
    position: absolute;
    right: 20px;
    top: 0px;
    height: 41px;
    width: 41px;
    text-align: center;
}

._Sbg {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 25px;
}

._Sbg .btn-primary {
    text-transform: uppercase;
    font-size: 18px;
}

.Inv_g-sec {
    padding: 15px;
    text-align: center;
    color: #8c8c8c;
    margin-bottom: 30px;
}

.Inv_g-sec h5 {
    font-size: 16px;
    text-align: center;
    padding: 10px;
    margin: 0;
    color: #0094d1;
}

.Inv_g-sec img {
    transition: all 0.2s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    width: 300px;
    height: auto;
}

.Inv_g-sec:hover img {
    margin-top: -25px;
    margin-bottom: 25px;
}

.Inv_g-sec:hover .cp_img img {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
    transition: all 0.2s ease-in-out;
}

.Inv_g-sec:hover .cp_img img .hover {
    display: block;
}

.Inv_g-sec a {
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    color: #0094d1;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -khtml-transform: translate(-50%);
    width: 150px;
    padding: 7px 15px;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
    opacity: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}

.Inv_g-sec:hover a {
    opacity: 1;
    transition: all 0.2s;
    top: 55%;
}

.Inv_g-sec a:hover {
    background-color: #f12300;
    color: #fff;
}

/*------ Login page -----*/
.table-struct {
    display: table !important;
}
.full-width {
    width: 100% !important;
    height: 100vh;
}
.table-cell {
    display: table-cell !important;
}
.vertical-align-middle {
    vertical-align: middle !important;
}
.auth-form-wrap {
    padding: 0px 0;
}
.auth-form {
    padding: 0px;
    color: #fff;
    font-size: 15px;
    /*	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, .4);
	box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, .4);*/
    margin: auto;
}
.auth-form .col-height {
    height: 500px;
    display: table;
}
.login-left {
    display: table-cell;
    vertical-align: middle;
}
.login-left h4 {
    font-size: 13px;
    color: #555555;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 0;
}
.login-left .p-text {
    color: #939393;
    font-size: 13px;
    line-height: normal;
}
.logo-company img {
    width: 210px;
    height: auto;
}
.login-right {
    padding: 0px;
    display: table-cell;
    vertical-align: middle;
}
.login-left {
    padding: 40px;
    text-align: center;
}
.login-right h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #ffffff;
    font-family: proximanova-semibold, sans-serif !important;
}
.login-right .fa {
    position: absolute;
    left: 12px;
    top: calc(50% - 0.5em);
    color: #c7c7c7;
}
.login-right .fa {
    font-size: 16px;
}
.box-sec a,
.login-right .icon-user-icon {
    font-size: 20px;
}
.box-sec,
.login-right .pass,
.login-right .user {
    position: relative;
}
.login-right .pass input,
.login-right .user input {
    padding-left: 40px;
    color: #b5b5b5;
    font-size: 20px;
}
.Log_footer {
    position: fixed;
    bottom: 0;
    color: #ffffff81;
    font-size: 12px;
    width: 100%;
    left: 0px;
    right: 0px;
    letter-spacing: 1px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
    text-align: center;
}
.Log_footer a {
    color: #282828;
    text-decoration: underline;
}
.Log_footer a:hover,
.Log_footer a:focus {
    color: #0094d1;
}
.auth-form .form-group input {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    -moz-box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    height: 40px;
    line-height: 25px;
    margin-bottom: 15px;
}
.auth-form .form-group input {
    box-shadow: none !important;
    border: none;
    border: 1px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    font-size: 13px;
    color: #282828;
    background-color: #ffffff; /*max-width: 330px;*/
}
.auth-form .form-group input:focus {
    border: solid 1px #0094d1 !important;
}
.auth-form a.txt-danger:hover {
    color: #f12300;
}
.btn-login {
    width: 100px;
    font-size: 13px !important;
    font-weight: 600;
    background: #0094d1;
    color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    border: none !important;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    -webkit-box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    -moz-box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    height: 36px;
    letter-spacing: 1px;
    margin: 0;
    font-family: proximanova-semibold, sans-serif !important;
}
.btn-login:hover,
.btn-login:focus {
    color: #fff !important;
    background: #0094d1 !important;
}
.Loging-Logo {
    height: 55px;
    position: absolute;
    top: 15px;
    left: 15px;
}
.f_pass {
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 13px;
    color: #282828;
}
.f_pass:hover {
    color: #0094d1;
}
.ebobLog {
    height: 540px;
    width: 540px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.ebobLog img {
    width: 100%;
    height: auto;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.4));
}
.EbobBGImg {
    background-image: url(../images/login-page.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 55% auto;
}
.pass-change-bg {
    background-image: url(../images/pass-change-bg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
}

.log-form {
    width: 310px;
    margin-left: auto;
    margin-right: 0;
    color: #282828;
}
@media (min-width: 1440px) {
    .EbobBGImg {
        background-size: 48% auto;
    }
}
@media (max-width: 1200px) {
    .EbobBGImg,
    .pass-change-bg {
        background-position: top left -50px;
    }
    .log-form {
        width: 290px;
        margin-left: auto;
        margin-right: 0;
    }
}

/* select2 CSS */

.select2-container--bootstrap4 .select2-selection--single {
    height: 30px !important;
    padding: 0px 10px;
    font-size: 13px;
}

.select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__placeholder {
    color: #757575;
    line-height: 30px;
}

.select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow {
    position: absolute;
    top: -5px;
    right: 3px;
    width: 20px;
}

.select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow
    b {
    top: 60%;
    border-color: #343a40 transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
}

.select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 30px;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.select2-results__message {
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(2.25rem + 2px) !important;
}

.select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%;
}

.select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__choice {
    color: #343a40;
    border: 1px solid #bdc6d0;
    border-radius: 0.2rem;
    padding: 0;
    padding-right: 5px;
    cursor: pointer;
    float: left;
    margin-top: 0.3em;
    margin-right: 5px;
}

.select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #bdc6d0;
    font-weight: 700;
    margin-left: 3px;
    margin-right: 1px;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
}

.select2-container--bootstrap4
    .select2-selection--multiple
    .select2-selection__choice__remove:hover {
    color: #343a40;
}

.select2-container :focus {
    outline: 0;
}

.select2-container--bootstrap4 .select2-selection {
    border: 1px solid #e2e6ea;
    border-radius: 0;
    width: 100%;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #17a2b8;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.select2-container--bootstrap4.select2-container--focus.select2-container--open
    .select2-selection {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

select.is-invalid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #dc3545;
}

select.is-valid ~ .select2-container--bootstrap4 .select2-selection {
    border-color: #28a745;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-color: #ced4da;
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--bootstrap4
    .select2-dropdown
    .select2-results__option[aria-selected="true"] {
    background-color: #e9ecef;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
    .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #0094d1;
    color: #f8f9fa;
}

.select2-container--bootstrap4 .select2-results__option[role="group"] {
    padding: 0;
}

.select2-container--bootstrap4 .select2-results__group {
    padding: 6px;
    display: list-item;
    color: #6c757d;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    padding: 0;
    text-align: center;
    margin-top: 6px;
    border-radius: 100%;
    background-color: #6c757d;
    color: #f8f9fa;
    float: right;
    margin-right: 12px;
}

.select2-container--bootstrap4 .select2-selection__clear:hover {
    color: #fff;
    background-color: #343a40;
}

.select2-container--bootstrap4
    .select2-results__option--highlighted[aria-selected],
.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2-container--bootstrap4
    .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
    background-color: #0094d1;
}

.select2-container--bootstrap4 .select2-results__option {
    padding: 8px 10px;
    font-size: 14px;
}

._emp-sele .custom-select {
    height: 28px;
    padding: 0px 12px;
}

._emp-sele .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 0px;
}

._tags {
    margin-top: -3px;
}

._tags .form-control {
    height: 28px;
    padding: 0px 10px;
    margin: 0px;
    font-size: 13px;
}

/*tag CSS*/

.bootstrap-tagsinput {
    display: inline-block;
    padding: 4px 6px;
    vertical-align: middle;
    width: 100%;
    line-height: 22px;
    cursor: text;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    color: #212121;
    min-height: 45px;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}

.bootstrap-tagsinput input {
    outline: 0;
    background-color: transparent;
    padding: 7px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}

.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}

.bootstrap-tagsinput .badge {
    color: #fff;
    background-color: #0094d1;
    padding: 5px 5px 5px 8px;
    border-radius: 3px;
    border: none;
    margin: 3px;
    font-size: 13px;
    font-weight: 500;
}

.bootstrap-tagsinput .badge [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}

.bootstrap-tagsinput .badge [data-role="remove"]:after {
    content: "×";
    padding: 0 4px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 13px;
}

.bootstrap-tagsinput .badge [data-role="remove"]:hover:after {
    background-color: rgba(0, 0, 0, 0.62);
}

.bootstrap-tagsinput .badge [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.select2-results__option[aria-selected] {
    font-size: 13px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    font-size: 13px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

.form-s2 .select2-container .select2-selection--single {
    height: 35px !important;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    color: #282828;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
    box-shadow: none;
}

.form-s2
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 35px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
}

.form-s2
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 35px;
    width: 25px;
}

.selpluse
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    right: 40px;
}

#floating-label
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: #282828;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: #0094d1;
    border: 1px solid #0094d1;
    margin-right: 7px;
    margin-top: 7px;
    padding: 0 5px;
    color: #fff;
    font-size: 11px;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 3px;
}

.select2-container--default .select2-selection--multiple {
    background-color: #f6f6f6;
    box-shadow: none;
    border: solid 1px #fff;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    border: none;
    border-bottom: solid #0094d1 2px;
}

.form-wrap textarea {
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    color: #282828;
    box-shadow: none;
    font-size: 12px;
}

table.dataTable > tbody > tr.child ul.dtr-details {
    width: 100%;
}

.head_25 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 15px;
}

table.dataTable.nowrap td {
    white-space: normal;
}

.modal-cust-detail ._cut-info {
    font-size: 14px;
    display: block;
    padding: 12px;
    font-weight: 400;
    background-color: #efefef;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}

.modal-cust-detail label {
    font-size: 13px;
    color: #979797;
    display: block;
    padding-bottom: 0px;
}

._amount-order {
    padding: 12px;
}

.modal-content {
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

.modal-cust-detail .modal-body {
    padding: 25px;
}

.modal-order-detail table.responsive-table {
    display: table;
    table-layout: fixed;
    width: 800px;
    height: 100%;
}

.modal-order-detail table.responsive-table thead {
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    width: 833px;
    height: 50px;
    line-height: 3em;
    background: #f7f7f7;
    table-layout: fixed;
    display: table;
}

.modal-order-detail table.responsive-table th {
    padding: 5px 10px;
}

.modal-order-detail table.responsive-table td {
    padding: 5px 13px;
}

.modal-order-detail table.responsive-table tr > td,
.modal-order-detail table.responsive-table th {
    text-align: left;
}

._table-order {
    overflow-y: scroll;
    height: 400px;
    margin-top: 48px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before,
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #0094d1;
}

._emp_dep .custom-control {
    margin-bottom: 10px;
}

._emp_dep .custom-control-label {
    font-size: 14px;
    color: #555555;
    padding-top: 2px;
}

.card ._head-sm {
    position: relative;
    font-size: 15px;
    font-weight: 500;
    margin: 15px 0px 20px 0;
    color: #282828;
}

/*.card ._head-sm:before {
	background: #f12300;
	position: absolute;
	width: 12px;
	height: 2px;
	left: -25px;
	top: 8px;
	content: '';
}*/

.bulk-error p {
    font-size: 14px;
}

.bulk-error .alert {
    font-size: 14px;
    margin-top: 40px;
}

.bulk-error table {
    font-size: 13px;
    margin-top: 20px;
}

.bulk-error table td,
.bulk-error table th {
    padding: 7px;
}

.bulk-error .table thead th {
    border: none;
}

.table-input .form-control {
    height: 30px;
    font-size: 13px;
    margin-top: -5px;
}

.red-bg {
    background: #e20000 !important;
}

.green-bg {
    background: #1ca345 !important;
}

.coll-btn {
    margin-top: 35px;
}

.top_nav .nav-link {
    padding: 0 !important;
    margin: 15px 0px;
}

._up-file .form__input--file {
    text-align: left;
    padding-left: 45px;
}

.viewAssign {
    background-color: #f8f8f8;
    padding: 6px;
    font-weight: 600;
    width: 170px;
    display: block;
    text-align: center;
    color: #444444;
    border: solid 1px #f3f2f2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    font-size: 14px;
    letter-spacing: 1px;
}

.viewAssign:hover {
    color: #ffffff;
    text-decoration: none;
    border-color: #0094d1;
    -webkit-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    background-color: #0094d1;
}

.alert-color {
    color: #383d41;
    background-color: #f4f4f4;
    border-color: #f0f0f1;
    font-size: 13px;
}

.alert-color:hover {
    border-color: #0094d1;
}

.alert_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #0094d1;
    background-color: #fff;
    border-color: #fff #fff #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 30px;
    height: 44px;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
    letter-spacing: 1;
    border-radius: 8px 8px 0 0;
}

.nav-tabs .nav-item.show,
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    border-bottom: solid 2px #0094d1;
}

.nav-tabs {
    border-bottom: 2px solid #ffffff;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: 1px solid transparent;
    border-bottom: solid 2px #0094d1;
}

.nav-tabs .nav-item a {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 30px;
    color: #282828;
    height: 44px;
}

._cut-img {
    position: relative;
}

._cut-img img {
    height: 120px;
    width: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
}

.nam-title {
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
}

.con_info {
    padding-top: 10px;
}

.con_info p {
    font-size: 13px;
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}

.con_info p .fa {
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #0094d1;
    text-align: center;
    width: 20px;
}

.con_info ._st-t {
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    width: 45px;
    font-family: "Montserrat", sans-serif;
}

.con_info .btn-primary {
    width: 100%;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    float: left;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    outline: none !important;
}

.con_info table {
    font-size: 13px;
    background-color: #f7f7f7;
    margin-top: 5px;
    margin-bottom: 8px;
}

.con_info table td {
    border: solid 2px #fff;
    padding: 5px 2px 5px 4px;
}

.con_info table td strong {
    font-weight: bold;
}

.tab-style {
    background-color: #fff;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    border-radius: 0px 8px 8px 8px;
}

.tab-style .tab-pane {
    padding: 30px;
    border-radius: 8px;
}

.cp-stats {
    padding: 20px;
    position: relative;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 0px;
    background-image: url(../images/rav-bg-001.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

.cp-stats-value {
    font-size: 25px;
    font-weight: 600;
    color: #0094d1;
    padding: 0px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.cp-stats h5 {
    font-size: 14px;
    color: #282828 !important;
    margin-bottom: 11px;
}

.cp-stats-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

.cp-stats .cp-stats-icon .fa {
    color: #0094d1;
    font-size: 20px;
    background-color: rgba(255, 255, 255, 1);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    display: inline-block;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.cp-stats-icon img {
    width: 60px;
}

.cp-stats .bm_text {
    white-space: nowrap;
    padding-left: 5px;
}

.cp-mh {
    min-height: 347px;
}

.cp_user-l {
    min-height: 350px;
}

.lineHeight30 {
    line-height: 30px;
}

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
}

.overlay.active {
    display: block;
    opacity: 1;
}

#product-cl-sec,
#product-add,
#performaPreferences {
    width: 600px;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    z-index: 999;
    color: #282828;
    padding: 0px 0px;
    background-color: #fff;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    opacity: 0;
    -webkit-transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: 450ms cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, 0.5);
}

.pro-header-text {
    line-height: 50px;
    border-bottom: solid 1px #fff;
    font-size: 16px;
    padding: 0 20px;
    margin: 0;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    position: relative;
    margin-left: 0;
    width: inherit;
    font-family: "Montserrat", sans-serif;
}

.pro-header-text span {
    font-weight: 300;
}

.pc-cartlist {
    display: flex;
    flex: 1;
    min-height: 0px;
    padding-bottom: 65px;
}

.overflow-plist {
    flex: 1;
    overflow: auto;
}

.plist-content {
    color: black;
    height: 100%;
}

#product-cl-sec.active,
#product-add.active,
#performaPreferences.active {
    right: 0px;
    opacity: 1;
}

#product-cl-sec #pl-close {
}

.custom-select:focus,
.form-control:focus {
    box-shadow: none;
}

._cl-checkout {
    background-color: #0094d1;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: left;
    padding: 10px;
    padding-left: 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
}

.close-btn-pl {
    position: absolute;
    right: 10px;
    top: 15px;
    width: 30px;
    height: 30px;
    z-index: 100;
}

.close-btn-pl:hover {
    opacity: 1;
}

.close-btn-pl:after,
.close-btn-pl:before {
    position: absolute;
    left: 15px;
    content: " ";
    height: 19px;
    width: 2px;
    background-color: #fff;
}

.close-btn-pl:before {
    transform: rotate(45deg);
}

.close-btn-pl:after {
    transform: rotate(-45deg);
}

._cl-bottom {
    height: 55px;
    margin: 0;
    padding: 10px;
    position: fixed;
    width: 0;
    right: 0;
    bottom: -1px;
    z-index: 100;
    opacity: 0;
    background-color: #f6f6f6;
    padding-left: 15px;
}

.active ._cl-bottom {
    opacity: 1;
    transition: opacity 0.7s linear;
    -webkit-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    width: inherit;
}

._cl-bottom .btn {
    font-size: 14px;
    margin-top: 2px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    box-shadow: none;
    margin-left: 0;
}

._left-filter .custom-control-label {
    padding-top: 3px;
}

._left-filter .custom-checkbox {
    margin-top: 5px;
}

@media (max-width: 480px) {
    #product-cl-sec,
    #product-add,
    #performaPreferences {
        width: 100%;
    }

    .pro-header-text {
        width: auto;
        margin-left: 0px;
        margin-right: -15px;
    }

    .dis-larg {
        display: none;
    }
}

.top_border {
    border: solid 1px #f0f0f0;
    border-top: solid 3px #0094d1;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.top-borderRed {
    border: solid 1px #f0f0f0;
    border-top: solid 3px #e20000;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#floating-label {
    font-family: "Source Sans Pro", sans-serif;
}

#floating-label .form-group .form-control {
    border: none;
    border: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    box-shadow: none;
}

#floating-label .form-group {
    display: flex;
    height: 54px;
}

#floating-label .form-control:focus {
    border-color: #fff !important;
    border-bottom: 2px solid #0094d1 !important;
}

#floating-label .control-label {
    font-size: 14px;
    letter-spacing: 0.5;
    font-weight: 400;
    opacity: 0.4;
    pointer-events: none;
    position: absolute;
    transform: translate3d(6px, 27px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    color: #656565;
}

#floating-label .form-group.focused .control-label {
    opacity: 1;
    transform: scale(0.75);
    color: #282828;
}

#floating-label .form-control {
    align-self: flex-end;
}

#floating-label .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}

#floating-label .form-control:focus::-webkit-input-placeholder {
    transition: none;
}

#floating-label .form-group.focused .form-control::-webkit-input-placeholder {
    color: #282828;
}

.page-item .page-link {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_info {
    font-size: 12px;
}

.dataTables_wrapper .dataTables_filter label {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.dropify-wrapper {
    max-width: 100%;
    font-family: "Source Sans Pro", sans-serif;
    border: 2px solid #f6f6f6;
    border-radius: 8px;
}

.up_h {
    padding: 0;
    padding-top: 19px !important;
    padding-bottom: 15px !important;
}

.up_h .dropify-wrapper {
    height: 97px !important;
}

.dropify-wrapper .dropify-clear,
.dropify-wrapper .dropify-clear:hover {
    background-color: #f12300;
    border: none;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-style: normal;
    line-height: 12px;
}

.dropify-wrapper
    .dropify-preview
    .dropify-infos
    .dropify-infos-inner
    p.dropify-infos-message,
.dropify-wrapper .dropify-message p {
    opacity: 1;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.se_cus-type {
    background-color: #f6f6f6;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
    border: solid 1px #efefef;
}

.gray_border {
    border: solid 1px #f6f6f6;
    box-shadow: none;
}

.se_cus-type .form-s2 .select2-container .select2-selection--single {
    background-color: #ffffff;
}

.nav-pills {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.nav-pills .nav-item {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -khtml-border-radius: 8px;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link {
    color: #fff;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 8px 24px;
}

.nav-pills .nav-link {
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
    border: solid 2px #0094d1;
    color: #0094d1;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.nav-pills .nav-link {
    padding: 5px 15px;
}

.wizard .content > .body {
    padding-bottom: 0;
}

.CBM_val {
    margin-top: -7px;
}

.CBM_val label {
    margin-bottom: 4px !important;
    margin-top: 2px !important;
    font-size: 11px;
}

.plus_button {
    font-size: 14px;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 0;
    padding-top: 4px;
    color: #fff !important;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    width: 25px;
    height: 28px;
    position: absolute;
    top: 0;
    right: 0;
}

.plus_button .fa {
    color: #fff !important;
    margin: 0;
    font-size: 11px;
}

#addproducts {
    background-color: #fff;
    border: solid 1px #dcdcdc;
    box-shadow: 4px 4px 0px #e4e4e4;
}

.cus-ord-detail {
    padding: 0px 15px 20px 15px;
    font-size: 13px;
}

.cus-ord-detail ._head04 {
    position: relative;
    font-size: 14px;
}

.cus-ord-detail strong {
    font-weight: 600;
}

.cus-ord-detail .left-detail {
    margin-right: 15px;
    border: solid 1px #e9e9e9;
    padding: 15px;
}

.cus-ord-detail .right-detail {
    margin-left: 15px;
    border: solid 1px #e9e9e9;
    padding: 15px;
}

.table .input {
    height: 30px;
    padding: 0;
    padding-left: 5px;
    border-radius: 0;
    font-size: 12px;
    width: 70px;
}

.cell-border {
    border: solid 1px #f8f8f8;
}

table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
    border-top: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}

table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #f8f8f8;
}

table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}

.cell-border td,
.cell-border th {
    padding: 5px;
    vertical-align: top;
    border-top: 1px solid #f8f8f8;
    font-size: 12px;
    font-family: "Source Sans Pro", sans-serif;
    padding-left: 5px;
    padding-right: 5px;
}

.plus-btn {
    position: relative;
}

.plus-btn
    .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__arrow {
}

.po-ab {
    right: 15px;
    height: 35px;
    width: 30px;
    padding-top: 7px;
}

.cb_nav {
    padding: 20px;
    margin: 0;
    padding-right: 0;
}

.cb_nav li {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 1px;
}

.cb_nav li a {
    font-size: 13px;
    color: #838383;
    background-color: #f7f7f7;
    display: block;
    padding: 7px 10px;
    position: relative;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.cb_nav li a:hover,
.cb_nav li a.active {
    color: #2c2c2c;
    background-color: #e0e0e0;
    text-decoration: none;
}

.cb_nav li a.active {
    color: #282828;
    background-color: #e0e0e0;
}

.cb_nav li a.active:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(224, 224, 224, 0);
    border-left-color: #e0e0e0;
    border-width: 17px;
    margin-top: -17px;
}

.CB_info {
    margin-top: 15px;
    margin-bottom: 15px;
}

.CB_info .card {
    min-height: 450px;
}

.CBR_info {
    margin-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.CBR_value {
    padding: 5px 0px;
    border-bottom: solid 1px #eeeeee;
}

.cu-Rate {
    height: 25px;
    width: 100px;
    padding-left: 5px;
    border: solid 1px #f6f6f6;
    background-color: #f6f6f6;
}

.CN-st-end {
    width: 54px;
    height: 25px;
    padding-left: 5px;
    border: solid 1px #f6f6f6;
    background-color: #f6f6f6;
}

.productRate-table {
    margin-top: 30px;
    margin-bottom: 30px;
}

.productRate-table .dataTables_filter input,
.productRate-table select {
    height: 30px !important;
    line-height: 1;
}

.productRate-table .dataTable td,
.productRate-table .dataTable th,
.productRate-table .modal-body table th,
.productRate-table .modal-body table td {
    padding: 8px;
}

.CB-account-tab {
    padding-left: 15px;
}

.CB-account-tab .nav-link {
    border: none;
    border-bottom: solid 1px #fff;
    font-size: 12px;
    color: #838383;
    background-color: #f7f7f7;
    display: block;
    padding: 7px 10px !important;
    position: relative;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
}

.CB-account-tab .nav-link.active,
.CB-account-tab .nav-link:hover {
    background-color: #dfdfdf !important;
    color: #282828;
    font-weight: 500;
    font-size: 12px;
    padding: 7px 10px !important;
}

.CB-account-tab .nav-link.active:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(224, 224, 224, 0);
    border-left-color: #e0e0e0;
    border-width: 17px;
    margin-top: -17px;
}

.pt-pos {
    padding-top: 31px;
}

._order-bottom {
    width: 100%;
    z-index: 1500;
    padding-left: 60px;
}

._order-bg {
    font-size: 13px;
}

._order-bg .order_value {
    background-color: #fff;
    position: relative;
    padding: 12px 15px;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
    box-shadow: 0 2px 8px 0 rgba(79, 79, 79, 0.1);
}

.table_head {
    background-color: #f4f4f4;
    line-height: 30px;
}

.table .table_head .input {
    height: 28px;
}

._graybg {
    background-color: #f7f7f7;
    margin-top: 10px;
}

._ch-pass {
    padding-top: 32px;
}

._ch-pass-p {
    padding-top: 25px;
}

._user-profile-info .form-group {
    background-color: #f9f9f9;
    padding: 5px 10px;
    overflow: hidden;
    border-radius: 8px;
}

._user-profile-info .form-group .control-label {
    font-size: 11px;
    margin-bottom: 5px !important;
}

._user-profile-info .form-group p {
    margin-bottom: 0;
    font-size: 13px;
    letter-spacing: normal;
}

._user-profile-info .p-col-L {
    padding-right: 4px;
}

._user-profile-info .p-col-R {
    padding-left: 4px;
}

.aligncenter {
    text-align: center;
}

.weight600 {
    font-weight: 600;
}

.bottom-btns {
    padding-top: 30px;
    text-align: right;
}

._add-padd-btn {
    padding-top: 38px;
}

._addOrderSec {
    background-color: #f6f6f6;
    border: solid 1px #f7f8f9;
    padding: 15px;
    margin-bottom: 30px;
}

.h-35 {
    height: 35px;
}

._add-list {
    padding: 8px;
    background-color: #ffffff;
    border-color: #f0f0f1;
    margin-bottom: 5px;
    font-size: 12px;
}

._add-list .alert_close {
    top: 7px;
}

._addOrderSec .form-group .form-control,
._addOrderSec .form-s2 .select2-container .select2-selection--single {
    background-color: #fff !important;
}

.OR-ListView table td,
.OR-ListView table th {
    padding: 10px;
}

._add-secon-btn {
    padding-top: 40px;
}

._addSecon-btn {
    padding-top: 23px;
}

._add-secon {
    display: inline-block;
    padding: 7px 25px 5px 7px;
    font-family: "Source Sans Pro", sans-serif;
    margin-right: 5px;
    margin-bottom: 7px;
    line-height: 1;
    font-size: 12px;
    letter-spacing: 1px;
}

._add-secon .close {
    position: absolute;
    top: 3px;
    right: 5px;
    border: none;
    outline: none;
    font-size: 22px;
}

.check_mark {
    width: 90px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 35px;
}

button {
    cursor: pointer;
    margin-left: 15px;
}

.hide {
    display: none;
}

.sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

.sa-icon.sa-success {
    border-color: #003fb4;
}

.sa-icon.sa-success::before,
.sa-icon.sa-success::after {
    content: "";
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sa-icon.sa-success::before {
    -webkit-border-radius: 120px 0 0 120px;
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
}

.sa-icon.sa-success::after {
    -webkit-border-radius: 0 120px 120px 0;
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px;
}

.sa-icon.sa-success .sa-placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(0, 63, 180, 0.5);
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2;
}

.sa-icon.sa-success .sa-fix {
    width: 5px;
    height: 90px;
    background-color: white;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.sa-icon.sa-success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

.sa-icon.sa-success {
    border-color: transparent\9;
}

.sa-icon.sa-success .sa-line.sa-tip {
    -ms-transform: rotate(45deg) \9;
}

.sa-icon.sa-success .sa-line.sa-long {
    -ms-transform: rotate(-45deg) \9;
}

.animateSuccessTip {
    -webkit-animation: animateSuccessTip 1s;
    animation: animateSuccessTip 1s;
}

.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.85s;
    animation: animateSuccessLong 0.85s;
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }

    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }

    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }

    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }

    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }

    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

.sa-icon.sa-success .sa-line {
    height: 5px;
    background-color: #003fb4;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2;
}

.sa-icon.sa-success .sa-line.sa-tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sa-icon.sa-success .sa-line.sa-long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }

    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg);
    }
}

.notiF-title {
    border-bottom: 1px solid #f7f8fa;
    color: #282828;
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
    text-align: left;
    margin-bottom: 0;
}

.top_nav .notiF,
.Qlinks {
    width: 280px;
}

.top_nav .notiF strong {
    font-size: 14px;
    font-weight: normal !important;
    display: block;
    line-height: 18px;
    margin-top: -2px;
}

.top_nav .notiF a {
    font-size: 12px;
    display: block;
    padding: 10px 12px;
    color: #282828;
    border-bottom: 1px solid #f7f8fa;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.top_nav .notiF a:hover,
.Qlinks a:hover {
    text-decoration: none;
    background-color: #f7f8fa;
}

.top_nav .notiF p {
    margin: 0;
    color: #6c747c;
}

.top_nav .notiF .all-NF {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}

._NF-se {
    padding-top: 40px;
}

._NF-se {
    padding: 10px 30px 10px 10px;
    font-family: "Source Sans Pro", sans-serif;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
}

._NF-se .close {
    position: absolute;
    top: 3px;
    right: 5px;
    border: none;
    outline: none;
    font-size: 22px;
    padding: 5px;
}

.NU-img {
    height: 32px !important;
    width: 32px !important;
    vertical-align: middle;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}

.Qlinks a {
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    line-height: 22px;
    letter-spacing: 1px;
    display: block;
    padding: 10px;
    color: #282828;
    border-bottom: 1px solid #f7f8fa;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.Qlinks img {
    height: auto;
    width: 20px !important;
    margin-right: 15px;
    float: left;
}

.AssNotification {
    font-size: 13px;
    margin-top: 20px;
}

.AssNotification thead th {
    background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
    border-bottom: none;
}

.AssNotification .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 23px;
    margin-bottom: 0;
}

.AssNotification .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.AssNotification .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.AssNotification .switch .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.AssNotification .switch input:checked + .slider {
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
}

input:focus + .slider {
    box-shadow: 0 0 1px #0094d1;
}

.AssNotification .switch input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

.AssNotification .switch .slider.round {
    border-radius: 34px;
}

.AssNotification .switch .slider.round:before {
    border-radius: 50%;
}

.sm-mt15 {
    margin: 0px;
}

.CB-view {
    font-size: 13px;
}

.CB-view thead th {
    background: linear-gradient(0deg, #f8f8f8 0%, #ffffff 100%);
    border-bottom: none;
    padding: 5px;
}

.CB-view .table td,
.table th,
.CB-view .table td,
.table th {
    font-size: 12px;
    padding: 5px;
}

.CB-view ._boxgray {
    background-color: #f9f9f9;
    border: solid 1px #e7eaed;
    padding: 5px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CB-view ._boxgray span {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.CB-view ._boxgray:hover {
    box-shadow: 0px 0px 8px 0 rgba(79, 79, 79, 0.2);
    border: solid 1px #0094d1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.CB-view .Doclink {
    margin-top: 47px;
}

.modal-full {
    min-width: 100%;
    margin: 0;
}

.modal-full .modal-content {
    min-height: 100vh;
}

.modal-full .modal-content .close {
    position: absolute;
    z-index: 100;
    right: 30px;
    top: 15px;
    font-size: 42px;
    height: 45px;
    line-height: 0px;
    border-radius: 4px;
    width: 30px;
    color: #333333;
    opacity: 0.5;
}

.modal-open .modal {
    margin: 0 !important;
    padding: 0 !important;
}

#myModal2 .modal-content {
    border: solid 1px #f0f0f0;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.6);
}

.SC-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.SC-list li {
    float: left;
    margin-right: 30px;
    padding: 2px 0px;
}

._search02 {
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0;
    box-shadow: 2px 2px 10px 0 rgba(79, 79, 79, 0.2);
    padding: 6px 10px;
    position: absolute;
    right: 20px;
    top: 15px;
    border: 1px solid #e2e6ea;
    background-color: #fff;
    letter-spacing: 0.5px;
    min-width: 230px;
    outline: none;
}

._search02:focus {
    border-bottom: 2px solid #0094d1;
}

.customer_img {
    height: 349px;
    width: 100%;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}

.max-1275 {
    max-width: 1275px;
}

._CP-detail {
    background-color: #fff;
    margin: 0;
    padding: 10px 5px;
    font-size: 12px;
    line-height: 19px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    z-index: 5;
    border-top: solid 3px #0094d1;
}

._CP-detail strong {
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
}

.HS_CO {
    padding-top: 15px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px !important;
}

.HS_CO .cp-stats {
    padding: 0px 15px 15px 15px;
}

.HS_CO .cp-stats h5 {
    font-size: 13px;
    letter-spacing: normal;
    color: #fff !important;
    margin-bottom: 5px;
}

.HS_CO .cp-stats-value {
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    padding: 11px 0px;
    margin-bottom: 5px;
}

.HS_CO .cp-stats-icon {
    position: absolute;
    right: 15px;
    top: 20px;
}

.HS_CO .cp-stats-icon img {
    width: 55px;
    opacity: 0.35;
}

.yb_border {
    background-color: #4aa23c;
    margin-bottom: 10px;
}

.yr_border {
    background-color: #f02701;
    margin-bottom: 10px;
}

.lb_border {
    background-color: #099bd7;
    margin-bottom: 10px;
}

.bb_border {
    background-color: #0c397a;
}

._left-filter {
    padding-top: 20px;
}

.inv_proforma {
    font-size: 12px;
    font-family: roboto;
}

.inv_proforma strong {
    font-weight: 500;
}

.inv_proforma .invtable {
    width: 100%;
    margin-bottom: 5px;
}

.inv_proforma .invtable th {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 500;
    line-height: 15px;
    border: 1px solid #000;
    padding: 7px;
    vertical-align: top;
    text-align: center;
}

.inv_proforma .invtable td {
    border: 1px solid #000;
    font-size: 13px !important;
    padding: 5px 7px !important;
}
.inv_proforma ._head03 {
    font-size: 20px;
}

.inv_pt {
    width: 100%;
}

.inv_pt td {
    background-color: #f6f6f6;
    border: solid 1px #fff !important;
    width: 25%;
    padding: 3px 8px !important;
}

.uline {
    font-weight: 500;
    margin-left: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    font-size: 13px;
}

.CI_logo {
    width: auto;
    height: 65px;
}

.Co-address {
    font-size: 13px;
    width: 377px;
    float: right;
    letter-spacing: 0.5px;
}

.Co-address span {
    display: block;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: solid 1px #e2e2e2;
}

.Co-address strong {
    font-weight: 500;
}

._inv-stat {
    position: relative;
    letter-spacing: 1px;
    font-size: 14px;
    margin-bottom: 14px;
    margin-bottom: 30px;
    color: #777777;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

._inv-stat-name {
    font-size: 15px;
    font-weight: 600;
    color: #0094d1;
    padding: 0px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: 0.5px;
}

._inv-stat-icon {
    position: absolute;
    right: 10px;
    top: 10px;
}

._inv-stat .bm_text {
    white-space: nowrap;
    padding-left: 5px;
}

._inv-price {
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
    margin-bottom: 7px;
    margin-top: 5px;
    padding-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    letter-spacing: 1px;
    font-family: roboto;
    color: #282828;
    text-align: center;
    border-top: solid 1px #dcdcdc;
}

._inv-status {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    padding: 5px 0px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #ababab;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: linear-gradient(to left, #fff 50%, #ababab 50%);
    background-size: 200%;
    background-position: right bottom;
}

._inv-stat-Link ._inv-send {
    color: #ffcb05;
    background: linear-gradient(to left, #fff 50%, #ffcb05 50%);
    background-size: 200%;
    background-position: right bottom;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

._inv-stat-Link ._inv-paid {
    color: #00a651;
    background: linear-gradient(to left, #fff 50%, #00a651 50%);
    background-size: 200%;
    background-position: right bottom;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

._inv-stat-Link:hover ._inv-send,
._inv-stat-Link:hover ._inv-paid,
._inv-stat-Link:hover ._inv-status {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-position: left top;
}

._inv-info {
    padding-left: 15px;
    padding-right: 15px;
    background: linear-gradient(0deg, #ffffff 0%, #f4f4f4 50%);
    padding-top: 5px;
}

._inv-stat:hover {
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

._inv-stat-Link,
._inv-stat-Link:hover {
    text-decoration: none;
}

._order-top-r {
    text-align: right;
}

._order-top-r .btn-primary {
    font-size: 13px;
    letter-spacing: 1px;
    padding: 5px 12px;
    margin-left: 5px;
}

._order-container {
    max-width: 1200px;
    padding-bottom: 70px;
}

._add-customer {
    margin-top: 0px;
}

._sa-customer {
    flex: 0 0 250px;
    max-width: 250px;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

._sa-customer .form-s2 .select2-container .select2-selection--single {
    background-color: #fff;
}

._sa-customer
    .selpluse
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow,
.productadd {
    display: none;
}

._addProduct:hover .productadd {
    display: block;
    right: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dp3 {
    padding-right: 20px;
}

.dp3 input {
    background-color: #fff;
    border: none !important;
    height: 20px;
    padding-left: 0px;
    width: 100%;
    outline: none !important;
    margin-top: 15px;
}

.date_label {
    position: absolute !important;
    z-index: 10 !important;
    top: -3px;
    font-size: 13px;
    margin: 0;
    color: #878787;
}

._date-order {
    width: 150px;
    padding-right: 15px;
}

._orderType {
    width: 190px;
    padding-right: 45px;
}

._orderType .custom-select {
    border-radius: 0;
    border: none;
    font-size: 13px;
    letter-spacing: 0.5px;
    height: calc(1.8125rem + -1px);
    padding-top: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    margin-top: -4px;
}

.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below {
    border: solid 1px #c5c5c5 !important;
    border-bottom: solid 2px #0094d1 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175) !important;
}

.calendar-icon {
    position: absolute;
    right: 7px;
    top: 11px;
    height: 24px;
    width: 24px;
    text-align: center;
    cursor: pointer;
}

.calendar-icon img {
    width: 20px;
}

._order-price {
    font-size: 22px;
    font-family: Roboto;
    font-weight: 400;
    text-align: right;
    padding-right: 15px;
    line-height: 1;
}

._order-price span {
    font-size: 13px;
    font-weight: normal;
    color: #878787;
    display: block;
    padding-bottom: 6px;
}

._add-customer ._cut-detail {
    border: solid 1px #e9e9e9;
    padding: 10px;
    font-size: 13px;
    margin-top: 10px;
}

._add-customer ._cut-detail strong {
    font-weight: 600;
}

._add-product {
    border-top: solid 3px #0094d1;
    font-size: 13px;
    margin-top: 15px;
    padding: 10px 15px;
}

._add-product .addItemCell {
    width: 206px;
    position: relative;
    padding-right: 18px;
    color: #0094d1;
    float: left;
}

.addItemCell .po-ab {
    right: 18px;
    height: 29px;
    width: 29px;
    padding-top: 4px;
}

._add-product .addItemCell2 {
    width: 98px;
    position: relative;
    text-align: right;
    padding-right: 10px;
    color: #0094d1;
    float: left;
}

._add-product .addItemCelWEIGHT {
    width: 108px;
    position: relative;
    text-align: right;
    padding-right: 10px;
    color: #0094d1;
    float: left;
}

._add-product .addItemCellcbm {
    width: 75px;
    position: relative;
    text-align: right;
    padding-left: 10px;
    color: #0094d1;
    float: left;
}

._add-product .addItemCell3 {
    width: 120px;
    text-align: right;
    position: relative;
    color: #0094d1;
    float: left;
}

.itemCellpDes {
    width: 204px;
    position: relative;
    float: left;
    padding-left: 4px;
}

._add-product ._h25 {
    height: 25px;
    margin-top: 3px;
}

.AP_heading {
    font-weight: 600;
    font-size: 13px;
    padding-bottom: 5px;
    line-height: 16px;
}

._add-product input {
    width: 100%;
    border: none !important;
    outline: none !important;
    background-color: transparent;
    text-align: right;
}

._add-product input:focus,
._add-product textarea:focus {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
    border: none;
}

._add-product .addItemCell3 input {
    text-align: right;
}

._row-product {
    border: solid 1px #fff;
    border-top: solid 1px #e9e9e9;
    padding-bottom: 5px;
    padding: 5px 0px 5px 0px;
    position: relative;
    background-color: #fff;
}

._row-product:hover {
    background-color: #fafafa;
    border: solid 1px #e9e9e9;
}

.textarea-HA,
.textarea-NOTES,
.textarea-TERMS,
.textarea-PMessage {
    overflow: hidden;
    font-size: 13px;
    width: 100%;
    border: none;
    outline: none !important;
    background-color: transparent;
}

._order-del {
    font-size: 16px;
    padding: 0px;
    margin-top: 0px;
    color: #ffffff;
    position: absolute;
    right: 20px;
    top: 0;
}

._order-del .fa {
    color: #868686;
}

._order-del:hover .fa {
    color: #f12300;
}

._row-product:hover .swap-div {
    display: inline-block;
    color: #fff;
}

.addItemCell ._emp-sele .select2-container--default .select2-selection--single {
    border: none !important;
    background-color: transparent !important;
}

.addItemCell
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    display: none;
}

.addItemCell
    .select2-container
    .select2-selection--single
    .select2-selection__rendered {
    padding-left: 0px;
    padding-right: 0px;
}

.addItemCell
    .select2-container
    .select2-selection--single
    .select2-selection__rendered:hover {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}

.swap-div {
    content: "";
    width: 3px;
    height: 22px;
    border-left: solid 1px #c8c8c8;
    border-right: solid 1px #c8c8c8;
    position: absolute;
    display: none;
    z-index: 5;
    cursor: move;
    bottom: 0px;
    top: 0;
    right: 3px;
    margin-top: auto;
    margin-bottom: auto;
}

.add-product-line {
    background-color: #f3f3f3;
    color: #282828;
    width: 100%;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 0;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
}

.add-product-line:hover {
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    color: #fff !important;
}

.sub-total {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 14px;
}

.sub-total hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

._ord-rightside {
    position: relative;
    overflow: hidden;
    font-size: 14px;
}

._ord-rightside h2 {
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    position: relative;
    font-family: "Montserrat", sans-serif;
    border-bottom: solid 2px #efefef;
    color: #282828;
    padding-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

._ord-rightLink {
    border-bottom: solid 1px #e8e8e8;
    display: block;
    color: #282828;
    padding: 15px 10px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

._ord-rightLink:hover {
    border-bottom: solid 1px #e8e8e8;
    display: block;
    color: #282828;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

._ord-rightLink:after {
    width: 1rem;
    border: 0;
    font-weight: 900;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    color: #d5d5d5;
    font-size: 22px;
    position: absolute;
    right: 15px;
    top: 21px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

._ord-rightLink:hover:after {
    right: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

._ord-rightLink ._ord-head {
    font-size: 15px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    padding-bottom: 5px;
    letter-spacing: 0.5px;
}

._ord-rightLink p {
    font-size: 13px;
    font-family: "Source Sans Pro", sans-serif;
    letter-spacing: 1px;
    margin: 0;
    color: #969696;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

._ord-rightLink:hover p {
    margin-left: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

._ord-rightLink:hover ._ord-head {
    color: #0094d1;
}

.sidenav1 {
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 0px 15px;
    display: none;
    font-size: 13px;
}

._schedulecol1,
._schedulecol2 {
    float: left;
    width: 120px;
    padding-top: 5px;
    padding-right: 10px;
}

._schedulecol3 {
    float: left;
    padding-top: 27px;
}

._schedulecol3 .fa {
    color: #282828;
    font-size: 16px;
}

._schedulecol3:hover .fa {
    color: #f12300;
}

._schedulecol1 input,
._schedulecol2 .datepicker,
.sidenav1,
#shipmentCalculation input {
    margin-top: 5px;
    border: solid 1px #e8e8e8;
    font-size: 13px;
    padding: 5px !important;
    width: 100%;
    box-shadow: none !important;
}

._schedulpay-set {
    font-size: 14px;
    letter-spacing: 0.5px;
    margin-top: 15px;
}

._schedulpay-set hr {
    margin-top: 8px;
    margin-bottom: 8px;
}

input {
    outline: none !important;
}

textarea {
    outline: none !important;
    resize: none !important;
}

.sidenav1 .custom-radio,
.sidenav1 .custom-checkbox {
    line-height: 23px;
}

._reminder {
    padding-top: 15px;
}

._reminder .col-md-4 {
    padding-right: 0px;
}

._reminder ._rdays input {
    width: 45px;
    margin: 0;
    margin-right: 10px;
}

._reminder .form-control {
    box-shadow: none !important;
}

._reminder .form-control:focus {
    border: solid 1px #e8e8e8 !important;
}

.lineH31 {
    line-height: 31px !important;
}

.sidenav1 .btn-primary {
    font-size: 13px;
    padding: 6px 13px;
}

._more-action .btn {
    background-color: #fff;
    color: #282828;
    font-weight: 600;
    position: relative;
    padding-right: 30px;
}

._more-action .dropdown-toggle::after {
    border: none !important;
    width: 1rem;
    text-align: center;
    float: right;
    font-weight: 900;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: 0;
    color: #d5d5d5;
}

._more-action .dropdown-item .fa {
    font-size: 15px;
    margin-right: 5px;
    color: #adaeb4;
}

._more-action .dropdown-item:hover .fa {
    color: #0094d1;
}

._more-action .dropdown-item {
    padding: 12px 15px;
    font-size: 13px;
    font-weight: 400;
    border-bottom: solid 1px #f3f3f3;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: normal;
    color: #282828;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #f8f9fa;
    color: #0094d1;
}

._more-action .dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: solid 1px #c5c5c5 !important;
    border-bottom: solid 2px #0094d1 !important;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.175) !important;
    min-width: 190px;
}

._notesTER {
    border-top: solid 1px #e9e9e9;
    margin-top: 5px;
    padding-top: 15px;
}

._totalBar {
    padding-top: 10px;
    border-top: solid 1px #0094d1;
}

._totalBar .addItemCell,
._totalBar .addItemCell2,
._totalBar .addItemCell3 {
    color: #282828;
}

._PR-W {
    font-size: 12px;
    color: #747474;
    text-align: right;
}

._Packinfo {
    line-height: 17px;
    color: #282828;
    padding-top: 3px;
}

._invPRINT {
    font-size: 13px;
    color: #000;
}

._invPRINT .textarea-HA,
._invPRINT .textarea-NOTES,
._invPRINT .textarea-TERMS {
    border: none;
    outline: none !important;
    background-color: transparent;
    box-shadow: none;
}

._invPRINT ._add-product {
    border-top: solid 2px #000;
}

._invPRINT ._totalBar,
._invPRINT ._add-customer ._cut-detail {
    border-color: #000;
}

._invPRINT ._add-product .addItemCell,
._invPRINT ._add-product .addItemCell2,
._invPRINT ._add-product .addItemCelWEIGHT,
._invPRINT ._add-product .addItemCellcbm,
._invPRINT ._add-product .addItemCell3,
._invPRINT ._PR-W,
._invPRINT ._order-price span {
    color: #000;
}

._invPRINT ._row-product:hover,
._invPRINT ._row-product {
    background-color: transparent;
    border: none;
    border-top: solid 1px #000;
}

._invPRINT ._notesTER {
    border: none;
}

._invPRINT .date_label {
    position: relative !important;
    display: block !important;
    line-height: normal;
    color: #000;
    top: auto;
}

._invPRINT ._add-product .addItemCell {
    width: 320px;
}

._invPRINT .itemCellpDes {
    width: 319px;
}

._invPRINT ._order-price {
    padding-right: 0;
}

._invPRINT strong {
    font-weight: 600;
}

._invPRINT ._PR-W {
    font-size: 13px;
    padding-right: 7px;
}

._INV-h .calendar-icon,
._INV-h ._OA-disply,
._INV-h .productadd,
._INV-h ._order-del,
._INV-h ._notesTER,
._INV-h .add-product-line,
._INV-h .itemCellpDes {
    opacity: 0;
}

._INV-h:hover .calendar-icon,
._INV-h:hover ._OA-disply,
._INV-h:hover .productadd,
._INV-h:hover ._order-del,
._INV-h:hover ._notesTER,
._INV-h:hover .add-product-line,
._INV-h:hover .itemCellpDes {
    opacity: 1;
}

._posno {
    line-height: 18px;
    font-size: 14px;
    margin-top: -2px;
}

._posno .date_label {
    position: relative !important;
    top: auto;
    display: block;
}

.contDiv {
    width: 262px;
    height: 97px;
    position: relative;
    overflow: hidden;
    background-image: url(../images/container.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    margin-bottom: 15px;
    float: left;
}

.contProgress {
    background-image: url(../images/container-red.svg);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    left: 0;
    top: 0;
    height: 97px;
    position: absolute;
    z-index: 5;
}

.ProgNO {
    position: absolute;
    z-index: 10;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: rgba(255, 255, 255, 1);
    text-shadow: 1px 1px 0px #00267d;
    font-family: proximanova-semibold, sans-serif;
}

.tab-content .dropify-wrapper {
    height: 120px;
    border: 1px solid #eeeeee !important;
}

.SM-cont {
    width: 167px;
    height: 64px;
}

.SM-CP {
    height: 64px;
}

.SM-PNO {
    font-size: 26px;
}

.con-mr {
    margin-right: 10px;
}

.sidenav1 .nav-pills .nav-link.active,
.sidenav1 .nav-pills .show > .nav-link,
.sidenav1 .nav-pills .nav-link {
    padding: 5px 18px;
}

.sidenav1 .nav-pills .nav-link {
    border: none;
    border-bottom: solid 2px #0094d1;
}

._PBox {
    padding-left: 5px;
    padding-right: 5px;
}

.p-box-sec {
    background-color: #fff;
    box-shadow: 0 0 3px 0 rgba(79, 79, 79, 0.2);
    position: relative;
    padding: 8px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.p-box-sec:hover {
    box-shadow: 0 0 30px 0 rgba(79, 79, 79, 0.4);
    z-index: 5;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

._Im-border {
    height: 170px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.pr_text {
    margin-top: 10px;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    letter-spacing: normal !important;
    line-height: 18px;
    font-weight: 600;
}

.p-box-sec p {
    margin: 0;
    font-size: 13px;
    height: 65px;
    overflow: hidden;
    line-height: 22px;
}

._Pro-search {
    float: right;
    margin-right: -10px;
    margin-top: 0px;
}

._Pro-search .form-control {
    height: 31px;
    font-size: 12px;
}

._brandname {
    margin-right: 10px;
    float: left;
}

._pr-Search,
._brandname {
    width: 180px;
}

._brandname .custom-select,
._pr-Search {
    border-radius: 0px !important;
    background-color: #f6f6f6 !important;
    border: none !important;
    box-shadow: none !important;
}

.cont1190 {
    max-width: 1190px;
}

.modalWindow01 {
    height: 100%;
    width: 400px;
    position: fixed;
    overflow: visible;
    top: 0px;
    right: 0px;
    z-index: 1000;
    flex: 0 0 auto;
    flex-direction: row;
    background-color: #fff;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.5);
    display: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 25px;
}

.modalShow01 {
    display: flex;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    margin-top: 0;
}

.modalWindowTitle01 {
    line-height: 45px;
    height: 45px;
    color: #fff;
    font-size: 16px;
    padding: 0 20px;
    margin: 0;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    width: inherit;
}

._MW-content01 {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

._MW-mid-content01 {
    flex: 1;
    overflow: auto;
    padding: 0px 15px 15px 15px;
    font-size: 13px;
}

.modalWindow-act01 {
    float: right;
    margin-left: 15px;
}

.modalWindow-act01 img {
    width: 15px;
}

.modalWindow-bottom01 {
    width: 100%;
    height: 51px;
    border-top: solid 1px #dce5f7;
    padding: 8px 10px 7px 10px;
    font-size: 13px;
}

.modalWindow-bottom01 .btn-primary,
.modalWindow-bottom01 .btn-cancel,
.modalWindow-bottom01 .lgray-btn,
.modalWindow-bottom01 .btn-outline {
    font-size: 13px;
}

#modalClose01 {
    cursor: pointer;
}

.Action_bottom {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 18px;
    height: 65px;
    z-index: 1000;
    border-top: 1px solid #dedede;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.align-right {
    text-align: right;
}

.button-section {
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width: 100%;
    position: absolute;
    right: 30px;
    top: 14px;
}

.Action_bottom ._AB-link {
    font-size: 13px;
    color: #282828 !important;
    margin-right: 10px;
    padding: 11px 12px 9px 12px;
    background: linear-gradient(90deg, #f2f2f2 0%, #dedede 100%);
    line-height: 1;
    letter-spacing: 1px;
    font-family: proximanova-semibold, sans-serif;
    font-weight: normal !important;
}

.Action_bottom ._AB-link:hover {
    text-decoration: none;
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    color: #fff !important;
}

.Action_bottom ._AB-link img {
    width: 18px;
    height: auto;
    margin-top: -4px;
    margin-right: 8px;
    opacity: 0.5;
}

.Action_bottom ._AB-link:hover img {
    filter: invert(100%);
    opacity: 1;
}

#paymentSettingsDiv h2 {
    padding-top: 0;
}

._ord-rightside .nav-pills {
    justify-content: left;
}

._ord-rightside .nav-pills .nav-link {
    background: linear-gradient(90deg, #fff 0, #fff 100%);
    border: 0;
    border-bottom: solid 2px #0094d1;
    color: #0094d1;
    line-height: 22px;
    text-align: center;
    width: 104px;
}

._ord-rightside .nav-pills .nav-link.active {
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    border-bottom: solid 2px #0094d1;
    color: #fff;
}

.daily-operations {
}

.daily-operations .nav_M {
    display: table;
    width: 100%;
    table-layout: fixed;
    padding: 0 !important;
    margin: 0 !important;
}

.daily-operations .nav_M .nav-item {
    float: none;
    display: table-cell;
}

.daily-operations .nav_M a,
.daily-operations .nav_M span {
    color: #d1d1d1 !important;
}

.daily-operations .nav_M .nav-link.active {
    color: #282828 !important;
    background: linear-gradient(90deg, #fff 0%, #fff 100%);
}

.daily-operations .nav_M .nav-link.active span {
    font-weight: 600;
    color: #0094d1 !important;
}

.daily-operations .nav_M a,
.daily-operations .nav_M .nav-link.active {
    text-align: center;
    color: #282828;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    position: relative;
    padding: 20px 20px 25px 20px;
    background-color: #f8f8f8;
    border: none;
    border-bottom: 2px solid #d2d2d2;
}

.daily-operations .nav_M a span {
    font-weight: 600;
    color: #d1d1d1 !important;
}

.daily-operations .nav_M .nav-link.active {
    border-bottom: 2px solid #0094d1;
    background-color: #fff;
}

.daily-operations .wz-icon {
    margin-right: auto;
    position: relative;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
    height: 40px;
    width: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    border: solid 4px #ffffff;
    margin-top: 30px;
    background-color: #d1d1d1;
    line-height: 33px;
}

.daily-operations .nav_M .nav-link.active .wz-icon {
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
}

.daily-operations .tab_M {
    padding: 30px;
    padding-bottom: 15px;
}

.daily-operations .tab-content {
    padding-bottom: 30px;
}

.btn-primary:disabled {
    color: #fff;
    background-color: #0094d1;
    border-color: #0094d1;
}

.st_boxgray {
    background-color: #f9f9f9;
    border: solid 1px #e7eaed;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    font-weight: normal;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-bottom: 25px;
}

.st_boxgray:hover {
    box-shadow: 0px 0px 8px 0 rgba(79, 79, 79, 0.2);
    border: solid 1px #0094d1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.st_boxgray span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    text-align: right;
}

._profitT {
    background: linear-gradient(90deg, #004c6b 0%, #027db0 100%);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 52px;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 0;
}

._profitT img {
    width: 42px;
    margin: 5px auto;
    display: block;
}

.Pro-COST {
    height: 23px;
    line-height: 24px;
    width: 80px;
    border: solid 1px #dddddd;
    padding: 0px 5px;
}

._product-D {
    padding: 30px;
    font-size: 14px;
    background-image: url(../images/pd-bg-img.jpg);
    background-position: right top;
    background-repeat: no-repeat;
}

._product-D ._product-IMG {
    width: 100%;
    height: auto;
}

._product-IMG {
    width: 100%;
    height: auto;
    box-shadow: 0px 0px 20px 0 rgba(79, 79, 79, 0.3);
}

._product-RS {
}

._product-RS h2 {
    font-size: 30px;
    color: #0094d1;
    margin-bottom: 15px;
}

._Cat {
    display: block;
    font-size: 16px;
    margin-bottom: 3px;
}

._Cat strong {
    width: 130px;
    display: inline-block;
    color: #0094d1;
}

._product-RS p {
    margin-top: 15px;
}

.items-available {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    margin-top: 20px;
    font-size: 13px;
}

.items-available h3 {
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 20px;
    color: #282828;
}

.items-available h3:before {
    background: #0094d1;
    position: absolute;
    width: 2px;
    height: 24px;
    left: 0px;
    top: 15px;
    content: "";
}

.items-available .btn-primary {
    font-size: 11px;
    width: auto;
    padding: 5px 7px;
    position: relative;
    z-index: 1;
    outline: none !important;
    box-shadow: none !important;
    letter-spacing: 1px;
}

.HB_item {
    color: #0094d1;
}

.items-available ul {
    margin: 0;
    padding: 0;
}

.items-available ul li {
    list-style: none;
    border-top: solid 1px #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
}

.items-available ul li:first-child {
    list-style: none;
    border-top: none;
    color: #0094d1;
}

.items-available .items-Details {
    background-color: #f2f2f2;
    margin-left: 15px;
    margin-right: 15px;
    width: auto;
    padding: 15px;
    margin-top: 15px;
}

.PT-5 {
    padding-top: 5px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.PT-10 {
    padding-top: 10px !important;
}

.PT-15 {
    padding-top: 15px !important;
}

.PT-20 {
    padding-top: 20px !important;
}

.PB-5 {
    padding-bottom: 5px !important;
}

.PB-10 {
    padding-bottom: 10px !important;
}

.PB-15 {
    padding-bottom: 15px !important;
}

.PB-20 {
    padding-bottom: 20px !important;
}

.PT-30 {
    padding-top: 30px !important;
}

.PB-30 {
    padding-bottom: 30px !important;
}

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

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 13px;
    letter-spacing: 0.5;
}

.font15 {
    font-size: 15px !important;
}

.font20 {
    font-size: 20px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-15 {
    margin: 15px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-5 {
    margin-top: 5px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30 {
    padding: 30px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-19 {
    padding-top: 19px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.PB-20 {
    padding-bottom: 20px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.PL-5 {
    padding-left: 5px !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

@media (max-width: 1440px) {
    .Inv_g-sec img {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .form-wrap {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
    }
}

@media (max-width: 1024px) {
    .form-wrap {
        padding: 0px;
    }

    .cp-stats-value {
    }

    .cell-border td,
    .cell-border th {
        padding: 0.75rem;
    }

    ._addOrderSec {
        padding: 15px;
    }

    ._addOrderSec .btn-primary {
        padding: 6px 10px;
    }

    ._pr-Search,
    ._brandname {
        width: 157px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 850px;
    }
}

@media (min-width: 768px) {
    body.fixed-nav #content-wrapper {
        padding-left: 225px;
    }

    body.fixed-nav.sidebar-toggled #content-wrapper {
        padding-left: 90px;
    }

    .navbar-nav .form-inline .input-group {
        width: auto;
    }

    .sidebar {
        width: 300px !important;
        overflow: hidden;
        flex: none;
    }

    .sidebar .nav-item .nav-link {
        display: block;
        text-align: left;
        padding: 12px 15px;
        width: 300px;
    }

    .sidebar .nav-item .nav-link span {
        display: inline;
        padding-left: 10px;
        font-size: 13px;
        font-weight: 300;
        font-family: "Montserrat", sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .sidebar .nav-item .nav-link span ._tb {
        font-weight: 600;
        padding: 0;
        margin: 0;
    }

    .sidebar .nav-item .dropdown-menu {
        position: static !important;
        margin: 0;
        top: 0;
        border-radius: 0;
        background-color: transparent;
    }

    .sidebar .nav-item.dropdown .dropdown-toggle::after {
        display: block;
    }

    .sidebar .nav-item .nav-link {
        /*	color:#b4bec4;
	border-bottom: solid 1px #0094d1*/
    }

    .sidebar .nav-item .nav-link:hover {
        color: #ffffff;
        background-color: #0238a9;
    }

    .sidebar .dropdown-item {
        font-size: 13px;
        font-weight: 300;
        background-color: #0094d1;
        border-bottom: solid 1px #0030aa;
        padding: 12px 1.5rem;
        color: #fff;
        letter-spacing: 1px;
    }

    .sidebar .dropdown-item:hover {
        background-color: #0030aa;
        color: #ffffff;
    }

    .sidebar.toggled {
        overflow: hidden;
        width: 60px !important;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .sidebar.toggled:hover {
        width: 300px !important;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
    }

    .sidebar.toggled .nav-item .nav-link span {
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
    }

    .sidebar.toggled:hover .nav-item .nav-link span {
        opacity: 1;
        transition: opacity 0.2s ease-in-out;
        -webkit-transition: opacity 0.2s ease-in-out;
    }

    .sidebar.toggled:hover .nav-item.dropdown .dropdown-toggle::after {
        display: block;
    }

    .sidebar.toggled:hover .dropdown-item {
        display: block;
    }

    .sidebar.toggled .dropdown-item {
        display: none;
    }

    .sidebar.toggled .nav-item:last-child {
        margin-bottom: 1rem;
    }

    /*.sidebar.toggled .nav-item .nav-link {
	text-align: center;
	padding: 0.75rem 1rem;
	width: 90px;
}
.sidebar.toggled .nav-item .nav-link span {
	font-size: 0.65rem;
	display: block;
}*/
    .sidebar .dropdown-menu {
        margin: 0;
        padding: 0 !important;
        border: 0;
    }

    .sidebar.toggled .nav-item .dropdown-menu {
        -webkit-transform: none !important;
        transform: none !important;
        left: calc(90px + 0.5rem) !important;
    }

    .sidebar.toggled .nav-item .dropdown-menu.dropup {
        bottom: 0;
        top: auto !important;
    }

    .sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {
        display: none;
    }

    footer.sticky-footer {
        width: 100%;
    }

    body.sidebar-toggled footer.sticky-footer {
        width: 100%;
    }
}

@media (max-width: 800px) {
    .modal-dialog {
        max-width: 97%;
    }

    .login-left,
    .login-right {
        padding: 20px;
    }

    .card .header h2,
    .card ._head03,
    .modal-title {
        font-size: 16px;
    }

    ._head01 {
        font-size: 17px;
    }

    .control-label {
        font-size: 14px;
    }

    .breadcrumb {
        font-size: 13px;
    }

    .CBR_info {
        padding-right: 20px;
        padding-left: 20px;
    }

    .ml-800 {
        margin-left: -15px;
    }

    .cp-mh {
        min-height: auto;
    }

    .customer_img {
        height: auto;
    }

    .cp-stats {
        margin-bottom: 20px;
    }

    .HS_CO .cp-stats-value {
        font-size: 20px;
    }

    ._pr-Search,
    ._brandname {
        width: 209px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    ._add-padd-btn {
        padding-top: 0px;
        text-align: right;
    }

    .auth-form .form-group input {
        max-width: 100%;
    }

    .coll-btn {
        margin-top: 0px;
    }

    .login-left,
    .login-right {
        padding: 20px;
    }

    .auth-form .col-md-6 {
        height: auto;
    }

    .login-right {
        padding: 40px;
    }

    .auth-form-wrap {
        padding: 15px;
    }

    .btn-login {
        width: 100%;
    }

    .breadcrumb {
        display: none;
    }

    .card ._head-sm {
        margin-left: 25px;
    }

    .sidebar img {
        width: 22px;
        padding-bottom: 8px;
    }

    .navbar {
        min-height: 50px;
    }

    .user_log {
        height: 36px;
        width: 36px;
        margin-right: 0;
    }

    .top_nav .nav-link {
        margin: 5px 0px;
    }

    ._logo,
    ._logo:hover {
        padding-left: 10px;
    }

    .dataTables_info {
        padding-bottom: 10px;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0094d1;
    }

    .cp-stats {
        padding: 20px;
    }

    .cp-stats p {
        font-size: 15px;
    }

    .cp-stats-icon {
        right: 15px;
        top: 15px;
    }

    .nav-tabs .nav-item {
        width: 100%;
        background-color: #fff;
        box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
    }

    .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #0094d1;
        border-color: #fff #fff #fff;
        box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
    }

    .add_button {
        top: 15px;
    }

    .add_button span {
        display: none;
    }
    #contentContainerDiv .card .btn.add_button span {
        display: none;
    }
    #v-pills-tabContent .col-md-12.mb-0 {
        padding: 0 !important;
        padding-top: 15px !important;
    }
    ._logo img {
        height: 40px;
    }

    .top_nav .nav-link .uname {
        display: none;
    }

    .usernamelab {
        display: block;
    }

    .TM_icon {
        margin-right: 22px;
        margin-top: 7px;
    }

    .navbar-nav .nav-item .nav-link .badge {
        top: 0px;
    }

    .dataTables_wrapper .dataTables_paginate ul.pagination {
        justify-content: center !important;
    }

    .logo-company img {
        width: 120px;
    }

    .CBM_val {
        margin-top: 0px;
    }

    .cus-ord-detail .left-detail {
        margin-right: 0px;
        padding: 15px;
        margin-top: 15px;
    }

    .cus-ord-detail .right-detail {
        margin-left: 0;
        margin-top: 15px;
    }

    .cb_nav {
        padding-right: 20px;
    }

    .cb_nav li a.active:after,
    .CB-account-tab .nav-link.active:after {
        display: none;
    }

    .CB-account-tab {
        padding: 15px;
    }

    .CB_info {
        margin-top: 0;
    }

    .ml-800 {
        margin-left: 0;
    }

    ._graybg {
        margin-top: 20px;
        padding-bottom: 15px;
    }

    .cp_user-l {
        min-height: auto;
    }

    ._ch-pass {
        padding-top: 10px;
    }

    ._ch-pass-p {
        padding-top: 5px;
        padding-bottom: 10px;
    }

    .tab-style .tab-pane {
        padding: 20px;
    }

    .dropify-wrapper.touch-fallback .dropify-clear {
        color: #fff;
    }

    ._user-profile-info .p-col-L {
        padding-right: 15px;
    }

    ._user-profile-info .p-col-R {
        padding-left: 15px;
    }

    ._addOrderSec .btn-primary {
        padding: 6px 20px;
        margin-bottom: 15px;
    }

    ._addOrderSec .form-s2 {
        margin-bottom: 20px;
    }

    ._add-secon-btn {
        padding-top: 15px;
    }

    .sm-mt15 {
        margin-top: 15px;
    }

    .CB-view .Doclink {
        margin-top: 15px;
    }

    .SC-list li {
        float: none;
    }

    .HS_CO .cp-stats-value,
    .HS_CO .cp-stats h5 {
        margin-bottom: 0;
    }

    .HS_CO .cp-stats {
        margin-bottom: 10px;
    }

    .HS_CO .cp-stats-icon img {
        width: 45px;
    }

    .contDiv {
        width: 460px;
        height: 167px;
    }

    ._pr-Search,
    ._brandname {
        width: 280px;
    }

    ._Im-border {
        height: auto;
        max-width: 100%;
    }

    .daily-operations .nav_M a,
    .daily-operations .nav_M .nav-link.active {
        font-size: 13px;
    }

    .daily-operations .wz-icon {
        margin-top: 25px;
    }

    .daily-operations .wz-icon .fa {
        font-size: 13px;
        line-height: 29px;
        color: #fff !important;
    }
}

@media (max-width: 480px) {
    .card .header h2,
    .card ._head03,
    .modal-title {
        font-size: 14px;
    }
    #contentContainerDiv .row.mt-2.mb-3 {
        margin-bottom: 8px !important;
    }

    .top_nav .notiF,
    .Qlinks {
        width: 250px;
    }

    ._search02 {
        position: relative;
        right: auto;
        top: auto;
        min-width: 100%;
        display: block;
        margin-top: 18px;
    }

    .contDiv {
        width: 390px;
        height: 142px;
    }

    ._pr-Search,
    ._brandname {
        width: 100%;
    }

    .daily-operations .nav_M a,
    .daily-operations .nav_M .nav-link.active {
        padding: 25px 5px;
        letter-spacing: 0;
        height: 90px;
    }
}

@media (max-width: 420px) {
    .login-right {
        padding: 30px 10px;
    }

    .login-left {
        padding: 30px 10px;
    }

    .auth-form-wrap {
        padding: 0;
    }

    .login-right h3 {
        font-size: 20px;
    }

    .dataTables_wrapper .dataTables_filter label {
        font-size: 13px;
        margin-left: -8px;
    }

    .dataTables_wrapper .dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: 80% !important;
    }

    .alert_close {
        top: 10px;
        right: 5px;
    }

    .TM_icon {
        margin-right: 15px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link,
    .nav-pills .nav-link {
        padding: 5px 10px;
        font-size: 12px;
    }

    ._add-secon {
        display: block;
    }
}

@media (max-width: 320px) {
    .TM_icon {
        margin-right: 10px;
    }

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link,
    .nav-pills .nav-link {
        padding: 5px 6px;
        font-size: 11px;
    }

    .top_nav .notiF,
    .Qlinks {
        width: 220px;
    }
}

.custom-radio-div .form-group {
    flex-direction: column;
}
.custom-radio-div .form-group label.control-label.mb-10 {
    position: relative !important;
    transform: none !important;
}
.col-md-12.pt-5.custom-radio-div .radio-group label.radio-inline {
    font-size: 14px;
    margin-right: 10px;
}
.description-textarea-div .form-group.mb-0 {
    height: auto !important;
}
.description-textarea-div .form-group.mb-0 .control-label.mb-10 {
    transform: translate3d(6px, 10px, 0) scale(1) !important;
}
.col-12.pt-5.description-textarea-div {
    margin-top: 15px;
}
.description-textarea-div .form-group.mb-0.focused .control-label {
    transform: translate3d(6px, -20px, 0) scale(0.75) !important;
}
#floating-label .form-group .form-control.incident-description-textarea {
    height: 100px !important;
    align-self: auto !important;
    border-radius: 8px;
}
@media (max-width: 480px) {
    .col-12.pt-5.description-textarea-div {
        margin-top: 12px;
    }
}
.all-incidents-div .card {
    border-radius: 0 0 8px 8px;
}
.all-incidents-div .header-tabs {
    border-radius: 8px 8px 0 0;
}
.top-cards.all-incidents-top-cards-div .col.pr-0:last-child {
    padding-right: 15px !important;
}
.top-cards.all-incidents-top-cards-div .top-st-view-val {
    color: #008ec9;
}
@media (max-width: 800px) {
    .top-cards.all-incidents-top-cards-div .row .col.pr-0 {
        max-width: 33.333%;
        flex: inherit;
        margin-bottom: 15px;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0:nth-child(3) {
        padding-right: 15px !important;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0:nth-child(6) {
        padding-right: 15px !important;
    }
    .top-cards.all-incidents-top-cards-div {
        padding-bottom: 0;
    }
}
@media (max-width: 480px) {
    .top-cards.all-incidents-top-cards-div .row .col.pr-0 {
        max-width: 50%;
        margin-bottom: 15px;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0:nth-child(odd) {
        padding-right: 0px !important;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0:nth-child(even) {
        padding-right: 15px !important;
    }
}
@media (max-width: 480px) {
    .all-incidents-div .header-tabs {
        padding-bottom: 0px;
    }
}
@media (max-width: 375px) {
    .top-cards.all-incidents-top-cards-div .row .col.pr-0 {
        max-width: 100%;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0 {
        padding-right: 15px !important;
    }
    .top-cards.all-incidents-top-cards-div .row .col.pr-0:nth-child(odd) {
        padding-right: 15px !important;
    }
}

.light-gray-border-div.incident-report-form .light-gray-div {
    padding: 0 15px 15px;
}
.light-gray-border-div.incident-report-form .light-gray-div:first-child {
    padding-top: 15px;
}
.light-gray-border-div.incident-report-form
    .light-gray-div
    .label-div
    .form-control {
    background: #e7eaed3d;
    border: solid 1px #dee2e6a8;
}
.light-gray-border-div.incident-report-form .light-gray-div h2.flex-header {
    padding: 0px 0px 0px;
    margin-bottom: 0px;
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}
.light-gray-border-div.incident-report-form
    .light-gray-div
    h2.flex-header
    .card-arrow.card-number {
    background: none;
    width: auto;
    height: auto;
    margin-left: 10px;
}
.light-gray-border-div.incident-report-form
    .light-gray-div
    h2.flex-header
    .card-arrow.card-number
    i {
    opacity: 0.6;
    width: 24px;
    height: 24px;
    background: #dee2e6;
    color: #282828;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0;
}
.light-gray-border-div.incident-report-form .light-gray-div .collapse-area-tab {
    border-top: 1px solid #e5e8ec;
    padding-top: 12px;
    margin-top: 12px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .person-info-div {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .informed-person-card {
    border: 0;
}
.light-gray-border-div.incident-report-form.information-person-div
    .light-gray-div
    .informed-person-card
    h2.flex-header {
    margin-bottom: 0;
    padding-bottom: 0;
    border: 0;
}
.collapse-area-tab .collapse-area-div {
    margin-bottom: 15px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .collapse-area-tab
    .collapse-area-div:last-child {
    margin-bottom: 0px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .informed-person-card {
    border: 0;
}
.light-gray-border-div.incident-report-form.information-person-div
    .collapse-area-tab {
    border-top: 1px solid #e5e8ec;
    padding-top: 12px;
    margin-top: 12px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .informed-person-card:last-child {
    margin-bottom: 0;
}
.light-gray-border-div.incident-report-form.information-person-div
    .card-header {
    padding: 0px 0px 0px;
    margin-bottom: 0px;
    border-bottom: 0;
}
.light-gray-border-div.incident-report-form .label-div {
    margin-bottom: 8px;
}
.light-gray-border-div.incident-report-form.information-person-div
    .informed-person-card
    .card-arrow.card-number {
    background: none;
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-right: 0;
}
.light-gray-border-div.incident-report-form.information-person-div
    .informed-person-card
    .card-arrow.card-number
    i {
    opacity: 0.6;
    width: 24px;
    height: 24px;
    background: #dee2e6;
    color: #282828;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-right: 0;
}

.light-gray-border-div.incident-upload-images .incident-upload-images-div {
    background: #e7eaed3d;
    border: solid 1px #dee2e6a8;
    border-radius: 8px !important;
    padding: 15px 15px 0;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .overlay-div {
    position: relative;
    margin-bottom: 20px;
    transition: all 0.5s;
    cursor: pointer;
    height: 250px;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .overlay-div
    .overlay-icon-div {
    position: absolute;
    width: 35px;
    height: 35px;
    /* background: #000; */
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div:hover
    .overlay-div::before
    .light-gray-border-div.incident-upload-images
    .incident-upload-images-div:focus
    .overlay-div::before {
    opacity: 1;
    transition: all 0.5s;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .overlay-div::before {
    display: none;
    content: "";
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s;
    transition: opacity 0.2s;
    border-radius: 8px;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .overlay-div
    svg {
    top: 50%;
    left: 0;
    right: 0;
    fill: #fff;
    z-index: 1;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 0 auto;
    background: #00000099;
    border-radius: 10px;
    margin: auto;
    padding: 10px;
}
.light-gray-border-div.incident-upload-images .incident-upload-images-div img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center center;
    cursor: pointer;
    border-radius: 8px;
    transition: transform 0.2s;
    max-width: 250px;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .modal-img {
    max-width: 600px;
    width: auto;
    max-height: 600px;
    height: auto;
    margin: auto;
    display: block;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .modal-body {
    padding: 20px !important;
    position: relative;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 32px;
    color: white;
    opacity: 0.9;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    cursor: pointer;
    z-index: 10;
    background: #000;
    padding: 8px;
    height: 40px;
    width: 40px;
    line-height: 1;
    margin: auto;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .close
    svg {
    width: 25px;
    height: 25px;
    margin: auto;
}
.light-gray-border-div.incident-upload-images
    .incident-upload-images-div
    .close:hover {
    opacity: 1;
}
@media (max-width: 1024px) {
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        img {
        height: 210px;
    }
}
@media (max-width: 991px) {
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        img {
        height: 250px;
    }
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        .modal-img {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        .modal-body {
        padding: 10px !important;
    }
    .light-gray-div h2 {
        font-size: 16px !important;
    }
    .light-gray-div h2 div {
        font-size: 16px !important;
    }
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        .close {
        border-radius: 8px;
        padding: 8px;
        top: 0;
        right: 0;
    }
    .card .header {
        padding: 15px 20px;
    }
}
@media (max-width: 480px) {
    footer.sticky-footer .copyright {
        padding-top: 8px !important;
    }
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        img {
        height: 220px;
        margin-bottom: 0;
        object-fit: cover;
        object-position: center center;
    }
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        .modal-img {
        height: auto;
    }
    .light-gray-border-div.incident-upload-images
        .incident-upload-images-div
        .overlay-div {
        height: auto;
    }
    .light-gray-div .label-div textarea.form-control {
        height: 90px !important;
    }
    .light-gray-div .label-div textarea.form-control {
        height: 90px !important;
    }
}
@media (max-width: 991px) {
    #integrationForm #MainContent .card {
        margin-bottom: 20px;
    }
    #integrationForm #MainContent .form-s2.pt-19.focused {
        padding-top: 0 !important;
    }
    .reportCard .img-svg img {
        margin-bottom: 10px;
    }
    #integrationForm #MainContent .col-lg-6 br {
        display: none;
    }
    #integrationForm #MainContent .col-lg-6 .assCatalogue-radio {
        margin-top: 20px;
    }
    #integrationForm #MainContent .col-lg-6 .assCatalogue-radio {
        padding-bottom: 5px !important;
    }
}

.light-gray-border-div.incident-report-form .label-tab-area {
    border: 1px solid #e5e9ec;
    padding: 5px 10px;
    border-radius: 8px;
    background: #f3f5f7;
    align-content: baseline;
    height: 100%;
}
.light-gray-border-div.incident-report-form
    .light-gray-div
    .collapse-area-tab
    .col-6 {
    margin-bottom: 15px;
}
.light-gray-border-div.incident-report-form .label-tab-area p {
    margin-bottom: 0px;
    font-family: proximanova-semibold, sans-serif !important;
}
.light-gray-border-div.incident-report-form .label-tab-area label {
    display: block;
    margin-bottom: 1px;
    font-size: 13px;
}
.label-tab-area p {
    font-size: 14px;
}
@media (max-width: 991px) {
    .light-gray-border-div.incident-report-form .collapse-area-tab .col-6 {
        flex: 0 0 33.33%;
        max-width: 33.333%;
        padding: 0 8px !important;
    }
}
@media (max-width: 767px) {
    .light-gray-border-div.incident-report-form .collapse-area-tab .col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (max-width: 425px) {
    .light-gray-border-div.incident-report-form .collapse-area-tab .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.fs-label-wrap {
    border-radius: 8px;
}

.radio-group {
    display: flex;
    gap: 20px;
    align-items: center;
    font-family: "Inter", sans-serif;
}

.custom-radio {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-size: 15px;
    color: #333;
    user-select: none;
    transition: color 0.2s ease;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-mark {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 18px;
    width: 18px;
    background-color: #f6f6f6;
    border: 2px solid #efefef;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.fs-search {
    border: 1px solid #efefef !important;
}
.custom-radio:hover .radio-mark {
    border-color: #0094d1;
}

.custom-radio input:checked ~ .radio-mark {
    background-color: #0094d1;
    border-color: #0094d1;
}

.radio-mark::after {
    content: "";
    position: absolute;
    display: none;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.custom-radio input:checked ~ .radio-mark::after {
    display: block;
}
.fs-dropdown {
    border: solid 1px #dee2e6 !important;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #f6f6f6 !important;
    color: #282828 !important;
}
@media (max-width: 425px) {
.light-gray-div .label-div textarea.form-control {
    height: 110px !important;
    line-height: 1.3 !important;
}
}