/* You can add global styles to this file, and also import other style files */

.custom-offset {
    margin-right: 1px; /* Adjust the value as needed */
}
#fileContentContainer {
    display: block;
}

#fileContentTable {
    width: 100%;
    display: table; /* Ensure the table is displayed as a table */
}


.nsm-dialog {
    max-width: 550px !important;
}

.chart-legend,
.legend-wrap {
    width      : calc(180% - 10px) !important;
    margin-left: -45px;
}

.legend-labels {
    background-color: transparent !important;
}


.completer-dropdown {
    overflow-y: scroll;
}

red {
    color: red;
}

.nsm-body {
    padding: 15px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    margin            : 0;
}

* {
    margin: 0px 0px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-size  : 12px;
    position   : relative;
    margin     : 0;
    min-height : 100vh;

}

#graph-container {
        width: 1480px; /* Set your desired width */
        height: 400px; /* Set your desired height */
    }
    
#graph {
        width: 1480px; /* Set your desired width */
        height: 400px; /* Set your desired height */
    }    

input:focus,
input.form-control:focus,
select:focus,
select.form-control:focus,
button:focus,
button.btn:focus,
textarea:focus,
textarea.form-control:focus {
    outline           : none !important;
    outline-width     : 0 !important;
    box-shadow        : none;
    -moz-box-shadow   : none;
    -webkit-box-shadow: none;
}

.f-w {
    color: #ffffff;
}

.red {
    color: #e41313;
}

.bWhite {
    background-color: #ffffff;
}

.bBlue {
    background-color: #6f8fc9 !important;
}

.bRed {
    background-color: #de1f26 !important;
}

.bSkyBlue {
    background-color: #58c5c9 !important;
}

body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
    outline: none;
}

#wmsTopHomeMenu {
    padding: 0px;
    height : 200px;
}

#wmsTopHomeMenu .wmsLogoHome {
    padding   : 10px 0px;
    margin-top: 2px;
}

ul {
    display: inline-block;
}

ul li {
    list-style-type: none;
    float          : left;
    padding        : 5px 10px;
    color          : #ffffff;
}

ul li a {
    text-decoration: none !important;
    color          : #ffffff;
}

#wmsHomeLeftTitle {
    color     : #ffffff;
    padding   : 20px;
    font      : 500 20px/32px Roboto;
    margin-top: -106px;
}

.bgColorTwoDim {
    background-color: #805ce6;
    color           : #ffffff;
    border          : 1px solid white !important;
}

#wmsHomeLeftTitle p {
    font-size: 18px;
}

.topMenuright ul {
    float     : right;
    margin-top: 10px;
}

.topMenuright .dropdown-menu.show {
    position: absolute;
    transform: translate3d(-94px, 41px, 0px) !important;
    top: 0px;
    left: -94px;
    will-change: transform;
}





.topMenuright ul li .dropdown a.dropdown-toggle {
    display: block;
}

.topMenuright ul li a i {
    font-size: 22px;
    margin   : 5px;
}

.topMenuright ul li .dropdown a.dropdown-toggle i {
    font-size: 24px;
}

.topMenuright ul li .dropdown a.dropdown-toggle:hover,
.topMenuright ul li .dropdown a.dropdown-toggle:focus {
    color: #ffffff;
}

.topMenuright .dropdown-menu.show:after,
.topMenuright .dropdown-menu.show:before {
    bottom        : 100%;
    left          : 75%;
    top           : -20px;
    border        : 10px solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
}

.topMenuright .dropdown-menu.show:after {
    border-bottom-color: #ffffff;
    border-width       : 10px;
    margin-left        : -15px;
}

.topMenuright ul li input {
    border          : 1px solid #ffffff;
    border-radius   : 30px;
    background-color: #fff0;
    padding-left    : 12px;
    font-size       : 12px;
    margin-right    : 25px;
    color           : #ffffff;
    width           : 200px;
    height          : 29px;
    margin-top      : 0px;
}

.topMenuright ul li input::placeholder {
    color    : #c7cfdc;
    font-size: 16px;
}

.topMenuright ul li button {
    background-color: #fff0;
    color           : #fff;
    border          : none;
}

.topMenuright ul li button i {
    font-size: 18px;
}

.topMenuright ul li button:focus {
    border: none;
}

.topMenuright ul li .dropdown a.dropdown-item {
    font-size: 12px;
    color    : #000;
}

.topMenuright ul li .dropdown a.dropdown-item:nth-child(1) {
    border-bottom: 1px solid #e6e6e6;
}

.topMenuright ul li .dropdown a.dropdown-item i {
    font-size     : 14px;
    vertical-align: sub;
    color         : #3f51b5;
}

.topMenuright a {
    color    : rgb(255, 255, 255);
    font-size: 20px;
}

#bodyInrCenter {
    background-color : #ebe9e9;
    margin           : 0px 0px;
    position         : relative;
    /* padding-bottom: 20px; */
    height           : 100%;
}

#bodyInrCenter .col-md-2 p {
    font-size : 13px;
    padding   : 10px 5px;
    font-style: italic;
    color     : #38393d;
}

.wmsHomeMenus {
    margin-right    : 30px;
    margin-left     : 20px;
    /* background   : #FFFFFF; */
    /* box-shadow   : 1px 1px 10px #00000029; */
    /* border-radius: 15px; */
    /* padding      : 10px 20px; */
}

/* @keyframes slidein { */
/* from { */
/* margin-left: 100%; */
/* width: 300%;  */
/* } */

/* to { */
/* margin-left: 0%; */
/* width: 100%; */
/* } */
/* } */

/* .wmsHomeMenus a { */
/* animation-duration: 3s; */
/* animation-name: slidein; */

/* } */

.wmsHomeMenus .HmenusBg {
    padding: 5px 5px;
}

.wmsHomeMenus a {
    background     : #fff;
    border-radius  : 10px;
    color          : #38393d;
    text-decoration: none;
    display        : inline-block;
    padding        : 20px 0;
    text-align     : center;
    font-size      : 12px;
    border         : 1px solid #efefef;
    width          : 100%;
    box-shadow     : 0 1px 4px 0 #ccc;
}

.wmsHomeMenus a img {
    width : 33%;
    height: 54px;
}

.wmsHomeMenus a p {
    color     : #38393d;
    margin-top: 20px;
    font-size : 14px;
}

.homeRightPanl {
    position  : absolute;
    width     : 100%;
    top       : -95px;
    /* display: none; */
}

.homeNotifcation {
    background   : #ffffff;
    box-shadow   : 1px 1px 10px #00000029;
    border-radius: 15px;
    padding      : 10px 20px;
    margin-bottom: 20px;
    overflow     : auto;
}

.homeNotifcation .notfctionTitle {
    color    : #38393d;
    padding  : 3px 0px;
    font-size: 12px;
}

.homeNotifcation .notfctionTitle h6 {
    font-size: 12px;
}

.homeNotifcation .notfctionTitle a {
    color: #2b3364;
}

.homeNotifcation p {
    box-shadow   : 0 4px 6px -2px #70dff3;
    font-size    : 11px;
    padding      : 5px 10px;
    margin-bottom: 10px;
}

.homeNotifcation a {
    color: #000000;
}

.ntiBG_blue {
    background-color: #509dd6;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
    margin-left     : -10px;
    height          : 21px;
}

.ntiBG_red {
    background-color: #f10a0a;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
    margin-left     : -10px;
    height          : 23px;
    width           : auto;
}

.ntiBG_green {
    background-color: #5dac88;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
    margin-left     : -10px;
}

.ntiBG_orange {
    background-color: orange;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
    margin-left     : -10px;
    height          : 23px;
    width           : auto;
}

.ntiBG_yellow {
    background-color: #f4cf63;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
    margin-left     : -10px;
    height          : 23px;
    width           : auto;
}

.ntiBG_pink {
    background-color: #d96688;
    color           : #ffffff;
    padding         : 4px;
    border-radius   : 30px;
    margin-right    : 6px;
}

#wmsQuickLinks {
    background-image: url('/Img/bottomBG.jpg');
    background-size : contain;
    box-shadow      : 1px 1px 10px #00000029;

    padding   : 15px 0px;
    width     : 100%;
    margin-top: 10px;
}

#wmsQuickLinks h4 {
    position   : relative;
    font-size  : 14px;
    color      : white;
    padding    : 5px;
    margin     : 0px;
    margin-left: -15px;
    width      : 80%;
    text-align : center;
    margin-top : 3px;
    border     : 1px solid white;
}

#wmsQuickLinks h4 i,
span {
    line-height: 30px;
}

#wmsQuickLinks h4:before {
    content      : "";
    position     : absolute;
    width        : 0;
    height       : 0;
    border-top   : 21px solid transparent;
    border-left  : 21px solid #ffffff;
    border-bottom: 21px solid transparent;
    right        : -20px;
    top          : -1px;
}

@media screen and (min-width: 1370px) and (max-width: 1920px) {
    #wmsQuickLinks {
        margin-top: 40px;
    }
}

@media screen and (min-width: 1370px) and (max-width: 1920px) {
    #overviewFooterBG {
        margin-top: 40px;
    }
}

#wmsQuickLinks {
    color   : #ffffff;
    padding : 15px 0px;
    position: relative;
    right   : 0;
    bottom  : 0;
    left    : 0;
    margin  : auto;
}

#wmsQuickLinks .quickLinks {
    padding        : 5px;
    text-decoration: none;
    font-size      : 12px;
    text-align     : center;
    display        : grid;
}

#wmsQuickLinks .quickLinks a {
    color          : #ffffff;
    text-decoration: none;
    padding        : 7px 10px;
    border         : 1px solid #ffffff;
    border-radius  : 5px;
}

/* ============== Inner page Style code ================ */

#inTop {
    
}

#inTop .row {
    margin: auto;
}

#inTop .inLogo {
    /* background-color: #ffffff; */
}

#inTop .inMenus {

    background-repeat: repeat-y;
    background-size  : 100%;
    height           : 97px;

}

#inTop .inMenus .topMenuright {
    display          : flow-root;
    background-repeat: repeat-y;
    background-size  : 100%;
    margin-right     : -14px;
    height           : 100%;

}

.inMenusRightSide {

    display          : flow-root;
    background-repeat: repeat-y;
    background-size  : 100%;
    margin-right     : -14px;
   
	
}

#inTop .inMenus .topMenuright ul {
    margin: auto;
}

img {
    height      : 21px;
    margin-right: 5px;
}

img.menuColrIcon {
    display: none;
}

/* =========== main Menus =========== */

#inTop .inMenus .inMenusRightSide ul {
    display    : flex;
    margin     : 2px;
    padding    : 0px;
	width: -webkit-fill-available;

	
}

#inTop .inMenus .inMenusRightSide ul li {
    list-style-type: none;
    float          : left;
    font-size      : 12px;
    position       : relative;
    padding        : 0px;
	margin-top     :0px;
}

#inTop .inMenus .inMenusRightSide ul li a {
    text-decoration: none;
    padding        : 12px 8px 2px 16px;
    margin         : 2px 8px;
    height         : 49px;
    display        : inline-block;
    text-transform : uppercase;
    font-size      : 10px;
    display        : inline-flex;
    margin-bottom  : -16px;
    font-weight    : 500;

}

#inTop .inMenus .inMenusRightSide ul li:hover a {
    background             : #ffffff;
    color                  : red !important;
    text-decoration        : none;
   padding        : 12px 8px 2px 16px;
   margin         : 2px 8px;
    height                 : 40px;
    display                : inline-block;
    text-transform         : uppercase;
    font-size              : 10px;
    display                : inline-flex;
    margin-bottom          : -16px;
    font-weight            : 500;
    border-top-left-radius : 5px;
    border-top-right-radius: 5px;
    /*  background         : #ffffff;
  color                    : #2b3364;
  text-decoration          : none;
  padding                  : 9px 5px 8px 0px;
  margin                   : 0px 5px;
  font-size                : 10.5px;
  border-top-left-radius   : 5px;
  border-top-right-radius  : 5px;
  font-weight              : 500; */

}

#inTop .inMenus .inMenusRightSide ul li:hover a img.menuWhiteIcon {
    display: none;
}

#inTop .inMenus .inMenusRightSide ul li:hover a img.menuColrIcon {
    display: inline-block;
}

/* =============== Top Menu Icons Color Change ================== */
#inTop .inMenus .inMenusRightSide ul li #subMenus {
    display: none;
}

#inTop .inMenus .inMenusRightSide ul li #subMenus li {
    margin-top: 4px;
}

#subMenus {
    display: none;
}
#inTop .inMenus .inMenusRightSide ul li.active #subMenus {
   color:black!important;
}

#inTop .inMenus .inMenusRightSide ul li:hover #subMenus {
    position   : absolute;
   /*  display    : -webkit-box */;
    margin-left: 0px;
    margin-top : 0px;
    width      : max-content;
}

#inTop .inMenus .inMenusRightSide ul li:hover #subMenus .active a {
    color: #f3476f;
}

#inTop .inMenus .inMenusRightSide ul li:hover #subMenus li a {
    background: none;
    color     : #38393d;
    padding: 20px 10px 10px 10px;
}

#inTop .inMenus .inMenusRightSide ul li #subMenus li:hover a {
    color: #46ceaf;
}

/* ============= inner Body page =============== */

#inBody {
    background-color: #f1f1f1 !important;
    padding-top     : 10px;
    padding         : 10px 0px;
}

#inBody .row {
    margin: auto;
}

.udcBtns ul {
    background-color: #fff;
    padding         : 0px;
    border          : 1px solid #15d6ce;
    border-radius   : 10px;
    font-size       : 12px;
    margin-bottom   : 0px;
}

.udcBtns ul li {
    padding     : 0px;
    line-height : 40px;
    margin-right: 5px;
}

.udcBtns ul li:last-child {
    margin-right: 0px;
}

.udcBtns ul li a {
    color       : #707070 !important;
    padding     : 12px 25px;
    padding-left: 0px;
}

.udcBtns ul li a:hover {
    background-color: #15d6ce;
    border-radius   : 10px;
    border          : 1px solid #15d6ce;
    margin-left     : -1px;
    margin-right    : -1px;
    color           : #ffffff !important;
    padding-bottom  : 15px;
    padding-top     : 11px;
}

.udcBtns ul li a i.material-icons {
    background               : #0ed7ce;
    padding                  : 7px;
    border-bottom-left-radius: 22px !important;
    border-top-left-radius   : 22px !important;
    border-radius            : 50px;
    margin                   : 3px;
    color                    : #ffffff;
}

/* =============== Form Box =============== */

.formBox {
    background-color: #ffffff;
    padding         : 25px 0px;
    border-top      : 1px solid #15d6ce;
    border-radius   : 10px;
    margin-top      : 25px;
    padding-bottom  : 0px;
}

.formBox .formTitle {

    background-color: #daedec;
    border-radius   : 30px;
    width           : 52%;
    margin          : -44px 20px 25px 30px;
    color           : #15d6cc;
    border          : 1px solid #15d6cc;
}

.portlet.portlet-fullscreen .formBox .formTitle {
    margin: -20px 20px 25px 30px;
}

.formBox .formTitle h4 {
    padding  : 12px 20px;
    font-size: 11px;
    margin   : auto;
    display  : inline-block;
}

.formBox .formTitle .float-right i {
    vertical-align: middle;
    cursor        : pointer;
    padding       : 8px;
    font-size     : 22px;
}

.formBox .col-sm-4 {
    padding-right: 0px;
}

.red u {
    color    : #ed2024;
    font-size: 12px;
}

.col-form-label {
    padding-top   : calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom : 0;
    font-size     : 12px;
    line-height   : 1.5;
}

.formBox .form-group {
    margin-bottom: 10px !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}

.formBox .form-control,
.selectpicker {
    font-size: 10px;
    height   : auto !important;
}

.form-control {
    font-size: 12px !important;
    height   : auto !important;
}

.formBox .bootstrap-select .filter-option {
    display                : inline-block;
    font                   : normal normal normal 14px/1 FontAwesome;
    font-size              : inherit;
    text-rendering         : auto;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.formBox .bootstrap-select .filter-option:before {
    content   : "\f0dc";
    float     : right;
    margin-top: 4px;
}

.formBox .bootstrap-select .filter-option .filter-option-inner-inner {
    font-family: "Roboto", sans-serif;
    margin-top : 3px;
    font-size  : 10px;
}

.formBox .bootstrap-select>.dropdown-toggle {
    font-size: 12px;
    border   : 1px solid #b6b6b6;
}

.formBox .bootstrap-select .dropdown-menu li {
    font-size: 12px;
    width    : 100%;
    padding  : 0px;
}

.formBox .bootstrap-select .dropdown-menu li .dropdown-item {
    padding      : 0px 10px;
    border-bottom: 1px solid #f5eeee;
}

.formBox .bootstrap-select .dropdown-menu li .dropdown-item.active,
.dropdown-item:active {
    color          : #15d6ce;
    text-decoration: none;
    background     : none;
}

.formBox .iHelp {
    position: relative;
}

.formBox .iIcon {
    color    : #2b3364;
    position : absolute;
    left     : -8px;
    font-size: 18px;
    top      : 5px;
}

.valiError {
    border-bottom: 2px solid #d21919;
}

.valiSucess {
    border-bottom: 2px solid #06b723;
}

.btn-green {
    background-color: #15d6ce;
    border-radius   : 5px;
    padding         : 7px 23px;
    padding-top     : 5px;
    color           : #ffffff;
    font-size       : 12px;
    font-weight     : 550;
}

.btn-green:disabled {
    cursor: not-allowed;
}

.btn-white {
    background-color: #6d6d6d;
    border-radius   : 5px;
    padding         : 7px 23px;
    padding-top     : 5px;
    color           : #ffffff;
    font-size       : 12px;
    font-weight     : 550;
}

.formBox .table.table-striped thead {
    background-color: #15d6ce;
    color           : #7b6aad;
}

.formBox .table.table-striped tbody tr td span.btn i:hover {
    background: #06bab2;
    cursor    : pointer;
}

.wmsDataTables {
    background-color: #ffffff;
    padding         : 6px;
    font-size       : 12px;
    border-radius   : 10px;
    margin-top      : 10px;
    box-shadow      : 0px 0px 6px 1px #ccc;
    text-align      : center;
    overflow-x:auto;
}

.wmsDataTables .page-link {
    padding: 0.3rem 0.75rem;
}

.wmsDataTables .table.table-striped thead {
    background-color: #acacef !important;
    color           : white !important;
}

.wmsDataTables .table-striped thead td,
.table-striped thead th {
    color              : white !important;
    border-bottom-width: 0px;
    font-size          : 12px;
    overflow-y         : auto;
}

.wmsDataTables .table td,
.table th {
    border-right  : 1px solid #dee2e6;
    border-bottom : 1px solid #dee2e6;
    border-top    : none;
    vertical-align: middle;
    font-size     : 13px;
}

.wmsDataTables .table th {
    font-size: 13px;
    position: sticky; /* Make sure to include position: sticky */
    overflow-y: auto;
}

.wmsDataTables th.sticky {
    position: sticky;
    top: 0;
    background-color:rgb(100, 120, 150);
    z-index: 1;
}




.wmsDataTables .table td span.btn i {
    padding: 5px;
    cursor : pointer;
}

.wmsDataTables .table td span.btn i:hover {
    background: #049be3;
}

.wmsDataTables .table td:first-child,
.table th:first-child {
    border-left: 1px solid #dee2e6;
}

.wmsDataTables .table tbody {
    border-bottom: 1px solid #dee2e6;
    text-align   : center;
    font-size    : 12px;
}

.wmsDataTables .table-striped tbody tr:nth-of-type(odd) {
    background-color: #eeedf2;
}

.wmsDataTables table.dataTable {
    border-collapse: collapse !important;
}

.wmsDataTables .page-item.active .page-link {
    color           : #fff;
    background-color: #2db3f3;
    border-color    : #2db3f3;
}

.wmsDataTables .page-link {
    border-radius: 6px;
    color        : #0074cc;
}

.TermsAndConditions {
    background-color: #ffffff;
    padding         : 25px;
    margin-bottom   : 20px !important;
    border-radius   : 10px;
}

.TermsAndConditions .col-md-4 {
    line-height: 110px;
}

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

.portlet.portlet-fullscreen {
    animation: zoominoutsinglefeatured 0.5s forwards;
}

@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.panel-collapsed .hideIcon {
    display: block;
}

.formBox .formTitle .float-right i.fullscreen {
    transform: rotate(30deg);
}

.formBox .formTitleHover {
    display: none;
}

.portlet.portlet-fullscreen .formBox .formTitleHover {
    display      : block;
    width        : 92%;
    border-bottom: 1px solid #b6b6b6;
    padding      : 10px;
    margin-bottom: 25px;
    margin-left  : 30px;
    margin-top   : 10px;
}

.portlet.portlet-fullscreen .formBox .formTitle {
    display: none;
}

.portlet.portlet-fullscreen .formBox .formTitleHover i.rotetIcon {
    transform  : rotate(-30deg);
    margin-left: 10px;
}

.portlet.portlet-fullscreen .formBox .formTitleHover .float-right i.fullscreen {
    cursor: pointer;
}

.portlet.portlet-fullscreen .formBox .scrollbar {
    min-height: 400px;
}

.scrollbar {
    height       : 200px;
    overflow-y   : auto;
    overflow-x   : scroll;
    margin-bottom: 10px;
    overflow     : auto;
}

#style-8::-webkit-scrollbar-track {
    border-radius   : 5px;
    background-color: #b6b6b6;
}

#style-8::-webkit-scrollbar {
    border-radius   : 5px;
    width           : 8px;
    background-color: #b6b6b6;
}

#style-8::-webkit-scrollbar-thumb {
    background-color: #15d6ce;
    border-radius   : 5px;
}


/* ==== example ==== */

.wmsDataTables #example_wrapper {
    overflow-y: auto;
    display   : block;
}

.wmsDataTables #example_wrapper::-webkit-scrollbar-track {
    border-radius: 5px;

    background-color: lightgray !important
}

.wmsDataTables #example_wrapper::-webkit-scrollbar {
    border-radius   : 5px;
    height          : 10px;
    background-color: #ededfb !important;


}

.wmsDataTables #example_wrapper::-webkit-scrollbar-thumb {

    background-color: #ededfb !important;
    border-radius   : 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    border-radius   : 5px;
    padding         : 2px 12px;
    background-color: #ededfb !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #acacef !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color        : white !important;
    border       : 1px solid #049be3;
    background   : #049be3;
    padding      : 2px 12px;
    border-radius: 5px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing     : border-box;
    display        : inline-block;
    min-width      : 1.5em;
    padding        : 1px 1em;
    margin-left    : 2px;
    text-align     : center;
    text-decoration: none !important;
    cursor         : pointer;
    cursor         : hand;
    color          : #333333 !important;
    border         : 1px solid transparent;
    border-radius  : 2px;
}

.dataTables_wrapper .dataTables_paginate {
    float         : right;
    text-align    : right;
    padding-top   : 0.25em;
    /* padding-top: 9px; */
    padding-bottom: 6px;
}

.wmsDataTables #example_wrapper select,
input {
    padding         : 0.3rem 0.35rem;
    font-size       : 12px;
    line-height     : 1.5;
    color           : #495057;
    background-color: #fff;
    background-clip : padding-box;
    border          : 1px solid #ced4da;
    border-radius   : 0.25rem;
    transition      : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.wmsDataTables #example_wrapper select:focus,
input:focus {
    border-color: #80bdff;
}

/* ==== example ==== */

/* ==== example 1 ==== */
.wmsDataTables #example1_wrapper {
    overflow: auto;
    display : block;
}

.wmsDataTables #example1_wrapper::-webkit-scrollbar-track {
    border-radius   : 5px;
    background-color: #b6b6b6;
}

.wmsDataTables #example1_wrapper::-webkit-scrollbar {
    border-radius   : 5px;
    height          : 10px;
    background-color: #b6b6b6;
}

.wmsDataTables #example1_wrapper::-webkit-scrollbar-thumb {
    background-color: #805ce6;
    border-radius   : 5px;
}

/* ==== example 1 ==== */

.table thead tr th {
    color       : #ffffff;
    font-size   : 12px !important;
    border      : none;
    text-align  : center;
    border-right: 1px solid #b6b6b6;
}

.wmsLayoutTitle {
    background-color: #ffffff;
    padding         : 20px 0px;
    text-align      : center;
}

.wmsLayoutTitle h4 {
    color      : #3a56a6;
    font-weight: 600;
}

#zone1 {
    background-color: #ffffff;
    border          : 2px solid #07828a;
    margin          : 10px 0px;
}

#zone1 .boxRack {}

.boxRack .col-md-10 {
    margin-top: 20px;
}

#zone1 .boxLevel {
    border : 1px solid #2b2b2b;
    margin : 5px;
    padding: 5px;
}

#zone1 ul {
    padding: 0px;
    margin : 0px;
}

#zone1 ul li {
    background-color: #bcbcbc;
    margin          : 2px;
    padding         : 0px 0px 4px 0px;
    position        : relative;
    font-size       : 10px;
}

#zone1 ul li .RckLocton {
    padding      : 2.8px;
    border-bottom: 1px solid #fff;
}

#zone1 ul li .RckLocton:hover {
    background-color: #07828a !important;
    cursor          : pointer;
}

#zone1 ul li:hover #binHoverDiv {
    display: block;
}

#zone1 ul li #binHoverDiv {
    position        : absolute;
    z-index         : 999;
    background-color: #07828a;
    width           : 305px;
    display         : none;
    right           : 40px;
    bottom          : 0px;
}

#zone1 ul li #binHoverDiv ul {}

#zone1 ul li #binHoverDiv ul li {
    float     : none;
    text-align: left;
    background: none;
}

#zone1 ul li #binHoverDiv:after {
    color        : #07828a;
    border-left  : 13px solid;
    border-top   : 13px solid transparent;
    border-bottom: 13px solid transparent;
    display      : inline-block;
    content      : "";
    position     : absolute;
    right        : -13px;
    bottom       : 0px;
}

#zone1 ul li #binHoverDiv ul li .media {}

#zone1 ul li #binHoverDiv ul li .media .binGryBG {
    background-color: #d9d9d8;
    border          : 1px solid #ffffff;
    width           : 25px;
    height          : 25px;
}

#zone1 ul li #binHoverDiv ul li .media .binGryBlueBG {
    background-color: #8597b0;
    border          : 1px solid #ffffff;
    width           : 28px;
    height          : 22px;
}

#zone1 ul li #binHoverDiv ul li .media .binRedBG {
    background-color: #ed2024;
    border          : 1px solid #ffffff;
    width           : 25px;
    height          : 25px;
}

/* =========== New Login Page ============== */
#ccsloginBG {
    /*   background-image: url(assets/loginBG1.jpg); */
    background-image: url(assets/img3.jpg);
    background-size : cover;
    box-shadow      : 1px 1px 10px #00000029;
    margin          : 0px 0px;
    padding         : 10px 0px;
    height          : 100vh;
}

#ccsloginBG .ccsloginDiv {
    background-color   : #ffffff;
    padding            : 20px 50px;
    box-shadow         : 1px 1px 10px #0000001a;
    border-radius      : 10px;
    padding-bottom     : 50px;
    /* background-image: url(assets/loginpagenew.jpg); */
    background-image   : url(assets/CCSloginpagenew.jpg);
    height             : 500px;
    margin-top         : 50px;
}

.ccsheading_left h6 {
    margin-top: 50px;
    color     : gold;
    font-size : 20px;
}

.ccsheading_left_para p {
    margin-top: 10px;
    color     : #fff;
}

.ccsheading_left_sign p {
    margin-top: 50px;
    color     : #fff;
}

.ccsheading_left_sign a {
    color      : gold;
    font-weight: 600px;
    font-size  : 12px;
}

.ccsloginDiv1 {
    background-color   : #ffffff;
    padding            : 10px 50px;
    box-shadow         : 1px 1px 10px #0000001a;
    border-radius      : 10px;
    padding-bottom     : 50px;
    /* background-image: url(../img/loginBG.jpg); */
    height             : 295px;
    margin-top         : 90px;
    width              : 295px;
}

.ccsloginDiv1 h6 {
    text-align   : center;
    margin-top   : 4px;
    font-weight  : 600;
    margin-bottom: 26px;
    font-size    : 16px;
}

.ccsloginInput_label input {
    color        : black;
    border       : none;
    border-bottom: 1px solid black;
    padding-right: 73px;
    margin-left  : -21px;
    font-size    : 14px;
}

.ccsloginInput_label img {
    position: absolute;
    bottom  : 6px;
    right   : 0px;
}

.ccsloginInput_label label {
    font-size  : 11px;
    color      : black;
    margin-top : -11px;
    margin-left: -21px;
    font-size  : 14px;
}

.ccsloginInput_label_password input {
    color        : black;
    border       : none;
    border-bottom: 1px solid black;
    padding-right: 73px;
    margin-left  : -21px;
    font-size    : 14px;
}

.ccsloginInput_label_password img {
    position: absolute;
    bottom  : 99px;
    right   : -124px;
}

.ccsloginInput_label_password label {
    font-size  : 11px;
    color      : black;
    margin-top : -11px;
    margin-left: -21px;
    font-size  : 14px;
}

.ccsforget_create {
    margin-left: -27px;
}

.ccsforgot_password {
    margin-left: 56px;
}

.ccsforget a {
    font-size: 11px;
}

.ccsforget {
    margin-top: 3px;
}

.ccscustom-checkbox label {
    font-size    : 10px;
    margin-bottom: 5px;
}

/* =========== New Login Page ============== */


/* =========== Login Page ============== */


.imageCall{
background-image: url('/static/assets/gon.png')!important;
width:100px;
height:100px;

}

th,td {
            /* Additional styles for table cells */
            padding: 8px;
            border: 1px solid #dee2e6;
        }

#loginBG {
    background-image   : url(assets/supplychainbg.jpg);
    /* background-image: url(assets/img3.jpg); */
    background-size    : cover;
    /*  box-shadow     : 1px 1px 10px #00000029; */
    margin             : 0px 0px;
    padding            : 10px 0px;
    height             : 100vh;
}

#loginBG .loginDiv {
    background-color   : #ffffff;
    padding            : 20px 50px;
    box-shadow         : 1px 1px 10px #0000001a;
    border-radius      : 10px;
    padding-bottom     : 50px;
    background-image   : url(assets/image.jpg);
    /* background-image: url(assets/CCSloginpagenew.jpg); */
    height             : 500px;
    margin-top         : 40px;
    width              : 832px;
}

.heading_left h6 {
    margin-top: 50px;
    color     : darkblue;
    font-size : 20px;
}

.heading_left_para p {
    margin-top: 10px;
    color     : #fff;
}

.heading_left_sign p {
    margin-top: 50px;
    color     : #fff;
}

.heading_left_sign a {
    color      : gold;
    font-weight: 600px;
    font-size  : 12px;
}

.loginDiv1 {
    background-color   : #ffffff;
    padding            : 10px 50px;
    box-shadow         : 1px 1px 10px #0000001a;
    border-radius      : 10px;
    padding-bottom     : 50px;
    /* background-image: url(../img/loginBG.jpg); */
    height             : 295px;
    margin-top         : 90px;
    width              : 295px;
}

.loginDiv1 h6 {
    text-align   : center;
    margin-top   : 4px;
    font-weight  : 600;
    margin-bottom: 26px;
    font-size    : 16px;
}

.loginInput_label input {
    color        : black;
    border       : none;
    border-bottom: 1px solid black;
    padding-right: 73px;
    margin-left  : -21px;
    font-size    : 14px;
}

.loginInput_label img {
    position: absolute;
    bottom  : 6px;
    right   : 0px;
}

.loginInput_label label {
    font-size  : 11px;
    color      : black;
    margin-top : -11px;
    margin-left: -21px;
    font-size  : 14px;
}

.loginInput_label_password input {
    color        : black;
    border       : none;
    border-bottom: 1px solid black;
    padding-right: 73px;
    margin-left  : -21px;
    font-size    : 14px;
}

.loginInput_label_password img {
    position: absolute;
    bottom  : 99px;
    right   : -124px;
}

.loginInput_label_password label {
    font-size  : 11px;
    color      : black;
    margin-top : -11px;
    margin-left: -21px;
    font-size  : 14px;
}
thead{
	background-color: #acacef;
	color:white
}

.forget_create {
    margin-left: -27px;
}

.forgot_password {
    margin-left: 56px;
}

.forget a {
    font-size: 11px;
}

.forget {
    margin-top: -25px !important;
}

.custom-checkbox label {
    font-size    : 10px;
    margin-bottom: 5px;
}

.custom-control {
    position    : relative;
    display     : block;
    min-height  : 1.5rem;
    padding-left: 10px;
}

.btn-loginGreen {
    background-color: rgba(27, 143, 23, 0.933);
    border-radius   : 27px;
    padding         : 7px 38px;
    color           : #ffffff;
    font-size       : 14px;
    box-shadow      : 1px 1px 10px #2b336480;
    /*  margin-top  : -20px; */
}

.btn-loginGreen:hover {
    color: white;

}

.remember {
    margin-left: -19px;
}

.loginDiv .custom-checkbox .custom-control-label {
    line-height: 25px;
    margin-left: 7px;
}

.btn-darkblue {
    background-color: #0dd971;
    border-radius   : 5px;
    padding         : 4px 14px;
    padding-top     : 5px;
    color           : #ffffff;
    font-size       : 12px;
}

.table-text .col-sm-3 {
    margin-left : 260px;
    padding-left: 229px;
    font-size   : 12px;
    margin-top  : -43px;
}

.table-text .form-control {
    font-size : 12px;
    margin-top: -43px;
}

.drop-status .col-md-3 .btn-active {
    background-color: #06b723;
    height          : 20px;
}

.drop-status .col-sm-3 .btn-active .input {
    height: 20px;
}

.drop-status .toggle-group .btn-default {
    background-color: #f5ffff;
    color           : #38393d;
    line-height     : 0.9 !important;
    border          : 1px solid #3e3e42;
    border-radius   : 20px;
}

.drop-status .toggle-group .btn-primary {
    background-color: #0ed7ce;
    line-height     : 1.11 !important;
    border          : 1px solid #0ed7ce;
    border-radius   : 20px;
}

.drop-status .toggle.btn {
    height    : 30px !important;
    cursor    : pointer;
    min-height: 30px;
}

.drop-status .toggle.btn-primary {
    background: none;
    border    : none;
}

.top-input-label {
    /*   background-image: linear-gradient(to right, #47b6b185, #4136b0a6);
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 10px;
  margin-bottom: 17px;
  color: #fff;
  box-shadow: 1px 2px 5px 2px #ccc; */

    background-color: white;
    box-shadow      : 0 0 0 2px white;
    border-radius   : 10px;
    padding         : 5px;
}

.top-input-labelInnerPages {
    background-color         : #ebe9e9;
    box-shadow               : 0 0 0 2px white;
    border-bottom-left-radius: 50px;
    border-top-right-radius  : 50px;
    padding                  : 5px;
}

.topInputWhichBackGround {
    background-color         : white;
    border-bottom-left-radius: 50px;
    border-top-right-radius  : 50px;
    padding                  : 20px;
}

.emptyBackGround {
    background-color: white;

    padding-top   : 8px;
    padding-bottom: 8px;
    border-radius : 10px;
    margin-bottom : 17px;
    color         : black;
    box-shadow    : 1px 2px 5px 2px #ccc;
}


.top-input-label .col-md-3 {
    padding: 0px;
}

.top-inner-button {
    margin-left: 500px;
}

.top-input .form-control {
    font-size: 12px;
}

.wmsDataTables .btn-pink {

    padding: 2px;
    color  : black;
    display: inline-flex;
}

.wmsDataTables .btn-blue {
    padding-right: 4px;
}

.wmsDataTables {
    margin-bottom: 27px;
}

.table-right .btn-pink {
    background: #15d6ce;
    padding   : 2px;
    color     : white;
}

.fa-trash:hover {
    color     : black !important;
    background: transparent !important;
}


.table-right .btn-blue {
    padding-right: 4px;
}

.table-right {
    margin-bottom: 20px;
}

.table-right .btn-pink {}

.right-panel {
    margin-top: -21px;
}

.vechile-button {
    margin-top: 350px;
}

.allocated {
    background-color: #2db3f3;
    font-size       : 12px;
    padding         : 10px;
    color           : #ffff;
    border-radius   : 10px;
}

.header-title {
    background-color: #6f81e4;
    color           : #fff;
    height          : 35px;
    margin-top      : 18px;
    padding-top     : 10px;
    padding-left    : 10px;
    margin-bottom   : 10px;
}

.header-title h5 {
    font-weight: 700;
}

/* Sub Menu CSS */

.subMenusCard {
    background   : #ffffff;
    box-shadow   : 1px 1px 10px #00000029;
    border-radius: 15px;
    padding-top  : 13px;
}

.subMenusCard ul {
    width  : 100%;
    padding: 20px;
}

.subMenusCard ul li .subMenusCardBox {
    background   : #f7f8ff;
    border       : 1px solid #f3f3f3;
    border-radius: 10px;
    padding      : 0px;
    color        : #2b3364;
    height       : 252px;
}

.subMenusCard ul li .subMenusCardBox:hover {
    background: #daedec;
    color     : #000
}

.subMenusCard ul li .subMenusCardBox:hover::before {
    animation: circle 0.5s;
}

@keyframes bloom {
    0% {
        filter: grayscale(0.8);
    }

    40% {
        filter: grayscale(0.5);
    }

    100% {
        filter: grayscale(0);
    }
}

.subMenusCard ul li .subMenusCardBox .subMenusCardTitle {

    background-color       : #daedec;
    padding                : 10px;
    text-align             : center;
    border-top-left-radius : 10px;
    border-top-right-radius: 10px;
    height                 : 45px;
    border                 : 1px solid #15d6cc;
}

.subMenusCard ul li .subMenusCardBox .subMenusCardTitle h5 {
    margin   : auto;
    font-size: 12px;
    color    : black;
}

.subMenusCard ul li .subMenusCardBox .subMenusCardImgIcon {
    background   : #e8e9ea;
    border-radius: 50px;
    width        : 60px;
    height       : 60px;
    text-align   : center;
    line-height  : 60px;
    margin       : 20px auto;
}

.subMenusCard ul li .subMenusCardBox .subMenusCardImgIcon img {
    width: 60%;
}

.subMenusCard ul li .subMenusCardBox .subMenusCardText p {
    text-align: center;
    padding   : 0px 20px;
}

/* ======== Dashboard Page ========== */
#dasbordOrders .card {
    box-shadow   : 0px 3px 6px #00000029;
    border-radius: 10px;
    border       : none;
    margin-bottom: 10px;
}

#dasbordOrders .card .card-body a .media .media-body {
    font-size: 11px;
    color    : #2b3364;
}

#dasbordOrders .card .card-body a .media .media-body h5 {
    font-weight: 600;
    font-size  : 11px;
}

.orderListDashbord {
    background   : #ffffff;
    border-radius: 10px;
}

.orderListDashbord h5 {
    padding    : 20px 30px;
    font-weight: 600;
}

.orderListDashbord ul {
    padding   : 0px 20px;
    margin    : 0px;
    width     : 100%;
    border-top: 1px solid #b6b6b6;
}

.orderListDashbord ul li {
    color: #38393d;
}

.orderListDashbord ul li:nth-child(2) {
    float: right;
}

.orderListDashbord ul li p {
    margin: 10px 0px;
}

.completer-input {
    display: block;

    padding         : 0.375rem 0.75rem;
    font-size       : 1rem;
    line-height     : 1.5;
    color           : #495057;
    background-color: #fff;
    background-clip : padding-box;
    border          : 1px solid #ced4da;
    border-radius   : 0.25rem;
    font-size       : 12px;
    transition      : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.masterMenus ul li {
    color             : black;
    font-size         : 12px;
    margin            : 0px 10px 8px 0px;
    border-image-slice: 1;
    background-color  : rgb(250, 246, 246);
    border-radius     : 6px;
}

.masterMenus ul li.active {
    background-image: linear-gradient(to right, #6eebe6d1, #7970d6cf);
    color           : #fff;
}

.masterMenus ul li:hover {
    background-image: linear-gradient(to right, #6eebe6d1, #7970d6cf);
    color           : #fff;
}

.masterMenus ul li {
    padding: 3px 10px;
}

.masterMenus {
    margin-bottom: -18px;
    margin-top   : 7px;
}

.mastermenus_top .top-input-label {


    background-color         : #ebe9e9;
    box-shadow               : 0 0 0 2px white;
    border-bottom-left-radius: 50px;
    border-top-right-radius  : 50px;
    padding                  : 5px;
}

/* Replenishment title */
.titleHistory {
    background-color: #0ed7ce;
    color           : #fff;
    font-size       : 12px;
    border-radius   : 10px;
    padding         : 10px;
    margin-left     : 15px;
}

/* recent history table */
.formBox .table.table-striped thead {
    /* background-color: #15d6ce; */
    background-color: #acacef;
    color           : #707070;
}

.formBox .table td,
.table th {
    border-right  : 1px solid #dee2e6;
    border-bottom : 1px solid #dee2e6;
    border-left   : 1px solid #dee2e6;
    border-top    : none;
    vertical-align: middle;
    font-size     : 13px;
}

/* checkbox process permission */
.checkbox-xl {
    margin-top : -20px;
    margin-left: 66px;
}

.processHead {
    color: #000000;
}

.processPermission ul li {
    margin-right: 56px;
}

.processLine {
    border-top: 1px solid #000000;
}

.inputForm {
    border       : 1px solid #ffffff !important;
    border-radius: 2px !important;
    margin-right : 0px !important;
    width        : 169px !important;
}

/* parameters */

.floppyIcon i {
    font-size : 30px;
    margin-top: 12px;
    color     : #509dd6;
}

* {
    box-sizing: border-box;
}

.tagsinput,
.tagsinput * {
    box-sizing: border-box;
}

.tagsinput {
    display          : -webkit-box;
    display          : -webkit-flex;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    background       : #fff;
    font-family      : sans-serif;
    font-size        : 14px;
    line-height      : 20px;
    color            : #556270;
    padding          : 5px 5px 0;
    border           : 1px solid #e6e6e6;
    border-radius    : 2px;
}

.tagsinput.focus {
    border-color: #ccc;
}

.tagsinput .tag {
    position     : relative;
    background   : #58c5c9;
    display      : block;
    max-width    : 100%;
    word-wrap    : break-word;
    color        : #fff;
    padding      : 0px 30px 0px 5px;
    border-radius: 2px;
    font-size    : 12px;
    margin       : 0 5px 5px 0;
}

.tagsinput .tag .tag-remove {
    position       : absolute;
    background     : 0 0;
    display        : block;
    width          : 30px;
    height         : 30px;
    top            : 0;
    right          : 0;
    cursor         : pointer;
    text-decoration: none;
    text-align     : center;
    color          : #ff6b6b;
    line-height    : 30px;
    padding        : 0;
    border         : 0;
}

.tagsinput .tag .tag-remove:after,
.tagsinput .tag .tag-remove:before {
    background: #6f8fc9;
    position  : absolute;
    display   : block;
    width     : 10px;
    height    : 2px;
    top       : 14px;
    left      : 10px;
    content   : "";
}

.tagsinput .tag .tag-remove:before {
    -webkit-transform: rotateZ(45deg);
    transform        : rotateZ(45deg);
}

.tagsinput .tag .tag-remove:after {
    -webkit-transform: rotateZ(-45deg);
    transform        : rotateZ(-45deg);
}

.tagsinput div {
    -webkit-box-flex : 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow        : 1;
}

.tagsinput div input {
    background : 0 0;
    display    : block;
    width      : 100%;
    font-size  : 14px;
    line-height: 20px;
    padding    : 5px;
    border     : 0;
    margin     : 0 5px 5px 0;
}

.tagsinput div input.error {
    color: #ff6b6b;
}

.tagsinput div input::-ms-clear {
    display: none;
}

.tagsinput div input::-webkit-input-placeholder {
    color  : #ccc;
    opacity: 1;
}

.tagsinput div input:-moz-placeholder {
    color  : #ccc;
    opacity: 1;
}

.tagsinput div input::-moz-placeholder {
    color  : #ccc;
    opacity: 1;
}

.tagsinput div input:-ms-input-placeholder {
    color  : #ccc;
    opacity: 1;
}

/* parameters end */

/* KPI Configurations */
.kpiConf span {
    background-color: #049be3;
    color           : #fff;
    padding         : 5px;
    margin-right    : 5px;
}

.kpiConf a {
    height    : 30px;
    font-size : 13px;
    background: #0ed7ce;
    color     : #fff;
}

.kpiConf .btn-danger {
    color: #fff;
     
}

.kpiConf span .fa-pencil {
    margin-right: 10px;
    font-size   : 15px;
    color       : white;

}

.fa {
    font-family: 'FontAwesome' !important;

}

.kpiConf span .fa-trash {
    margin-right: 10px;
    font-size   : 15px;
}

.kpiConf span .fa-floppy-o {
    margin-right: 10px;
    font-size   : 15px;
}

.DashboardOrders ul li img {
    margin-top: 26px;
}

.DashboardOrders ul li {
    color: #0a71a1;
}

.DashboardOrders ul {
    background-color: #fff;
    border-radius   : 10px;
    padding-right   : 5px;
    margin-right    : 22px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
}

.dashBoardSecond {
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 22px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
    width           : 335px;
}

.wareHouseBG {
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 22px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
}

.heading {
    margin: 15px;
}

.ngx-charts {
    float   : left;
    overflow: visible !important;
}

/* forgot password */
.inforgot {
    margin          : 0px;
    background-color: rgb(226, 223, 223);
}

.inforgotBG {
    border-bottom   : 1px solid #bcbcbc;
    background-color: #fff;
}

.strategryAnalysisTbs .strategryAnalysisTitle i {
    background-color: #15d6ce;
    color           : #fff;
    padding         : 7px 10px;
    border-radius   : 50px;
    cursor          : pointer;
    margin-left     : 30px;
    margin-top      : -33px;
    float           : right;
}


.processBG {
    background     : #ffffff;
    border-radius  : 10px;
    color          : #38393d;
    text-decoration: none;
    display        : inline-block;
    padding        : 30px 0px;
    text-align     : center;
    font-size      : 12px;
    border         : 1px solid #efefef;
    width          : 100%;
    box-shadow     : 0px 1px 4px 0px #cccccc;
}

.titleBG {
    background-color: #15d6ce;
    border-radius   : 30px;
    width           : 25%;
    margin          : -44px 20px 25px 30px;
    color           : #fff;
    height          : 39px;
}

.titleBG span {
    margin-left: 20px;
    font-size  : 13px;
}

/* CREATE PASSWORD */

#createPassword .loginDiv {
    background-color     : #ffffff;
    background-size      : cover;
    padding              : 20px 50px;
    box-shadow           : 1px 1px 10px #0000001a;
    border-radius        : 10px;
    padding-bottom       : 50px;
    /*   background-image: url(assets/ccsServerErrorPage.jpg); */
    background-image     : url('Img/loginpagenew5.jpg');
    height               : 500px;
    margin-top           : 50px;
}

#ccscreatePassword .ccsloginDiv {
    background-color     : #ffffff;
    background-size      : cover;
    padding              : 20px 50px;
    box-shadow           : 1px 1px 10px #0000001a;
    border-radius        : 10px;
    padding-bottom       : 50px;
    /*   background-image: url(assets/ccsServerErrorPage.jpg); */
    background-image     : url(assets/ccsServerErrorPage.jpg);
    height               : 500px;
    margin-top           : 50px;
}


#createPassword {
    background-image    : url(assets/topImg5.png);
    /*  background-image: url(assets/img3.jpg); */
    background-size     : cover;
    box-shadow          : 1px 1px 10px #00000029;
    margin              : 0px 0px;
    padding             : 10px 0px;
    height              : 100vh;
}

#ccscreatePassword {
    background-image: url(assets/img3.jpg);
    background-size : cover;
    box-shadow      : 1px 1px 10px #00000029;
    margin          : 0px 0px;
    padding         : 10px 0px;
    height          : 100vh;
}

.NewPassword {
    margin-left  : 370px;
    margin-bottom: 45px;
    margin-top   : 119px;
}

.create {
    margin-right: 55px;
    font-size   : 12px;
}

.create .form-control {
    font-size: 12px;
}

.create button {
    margin-top: 36px;
}

.NewUser {
    margin-left  : 370px;
    margin-bottom: 45px;
    margin-top   : 23px;
}

.serverText {
    margin-left  : 190px;
    margin-top   : 118px;
    border-radius: 30px;
    color        : #000;
    padding      : 10px;
}

.ccsserverText {
    margin-left  : 190px;
    margin-top   : 118px;
    border-radius: 30px;
    color        : #000;
    padding      : 10px;
}

.strategryAnalysisTbs .strategryAnalysisTitle i {
    background-color: #15d6ce;
    color           : #ffffff;
    padding         : 9px 13px;
    /* padding      : 7px; */
    border-radius   : 50px;
    cursor          : pointer;
    margin-left     : -28px;
    margin-top      : -60px;
    float           : right;

    margin-right: 22px;
}

.multiselect-dropdown ul {
    display: block;
}

.multiselect-item-checkbox {
    float: none;
}

.processGroup p {
    margin: 0px;
}

.ngx-charts-outer {
    margin: 0 auto;
}

#inventoryAccuracy tspan {
    font-size: 1px;
}

.lookcenter {
    margin-left: 50px;
    line-height: 2px;
}

.tablenewinsert {
    list-style-type: none;
    margin-top     : 30px;
    line-height    : 11px;
    margin-left    : 30px;
}

.tablenewinsert li {
    color       : black;
    margin-right: 15px;
    margin-left : -23px;
}

.tablenew {
    list-style-type: none;
    margin-top     : 30px;
    line-height    : 11px;
}

.tablenew li {
    color       : black;
    margin-right: 36px;
    margin-left : -23px;
}

.shipping {
    margin-left: 20px;
}

.decoration {
    font-size      : 15px;
    font-weight    : bold;
    text-decoration: underline;
}

.tablenew1 li {
    color  : black;
    display: inline-table;
    float  : inherit;
}

.tablenew2 li {
    color  : black;
    display: inline-table;
    float  : inherit;
}

.took1 {
    width      : 630px;
    line-height: 0px;
}

.took2 {
    line-height: 0px;
}

.took1 li {
    padding: 10px;
    margin : 10px;
}

.took2 li {
    padding: 10px;
    margin : 10px;
}

.tablenew3 li {
    color      : black;
    display    : inline-table;
    margin-top : 25px;
    line-height: 15px;
}

.tablecost {
    line-height: 0px;
    margin-top : 20px;
}

.tablecost li {
    color     : black;
    margin-top: 20px;
}

.shippingnew {
    margin-top : 140px;
    margin-left: -371px;
}

.billingul li {
    color: black;
}

.billingul {
    line-height: 19px;
    margin-top : 30px;
}

.billinginfo {
    margin-left: 330px;
}

.gapfill {}

.gapfill li {
    color  : black;
    display: block;
}

.completer-dropdown {
    max-height: 200px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}

.newDropDown {
    margin-left: -11px !important;
}

.wareHouseBGNew {
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 10px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
    max-width       : auto;
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 10px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
}

.inventoryDashboardGraph {
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 10px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
    width           : 450px;
    height          : 341px;
}

.dashBoardThird {
    background-color: #fff;
    border-radius   : 10px;
    margin-right    : 22px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
}

.homepageInsideBox {
    width     : 350px;
    height    : 250px;
    overflow-y: scroll;
    word-break: break-all !important;
}

.homepageInsideBox p {
    word-break      : break-all !important;
    background-color: black;
    color           : white;
}



#style-8::-webkit-scrollbar-track {
    border-radius   : 5px;
    background-color: #b6b6b6;
}

#style-8::-webkit-scrollbar {
    border-radius   : 5px;
    width           : 8px;
    background-color: #b6b6b6;
}

#style-8::-webkit-scrollbar-thumb {

    background-color: #daedec;
    border-radius   : 5px;
}

#myHomePageChart {
    position: relative;
    z-index : 1;
}

canvas#newChart {
    position: relative;
    z-index : 1;
}

.alert-warning {

    background-color: white !important;
    border-right    : white;
    border-left     : white;
    border-top      : white;
    box-shadow      : 0 4px 6px -2px #70dff3;
}

.alert-warningemployeePerformance {

    box-shadow                : 0 4px 6px -2px #70dff3;
    border-bottom-left-radius : 50px !important;
    border-bottom-right-radius: 50px !important;
}

.fa-info:before {
    content    : "\f129";
    margin-left: 8px;
    margin-top : -67px;
}
.nav-link:hover {
text-decoration: none !important;
color: aliceblue !important;
}
a:hover{
text-decoration: none !important;
color: navyblue !important;
}

.text-primary {
    color      : #00d0ff !important;
    font-weight: bolder;
}

.tableDownload {
    position        : relative;
    right           : 178px;
    top             : 24px;
    background-color: #15d6ce;
    padding         : 10px;
    border-radius   : 50%;
    color           : white;
    cursor          : pointer;
}

.fa-table {
    color: gray !important;
}

.way_icon i:before {
    display: initial;
}

.dropDownClass {
    width      : 51px !important;
    margin-left: -13px !important;
}


#style-8::-webkit-abcScrollbar-track {
    border-radius   : 5px;
    background-color: #b6b6b6;
}

#style-8::-webkit-abcScrollbar {
    border-radius   : 5px;
    width           : 8px;
    background-color: #b6b6b6;
}

#style-8::-webkit-abcScrollbar-thumb {
    background-color: #15d6ce;
    border-radius   : 5px;
}

.pink {
    background-color: pink !important;
    color           : white
}

.green {
    background-color: green !important;
    color           : white
}

.yellow {
    background-color: yellow !important;
    color           : black
}

.orange {
    background-color: orange !important;
    color           : white
}

.sideViewBaar {
    color   : black !important;
    display : grid;
    position: relative;
    left    : -45px;
    top     : 45px;

}

.sideViewBaar li {
    color  : black !important;
    display: inline-block;
    padding: 28px;
}

.sideViewBaar li a {
    color    : black !important;
    font-size: 26px;
}

.topViewBaar {
    color   : black !important;
    position: relative;
    left    : -45px;
    top     : -6px;
    width   : 600px;

}

.topViewBaar li {
    color  : black !important;
    display: block;
}

.topViewBaar li a {
    color    : black !important;
    font-size: 26px;
    padding  : 70px;

}

.maintainTableHeader {
    text-align    : center;
    margin-bottom : 2px;
    font-size     : 14px;
    font-weight   : 495;
    text-transform: uppercase;
}

div.sticky {
    position        : -webkit-sticky;
    position        : sticky;
    top             : 0;
    background-color: yellow;
    padding         : 50px;
    font-size       : 20px;
}


.borderStyle {
    border       : 2px solid blue;
    border-radius: 10px;
    padding      : 10px;
    margin       : 10ppx;
    margin-bottom: 10px;
}

hr {
    width: 70px !important;
}



.overALlBorder {
    border       : 1px solid grey;
    padding      : 10px;
    border-radius: 10px;
}

.overALlBorder1 {
    border       : 1px solid grey;
    padding      : 10px;
    border-radius: 10px;
    height       : 310px;
}

.wareHouseBG1 {
    background-color: #fff;
    border-radius   : 10px;
    box-shadow      : 0px 1px 4px 0px #cccccc;
    height          : 341px;
    width           : 450px;
    margin-bottom   : 8px
}

.navbar-brand {
    color: white !important;
}


.borderAllAround {
    border: 1px solid blue
}

.roundedNeckBox {
    padding   : 10px 10px;
    text-align: center;
}

#style2 {
    -webkit-appearance: none;
    -moz-appearance   : none;
    appearance        : none;
    background-color  : transparent;
    width             : 50px;
    height            : 50px;
    border            : none;
    cursor            : pointer;
}

#style2::-webkit-color-swatch {
    border-radius: 50%;

}

#style2::-moz-color-swatch {
    border-radius: 50%;
}

.colorPicker {
    display       : flex;
    flex-direction: column;
    align-items   : center;
    gap           : 30px;
}

.sideInputBox {
    margin-left: -13px;
    width      : 57px;
}

.sideColumn {
    width   : 200px;
    height  : 165px;
    overflow: auto;
    position: relative;
    left    : -88px;
}

.sideColumn h6 {
    text-align: justify;
}



.wmsHomeMenus .wmsHomeMenusvalign {}

.defineColSpan[colspan]:not([colspan="3"]) {
    text-align: center;
}

.compress {
    margin : 10px;
    padding: 10px
}

.shipMentFrom {
    margin-top: -10px;
}

.shipmentTo {
    margin-top: -6px;
}

.invoiceDetails {
    margin-top: -6px;

}

.billTo {
    margin-top: -6px;
    padding   : 10px
}

.moveUp {
    margin-top: -90px;
}

.printOffice {
    margin-top: -30px;
}

.oneClassUp {
    margin-top: -10px;
}
/* BSC CODe */





.cursorPointer {
    cursor: pointer;

  }
  .topMenuBGBSC {
    background-image: url('/Img/topMenuBG.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
    height: 50px;
  }

  .topMenuBGBSC ul {
    
  }



  .logoBG {
	  
    border-bottom-style: solid;
    border-bottom: 1px solid #ccc;
    padding-bottom: 6px;
}
  .tabLine {
    border-bottom: 1px solid #ccc;
    padding-bottom: 4px;
  }
  .left_blockQuote p {
    padding: 50px;
    text-align: left;
    font-size: 12px;
    color: #a0a0a0;
  }
  .left_Icon {
    margin-top: 63px;
  }
  .inSideBG {
    /* background-image: url(/Img/BSC/bttmMenuBG.jpg); */
    background-repeat: repeat-y;
    border-bottom-left-radius: 15px;
    height: 400x;
    min-height: 400px;
    max-height: 700px;
  }

  .dashboard_menus {
    padding: 30px 3px 5px 101px;
  }

  .dashboard_menus ul {
    display: inline-block;
    margin: 50px 0px;
  }

  .dashboard_menus .run-animation {
    list-style-type: none;
    float: left;
    background-color: #ffffff;
    margin: -1px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #707070;
    /* width        : 110px; */
    height: 160px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 0.9%;
    margin-left: 3px;
    margin-bottom: 14px;
    padding: 0px 0px;
    min-width: 132px;
    
  }
  
  .dashboard_menus .run-animation1 {
    list-style-type: none;
    float: left;
    background-color: #ffffff;
    margin: -1px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #707070;
    /* width        : 110px; */
    height: 160px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 0.9%;
    margin-left: 3px;
    margin-bottom: 14px;
    padding: 0px 0px;
    min-width: 132px;
  }


  .dashboard_menus .run-animation:last-child {
    margin-right: 0px;
  }

  .dashboard_menus .run-animation a {
    display: inline-block;
    text-decoration: none;
    padding: 15px 0px;
  }
  
  .dashboard_menus .run-animation1:last-child {
    margin-right: 0px;
  }

  .dashboard_menus .run-animation1 a {
    display: inline-block;
    text-decoration: none;
    padding: 15px 0px;
  }


  .dashboard_menus .run-animation img {
    height:100px;
  }
  
  .dashboard_menus .run-animation1 img {
    height:37px!important;
    margin-top:18px;
    width:58%!important;
    
  }

  .dashboard_menus .run-animation p {
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
    padding: 0px;
  }
  
  .dashboard_menus .run-animation1 p {
    color: #000000;
    font-size: 11px;
    font-weight: 600;
    margin-top: 30px;
    padding: 0px;
  }



  @keyframes my-animation {
    from {
      opacity: 0;
      left: -500px;
    }

    to {
      opacity: 1;
      left: 0;
    }
  }

  .run-animation {
    position: relative;
    animation: my-animation 2s ease;
  }

  .footerBG {
    background-repeat: repeat-y;
    margin-top:121px;
    height: 20px;
    color: #272729;
    padding:20px 30px 20px 17px;
    background: #f7f7f7;
    box-shadow: 1px 1px 4px #707070;
  }
    .footerBG .quickLinks {
    padding: 5px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    display: contents;
    font-weight: 500;
  }
  .footerBG p {
   color:black;
   font-size: 12px;;
  }

  .footerBG .quickLinks a {
    color:black;
    text-decoration: none;
    padding: 4px 0px;
    border: 1px solid black;
    border-radius: 3px;
    margin: -14px 10px;
    width: 105px;
  }
  .fa-sign-out{
    right: 56px;
    content: "\f08b";
    position: absolute;
    top: -2px;
	z-index:1;  
font-size:12px;
   
  }
  .fa-home{
    content: "\f015";
    position: absolute;
    right: 92px;
    top: 10px;
z-index:1
font-size:12px;
  }

  .user_male {
       position: absolute;
    top: 5px;
    right: 16px;
    z-index: 1;
font-size:12px;
  }

  .fa-question-circle{
    content: "\f059";
    position: absolute;
     top: 12px;
    right: 141px;
    font-size: 20px;
    color: white;
	z-index:1
  }

.btn.btn-info.btn-sm {
    color: #272729;
    font-size: 12px;
    background-color: #fff;
    border: 1px solid #acacef;
}

.scrollbarhomepage {
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden !important;
    margin-bottom: 10px;
    width: -webkit-fill-available !important;
}

.scrollbarhomepage thead th {
    position: sticky;
    top: 0;
    background-color: rgb(100, 120, 150);
    z-index: 1;
}