/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);*/


/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900'); */

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Roboto:400,500,700,900');
@import url('fonts.css');
@import '~primeicons/primeicons.css';

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.clearfix::after {
    display: block !important;
    content: "";
    clear: both !important;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-family: 'Roboto', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 12px;
    text-rendering: optimizeLegibility;
    color: #212529;
    background: #f5f5f6;
    letter-spacing: 0.3px;
    font-weight: 400 !important;
}


/* body {  color:#212529;background: #f5f5f6;font-family:'CamphorStd',sans-serif;padding:0px !important;margin:0px !important;font-size:13px;text-rendering:optimizeLegibility;} */


/* body {color:#767676;  background: #f5f5f6;font-family: 'Montserrat', sans-serif;padding:0px !important;margin:0px !important;font-size:13px;text-rendering:optimizeLegibility;} */

ul,
.list-unstyled {
    padding-left: 0px;
}

ul li {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

::selection {
    background: #e7505a;
    color: #fff;
}

::-moz-selection {
    background: #e7505a;
    color: #fff;
}

.modal-header {
    background: #343e4f;
    color: #fff;
    padding: 10px 15px !important;
}

.modal-footer {
    padding: 10px 15px !important;
}

.close {
    color: #fff;
    opacity: .5;
    cursor: pointer;
    font-weight: 500;
}

.close:focus,
.close:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.hr_line {
    width: 100%;
}

.flex_a {
    flex: auto;
}

.table td,
.table th {
    vertical-align: middle;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}


/* .btn {font-size: 14px !important;} */

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

.cursor {
    cursor: pointer;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #88C755;
    border-color: #88C755;
    color: #FFFFFF;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #3598dc;
    border-color: #1ca59e;
}

.input-group-addon {
    padding: .5rem .5rem;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 0.25;
    background-color: #F1F2F7;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .20rem;
}

.btn-sm {
    padding: 4px 10px !important;
}

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

.m-l-r-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.m-l-r-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.p-t-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.p-t-0 {
    padding-top: 0px !important;
}

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

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

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

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

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

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

.p-t-r-15 {
    padding-top: 15px !important;
    padding-right: 15px !important;
}

.p-l-r-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-l-r-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

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

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


/* .m-0{margin: 0 !important;} */

.m-r-3 {
    margin-right: 3px !important;
}

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

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

.m-l-3 {
    margin-left: 3px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

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

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

.m-t-13 {
    margin-top: 13px !important;
}

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

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

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

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

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

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

.m-m-t-3 {
    margin-top: -3px !important;
}

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

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

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

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

.m-m-r-25 {
    margin-right: -25px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

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

.m-b-12 {
    margin-bottom: 12px !important;
}

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

.m-l-r-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-l-r-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-m-l-r-8 {
    margin-left: -8px !important;
    margin-right: -12px !important;
}

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

.m-m-l-r-10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}

.m-r-87 {
    margin-right: 87px !important;
}

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

.l-0 {
    left: 0 !important;
}

.t-m-18 {
    top: -18px !important;
}

.t-m-11 {
    top: -11px !important;
}

.f_r_100 {
    right: 100px !important;
}

.l-m-130 {
    left: -130px !important;
}

.f_s_11 {
    font-size: 11px !important;
}

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

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

.header {
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.h-100 {
    height: calc(100vh - 100%) !important;
}

.h-100-p {
    height: 100% !important;
}

.w-50 {
    width: 50% !important;
}

.w-85 {
    width: 85% !important;
}

.w-100 {
    width: 100% !important;
}

.w-130 {
    width: 130px;
}

.w-180>.ui-dropdown {
    width: 180px !important;
}

.w-bg {
    background: #ffffff !important;
}

.h_auto {
    height: auto !important;
}

.m_h_290 {
    min-height: 290px;
}

.mh-100 {
    min-height: 100% !important;
}

.link_w {
    color: #ffffff;
}

.link_w:hover {
    color: #ebebeb;
}

.f-s-16 {
    font-size: 16px !important;
}

.d_i_b {
    display: inline-block !important;
}

.v_l_m {
    vertical-align: middle !important;
}

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
    padding: 5px 6px;
}

.start_c {
    color: #2470af !important;
}

.start_c:hover {
    color: #2d6390 !important;
}

.stop_c {
    color: #e7505a !important;
}

.stop_c:hover {
    color: #c54a52 !important;
}

.text-trash {
    color: #e7505a !important;
}

.text-trash:hover {
    color: #c54a52 !important;
}

.panel-heading {
    padding: 0 10px;
    text-transform: capitalize !important;
}

.panel-heading>h1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize !important;
    color: #333333;
    padding: 15px 10px;
    display: inline-block;
}

.merge-header {
    margin-right: 240px;
}

.fixed-top {
    position: fixed;
    box-shadow: 1px 0 3px rgba(0, 0, 0, .15);
}

.brand {
    background: #2470af;
    float: left;
    width: 240px;
    height: 80px;
    position: relative;
}

a.logo {
    font-size: 21px;
    color: #fff;
    float: left;
    margin: 20px 0 0 30px;
    text-transform: uppercase;
}

a.logo:hover,
a.logo:focus {
    text-decoration: none;
    outline: none;
}

a.logo span {
    color: #FF6C60;
}


/*--sidebar toggle---*/

.sidebar-toggle-box {
    float: left;
    margin-top: 23px;
    margin-left: -15px;
    background: #1b5585;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -15px;
}

.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 8px 8px 8px 9px;
    color: #ffff;
}

.sidebar-toggle-box:hover {
    background: #1f5480;
}


/*notification*/

#top_menu .nav>li,
ul.top-menu>li {
    float: left;
}

.notify-row {
    float: left;
    margin-top: 23px;
    margin-left: 25px;
}

ul.top-menu {
    margin-right: 15px;
    margin-top: 0;
    position: relative;
}

ul.top-menu>li>a {
    color: #666666;
    font-size: 16px;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-right: 8px !important;
}

ul.top-menu>li>a:hover,
ul.top-menu>li>a:focus {
    background: #32D2C9;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.3) !important;
    padding-right: 8px !important;
}

.dropdown-menu.extended {
    max-width: 320px !important;
    min-width: 160px !important;
    top: 42px;
    width: 300px !important;
    padding: 0 10px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: none;
    left: -10px;
}

.dropdown-menu.extended li p {
    font-size: 13px;
    margin: 0;
    padding: 10px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #767676;
}

.dropdown-menu.extended li a {
    font-size: 12px;
    list-style: none;
}


/*.dropdown-menu.extended li a{background:#f1f2f7;border-radius:5px;-webkit-border-radius:5px;padding:10px;margin-bottom:10px;float:left;width:100%;}*/

.notify-row .notification span.label {
    display: inline-block;
    height: 21px;
    padding: 5px;
    width: 22px;
    font-size: 12px;
    margin-right: 10px;
}

.dropdown-menu.extended .alert-icon,
.noti-info {
    float: left;
}

.noti-info {
    padding-left: 10px;
    padding-top: 6px;
    color: #414147;
}

.dropdown-menu.extended .alert {
    margin-bottom: 10px;
}

.dropdown-menu.extended .alert-icon {
    border-radius: 100%;
    display: inline-block;
    height: 35px;
    width: 35px;
}

.dropdown-menu.extended .alert-icon i {
    font-size: 16px;
    width: 35px;
    line-height: 35px;
    height: 35px;
}

.notify-row .badge {
    position: absolute;
    right: 5px;
    top: -10px;
    z-index: 100;
}

ul.top-menu>li>.dropdown-toggle::after {
    content: none;
}

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

.top-menu .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.top-menu .dropdown-menu:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eeeeee;
    border-width: 8px;
    margin-left: -8px;
}


/*badge*/

.badge.bg-primary {
    background: #8075c4;
}

.badge.bg-success {
    background: #a9d86e;
}

.badge.bg-warning {
    background: #FCB322;
}

.badge.bg-important {
    background: #ff6c60;
}

.badge.bg-info {
    background: #41cac0;
}

.badge.bg-inverse {
    background: #2A3542;
}

.pull-right.top-menu .dropdown-menu:after,
.pull-right.top-menu .dropdown-menu:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pull-right.top-menu .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.pull-right.top-menu .dropdown-menu:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eeeeee;
    border-width: 8px;
    margin-left: -8px;
}

.top-nav {
    margin-top: 20px;
}

.top-nav img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 33px;
}

.top-nav .icon-user i {
    height: 33px;
    width: 33px;
    line-height: 33px;
    display: inline-block;
    font-size: 1.7em;
    padding-left: 10px;
}

.top-nav .icon-user .username {
    color: #555555;
    font-size: 13px;
    position: relative;
    top: -5px;
}

.top-nav .icon-user .caret {
    position: relative;
    top: -4px;
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
    width: 170px !important;
}

.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

.top-nav ul.top-menu>li {
    margin-left: 20px;
}

.top-nav ul.top-menu>li>a {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 3px 5px 8px 5px;
    background: none;
    margin-right: 0;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
}


/* .top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {border:1px solid #f6f6f6;background:#f6f6f6 !important;border-radius:100px;-webkit-border-radius:100px;} */


/* .top-nav .dropdown-menu.extended.logout {top:50px;} */

.top-nav .dropdown-menu.extended.logout {
    top: 30px;
}

.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}

.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}

.dropdown-menu.extended.logout>li {
    float: left;
    width: 100%;
    margin: 3px;
}

.dropdown-menu.extended.logout>li>a {
    border-bottom: none !important;
    padding: 10px;
    display: block;
}

.dropdown-menu.extended.logout>li>a:hover {
    background: #F1F2F7 !important;
    border-radius: 5px;
    color: #32D2C9;
}

.dropdown-menu.extended.logout>li>a i {
    font-size: 17px;
    padding-right: 10px;
}

.dropdown-menu.extended.logout {
    padding: 10px;
}

.dropdown-menu.extended.logout li a {
    padding: 10px;
}

.dropdown-menu.extended li a:hover {
    color: #32323a;
}


/* .dropdown:hover>.dropdown-menu {display: block;  } */

.full-width .dropdown-menu.extended.logout>li>a:hover {
    background: #F1F2F7 !important;
    color: #32323a !important;
}

.top-nav .username {
    font-size: 13px;
    color: #555555;
    padding: 0 5px;
}


/*search*/

.search {
    width: 20px;
    height: 34px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: #f6f6f6 url("../images/search-icon.png") no-repeat 10px 8px;
    padding: 0 5px 0 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
}

.search:focus {
    width: 180px;
    border: 1px solid #f6f6f6;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
    font-size: 13px;
}

.todo-search:focus {
    width: 100% !important;
}


/*sidebar navigation*/

#sidebar {
    width: 240px;
    height: 100%;
    position: fixed;
    background: #343e4f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#sidebar ul li {
    position: relative;
}

.leftside-navigation,
.right-stat-bar {
    height: 100%;
}


/*---*/

.nav-collapse.collapse {
    display: inline;
}

ul.sidebar-menu,
ul.sidebar-menu li ul.sub {
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    padding-top: 80px;
}

#sidebar>ul>li>ul.sub {
    display: none;
}

#sidebar .sub-menu>.sub li a {
    padding-left: 46px;
}

#sidebar>ul>li.active>ul.sub,
#sidebar>ul>li>ul.sub>li>a {
    display: block;
}

ul.sidebar-menu li ul.sub li {
    background: #1a2536;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

ul.sidebar-menu li ul.sub li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #aeb2b7;
}

ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    background: #1a2536;
}

ul.sidebar-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

ul.sidebar-menu li.sub-menu {
    line-height: 20px;
}

ul.sidebar-menu ul.sub li {
    border-bottom: none;
}

ul.sidebar-menu li a span {
    display: inline-block;
}

ul.sidebar-menu li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 25px;
    font-size: 15px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
    background: #1a2536;
    color: #ffffff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}

ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i {
    color: #3598dc;
}

ul.sidebar-menu li a.active i {
    color: #3598dc;
}


/*LEFT NAVIGATION ICON*/

.dcjq-icon {
    height: 17px;
    width: 17px;
    display: inline-block;
    background: url(../images/nav-expand.png) no-repeat top;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: 10px;
}

.active .dcjq-icon {
    background: url(../images/nav-expand.png) no-repeat bottom;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*main content*/

#main-content {
    margin-left: 240px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.wrapper {
    display: inline-block;
    margin-top: 80px;
    padding: 15px;
    width: 100%;
}


/*form*/

.position-center {
    width: 62%;
    margin: 0 auto;
}


/*form*/

.sm-input {
    width: 175px;
}

.form-horizontal.md-form .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.form-horizontal.md-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-horizontal.md-form .form-group .help-block {
    margin-bottom: 0;
}

.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}

.m-bot15 {
    margin-bottom: 15px;
}

.form-horizontal.md-form .checkbox-inline>input {
    margin-top: 1px;
    border: none;
}

.btn.btn-info.dropdown-toggle {
    border-left: 1px solid #1fadea;
}


/*custom checkox & radio btn*/

.icheck div,
.icheck .disabled {
    float: left;
}

.icheck div {
    margin-right: 10px;
}

.icheck label {
    font-weight: normal;
}

.icheck .checkbox,
.icheck .radio {
    margin-bottom: 10px;
}

.icheck .single-row {
    display: inline-block;
    width: 100%;
}


/*form validation*/

.cmxform .form-group label.error {
    display: inline;
    margin: 5px 0;
    color: #B94A48;
    font-weight: 400;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    /* border-color: #B94A48 !important; */
    border-color: none !important;
}

.checkbox,
.checkbox:hover,
.checkbox:focus {
    border: none;
}

#customFile .custom-file-control:lang(en)::after {
    content: "Select file...";
}


/**********/

.mm-t-7 {
    margin-top: -7px;
}

.wt_color {
    color: #ffffff !important;
}

.plr-0 {
    padding-left: 0;
    padding-right: 0;
}

.bit_p_m {
    padding: 6px 7px;
    font-size: 10px;
}

.details {
    background-color: #FAFAFA;
}

.sm_btn {
    padding: 6px 10px;
    font-size: 14px;
}

.bgOrg {
    background-color: #ECECEC;
    color: #000000;
    margin: 0 -1px;
}

.tbor {
    border: 1px solid #e9ecef;
    margin: -1px;
    border-radius: 0;
    padding: 6px;
    font-size: 12px;
}

.tbor:hover {
    background: #D9EDF6 !important;
}

.odd_bg {
    background: #ECECEC !important;
}

.bg2 {
    background: #FAFAFA;
    border: 1px solid #e9ecef;
}

.table_titel {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    border-radius: 0;
    padding: 11px 6px;
    font-size: 12px;
    text-transform: none;
}

.tab_sub_d {
    width: 23.5%;
}

.tab_sub_d strong {
    display: inline-block;
    padding: 0 3px;
    white-space: nowrap;
}

.tab_sub_d span {
    display: inline-block;
    color: #000;
    padding: 0 3px;
}

.card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.card-deck .card_v {
    display: flex;
    /*flex: 1 0 0%;*/
    flex-direction: row;
    margin-right: 10px;
    margin-left: 10px;
    min-height: 40px;
}

.t_bg {
    background: #000000 !important;
}

.eq-h {
    /* border: 1px solid #444; */
    height: 100%;
    width: 100%;
    padding: 3px 10px;
}


/* tab */

.nav-tabs .nav-item {
    background: #fbf8f8;
    margin: 0 2px -1px 2px;
    border: 1px solid transparent;
    border-top-left-radius: .0rem !important;
    border-top-right-radius: .0rem !important;
    border-color: #ddd #ddd #fff;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
}

.nav-tabs>li>a {
    margin-right: 0px !important;
    margin-bottom: -2px !important;
    font-size: 14px;
    font-weight: 500;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item {
    border-color: #F0F5F6 #F0F5F6 #F0F5F6;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item:hover {
    border-color: #F0F5F6 #F0F5F6 #ffffff !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item.active {
    border-color: #F0F5F6 #F0F5F6 #ffffff !important;
}

.tab-bg-dark-navy-blue {
    background: #ffffff !important;
    border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    border-bottom: none;
}


/*.tab-bg-dark-navy-blue {background:#e0e1e7 !important;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-bottom:none;}*/

.tab-bg-dark-navy-blue ul>li>a {
    display: block;
    padding: 8px 20px !important;
    color: #000000 !important;
    text-transform: none;
}

.tab-bg-dark-navy-blue .nav {
    border: medium none;
    font-size: 15px;
    margin: 0;
}

.tab-bg-dark-navy-blue ul>li.active a,
.tab-bg-dark-navy-blue ul>li>a:hover {
    border-radius: 0 !important;
    background: #fff !important;
    color: #3598dc !important;
}

.tab-bg-dark-navy-blue li a:hover,
.tab-bg-dark-navy-blue li.active a {
    border-radius: 0 !important;
    background: #fff !important;
    color: #3598dc !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a.active,
.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a:hover {
    /*border-color: #F0F5F6 #F0F5F6 #fff !important;*/
    color: #3598dc !important;
    text-transform: none;
    border: none !important;
    margin-top: 1px;
}


/* .tab-bg-dark-navy-blue .nav>li>a,.tab-bg-dark-navy-blue .nav>li.active>a,.tab-bg-dark-navy-blue .nav>li.active>a:hover,.tab-bg-dark-navy-blue .nav>li.active>a:focus { border-width:0;  border-radius:0;} */

.tab-bg-dark-navy-blue .nav>li.active>a,
.tab-bg-dark-navy-blue .nav>li>a:hover {
    color: #3598dc;
    background: #fff;
}

.tab-bg-dark-navy-blue .nav>li:first-child.active>a,
.tab-bg-dark-navy-blue .nav>li:first-child>a:hover {
    border-radius: 0px 0 0 0 !important;
    -webkit-border-radius: 0px 0 0 0 !important;
}


/* .tab-content{border: 1px solid transparent;padding: 15px;border-color: #F0F5F6 #F0F5F6 #fff !important;height: calc(100vh - 477px);margin: 0 -1px -1px -1px;} */

.tab-content {
    border: 1px solid transparent;
    padding: 15px;
    border-color: #F0F5F6 #ffffff #fff !important;
    height: calc(100vh - 442px);
    margin: 0 0px 0px 0px;
}

.mt-22 {
    margin-top: 22px;
}

.modal-title {
    font-weight: 600;
    font-size: 14px;
}

.modal-body label {
    font-weight: 500;
}


/*********************** Address **************************/

.address-bar-titel {
    font-weight: 600;
    font-size: 16px;
    margin: 15px 0 15px 0;
}


/* .ad_r_bod{border-radius:0;}
.address-bar {padding: 10px;}
.address-bar h4 {font-weight: 600;font-size: 13px;margin: 0 0 10px;}
.address-bar p {color: #000;font-size: 12px;} */

.address-bar {
    width: 100%;
    float: left !important;
}

.address-bar ul {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}

.address-bar ul a {
    color: #000;
    font-size: 12px;
}


/* .address-bar ul a li {width: 257px;border: 2px solid #3598dc;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 10px;margin: 10px 10px 10px 0;float: left!important;height: 150px;background: #ffffff;} */

.address-bar ul a li {
    width: 18.71%;
    border: 2px solid #3598dc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin: 10px 10px 10px 10px;
    float: left !important;
    height: 150px;
    background: #ffffff;
    min-width: 257px;
}

.address-bar ul a li:hover {
    border: 2px solid #fa8564;
}

.address-bar ul a .icon-Delete {
    position: absolute;
    margin: -21px 0 0 225px;
    background: #ffffff;
    color: #fa8564;
    font-size: 30px;
    font-weight: 600;
    border: 0px solid #00B9F5;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 0px;
}

.address-bar ul a li h4 {
    font-weight: 600;
    font-size: 12px;
    margin: 0 0 5px;
    color: #767676;
}

.address-bar ul a li p {
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 15px;
    color: #767676;
}

.dshow {
    display: block !important;
}


/* .address-bar ul a li.last {padding: 20px 0 0;text-align: center;color: #3598dc;border: 1px dashed #DEEAEE; background:none;width: 276px!important;} */

.address-bar ul a li.last {
    padding: 20px 0 0;
    text-align: center;
    color: #3598dc;
    border: 1px dashed #DEEAEE;
    background: none;
    width: 18.71%;
    min-width: 257px;
}

.address-bar ul a li.last .text {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #3598dc;
    padding: 0px;
    color: #3598dc;
    font-size: 25px;
    margin: 27px auto 0;
    width: 40px;
    text-align: center;
}

.address-bar ul a.lt:hover li.last .text {
    border: 1px dashed #57c8f1 !important;
    color: #57c8f1;
}

.address-bar ul a li.last:hover {
    border: 1px dashed #57c8f1;
    color: #57c8f1;
}

[hidden] {
    display: none;
}


/*********************** AutoComplete **************************/

.suggestions {
    border: solid 1px #f1f1f1;
    position: absolute;
    width: 100%;
    background: rgb(248, 246, 246);
    z-index: 10000000;
}

.suggestions ul {
    padding: 0px;
    margin: 0px;
}

.container {
    width: 600px;
    margin-left: 10px;
    margin-top: 10px;
}

.suggestions ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.suggestions ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #7E7E7E;
}

.suggestions ul li a:hover {
    background-color: #f1f1f1;
}


/*********************** AutoComplete **************************/

.m-bg-w {
    background: #ffffff;
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
}

.m-bg-c {
    background: #fafafa;
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    padding: 0 20px;
}

.mn-box {
    border-radius: .2rem;
    background: #ffffff;
    border: 1px solid #8cd4d0;
    margin: 8px -8px 6px -8px;
}

.mn-box-active {
    background: #d8f0ef;
}

.box-ctn {
    width: 100%;
    padding: 5px;
    min-height: 85px;
}

.box-ctn-img {
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-ctn-img img {
    max-height: 70px;
}

.box-ctn-dic h5 {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.box-ctn-dic h5 span {
    font-weight: normal !important;
}

.box-ctn-dic h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.box-ctn-dic h4 span {
    font-weight: normal !important;
}

.box-ctn-dic h3 {
    font-size: 14px;
    color: #767676;
    font-weight: 500;
    line-height: 18px;
}

.box-ctn-dic h3 span {
    font-size: 14px;
    font-weight: 600;
    color: #000000 !important;
}

.box-ctn-dic p {
    font-size: 13px;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cont_box {
    padding: 10px 15px;
}

.cont_box>div.list_cont {
    padding-left: 15px;
}

.cont_box>div.list_cont>h1 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont>h1>span {
    font-weight: normal;
}

.cont_box>div.list_cont>h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_pic {
    border: 1px solid #e5e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 20px;
}

.cont_box>div.list_pic img {
    max-height: 100px;
}

.cont_box>div.list_pic1 {
    width: auto !important;
}

.cont_box>div.list_pic1>div.p_list_pic {
    margin-right: 0 !important;
}

.cont_box>div.list_pic1>div.p_list_pic>img {
    max-height: 100px;
}

.container-3 {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-3 input#search_in {
    width: 100%;
    height: 37px;
    background: #ffffff;
    border: 1px solid #e5e6e6;
    font-size: 10pt;
    float: left;
    color: #262626;
    padding-left: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.container-3 input#search_in::-webkit-input-placeholder {
    color: red;
}

.container-3 input#search_in:-moz-placeholder {
    /* Firefox 18- */
    color: #65737e;
}

.container-3 input#search_in::-moz-placeholder {
    /* Firefox 19+ */
    color: #65737e;
}

.container-3 input#search_in:-ms-input-placeholder {
    color: #65737e;
}

.container-3 .icon {
    position: absolute;
    top: 50%;
    margin-left: 17px;
    margin-top: 10px;
    z-index: 1;
    color: #4f5b66;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.container-3 input#search_in:focus,
.container-3 input#search_in:active {
    outline: none;
}

.container-3:hover .icon {
    margin-top: 10px;
    color: #93a2ad;
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -moz-transform: scale(1.5);
    /* Firefox */
    -ms-transform: scale(1.5);
    /* IE 9 */
    -o-transform: scale(1.5);
    /* Opera */
    transform: scale(1.5);
}


/* form starting stylings ------------------------------- */

.form-control:focus {
    outline: 0;
    box-shadow: none;
    color: #000000;
}

.form-group-m {
    position: relative;
    margin-bottom: 18px !important;
    margin-top: 22px !important;
}


/* .form-group-m	{ position:relative;margin-bottom:25px !important; margin-top: 22px !important;} */

input.in-m {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
}

input.in-m:focus {
    outline: none;
}


/* input:focus 	{outline:none;border-bottom:2px solid #5264AE !important;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;} */

.select-style select {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
}

.select-style select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + -4px);
}


/* LABEL ======================================= */

label.lb-m {
    font-weight: 600;
    color: #343e4f;
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: -25px;
    transition: 0.3s ease all;
    font-size: 14px;
    text-transform: capitalize;
}


/* active state */

input.in-m:focus~label.lb-m,
input.in-m:valid~label.lb-m {
    top: -20px;
    font-size: 14px;
    color: #50575b;
}


/* BOTTOM BARS ================================= */

.bar {
    position: relative;
    display: block;
    width: auto;
    margin-top: 1px;
}

.bar:before,
.bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #3598dc;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}


/* active state */

input.in-m:focus~.bar:before,
input.in-m:focus~.bar:after {
    width: 50%;
}


/* Bar Bottoms for errors *************************************************************** */

.errorBar {
    position: relative;
    display: block;
    width: auto;
    margin-top: 1px;
}

.errorBar:before,
.errorBar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: red;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.errorBar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}

input.in-m:focus~.errorBar:before,
input.in-m:focus~.errorBar:after {
    width: 50%;
}

.errorBar select {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid red !important;
    border-radius: 0 !important;
}

.errorBar select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + -4px);
}


/* .errorBar {border-bottom: 1px solid red !important;margin-top: -1px;} */


/* active state */


/* Bar Bottoms for errors *************************************************************** */


/* HIGHLIGHTER ================================== */

.highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 2%;
    left: 15px;
    pointer-events: none;
    opacity: 0.5;
}


/* active state */

input.in-m:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.n_dt {
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 00;
    padding: 0 10px;
}


/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.check-input {
    margin-top: 10px;
}

.er_msg {
    font-size: 11px;
    color: red;
}

.view_c {
    color: #323232;
    font-size: 13px;
}

.nav-tabs--vertical {
    border-bottom: none;
    border-right: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-right: -1px;
    min-width: 170px;
}

.nav-tabs--left {
    margin: 0px;
    z-index: 10;
}

.nav-tabs--left .nav-item+.nav-item {
    margin-top: .0rem;
}

.nav-tabs--left>.nav-item {
    border: none !important;
    background: none !important;
}

.nav-tabs--left .nav-tabs {
    border: none !important;
    background: none !important;
}


/* .nav-tabs--left > li.nav-item {
white-space: nowrap; 
border-color: #ddd #ffffff #ddd #ddd !important;
margin: 0px 3px 4px 0px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 0px !important;
}
.nav-tabs--left > li.nav-item:hover{background: #ffffff; border-left: 3px solid #3598dc !important;border-color: #ddd #ddd #fff;border: 1px solid transparent;margin-right: -1px !important;}
.nav-tabs--left > li.nav-item.active{background: #ffffff; border-left: 3px solid #3598dc !important;border-color: #ddd #ddd #fff;border: 1px solid transparent;margin-right: -1px !important;}*/

.nav-tabs--left>li.nav-item>a {
    background: #fbf8f8;
    white-space: nowrap;
    border-color: #ddd #ffffff #ddd #ddd !important;
    margin: 0px 0px 5px 0px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
}

.nav-tabs--left>li.nav-item>a:hover {
    background: #ffffff;
    border-left: 3px solid #3598dc !important;
    margin-right: -1px !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.nav-tabs--left>li.nav-item>a.active {
    background: #ffffff;
    border-left: 3px solid #3598dc !important;
    margin-right: -1px !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: none;
    border: none;
}


/* .nav-tabs--left .nav-link {		white-space: nowrap;border-radius: 0; border-color: #ddd #ddd #ddd !important; } */


/* .nav-tabs--left .nav-link:hover {	background-color: #f7f7f7;} */


/* .nav-tabs--left .nav-link.active {margin-right: -1px; border-color: #ddd #fff #ddd #ddd !important; }*/


/* .nav-tabs--left .nav-link.active:hover {	background-color: #fff; } */

.nav-tabs--content {
    height: calc(100vh - 345px);
    margin: 0 0 -1px -3px !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd !important;
    z-index: 1;
    width: 100% !important;
}

.grid_table * {
    padding: 0;
    border: none;
}

table.grid_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 5px;
    padding: 0;
}

.grid_table thead th {
    background-color: #f8f5f5;
    border: 0px solid #00A5D6;
    padding: 0
}

.grid_table thead tr td {
    font-size: 14px;
    border: 1px solid #f1f1f1;
    background: #f8f5f5;
    color: #343434;
    padding: 10px;
}

.grid_table tbody tr td {
    font-size: 14px;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1 !important;
    color: #343434;
    padding: 5px 10px;
    vertical-align: middle !important;
}

.trash_bt {
    color: #d83131 !important;
    font-size: 18px;
}

.grid_table tbody tr td:first-child {
    border-left: 1px solid #f1f1f1 !important;
}

.grid_table tbody tr td:last-child {
    border-right: 1px solid #f1f1f1 !important;
}

.b-b-g-tb {
    border-bottom: 1px solid #ddd;
}

.top_tab_bt {
    margin: 0 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top_tab_bt li {
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #ddd;
    line-height: 30px;
    height: auto;
    padding: 8px 20px;
    color: #343434;
    background: #fbf8f8;
}

.top_tab_bt li span {
    display: block;
    width: 100%;
}


/********/

.cont_box>div.list_cont_p {
    width: 50%;
}

.cont_box>div.list_cont_p>h1 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h1>span {
    font-weight: normal;
}

.cont_box>div.list_cont_p>h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h3 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h3>span {
    font-weight: normal;
}

.cont_box>div.list_cont_p>div.p_list_pic {
    border: 1px solid #e5e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.cont_box>div.list_cont_p>div.p_list_pic img {
    max-height: 100px;
}

.bg_lb_st {
    padding: 5px 10px;
    background: #f6f6f6;
}

.bg_lb_st.active {
    background: #fa8564;
    color: #ffffff;
}


/* .p_list_pic{border: 1px solid #e5e6e6;display: flex;justify-content: center;align-items: center;padding: 5px;margin-bottom: 20px;}
.p_list_pic img{max-height: 100px;} */

.btn_o_f {
    width: 175px;
}

.btn_o_f>label {
    width: 100%;
    margin: 3px 0;
    padding: 0;
    line-height: 23px;
    font-weight: 600;
}


/* .btn_o_f .btn-toggle {	top: 50%;	transform: translateY(-50%);} */

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem !important;
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle:before {
    content: 'No';
    left: -4rem;
}

.btn-toggle:after {
    content: 'Yes';
    right: -4rem;
    opacity: .5;
}

.btn-toggle>.handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

.btn-toggle.active>.handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.active:before {
    opacity: .5;
}

.btn-toggle.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    display: none;
}

.btn-toggle:before,
.btn-toggle:after {
    color: #6b7381;
}

.btn-toggle.active {
    background-color: #3598dc;
}

.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}

.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
    outline: none;
}

.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-lg:before {
    content: 'No';
    left: -5rem;
}

.btn-toggle.btn-lg:after {
    content: 'Yes';
    right: -5rem;
    opacity: .5;
}

.btn-toggle.btn-lg>.handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-lg.active>.handle {
    left: 2.8125rem;
    transition: left .25s;
}

.btn-toggle.btn-lg.active:before {
    opacity: .5;
}

.btn-toggle.btn-lg.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.6875rem;
    width: 3.875rem;
}

.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
    display: none;
}

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}

.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
    outline: none;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-sm:before {
    content: 'No';
    left: -0.5rem;
}

.btn-toggle.btn-sm:after {
    content: 'Yes';
    right: -0.5rem;
    opacity: .5;
}

.btn-toggle.btn-sm>.handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-sm.active>.handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.btn-sm.active:before {
    opacity: .5;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
    display: none;
}

.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}

.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
    outline: none;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-xs:before {
    content: 'No';
    left: 0;
}

.btn-toggle.btn-xs:after {
    content: 'Yes';
    right: 0;
    opacity: .5;
}

.btn-toggle.btn-xs>.handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-xs.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-xs.active>.handle {
    left: 1.125rem;
    transition: left .25s;
}

.btn-toggle.btn-xs.active:before {
    opacity: .5;
}

.btn-toggle.btn-xs.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
    line-height: -1rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.275rem;
    width: 1.55rem;
}

.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
    display: none;
}

.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
    color: #6b7381;
}

.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.dragarea {
    font-size: 16px;
    border: 3px dotted #3598dc;
    padding: 20px;
    background-color: #fff;
    color: #bbb;
}

.up_ic {
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
    color: #3598dc;
}


/*********/

.p_list_pic {
    position: relative;
    margin: auto;
    /* width: 250px;height: 250px;*/
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    cursor: pointer;
    overflow: hidden;
}

.p_list_pic:hover .overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.p_list_pic:hover span {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease, opacity 1.3s ease;
    transition: transform .5s ease, opacity 1.3s ease;
}

.p_list_pic .overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    margin: auto;
    width: 0px;
    height: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    opacity: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.p_list_pic span {
    color: #fff;
    text-align: center;
    position: absolute;
    margin: auto;
    width: auto;
    height: 30px;
    line-height: 16px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .5s ease, opacity .7s ease;
    transition: transform .5s ease, opacity .7s ease;
}

.bg_crt {
    background: #ffffff;
    border: 1px solid #e5e6e6;
    margin: 15px 0px;
    padding: 20px 10px 5px 10px;
}

.link_ar {
    color: cornflowerblue;
    font-weight: 500;
}

.bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 265px);
    background: #Fafafa;
}

.form-group-m-h {
    position: relative;
    margin-bottom: 10px !important;
    margin-top: 15px !important;
}

.sb_t_g {
    font-size: 15px;
    color: #343434;
    font-weight: 600;
    line-height: 22px;
}

.p_status {
    position: absolute;
    right: 15px;
    top: -2px;
    background: #3598dc;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 25px;
    border-radius: 6px 6px 0px 0px;
    font-size: 15px;
    font-weight: 600;
}

.god_ar>tbody {
    display: block;
    max-height: calc(100vh - 500px);
    overflow: auto;
}

.god_ar>thead,
.god_ar>tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.mark_arrv {
    position: absolute;
    right: 100px;
    top: -2px;
    background: #3598dc;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 25px;
    border-radius: 6px 6px 0px 0px;
    font-size: 15px;
    font-weight: 600;
}


/***********/

.cl_dic {
    padding: 10px;
}

.cl_dic p.cl_text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.cl_dic p.cl_text span {
    width: 100%;
    display: block;
    font-size: 14px;
}

.cl_bx {
    border: 1px solid #e5e6e6;
}

.gift_ic {
    color: red;
    font-size: 40px;
    line-height: normal;
    padding: 0 22px;
    margin: 0;
}

.brd_rt {
    border-right: 1px solid #e5e6e6 !important;
    margin: 0 25px 0 15px;
}

.address_tb>a {
    display: inline-block;
}

.address_tb>a>li>h1 {
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 5px;
    color: #000000;
}

.address_tb>a>li>p {
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 15px;
    color: #343434;
}

.brd_rt1 {
    padding: 10px 0 0 10px;
    border-left: 1px solid #e5e6e6;
    height: 180px;
    display: inline-block;
}

.top_tab_bt_rt {
    margin: 0 0 0 0;
    padding: 0;
    align-items: center;
    float: right;
}

.top_tab_bt_rt li {
    float: left;
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #ddd;
    line-height: 30px;
    height: 45px;
    padding: 8px 20px;
    color: #343434;
    background: #fbf8f8;
}

#breadcrumb_st {
    list-style: none;
    float: left;
    margin: 5px 0px 0 5px;
    padding: 0;
}

#breadcrumb_st .icon {
    font-size: 14px;
}

#breadcrumb_st li {
    float: left;
}

#breadcrumb_st li a {
    color: #000000;
    display: block;
    background: #eaeaea;
    text-decoration: none;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
    font-size: 13px;
    font-weight: 500;
}


/* #breadcrumb_st li:nth-child(even) a {	background-color: #2980b9;  }  
#breadcrumb_st li:nth-child(even) a:before {	border-color: #2980b9;	border-left-color: transparent;  }
#breadcrumb_st li:nth-child(even) a:after {	border-left-color: #2980b9;  } */

#breadcrumb_st li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}

#breadcrumb_st li:first-child a:before {
    border: none;
}

#breadcrumb_st li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}

#breadcrumb_st li:last-child a:after {
    border: none;
}

#breadcrumb_st li a:before,
#breadcrumb_st li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #eaeaea;
    border-width: 18px 10px;
    width: 0;
    height: 0;
}

#breadcrumb_st li a:before {
    left: -20px;
    border-left-color: transparent;
}

#breadcrumb_st li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #eaeaea;
}

#breadcrumb_st li a:hover {
    background-color: #e7505a;
}

#breadcrumb_st li a:hover:before {
    border-color: #e7505a;
    border-left-color: transparent;
}

#breadcrumb_st li a:hover:after {
    border-left-color: #e7505a;
}

#breadcrumb_st li a:active {
    background-color: #e7505a;
}

#breadcrumb_st li a:active:before {
    border-color: #e7505a;
    border-left-color: transparent;
}

#breadcrumb_st li a:active:after {
    border-left-color: #e7505a;
}

#breadcrumb_st li a.active {
    background-color: #e7505a !important;
}

#breadcrumb_st li a.active:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #e7505a !important;
}

#breadcrumb_st li a.active:before {
    border-color: #e7505a;
    border-left-color: transparent !important;
}

#breadcrumb_st li a.Pending_color {
    background-color: #e7505a !important;
}

#breadcrumb_st li a.Pending_color:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #e7505a !important;
}

#breadcrumb_st li a.Pending_color:before {
    border-color: #e7505a;
    border-left-color: transparent !important;
}

.Backorder_color {
    background-color: #16a085;
}

.Hold_color {
    background-color: #16a085;
}

.Picking_color {
    background-color: #16a085;
}

.Packing_color {
    background-color: #16a085;
}

.Dispatch_color {
    background-color: #16a085;
}

.POD_color {
    background-color: #16a085;
}


/*****************/

.sub-m-d {
    margin-right: -1px;
    margin-top: -1px;
    display: block;
    margin-left: -1px;
}

.c_bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    background: #ffffff;
    margin-left: -16px !important;
    margin-top: -1px !important;
}

.c_r_bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    background: #ffffff;
    margin-left: -16px !important;
    margin-right: 14px;
    margin-top: -1px !important;
    padding: 0;
}

.c_god_ar>tbody {
    display: block;
    max-height: calc(100vh - 400px);
    overflow: auto;
}

.cart_item_lst {
    height: calc(100vh - 313px);
    overflow: hidden;
}

.bg-wt-box {
    margin: 0 0px;
}

ul.od_ite_lt {
    float: left;
    position: relative;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0px;
    background: #Fafafa;
    min-height: 100px;
    border: 1px solid #e5e6e6;
}

ul.od_ite_lt li {
    float: left;
}

ul.od_ite_lt li.p_o_img {
    height: 45px;
    width: 60px;
    text-align: center;
    margin-top: 15px;
    margin-right: 5px;
}

ul.od_ite_lt li.p_o_name {
    height: 45px;
    width: 70%;
}

ul.od_ite_lt li.p_o_name span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

ul.od_ite_lt li.p_o_qty {
    height: 45px;
    width: 25%;
    text-align: center
}

ul.od_ite_lt li.p_o_cls {
    height: 45px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    font-size: 18px;
    position: absolute;
    right: 18px;
    z-index: 10;
    top: 34px;
}


/********************/

.timeline {
    list-style: none;
    padding: 20px;
    position: relative;
    height: calc(100vh - 555px);
    overflow: hidden;
    width: 100%;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
    height: 100vh;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 10px 15px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -9px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline>li>.timeline-panel>.timeline-heading>h4 {
    font-size: 18px;
    font-size: 16px;
    color: #000;
}

.timeline>li>.timeline-panel>.timeline-heading>p {
    margin: 0 0 3px 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3598dc;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 1000000000000;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* .indicater{float: left;width: 100%;text-align: left;} */

.indicater {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin: 0;
}

.indicater span {
    color: red;
}

.titel_e {
    font-size: 14px !important;
    color: #767676;
    font-weight: 600;
    border-radius: 0;
    padding: 10px 0 0 4px !important;
    text-transform: none;
}

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

.god-ser {
    background: rgb(255, 255, 255);
    border-width: 8px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(241, 242, 247);
    border-bottom-color: rgb(241, 242, 247);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    padding: 30px !important;
}

.hhm_i {
    height: 150px;
    width: 150px;
    display: inline-block;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.hhm_i img {
    width: 100%;
    height: 100%;
}

.doc_titel {
    font-size: 15px;
    color: #343434;
    font-weight: 600;
    line-height: 22px;
    width: 100%;
    margin-left: 20px;
}

.cal_icon_ar {
    padding: 0;
    margin: 0;
    background: no-repeat;
    top: -15px;
    right: 295px;
    position: absolute;
}

.ftp_ord>tbody {
    display: block;
    max-height: calc(100vh - 257px);
    overflow: auto;
}

.ftp_ord tr td {
    padding: 6px 2px !important;
    vertical-align: middle;
}

.ftp_ord>thead,
.ftp_ord>tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #000000;
    padding: 0px !important;
}

.ftp_ord thead th {
    background: #3598dc;
    color: #ffffff;
    border: none;
    padding: 6px 3px !important;
    text-align: -webkit-match-parent;
}

.ftp_ord>tbody tr:hover {
    background: #d8f0ef;
}

.st_su {
    display: block;
    width: 100%;
    height: 100%;
    background: #DFF2BF;
    color: #000000;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
}

.st_er {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFBABA;
    color: #000000;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
}


/* .modal-confirm {color: #636363;width: 400px;top:30%;}
.modal-confirm .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
.modal-confirm .modal-header {border-bottom: none;background: none;position: relative;}
.modal-confirm .icon-box {width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #f15e5e;}
.modal-confirm .icon-box i {color: #f15e5e;font-size: 46px;display: inline-block;margin-top: 13px;}
h4.con_msg {text-align: center;font-size: 26px;margin: 0px 0 15px;}
.modal-confirm .close {position: absolute;top: -5px;right: -2px;}
.modal-confirm .modal-body {color: #999;}
.modal-confirm .modal-footer {border: none;text-align: center;border-radius: 5px;font-size: 13px;padding: 10px 15px 25px;justify-content: center;} */

.btn1 {
    background-color: #3598dc;
    border-color: #1ca59e;
    color: white;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.dropdown1 {
    position: absolute;
    display: inline-block;
}

.dropdown1 .btn1 {
    border-left: 1px solid #16a085;
}

.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1;
    right: 0;
    border: 1px solid #ddd;
}

.dropdown-content1 a {
    color: black;
    padding: 6px 16px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    display: block;
}

.dropdown-content1 a:hover {
    background-color: #fbf8f8
}

.dropdown1:hover .dropdown-content1 {
    display: block;
}

.btn1:hover,
.dropdown1:hover .btn1 {
    background-color: #3598dc;
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: #3598dc;
    border-color: #1ca59e;
}

.eng_cart_item_lst {
    height: calc(100vh - 338px);
    overflow: hidden;
}

ul.eng_od_ite_lt {
    float: left;
    position: relative;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0px;
    background: #Fafafa;
    min-height: 100px;
    border: 1px solid #e5e6e6;
}

ul.eng_od_ite_lt li {
    float: left;
}

ul.eng_od_ite_lt li.p_o_img {
    height: 45px;
    width: 60px;
    text-align: center;
    margin-top: 15px;
    margin-right: 5px;
}

ul.eng_od_ite_lt li.p_o_name {
    height: 45px;
    width: 65%;
}

ul.eng_od_ite_lt li.p_o_name span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

ul.eng_od_ite_lt li.p_o_qty {
    height: 45px;
    width: 25%;
    text-align: center
}

ul.eng_od_ite_lt li.p_o_cls {
    height: 45px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    font-size: 18px;
    position: absolute;
    right: 18px;
    z-index: 10;
    top: 34px;
}

.btn_ang {
    background: none;
    border-color: none;
    color: #000000;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

btn_ang:hover {
    color: #3598dc;
}

.dropdown_ang {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 4px;
}

.dropdown1 .btn_ang {
    border-left: 1px solid #ffffff;
}

.btn_ang i {
    font-size: 22px;
}

.dropdown-content_ang {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1;
    right: 0;
    border: 1px solid #ddd;
}

.dropdown-content_ang a {
    color: black;
    padding: 6px 16px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    display: block;
}

.dropdown-content_ang a:hover {
    background-color: none;
    color: #3598dc;
}

.dropdown_ang:hover .dropdown-content_ang {
    display: block;
}

.btn_ang:hover,
.dropdown_ang:hover .btn_ang {
    background-color: none;
    color: #3598dc;
}

.status_label {
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    padding: 3px 3px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
}


/*.status_red{display:block;width: 100%;height: 100%;background: #f57878;color: #000000;padding: 0 5px;border-radius: 2px;font-weight: bold;}
.status_orange{display:block;width: 100%;height: 100%;background:#FF8000;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_amber{display: block;width: 100%;height: 100%;background:#F4C430;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_yellow{display:block;width: 100%;height:100%;background:#FFFF00;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_green{display: block;width: 100%;height: 100%;background:#77DD77;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_blue{display:block;width: 100%;height: 100%;background:#00BFFF;color:#000000;padding: 0 5px; border-radius: 2px;font-weight: bold;} */

.angle_status {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: 7px;
}


/* .ag_red{background-color: #ee8b8b !important; } 
.ag_orange{background-color: #e68f39 !important; } 
.ag_amber{background-color: #f5bf1f !important; } 
.ag_yellow{background-color: #f3f35c !important; } 
.ag_green{background-color: #8df78d !important; } 
.ag_blue{background-color: #76d6f7 !important; } 
.ag_grey{background-color: #c2c6c7 !important; }
.ag_white{background-color: #f5f5f5 !important; }  */

.ag_red {
    background: #f03f54 !important;
}

.ag_orange {
    background: #fa6137 !important;
}

.ag_amber {
    background: #ed8f03 !important;
}

.ag_yellow {
    background: #fdfc47 !important;
}

.ag_green {
    background: #24fe41 !important;
}

.ag_blue {
    background: #1c92d2 !important;
}

.ag_grey {
    background: #abbaab !important;
}

.ag_white {
    background: #ece9e6 !important;
}

.ag_pink {
    background: #800080 !important;
}

.ag_deepSea {
    background: #00bf8f !important;
}

.ag_darkred {
    background: #cc0e0e !important;
}


/* .ag_red{background: linear-gradient(to right,  #ffb88c, #f03f54)  !important; } 
.ag_orange{background:linear-gradient(to right, #f7b733, #fa6137) !important; } 
.ag_amber{background: linear-gradient(to right, #fceabb, #ed8f03) !important; } 
.ag_yellow{background: linear-gradient(to right, #fceabb, #fdfc47) !important; } 
.ag_green{background: linear-gradient(to right,#bdfff3, #24fe41) !important; } 
.ag_blue{background: linear-gradient(to right, #f2fcfe, #1c92d2) !important; } 
.ag_grey{background: linear-gradient(to right, #ffffff, #abbaab) !important; }
.ag_white{background: linear-gradient(to right, #ffffff, #ece9e6) !important; } 
.ag_pink{background: linear-gradient(to right, #ffc0cb, #800080) !important;}
.ag_deepSea{background: linear-gradient(to right,#77bec9, #00bf8f) !important;}
.ag_darkred{background: linear-gradient(to right, #e79880,#cc0e0e) !important;} */

.angle_sub {
    font: bold 12px Sans-Serif;
    color: #000;
    text-align: center;
    position: relative;
    padding: 5px 0;
    left: 9px;
    top: 12px;
    width: 100px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    /*left: -8px;top: 19px; width: 120px;*/
}

.angle_sub:before,
.angle_sub:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.angle_sub:before {
    left: 0;
}

.angle_sub:after {
    right: 0;
}

​
/* .opacity {
position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-align: center;background: rgba(12, 173, 152, 0.9);opacity: 1;visibility: visible;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);
} */

.hhm_i {
    position: relative;
    margin-bottom: 30px;
}

.hhm_i .opacity {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: hsla(177, 71%, 42%, 0.9);
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    z-index: 1;
    margin: 10px 0px 0px 11px !important;
    height: 130px !important;
    width: 130px !important;
    border-radius: .25rem;
}

.hhm_i:hover .opacity {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hhm_i .opacity>div {
    display: table;
    width: 100%;
    height: 100%;
}

.hhm_i .opacity>div>div {
    display: table-cell;
    vertical-align: middle;
}

.hhm_i .opacity>div h4 {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.hhm_i .opacity>div ul {
    margin: 0 !important;
    padding: 0 !important;
}

.hhm_i .opacity>div ul li {
    display: inline-block;
    padding: 0;
}

.hhm_i .opacity>div ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    border: 2px solid #fff;
}

.hhm_i .opacity>div ul li a:hover {
    border-color: #32323a;
    color: #2c2c2c;
}


/* .ng2-pdf-viewer-container {height: 121px;overflow: hidden !important;margin: 0 !important;top: 0;padding: 0 !important;} */

.img-thumbnail>div.ng2-pdf-viewer-container {
    height: 121px;
    overflow: hidden !important;
    margin: 0 !important;
    top: 0;
    padding: 0 !important;
}

.modal-dialog1,
.modal-content1 {
    height: 90%;
}

.modal-body1 {
    max-height: calc(100% - 120px);
    overflow-y: auto;
}


/* .err_text{ color: #000;font-size: 15px !important;margin-top: -15px !important;}
.er_m_text{ color: #636363;font-size: 13px !important;margin:0px !important;}
.err_exit{color: #09b8a9 !important;}  */

.modal-confirm-er {
    color: #636363;
    width: 500px;
    top: 30%;
    height: 90%;
}

.modal-confirm-er .modal-content {
    padding: 0px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm-er .modal-header {
    position: relative;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.modal-confirm-er .modal-header h4 {
    font-size: 16px;
    margin: 0;
}

.modal-confirm-er .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.modal-confirm-er .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

h4.con_msg {
    text-align: center;
    font-size: 26px;
    margin: 0px 0 15px;
}

.modal-confirm-er .close {
    position: absolute;
    right: 13px;
    color: #a94442;
}

.modal-confirm-er .modal-body {
    color: #999;
}

.modal-confirm-er .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
    justify-content: center;
}

.modal-confirm-er .modal-body ul.ul_er_list {
    text-align: left;
}

.modal-confirm-er .modal-body ul.ul_er_list li {
    line-height: 25px;
    font-size: 12px;
    color: red;
    font-weight: 500;
}

.modal-confirm-er .modal-body ul.ul_er_list i {
    margin-right: 10px;
    margin-left: 10px;
    color: #a94442;
}

.vir_pro_list>div {
    line-height: 32px !important;
}

.hide_to_show {
    font-weight: 600;
    color: #343434;
    transition: 0.3s ease all;
    font-size: 14px;
    line-height: 50px;
}

.bg_none {
    background: none !important;
}

.bg_w {
    background: #ffffff;
}

.tb_h {
    height: calc(100vh - 285px);
}

.table_com thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 7px !important;
    vertical-align: middle;
}

.table_com tbody tr:hover {
    background: #d8f0ef;
}

.table_com tbody {
    height: calc(100vh - 400px);
}

.table_com tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_com thead>tr>th {
    border: none;
}

.table_com tbody tr:hover {
    background: #fbfcfd;
}

.table_com1 {
    margin-bottom: 10px;
}

.table_com1>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 6px !important;
    text-transform: uppercase;
}


/* .table_com1 > tbody > tr > td{color: #000 !important; font-weight: 600;font-size: 12px;} */

.table_com1 td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 6px;
    line-height: 1.42;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.table_com1 tbody {
    height: calc(100vh - 293px);
}

.table_cms1 tbody {
    height: calc(100vh - 400px);
}

.er_msg_art {
    text-align: left !important;
    width: 100% !important;
    margin: -10px 0 10px 0px !important;
    padding: 5px 10px 0 10px !important;
}

.e_t_m {
    color: red !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}


/************/

h3.page-title {
    font-family: "Camphor Pro", sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 50px;
    color: #32323a;
}


/*
.nav--primary__btn {clear: both;line-height: 2.4em;float: left;width: 100%;text-decoration: none;color: #fff;padding-left: 30px;padding-right: 30px;font-weight: 600;}
.nav--primary__btn:hover {background: #1a2536;color: #fff;}
.nav--primary__btn::before {font-family: icomoon !important;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;float: left;font-size: 1.5em;line-height: 2.2em;margin: 0 20px 0 0;color: #fff;opacity: .49;}
*/

ul.sidebar-menu li a::before {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 20px 0 0;
    color: #fff;
    opacity: .49;
    width: 18px;
}

#sidebar .sub-menu>.sub li a {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0 8px 52px !important;
}

ul.sidebar-menu li.sub-menu:hover {
    color: #ffffff;
}

ul.sidebar-menu li.sub-menu:hover::after {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    /* content: "\E924"; */
    content: "\E922";
    color: #ffffff;
    float: right;
    opacity: 0;
    transition: all .3s ease-in-out;
    font-size: 1.5em;
    margin-right: 0.4rem;
    margin-top: -33px;
}

ul.sidebar-menu li.sub-menu:hover::after {
    opacity: 1;
}

ul.sidebar-menu li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding: 12px 0 12px 14px;
}

ul.sidebar-menu li a span {
    font-weight: 600;
}

ul.sidebar-menu li a:hover {
    background: #1a2536;
    color: #ffffff;
}

ul.sidebar-menu li a:hover::before {
    opacity: 1;
}

.w-dashboard::before {
    content: "\E9B5";
}

.w-customer::before {
    content: "\EA3E";
}

.w-products::before {
    content: "\f1b3";
}

.w-goodsin::before {
    content: "\E979";
}

.w-orders::before {
    content: "\E94F";
}

.w-orderimporters::before {
    content: "\f112";
}

.w-picking::before {
    content: "\f009";
}

.w-settings::before {
    content: "\f013";
}

.w-schedule::before {
    content: "\f017";
}

.w-chart::before {
    content: "\f201";
}

.w-invoice::before {
    content: "\f0d6";
}

.w-invoice_pound::before {
    content: "\f154";
}


/***/

.lg-b {
    border-radius: 5px;
    display: block;
    background: #ffffff !important;
    margin: 0 auto;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
}

.breadcrumb {
    line-height: 29px;
}

.breadcrumb-item {
    float: left;
    font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "\f105";
    font-family: icomoon !important;
}


/* .portlet{border-top: 3px solid #3598dc; border-bottom: 1px solid #3598dc;border-right: 1px solid #3598dc;border-left: 1px solid #3598dc;background: #ffffff;padding: 10px;height: calc(100vh - 240px);} */

.portlet {
    border-top: 3px solid #3598dc;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #ffffff;
    padding: 10px;
    height: calc(100vh - 190px);
}

.table_cms tbody {
    height: calc(100vh - 380px);
}

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

.page-item.active .page-link {
    z-index: 2;
    color: #fff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #eee !important;
    border: 1px solid #e7ecf1 !important;
    float: left;
    line-height: 1.42857;
    margin-left: 0px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    color: #000 !important;
}

.page-item.disabled .page-link {
    color: #868e96 !important;
    pointer-events: none !important;
    background-color: #f5f1f1 !important;
}

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


/* .btn-primary {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover{ background-color: #384150;} */

label {
    display: inherit;
    margin-bottom: 0.07rem;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    text-transform: none !important;
    /*width: 100%;*/
}


/* label {display: inline-block;margin-bottom: .5rem;font-weight: 600;color: #000;font-size: 15px;} */

.btn-search {
    background-color: #384150;
    color: #fff;
    border: 1px solid #384150 !important;
    padding: 6px 10px !important;
}

.btn-search:hover {
    background-color: #384150;
}

.filter {
    padding: 6px 10px !important;
}

.src_box a {
    display: inline-block;
    padding: 5px 10px !important
}


/* .src_box input{display: inline-block;;width: 245px;}  */

.src_box input {
    display: inline-block;
    ;
    width: auto;
}


/* .src_box input::before{font: normal normal normal 14px/1 FontAwesome;content: "\f002";} */

.src_box button {
    display: inline-block;
    padding: 5px 10px !important;
    margin: -1px 3px 0 3px;
}

.breadcrumb-item.active {
    color: #343e4f;
    font-weight: 600;
}

.main_tl {
    float: left;
    padding-left: 35px;
    margin: -6px 0 0 0 !important;
    padding: 0px 10px 0 25px;
}

a.logo {
    font-size: 21px;
    color: #fff;
    float: left;
    margin: 15px 0 0 40px;
    text-transform: uppercase;
}

a.logo img {
    height: 50px;
}


/* .btn-primary {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;} */

.btn-primary {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF !important;
}

.btn-primary:hover {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}

.btn-warning {
    color: #ffffff !important;
    background-color: #e7505a;
    border-color: #e7505a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-warning:hover {
    color: #ffffff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}


/* .filter_box{border-top: 2px solid #3598dc; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;background: #ffffff;padding: 10px;margin: 0 0 15px 0;} */

.filter_box {
    background: rgb(255, 255, 255);
    border-width: 4px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(241, 242, 247);
    border-bottom-color: rgb(241, 242, 247);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    padding: 0 15px !important;
    margin: 0 0 15px 0;
    border-radius: .25rem;
}

.ad_btn {
    float: right;
    padding: 3px 13px;
    color: #fff !important;
    font-weight: 600;
}

.nav-tabs .nav-item {
    margin: 0 3px -1px 3px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-color: #ddd #ddd #fff;
}

.tab-bg-dark-navy-blue .nav>li:first-child.active>a,
.tab-bg-dark-navy-blue .nav>li:first-child>a:hover {
    border-radius: 10px !important;
    /* -webkit-border-radius: 0px 0 0 0 !important; */
    outline: none !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a.active,
.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a:hover {
    border-color: #F0F5F6 #F0F5F6 #fff !important;
    color: #3598dc !important;
    text-transform: none;
    border: none !important;
    margin-top: -1px;
    border-top: 3px solid #3598dc !important;
    border-radius: 10px 10px 0 0 !important;
    font-weight: 600;
    outline: none !important;
    background: #FFFFFF;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none !important;
}

.form-control:focus,
#focusedInput {
    border: 1px solid #3598dc;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-secondary {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #9fa3a8;
    line-height: 20.16px;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: 0px;
}

.btn-secondary:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-danger {
    color: #ffffff !important;
}


/* .show_pg{color: #9fa3a8;font-size: 16px;padding-top: 7px;padding-left:5px;} */

.show_pg {
    color: #9fa3a8;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    display: inline-block;
}

.form-control {
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 30px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
}

textarea.form-control {
    height: auto;
    line-height: 25px;
}

.table_com1 td:first-child {
    border-left: none !important;
}

.table_com1 td:last-child {
    border-right: none !important;
}

.table_com1 tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

label {
    text-transform: uppercase;
}

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

.page-spinner-bar>div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #e7505a;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}


/*** AngularJS Basic Animations ***/

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s;
}

@-webkit-keyframes bounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceDelay {

    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes input-focus {
    0% {
        left: 20%;
        width: 20%;
    }

    99% {
        width: 0;
        left: 0;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.table_cms td {
    padding: 7px !important;
}

.btn-edit.disabled,
.btn-edit:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-edit {
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    background-color: #f5f5f5 !important;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dddddd !important;
    color: #444 !important;
    cursor: default;
}

.btn-edit:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.active,
.open .dropdown-toggle.btn-edit {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.email_list {
    list-style: none;
    margin: 0;
}

.email_list>li {
    list-style: none;
    border: 1px solid #f1f1f1;
    padding: 5px 6px;
    margin: 5px 0;
    line-height: 30px;
}

.e_list_h {
    height: calc(100vh - 383px);
}

.e_list_h1 {
    height: calc(100vh - 430px);
}

.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #fa8564;
    border-color: #fa8564;
    color: #FFFFFF;
}

.address-bar-sage {
    width: 100%;
    float: left !important;
}

.address-bar-sage ul {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}

.address-bar-sage ul li {
    width: 30.8%;
    border: 1px solid #3598dc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin: 10px 10px;
    float: left !important;
    height: 150px;
    background: #ffffff;
}

.address-bar-sage ul li:hover {
    border: 1px solid #fa8564;
}

.address-bar-sage ul li h4 {
    font-weight: 600;
    font-size: 12px;
    margin: 6px 0 0px;
    color: #767676;
}

.address-bar-sage ul li p {
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 5px;
    color: #767676;
}

.dshow {
    display: block !important;
}

.address-bar-sage ul li.last {
    padding: 20px 0 0;
    text-align: center;
    color: #3598dc;
    border: 1px dashed #DEEAEE;
    background: none;
    width: 276px !important;
}

.address-bar-sage ul li.last .text {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #3598dc;
    padding: 0px;
    color: #3598dc;
    font-size: 25px;
    margin: 27px auto 0;
    width: 40px;
    text-align: center;
}

.address-bar-sage ul li.last .text {
    border: 1px dashed #57c8f1 !important;
    color: #57c8f1;
}

.address-bar-sage ul li.last:hover {
    border: 1px dashed #57c8f1;
    color: #57c8f1;
}

.pro-bg-w {
    background: #ffffff;
    border: 0px solid #e5e6e6;
    height: calc(100vh - 195px);
}

.m-t-r-3 {
    margin-top: -3px !important;
    margin-left: 3px;
}


/*****************************/

.productInfo {
    width: 100%;
    padding: 1.875em 2em;
    /*display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;*/
    background: #fbfbfb;
    border-bottom: 1px solid #eff0f1;
}


/* .pro_top_til{text-overflow: ellipsis;color: #3d444f;max-width: 100vw;white-space: nowrap;font-size: 1.55em;line-height: 1.25em;margin: 0 0 20px 0;font-weight: 600;padding: 20px;  background: #fff;} */

.pro_top_til {
    text-overflow: ellipsis;
    color: #3d444f;
    max-width: 100vw;
    white-space: nowrap;
    font-size: 1.55em;
    line-height: 1.25em;
    margin: 0 0 10px 0;
    font-weight: 600;
    padding: 8px 20px;
    background: #fff;
}

.pro_top_til>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    vertical-align: middle;
}

a.edit_pro_txt {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    vertical-align: middle;
}

.pro_top_til>span {
    max-width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: sub;
    margin: 0 2px;
}


/* .productPhotoWrapper { padding: 6px;position: relative;width: 175px;border-radius: 4px;background-color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,.05);float: right;max-height: 175px;} */

.productPhotoWrapper {
    padding: 6px;
    position: relative;
    width: 124px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05);
    float: right;
    max-height: 124px;
    max-width: 124px;
    text-align: center;
}

.pro_lb {
    margin-bottom: 0;
}

.pop_lb {
    margin-bottom: 0;
    font-weight: 600 !important;
    color: #000;
    font-size: 13px;
}

.pr_dic_div {
    background: #fff;
    padding: 1.2em 2em .75em;
}


/* .pr_dic_div > h4 {margin: 5px 0 15px 0;padding: 0;display: inline-block;font-size: 1.55em;font-weight: 600;color: #3d444f;} */

.pr_dic_div>h4 {
    margin: 10px 0 10px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.45em;
    font-weight: 600;
    color: #3d444f;
}

.pr_dic_div>h4>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
}

.pr_dic_div h4.atc_int {
    margin: 5px 0 15px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.50em;
    font-weight: 600;
    color: #3d444f;
}

.pr_dic_div h4.atc_int>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
}

.pr_dic_div .history>p {
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
}

.p-l-r-t-b-5-25 {
    padding: 5px 25px;
}


/*****************************/

.bg-grey {
    background: #E5E5E5 !important;
}

.step-thin {
    padding: 0 15px;
    margin: 15px 0;
}

.step-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.step-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
}

.step-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.step-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

.step-thin .active {
    background-color: #2470af !important;
}


/* .step-thin .active {background-color: #32c5d2!important;} */

.step-thin .active .mt-step-title {
    color: #fff !important;
}

.step-thin .done {
    background-color: #26C281 !important;
}

.step-thin .done .mt-step-title {
    color: #fff !important;
}

.step-thin .done .mt-step-content,
.step-thin .done .mt-step-title {
    color: #fff !important;
}

.step-thin .active .mt-step-content,
.step-thin .active .mt-step-title {
    color: #fff !important;
}

.portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.n_dt1 {
    margin-left: -1px;
    padding: 5px 10px !important;
    line-height: 20px !important;
    z-index: 1000;
    border-radius: 0 4px 4px 0 !important;
}

.clearfixline {
    clear: both;
    width: 100%;
    height: 0px;
}

.table_com2>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
}

.table_com2>tbody>tr>td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px !important;
}

.table_com2 td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.table_com2 tbody {
    height: calc(100vh - 337px);
}

.table_com2 td:first-child {
    border-left: none !important;
}

.table_com2 td:last-child {
    border-right: none !important;
}

.table_com2 tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

.table_com2>thead>tr>th {
    text-transform: uppercase;
}

.order-time {
    font-weight: 400;
    color: rgba(61, 68, 79, 0.6);
    font-size: 18px;
    display: inline-block;
}

.btn-link {
    font-weight: 400;
    color: #2465b0;
    border-radius: 0;
}

.add_td_btn:hover {
    background: #2465b0;
    color: white !important;
}

.add_td_btn:hover a {
    color: white !important;
}

.r_td_btn:hover {
    background: #af2323 !important;
    color: white !important;
}

.r_td_btn:hover a {
    color: white !important;
}

.r_td_btn:hover button {
    color: white;
}

.e_td_btn:hover {
    background: #2470af;
    color: white !important;
}

.e_td_btn:hover a {
    color: white !important;
}

.e_td_btn:hover button {
    color: white !important;
}

.order-timeline-list ol {
    margin: 0;
    padding: 0;
}

.order-timeline-list li {
    display: flex;
    flex-direction: row;
    padding: 15px 40px;
}

.order-timeline-list ol li {
    border-top: 1px solid #e9ebee;
    border-right: 1px solid #e9ebee;
    border-left: 1px solid #e9ebee;
}

.order-timeline-list ol li:last-child {
    border-bottom: 1px solid #e9ebee;
}

.order-timeline-list ol li:nth-child(2n+1) {
    background: #F8F8F8;
}

.order-timeline-list li time {
    order: 2;
    font-weight: 500;
}

.order-notes-list li time {
    color: #52627d;
    text-align: right;
}

.order-timeline-list li time span.time {
    color: #a1aab7;
    text-align: right;
}

.order-timeline-list li .order-timeline-list-content {
    flex-grow: 1;
    padding-right: 45px;
}

.order-timeline-list li .order-timeline-list-content h4 {
    color: #48566e;
    font-weight: 600;
    font-size: 14px;
}

.order-timeline-list li .order-timeline-list-content p:last-child {
    margin-bottom: 0;
}

.order-notes-list li .order-notes-list-content p {
    font-size: 14px;
    color: #5c6e8d;
}

.staru_col {
    background: #37b310;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    /* border-radius: 3px; */
    border-radius: 50px;
    margin-top: -5px !important;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.staru_col_de {
    background: #e7505a;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    margin-top: -5px !important;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.table_com2 tbody {
    height: auto;
}

.edit_sub {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
    text-transform: capitalize;
}

.tab_lab {
    font-weight: normal;
    text-transform: inherit;
    margin-bottom: 0;
}

.tab_lab span {
    font-weight: normal;
    vertical-align: middle;
}


/* input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
input[type="checkbox"]+span { font: 16pt sans-serif; color: #2470af; }
input[type="checkbox"]+span:before { font: 16pt FontAwesome; content: '\00f096'; display: inline-block; width: 16pt; padding: 0px 0 0 0px; margin-right: 0.3em; }
input[type="checkbox"]:checked+span:before { content: '\00f046'; }
input[type="checkbox"]:focus+span:before { outline: 1px dotted #aaa; }
input[type="checkbox"]:disabled+span { color: #999; }
input[type="checkbox"]:not(:disabled)+span:hover:before { text-shadow: 0 1px 2px #77F; } */

.table_email thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #3598dc !important;
    padding: 8px 10px !important;
}

.table_email thead td {
    line-height: 25px;
    padding: 8px 10px !important;
    font-weight: 600;
}

.table_email tbody tr:hover {
    background: #c9e6fa;
}

.table_email tbody th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #3ba0e4 !important;
}


/* .table_email tbody th{background: #3598dc !important;color: #FFFFFF;border: 1px solid #3598dc !important;} */

.table_email tbody {
    height: calc(100vh - 430px);
}

.table_email tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_email thead>tr>th {
    border: none;
}

.portlet_sm {
    height: calc(100vh - 293px) !important;
}

.table_com_sm tbody {
    height: calc(100vh - 396px) !important;
}

.order_sm {
    height: calc(100vh - 348px) !important;
}

.portlet_sm_pro {
    height: calc(100vh - 283px) !important;
}

.portlet_sm_batch {
    height: calc(100vh - 351px) !important;
}

.table_com_sm_pro tbody {
    height: calc(100vh - 405px) !important;
}


/* .table_com_sm_pro tbody { height: calc(100vh - 433px) !important;}*/

.bk_o_rel {
    height: calc(100vh - 302px) !important;
}

.bk_o_rel_t tbody {
    height: calc(100vh - 266px) !important;
}

.bc_o_lst tbody {
    height: calc(100vh - 345px) !important;
}

.bc_o_lst_dic tbody {
    height: calc(100vh - 615px) !important;
}

.carton_o_lst_dic tbody {
    height: calc(100vh - 525px) !important;
}

.loca_list tbody {
    height: calc(100vh - 342px) !important;
}

.pro_his_list tbody {
    height: calc(100vh - 405px);
}


/**********************/

.avatar-upload {
    position: relative;
    max-width: 230px;
    margin: 0px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 5px;
}

.avatar-upload .avatar-edit input {
    display: none;
}


/* .avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;} */

.avatar-upload .avatar-edit input+label {
    background: #2470af;
    padding: 8px 8px;
    color: #fff;
    font-size: 12px;
    border-radius: 17px;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #2b79b9;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    /* content: "\f040";font-family: 'FontAwesome'; */
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 116px;
    height: 116px;
    position: relative;
    border-radius: 8%;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 6%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.form__message {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600 !important;
    color: #3d444f;
    opacity: 0.5;
}

.form__message--checkbox,
.form__message--radio {
    clear: left;
    display: block;
    font-size: .6875rem;
    margin-left: 1.6rem;
    margin-top: 0;
}

.chak_lab {
    font-size: 13px;
    font-weight: 600 !important;
}

.btn-link {
    font-weight: 600 !important;
    color: #2465b0;
    border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}


/************************/


/* .dropdown-menu:before {position: absolute;top: -7px;right: 9px;display: inline-block!important;border-right: 7px solid transparent;border-bottom: 7px solid #eee;border-left: 7px solid transparent;border-bottom-color: rgba(0,0,0,.2);content: '';}
.dropdown-menu.pull-right:before {right: 12px;left: auto;}
.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {position: absolute;top: -8px;left: 9px;right: auto;display: inline-block!important;border-right: 8px solid transparent;border-bottom: 8px solid #e0e0e0;border-left: 8px solid transparent;content: '';}
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {font-size: 14px;font-weight: 300;}
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i {width: 15px;display: inline-block;margin-right: 9px;} */

.top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 195px !important;
}


/* .top-menu .navbar-nav>li.dropdown .dropdown-menu {margin-top: 9px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;
-o-border-radius: 4px;border-radius: 4px;} */

.top-nav .dropdown-menu.extended.logout {
    top: 8px !important;
    left: -10px !important;
}

.dropdown-menu.extended.logout>li {
    float: left;
    width: 100%;
    margin: 0;
}

.dropdown-menu.extended.logout li a {
    padding: 0px;
    background: none;
}

.dropdown-menu.extended.logout>li>a:hover {
    background: none !important;
    border-radius: 5px;
    color: #555;
    font-weight: 600;
    padding: 0;
    outline: none;
}


/* .src_fil_box {width: 100% !important;}
.src_fil_box > .form-group > .form-control{width: 100% !important;} */

.w-98 {
    width: 98%;
    margin: 15px auto 0 auto;
}


/* .table_detail thead > tr > th, .table_detail tbody > tr > th, .table_detail tfoot > tr > th,{padding: 3px 8px;} 
.table_detail thead > tr > td, .table_detail tbody > tr > td, .table_detail tfoot > tr > td {padding: 3px 8px;} */

.table_detail tbody tr:hover {
    background: #fbfbfb;
}

.table_detail tbody {
    height: calc(100vh - 400px);
}

.table_detail tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}


/* .table_detail thead tr th {border-bottom: none !important;} */


/* .table_detail tbody tr:first-child td{ border-top: none !important;} */

.table_detail tbody tr td {
    padding: 5px 8px !important;
    border-bottom: none !important;
}

.table_detail1 tbody tr td {
    padding: 8px 8px !important;
    border-bottom: none !important;
}

.loader_text {
    background-color: #ffffff;
    background-image: url("../images/3.gif");
    background-size: 25px 25px;
    background-position: right center;
    background-repeat: no-repeat;
}


/* .dropdown-menu{width: 94%;} */

.addproduct__button {
    border-radius: 6px;
    border: 1px solid #e2e3e5;
    color: #7e90ad;
    display: inline-block;
    font-size: .75rem;
    height: 225px;
    margin: 1.6rem .7rem .8rem;
    padding: 1.5rem;
    text-align: center;
    text-decoration: none;
    width: 255px;
}

.addproduct__button span {
    color: #4e5c73;
    font-weight: 700;
    font-size: 1.125rem;
    display: block;
    margin-top: 20%;
}

.ad_up_icon {
    font-size: 80px;
    color: #3598dc !important;
}

.product__import {
    cursor: pointer;
    background: #fbfbfb;
    border-radius: 9px;
    border: 3px dashed #ccd0d2;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-top: 2rem;
    margin-right: auto;
    padding: 3.8rem 1rem 2.5rem;
    width: calc(100% - 2.4rem);
    text-align: center;
}

.product__importicon {
    color: #798fb2;
    display: block;
    font-size: 3.4rem;
    margin-bottom: 1rem;
    opacity: .37;
}

.product__importtext {
    color: #343e4f;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .8rem;
    margin-top: 0;
}

.product__importfiletypes {
    font-size: .875rem;
    margin-top: 0;
    color: #798fb2;
}

.impo_ex_tit {
    color: #4e5c73;
    display: block;
    font-size: 2rem;
    line-height: 1.25em;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    margin: 0rem 0 1rem;
}

.impo_ex_tit_sm {
    color: #4e5c73;
    display: block;
    font-size: 1rem;
    line-height: 1.25em;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    margin: 0rem 0 0rem;
}

.impo_ex_txt {
    font-size: 16px;
    line-height: 23px;
    color: #505B6D;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.impo_ex_txt_sm {
    font-size: 14px;
    line-height: 23px;
    color: #505B6D;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.impo_ex_txt>a {
    color: #2470af;
    font-weight: bold;
}

.up_icon {
    color: #798fb2;
    display: block;
    font-size: 3.4rem;
    margin-bottom: 1rem;
    opacity: .37;
}

.p_text {
    color: #343e4f;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .8rem;
    margin-top: 0;
}

.p_filetypes {
    font-size: .875rem;
    margin-top: 0;
    color: #798fb2;
    font-weight: 500;
}

.up_box {
    padding: 15px 20px 0px 25px;
}

.ellipsis {
    text-overflow: ellipsis;
    max-width: 200px;
    min-width: 125px;
    white-space: nowrap;
    overflow: hidden;
}

.topLeft {
    margin-top: 17px;
    margin-left: 30px;
}

.up_txt {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}

.top_pro {
    margin-top: 10px;
}

ul.sidebar-menu li a.active {
    background: #2470af;
    color: #ffffff;
}


/* ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus  {background: #2470af;color: #ffffff;} */

ul.sidebar-menu li a.active::before {
    color: #ffffff;
    opacity: 1;
}

.pro_top_til_up {
    text-overflow: ellipsis;
    color: #3d444f;
    max-width: 100vw;
    white-space: nowrap;
    font-size: 1.45em;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    font-weight: 600;
    padding: 20px;
    background: #fff;
}

.table_er tbody {
    height: calc(100vh - 403px) !important;
}

.table_er tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_er td,
.table_er th {
    padding: 8px 10px !important;
}

.table_er td {
    color: #f73a3a;
}

.blockNodaraBlock {
    width: 40%;
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
    margin: 15% auto 5% auto;
    display: block;
    text-align: center;
}

.blockNodaraBlock>h2 {
    font-size: 26px;
    margin: 2% auto;
    color: #9fa3a8;
}


/*********************************** checkbox *****************************/


/* The customcheck */

.customcheck {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    margin-right: 5px;
}


/* Hide the browser's default checkbox */

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
}


/* On mouse-over, add a grey background color */

.customcheck:hover input~.checkmark {
    background-color: #ffffff;
}


/* When the checkbox is checked, add a blue background */

.customcheck input:checked~.checkmark {
    background-color: #2470af;
    border-radius: 5px;
    border: 1px solid #2470af;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* .checkmark:after {font: 16pt FontAwesome;content: "\00f046";position: absolute;display: none;} */


/* Show the checkmark when checked */

.customcheck input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.customcheck .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*********************************** redio *****************************/


/* The container */

.radio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 2px;
    padding-right: 5px;
}


/* Hide the browser's default radio button */


/* .customradio input {position: absolute;opacity: 0;cursor: pointer;} */

.radio input {
    position: absolute;
    opacity: 0;
}


/* Create a custom radio button */

.checkmarkradio {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.checkmarkradiosmall {
    position: absolute;
    top: 0px;
    left: 6px;
    height: 14px;
    width: 14px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 2px solid #cccccc;
    cursor: pointer;
}


/* On mouse-over, add a grey background color */

.radio:hover input~.checkmarkradio {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

.radio:hover input~.checkmarkradiosmall {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}


/* When the radio button is checked, add a blue background */

.radio input:checked~.checkmarkradio {
    background-color: #2470af;
}

.radio input:checked~.checkmarkradiosmall {
    background-color: #2470af;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmarkradio:after {
    content: "";
    position: absolute;
    display: none;
}

.checkmarkradiosmall:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio input:checked~.checkmarkradio:after {
    display: block;
}

.radio input:checked~.checkmarkradiosmall:after {
    display: block;
}


/* Style the indicator (dot/circle) */


/* .customradio .checkmarkradio:after {top: 4px;left: 4px;width: 12px;height: 12px;border-radius: 50%;background: white;} */

.radio .checkmarkradio:after {
    top: -1px;
    left: -1px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: white;
    border: 4px solid #2470af;
}

.radio .checkmarkradiosmall:after {
    top: -1px;
    left: -1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: white;
    border: 3px solid #2470af;
    position: absolute;
}

.txt_v_top {
    vertical-align: text-top;
}

.email_td {
    display: inline-table;
    border: none;
    width: 50%;
}

.email_td td {
    border-left: none !important;
}

.auto_add {
    height: calc(100vh - 295px);
}

.auto_add_pop {
    max-height: calc(100vh - 395px) !important;
}

.hide-left-bar {
    margin-left: -240px !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.merge-left {
    margin-left: 5px !important;
}

.m-m-r-3 {
    margin-right: -3px;
}

.v_tab-content {
    padding: 20px;
    margin: 0;
    border-color: #ddd !important;
    width: 100%;
    height: calc(100vh - 400px);
}


/* .toggler {-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .15);border-left-color: rgba(0, 0, 0, 0.15);border-left-style: solid;border-left-width: 1px;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;width: 20px; height: 48px;position: absolute;top: 47%;right: -8px;cursor: pointer;background-color: #343e4f; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);z-index: 100000000000;border-radius: 0;}
.toggler > span {margin: 15px 2px;}
.icon_pd{ padding: 15px 4px;color: #ffffff;}
.icon_rft{right: -18px;} */


/* ul.rol_list{padding: 0;}
ul.rol_list li{list-style: none;display: inline-block;width: 20%;} */

.role_box {
    background: #343e4f;
    display: block;
    border-radius: 10px;
    color: #ffffff;
    margin-bottom: 5px;
    padding: 5px;
}

.role_box i {
    display: inline-block;
    width: 14px;
}

.role_box span {
    display: inline-block;
    width: 93%;
    vertical-align: middle;
    padding: 2px 0px 2px 5px;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
}

.text-blue {
    color: #53bee6 !important;
}

.text-red {
    color: red !important;
    font-weight: 500;
}

.req-blue::after {
    color: blue !important;
    content: "*";
    padding-left: 2px;
}

.req-red::after {
    color: red !important;
    content: "*";
    padding-left: 2px;
}

.form-control-w-100 {
    width: 100% !important;
}

.t_h_s {
    overflow: auto;
    margin: 5px 15px !important;
    height: calc(100vh - 250px);
}

.t_h_s1 {
    overflow: hidden;
    height: calc(100vh - 260px);
}

.table_com_all tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_com_all thead th {
    max-width: 100%;
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #5a9bc7 !important;
    white-space: nowrap !important;
    padding: 5px !important;
    font-size: 11px;
    vertical-align: middle;
}

.table_com_all tbody td {
    max-width: fit-content;
    white-space: nowrap !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 11px;
    padding: 5px !important;
    border-bottom: none;
}

.table_com_all tbody {
    height: calc(100vh - 320px);
}

.ord_list_sm tbody {
    height: calc(100vh - 502px) !important;
}


/* .dataTables_scrollBody table thead tr th.sorting_disabled {padding: 0 !important;}
.DTFC_LeftBodyLiner table thead tr th.sorting_disabled {padding: 0 !important;} */


/* .dataTables_scrollBody table{margin-top: -18px !important;}
.DTFC_LeftBodyLiner table{margin-top: -18px !important;} */


/* .table_com_up thead th{white-space: nowrap !important;padding: 6px !important;font-size: 12px;vertical-align: middle;}
.table_com_up tbody td{white-space: nowrap !important;color: #000 !important;font-weight: 500;font-size: 12px;padding: 6px;} */


/* .cdl-table {margin: 20px 0 0 0; }
.cdl-table th {padding: 8px 10px;line-height: 22px;color: #ffffff;white-space: nowrap;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; background: #3598dc;}
.cdl-table td {padding: 8px 10px;color: #404040;font-size: 13px;line-height: 22px;white-space: nowrap;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.cdl-table.no-border {margin: 0;box-shadow: none; }
.cdl-table.no-border thead {border: none; }
.cdl-table table.bordered tfoot tr {border-bottom: solid 1px #d0d0d0; }
.cdl-table table.bordered tfoot tfoot .footer-text {color: #9a9a9a;font-size: 12px;font-weight: 400; }
.cdl-table td {border-top: 1px solid #e7ecf1; border-bottom: 0px solid #e7ecf1; }
.cdl-table th {border-bottom: 1px solid #3598dc !important;border-top: 1px solid #3598dc !important;border-left: 1px solid #3598dc !important;border-right: 1px solid #3598dc !important; font-size: 13px; }
.cdl-table tr {margin-left: -3px;padding: 0 !important; } */

table.norm-lst tbody {
    height: auto;
    max-height: calc(100vh - 455px) !important;
}

table.norm-lst_sm tbody {
    height: auto;
    max-height: calc(100vh - 576px) !important;
}

table.var-lst tbody {
    height: auto;
    max-height: calc(100vh - 505px) !important;
}

table.var-lst_sm tbody {
    height: auto;
    max-height: calc(100vh - 625px) !important;
}

table.OrderNoteslist tbody {
    height: auto;
    max-height: calc(100vh - 830px) !important;
}

table.pro-loc-lst tbody {
    height: auto;
    max-height: 180px !important;
}

table.norm-lst-not tbody {
    height: auto;
    max-height: calc(100vh - 495px) !important;
}

table.quar-stk tbody {
    height: auto;
    max-height: calc(100vh - 455px) !important;
    /*min-height:250px;margin-bottom: 25px; */
}

.dt_hi_set {
    height: calc(100vh - 312px) !important;
    overflow: auto;
    margin-bottom: 11px !important;
    padding: 0;
    margin: 0 0 11px -2px;
}


/* .loader12_div {position: fixed;z-index: 10051;width: 100px;top: 50%;left: 50%;margin-left: -55px;text-align: center;background: #000000;} */

.loader12_div {
    position: fixed;
    z-index: 10051;
    width: 100%;
    top: 54px;
    left: 0px;
    text-align: center;
    background: #fff;
    height: calc(100vh - 434px);
    opacity: 0.9;
    border-radius: 10px;
}

.loader12 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    animation: loader12-u6338d783 1s linear alternate infinite;
    top: 50%;
    margin: -50px auto 0;
    opacity: 1;
}

@keyframes loader12-u6338d783 {
    0% {
        box-shadow: -60px 40px 0 2px #007bff, -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    25% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 2px #007bff, 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    50% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 2px #007bff, 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    75% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 2px #007bff, 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    100% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 2px #007bff;
    }
}

.table_up_pro {
    height: calc(100vh - 405px) !important;
}

.pro_tab_id_c_err tbody {
    height: calc(100vh - 473px) !important;
}

.up_t_cod {
    margin: 15px 0px 0 15px;
    font-size: 18px;
}

.comingsoon {
    color: #9fa3a8;
}

.auto_add_sm {
    height: calc(100vh - 410px) !important;
}

.breadcrumb li.breadcrumb-item:nth-last-child(3) {
    max-width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb li.breadcrumb-item:nth-last-child(2) {
    max-width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.breadcrumb>*>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb>*:nth-child(n+2) {
    display: none;
}


/* === For phones =================================== */

@media (max-width: 767px) {
    .breadcrumb>*:nth-last-child(-n+2) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 60px;
    }
}


/* === For tablets ================================== */

@media (min-width: 768px) and (max-width:991px) {
    .breadcrumb>*:nth-last-child(-n+4) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 100px;
    }
}


/* === For desktops ================================== */

@media (min-width: 992px) {
    .breadcrumb>*:nth-last-child(-n+6) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 150px;
    }
}

@media (min-width: 768px) and (max-width:1400px) {
    .l_p_set {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fc .fc-toolbar>*>h2 {
    font-size: 20px !important;
}

.bs-datepicker-container {
    z-index: 300000000000 !important;
}

.l_t_n {
    text-transform: inherit;
}

.view_m {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
    text-transform: capitalize;
}

.rgt_alert {
    float: right;
    margin: -4px 0 0 0;
    padding: 8px;
    font-weight: bold;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.f_w_600 {
    font-weight: 600 !important;
}

.save_b_r {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px;
    padding-bottom: 15px;
}

/* body .ui-table .ui-table-thead>tr>th {
    padding: 8px 10px;
    line-height: 22px;
    color: #ffffff !important;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #3598dc !important;
} */

/* body .ui-table .ui-table-tbody>tr>td {
    padding: 8px 10px;
    color: #404040;
    font-size: 13px;
    line-height: 22px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} */

.d_o_list_h {
    height: calc(100vh - 520px) !important;
}

.t_d_h_order {
    height: calc(100vh - 264px) !important;
    overflow: hidden;
}

.BatGen_table {
    margin-bottom: 10px;
}

.BatGen_table thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 5px !important;
}


/* .table_com thead th {background: #3598dc !important;color: #FFFFFF;border: 1px solid #3598dc !important;padding: 8px 10px  !important;} */

.BatGen_table tbody tr:hover {
    background: #d8f0ef;
}


/* .BatGen_table tbody {height: calc(100vh - 400px);  } */

.BatGen_table tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.BatGen_table thead>tr>th {
    border: none;
}

.BatGen_table>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}


/* .BatGen_table > tbody > tr > td{color: #000 !important; font-weight: 600;font-size: 12px;} */

.BatGen_table td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 5px;
    line-height: 1.33;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.BatGen_table tbody {
    height: calc(100vh - 293px);
}

.BatGen_table td:first-child {
    border-left: none !important;
}

.BatGen_table td:last-child {
    border-right: none !important;
}

.BatGen_table tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

.line_sep {
    display: inline-block;
    font-size: 18px;
    vertical-align: text-bottom;
    color: #444;
}

.Batches_List tbody {
    height: calc(100vh - 315px) !important;
}

.Batches_List_sm tbody {
    height: calc(100vh - 410px) !important;
}

.bat_st_sm tbody {
    height: calc(100vh - 387px) !important;
}


/***********  Primex`Ng **************/

.ui-calendar {
    width: 100%;
}

.ui-calendar .ui-calendar-button {
    right: 0 !important;
}

.ui-inputtext {
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 30px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
    width: 100%;
}

.ui-datepicker {
    padding: 0.7em 0.2em !important;
}

.ui-datepicker table {
    font-size: 13px;
}

.ui-datepicker table th {
    padding: 0.2em 0.2em !important;
}

.ui-datepicker table td {
    padding: 0.2em 0.2em !important;
}

.ui-datepicker table td>a,
body .ui-datepicker table td>span {
    padding: 0.2em !important;
}

.ui-button {
    background-color: #2470af;
    border: 1px solid #2470af;
    color: #ffffff !important;
}

.ui-autocomplete {
    width: 100% !important;
}

.ui-button {
    background-color: #2470af !important;
    border: 1px solid #2470af !important;
}

::placeholder {
    color: #a7a7a7 !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #a7a7a7;
}

:-moz-placeholder {
    color: #a7a7a7;
}

::-moz-placeholder {
    color: #a7a7a7;
}

:-ms-input-placeholder {
    color: #a7a7a7;
}

.ui-placeholder {
    color: #a7a7a7 !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    height: 30px !important;
}


/* 
.ui-inputtext::placeholder {color: #a7a7a7;opacity: 1;}
.ui-inputtext::-webkit-input-placeholder {color: #a7a7a7; }
.ui-inputtext:-moz-placeholder {color: #a7a7a7;  }
.ui-inputtext::-moz-placeholder {color: #a7a7a7;}
.ui-inputtext:-ms-input-placeholder {  	color: #a7a7a7;} */

.ui-dropdown {
    width: 100% !important;
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 32px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
}

body .ui-dropdown .ui-dropdown-trigger {
    background-color: transparent !important;
}

.ui-dropdown label.ui-dropdown-label {
    font-size: 14px;
    line-height: 29px !important;
    font-weight: 500;
    color: #3d444f;
    font-family: 'Roboto', sans-serif !important;
}

.ui-multiselect {
    width: 100% !important;
}


/** Filer class css***/

.email_alr_table tbody {
    height: calc(100vh - 453px) !important;
}

.sage_ac_table tbody {
    height: calc(100vh - 453px) !important;
}

.pro_divis_table tbody {
    height: calc(100vh - 453px) !important;
}

.cust_address_table {
    height: calc(100vh - 415px) !important;
}

.gods_sm {
    height: calc(100vh - 292px) !important;
}

.gods_com_sm tbody {
    height: calc(100vh - 413px) !important;
}

.p-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.notified {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.arrived {
    background: #ffc200 !important;
}

.received {
    background: #ffc107 !important;
}

.receive {
    /* background: #ffc107 !important; */
    background: #dc3545 !important;
    color: #ffffff !important;
}

.checkin {
    background: #ff7800 !important;
}

.putaway {
    background: #28a745 !important;
}

.r_notified {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.r_arrived {
    background: #ffc200 !important;
}

.r_received {
    background: #ffc107 !important;
}

.r_receive {
    /* background: #ffc107 !important; */
    background: #dc3545 !important;
    color: #ffffff !important;
}

.r_checkin {
    background: #ff7800 !important;
}

.r_putaway {
    background: #28a745 !important;
}


/* .r_notified{background: #e77681 !important;color:#ffffff !important; } 
.r_arrived{background: #ffc200 !important; } 
.r_received{background: #ffd454 !important; } 
.r_receive{background: #ffd454 !important; } 
.r_checkin{background: #ffa14d !important; } 
.r_putaway{background: #6bdb6b !important; } */

.ui-inputtext:-ms-input-placeholder {
    color: #a7a7a7;
}

.er_m_upload {
    margin: 10px 0 0 0;
    width: auto;
}

.good_c_not tbody {
    height: auto;
    max-height: calc(100vh - 551px) !important;
}

.div_cls {
    background: #f9f8f8;
    width: 100%;
    display: block;
    padding: 5px;
    color: #6d5e5e;
}

.productInfo_pop {
    width: 100%;
    padding: 5px;
    background: #fbfbfb;
    border-bottom: 1px solid #eff0f1;
}

.table_detail_put thead>tr>th,
.table_detail_put tbody>tr>th,
.table_detail_put tfoot>tr>th,
.table_detail_put thead>tr>td,
.table_detail_put tbody>tr>td,
.table_detail_put tfoot>tr>td {
    padding: 4px 5px;
}

.sm_btn_put {
    padding: 0 10px !important;
    text-align: center !important;
    line-height: 15px;
}


/* body .ui-table .ui-table-tbody > tr > td{white-space: normal !important;} */

.ft20 {
    width: 50%;
    display: inline-block;
    border-top: 1px solid #66bcf7 !important;
    border-right: 1px solid #66bcf7 !important;
    font-weight: 400;
    font-size: 13px;
}

.ft40 {
    width: 50%;
    display: inline-block;
    border-top: 1px solid #66bcf7 !important;
    font-weight: 400;
    font-size: 13px;
}

.th_pd_0 {
    padding: 0 !important;
}

.modal.vertically-modal .modal-dialog {
    transform: translateY(-25%);
    top: 50%;
    margin: 0 auto;
}

.modal.vertically-modal.show .modal-dialog {
    transform: translateY(-50%);
}

.modal.delete-modal .modal-dialog {
    transform: translateY(-25%);
    top: 20%;
    margin: 0 auto;
}

.modal.delete-modal.show .modal-dialog {
    transform: translateY(-20%);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #e7505a !important;
    border-color: #e7505a !important;
    color: #FFFFFF;
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #f87880 !important;
    border-color: #e06e76 !important;
}

.put_st {
    text-align: center;
    margin: 0;
    padding: 0;
    clear: both;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin-top: -25px;
}

.ct_n_b {
    background: none !important;
    border: none;
    float: none !important;
    box-shadow: none;
}

.y_color {
    color: yellow !important;
}

.b_color {
    color: #000000 !important;
}

.form-group {
    margin-bottom: 0.5rem !important;
}


/*  ------------------------------ */

.rotate {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45eg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.table-header-rotated th.row-header {
    width: auto;
}

.table-header-rotated td {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45 {
    height: 95px;
    /* width: 40px;min-width: 40px;max-width: 40px; */
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45>div {
    position: relative;
    top: 0px;
    left: 50px;
    height: 100%;
    -ms-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
    -ms-transform: skew(45deg, 0deg) rotate(315deg);
    -moz-transform: skew(45deg, 0deg) rotate(315deg);
    -webkit-transform: skew(45deg, 0deg) rotate(315deg);
    -o-transform: skew(45deg, 0deg) rotate(315deg);
    transform: skew(45deg, 0deg) rotate(315deg);
    position: absolute;
    bottom: 27px;
    left: 3px;
    display: inline-block;
    width: 100%;
    width: 85px;
    text-align: left;
    white-space: normal;
    line-height: 15px;
}

.table-header-rotated tbody {
    height: calc(100vh - 430px);
}

.table-header-rotated tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table-header-rotated thead>tr>th {
    border: none;
}

.table-header-rotated tr:last-child td {
    border-bottom: 1px solid #dddddd;
}

.th_set {
    width: 220px;
}

.td_set {
    width: 222px;
    text-align: left !important;
}

i.em_av {
    color: #228b22;
}


/* .em_av{background: #eefade;}
.em_inav{background: #f5cece;} */

@media (min-width: 1720px) and (max-width:1920px) {
    .th_set {
        width: 220px !important;
    }

    .td_set {
        width: 222px !important;
        text-align: left !important;
    }
}

@media (min-width: 1020px) and (max-width:1620px) {
    .table-header-rotated th.rotate-45 span {
        bottom: 28px !important;
        left: -12px !important;
        width: 85px !important;
        line-height: 12px !important;
        font-size: 11px !important;
    }
}


/*******************************/

.table_c_email_not>thead>tr>th {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: none !important;
    background: #fbf8f8;
    font-size: 12px;
    padding: 7px 5px;
}

.table_c_email_not>thead>tr>th.row-header {
    width: auto;
    font-size: 12px;
}

.table_c_email_not td {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    padding: .45rem
}

.table_c_email_not tbody {
    height: calc(100vh - 430px);
}

.table_c_email_not tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}


/* .table_c_email_not thead > tr > th {border: none;} */

.table_c_email_not tr:last-child td {
    border-bottom: 1px solid #dddddd;
}

.table_c_email_not td:first-child {
    background: #fbf8f8
}

.table_c_email_not td:nth-child(2n+3) {
    background: #fbfcfd
}


/* Draft Orders List */

.order_list {
    height: calc(100vh - 263px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.order_list_sm {
    height: calc(100vh - 445px) !important;
}

.batche_list {
    height: calc(100vh - 300px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.batche_list_sm {
    height: calc(100vh - 401px) !important;
}

.Draft_Orders_List {
    height: calc(100vh - 273px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.Draft_Orders_List_sm {
    height: calc(100vh - 455px) !important;
}

.pending {
    background: #00aae9 !important;
}

.backorder {
    background: #e7505a !important;
}

.cancelled {
    background: #e7505a !important;
}


/* .Hold{background-color: #16a085;}
.Picking{background-color: #16a085;}
.Packing{background-color: #16a085;}
.Dispatch{background-color: #16a085;}
.POD{background-color: #16a085;} */

.table-sm th {
    padding: .5rem .5rem !important;
}

.table-sm td {
    padding: .3rem .5rem !important;
}


/**********************/

.btn-default {
    color: #333 !important;
    background-color: #fff;
    border: 1px solid #ccc !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #ebebeb;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default.btn-on.active {
    background-color: #57c8f1;
    color: white;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn-default.btn-off.active {
    background-color: #57c8f1;
    color: white;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

body .ui-radiobutton .ui-radiobutton-box {
    width: 18px !important;
    height: 18px !important;
}

body .ui-radiobutton-label {
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 12px !important;
    margin: 0 3px !important;
    padding: 0 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
    border-color: #005b9f;
    background-color: #005b9f;
    color: #ffffff;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
}

.b_t_or_v {
    border-top: 3px solid #eff0f1;
}

.top_tx_or {
    font-size: 13px;
    margin-top: -5px !important;
    padding: 0 8px;
    vertical-align: text-top !important;
    background: #eeeeee;
    border-radius: 6px;
    line-height: 20px;
}


/* body .ui-autocomplete .ui-autocomplete-input{width: 100% !important;} */

table.scroll {
    width: 100%;
}

table.scroll tbody,
table.scroll thead {
    display: block;
}

table.scroll>tbody {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll>tbody>tr>td,
table.scroll>thead>tr>th {
    width: 10%;
    /* Optional */
}

table.scroll>tbody>tr>td:last-child,
table.scroll>thead>tr>th:last-child {
    border-right: none;
}

table.scroll_or_trck>tbody {
    height: calc(100vh - 270px) !important;
}

table.fix_pro_st tbody {
    height: auto;
    max-height: calc(100vh - 585px) !important;
}

.v_d_put {
    background: none !important;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0) !important;
    width: 110px !important;
}

.v_d_put_tx {
    font-size: 12px !important;
    margin-top: -20px !important;
    display: block !important;
}

.dif_cor {
    width: 100%;
    margin: 0;
    padding: 0;
}

.goodsin_b {
    width: 50%;
}

.return_b {
    width: 50%;
}

.dif_c_box {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 2px;
}

.d_color_b {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0 1px;
    vertical-align: text-bottom;
    border-radius: 10px;
}

.c_c_til {
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
    margin: 7px 0;
}

.get_betch {
    margin: 10px 7px !important;
}

.ord_trc_scroll {
    height: auto;
    max-height: calc(100vh - 195px) !important;
}

.link_a {
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    vertical-align: middle;
}


/*********** Bootstap 4.3.0 Update css *************/


/* .modal-header .close {padding: 0 !important;margin: 0 !important;}
.modal-header {padding: 0.7rem 1rem !important;}
.btn-outline-default{background-color: #f0f0f0;} */

.btn-adnew {
    background-color: #dddddd;
}

.com_til {
    margin: 10px 0 10px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.45em;
    font-weight: 600;
    color: #3d444f;
}

.btn-info {
    color: #FFFFFF !important;
}

.table_amend tbody {
    height: calc(100vh - 425px) !important;
}

.table_amend thead tr th {
    padding: 0.25rem;
}

.table_amend tbody tr td {
    padding: 0.25rem;
}

.popover-header {
    color: #000000;
}

.stock_err {
    width: auto !important;
    float: left;
    margin: 0 0px 0 20px;
    padding: 8px 15px;
    font-weight: bold;
}

.stock_err_a {
    width: 100% !important;
    float: left;
    margin: 0 0px 0 20px;
    padding: 8px 15px;
    font-weight: bold;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: 0 !important;
    /*opacity: .25;*/
}

.batchs_art {
    width: auto !important;
    float: left;
    margin: 5px 0px 0 10px;
    padding: 7px 15px;
    font-weight: bold;
}

.b-0 {
    border: none !important;
}

.b-s-n {
    box-shadow: none !important;
}

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

.stock_cof_del tbody {
    height: calc(100vh - 361px) !important;
}

.c_c_til1 {
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
    margin: 7px 0;
}

.dif_c_box1 {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 2px;
}

.d_color_b1 {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0 1px;
    vertical-align: text-bottom;
    border-radius: 10px;
}

.c_color_1 {
    background: #5cc85c !important;
}

.c_color_2 {
    background: #f3d552 !important;
}

h4.s_file_tiel {
    margin: 5px 0 0px 0;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #3d444f;
    line-height: 21px;
}

.w-boxs {
    display: inline-block;
    width: 31.45% !important;
    margin: 0 1.5% 0 0%;
}

.w-boxs:last-child {
    margin-right: 0;
}

.sub_til {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 15px;
    background: #f5f4f4;
    margin: 10px;
    width: 100%;
}

.sub_til_box {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 15px;
    background: #f5f4f4;
    margin: 0 10px 8px 10px;
    width: 100%;
}

.box_r_b {
    border-right: 2px solid #f5f4f4;
    margin-top: 10px;
}

.or_lst_box>li {
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    position: relative;
}

.or_lst_box>li.active {
    background: #ffffff;
    margin-left: -1px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #e6e5e5;
    border-top: 1px solid #e6e5e5;
    border-right: 1px solid #e6e5e5;
    /* border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd; */
    font-weight: 500;
    border-radius: 0 20px 20px 0;
    margin-right: 9px;
}

.or_lst_box1 {
    background: #f5f4f4;
    margin-right: -15px;
    height: calc(100vh - 194px);
    border-left: 1px solid #fff;
    position: relative;
    /* border-left: 1px solid #ddd; */
}

.or_lst_box>li.active p {
    font-style: italic;
    font-weight: bold;
}


/* .or_lst_box > li.active::after {content: '';position: absolute;left: -12%;margin-top: 0;border-left: 0;top: 0;border-bottom: 32px solid transparent;border-top: 32px solid transparent;border-right: 32px solid #5A55A3;} */


/* .or_lst_box > li.active::after{content: '';position: absolute;left: -11%;margin-top: 0;border-left: 0;top: -4%;border-bottom: 32px solid transparent;border-top: 34px solid transparent;border-right: 27px solid #f5f4f4;} */


/* .or_lst_box > li.active::after {content: '';position: absolute;left: 0%;top: 0%;border-bottom: 30px solid transparent;border-top: 33px solid transparent;border-left: 25px solid #fff;} */


/* .or_lst_box > li.active{background: #ffffff;border-left: 1px solid #fff;margin-left: -1px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-weight:500;} */


/* .or_lst_box > li.cop_sat::after{font: normal 14px/14px FontAwesome;content: "\f058";float: right;margin-top: -26px;font-size: 22px;
color: #5cc85c;} */

.or_lst_box>li>p {
    font-size: 13px;
    font-weight: normal;
    word-break: break-all;
}

.or_lst_box>li.cop_sat {
    font-style: italic;
    /*background: #fefafa !important;*/
}

.or_lst_box>li.cop_sat>p {
    font-weight: normal;
    color: #b3b3b3;
}

.arw_o_st {
    float: left;
    height: 55px;
    line-height: 40px;
    padding-right: 7px;
    margin-left: -7px;
}

.crt_m_ul {
    padding: 8px;
}

.prc_box_st {
    width: 65% !important;
}

.crt_lst_ht {
    height: calc(100vh - 361px) !important;
}

.c_h_act {
    background: #343e4f !important;
    color: #ffffff;
}

.c_had_t {
    background: #fff;
    padding: 2px 5px;
    font-weight: bold;
}

.c_had_d {
    padding: 3px 5px;
}

.l_h_19 {
    line-height: 19px !important;
}


/************ full page loader *****************/

.loader_full {
    color: #fff;
    position: fixed;
    box-sizing: border-box;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 999999
}

.loader_full:after,
.loader_full:before {
    box-sizing: border-box;
    display: none
}

.loader_full.is-active {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.loader_full.is-active:after,
.loader_full.is-active:before {
    display: block
}

.loader_full-bouncing:after,
.loader_full-bouncing:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border-radius: 50%;
    background-color: #ffffff;
    animation: kick .6s infinite alternate
}

.loader_full-bouncing:after {
    margin-left: -30px;
    animation: kick .6s infinite alternate
}

.loader_full-bouncing:before {
    animation-delay: .2s
}

@keyframes kick {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: .3;
        transform: translateY(-1rem)
    }
}


/************ full page loader *****************/

.loader_small {
    color: #fff;
    position: absolute;
    box-sizing: border-box;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 999999
}

.loader_small:after,
.loader_small:before {
    box-sizing: border-box;
    display: none
}

.loader_small.is-active {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.loader_small.is-active:after,
.loader_small.is-active:before {
    display: block
}

.loader_small-bouncing:after,
.loader_small-bouncing:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border-radius: 50%;
    background-color: #2470af;
    animation: kick .6s infinite alternate
}

.loader_small-bouncing:after {
    margin-left: -30px;
    animation: kick .6s infinite alternate
}

.loader_small-bouncing:before {
    animation-delay: .2s
}

@keyframes kick {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: .3;
        transform: translateY(-1rem)
    }
}

.summary_table thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 7px !important;
    vertical-align: middle;
}

.summary_table tbody tr th {
    padding: 5px 7px !important;
    background: #fbfbfb !important;
    color: #000000;
    border: none;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    font-weight: bold;
}

.summary_table tbody tr td {
    padding: 5px 7px !important;
}

.bag_summ_total {
    background: #fbfbfb;
    margin-bottom: 0px;
}

.summary_table tbody tr.bag_summ_total:hover {
    background: #fbfbfb;
}

.h_aut_190 {
    height: auto;
    min-height: calc(100vh - 190px) !important;
}

.h_aut_530 tbody {
    height: auto !important;
    max-height: calc(100vh - 530px) !important;
}

.p_m_down {
    font-size: 12px !important;
    display: block !important;
    text-align: center;
    margin: 0;
    padding: 0;
    clear: both;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.alt_new {
    width: max-content !important;
    margin: 0 auto 2px auto !important;
    max-width: 70% !important;
}

.repcheckb {
    margin-left: 11px;
    margin-top: -10px !important;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
}

.table_detail_hig_auto tbody {
    height: auto !important;
}

.subhedcolor {
    background: #f5f4f4 !important;
}

.subhedcolor th {
    padding: 5px !important;
}

.subhedcolorw {
    background: #f5f4f4 !important;
}

.table_Report tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_Report thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #5a9bc7 !important;
    white-space: normal !important;
    padding: 7px 6px !important;
    font-size: 12px;
    vertical-align: middle;
}

.table_Report tbody td {
    white-space: normal !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 7px !important;
    word-break: break-word;
}

.table_Report tbody {
    height: calc(100vh - 320px);
}

.w-320 {
    width: 320px !important;
}

.w-320>.ui-dropdown {
    width: 320px !important;
}

.w-240 {
    width: 238px !important;
}

.w-240>.ui-dropdown {
    width: 238px !important;
}

.acc_hight {
    max-height: calc(100vh - 185px) !important;
}

.accordion .card-header>a {
    font-weight: bold;
    font-size: 13px;
    color: #000;
    width: 100% !important;
    display: block;
}

.accordion .card-header>a:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: #000;
}

.accordion .card-header>a.collapsed:after {
    content: "\f078";
    color: #000;
}

.conf_file_bg {
    font-size: 14px;
    font-weight: bold;
    background: #eae7e7;
    width: 100% !important;
    display: block;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.table_h_auto tbody {
    height: auto !important;
    max-height: calc(100vh - 525px) !important;
}

.unit_lable {
    color: gray;
    font-size: 12px;
    text-transform: lowercase;
}

.ord_fex_h {
    height: calc(100vh - 220px);
}

.ord_fex_h_auto {
    height: auto !important;
    min-height: calc(100vh - 190px) !important;
}

.top_1_po {
    display: inline-block;
    width: 50px;
    margin-top: -10px;
    margin-left: 5px;
}

.w-50-f-l {
    width: 50% !important;
    float: left;
}

.r_label {
    font-size: 12px !important;
    white-space: nowrap;
    width: calc(100% - 1px);
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.10rem;
}


/* .r_label:hover{overflow: visible;} */

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.rpt_redio {
    margin-bottom: 15px !important;
}

.bg_car_gar {
    background: #f5f4f4;
}

.txt_red {
    color: red;
}

.loadingtxt {
    position: absolute;
    top: calc(50% - -12px);
    left: calc(50% - 50px);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 420px) and (max-width:810px) {
    .show_pg {
        font-size: 13px;
    }

    .lst_dis_nm>select.form-control {
        font-size: 13px !important;
        height: 27px !important;
        padding: 0 .2rem !important;
    }

    .lst_nxt_prs>button.btn {
        padding: 5px 8px;
        font-size: 12px
    }
}

.loadingtxt {
    position: absolute;
    top: calc(50% - -12px);
    left: calc(50% - 55px);
    font-weight: 500;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.div_p::after {
    content: "|";
    padding-left: 2px !important;
    padding-right: 2px !important;
    color: #000 !important;
    font-size: 20px !important;
    vertical-align: text-bottom;
}

.div_p_b::before {
    content: "|";
    padding-left: 2px !important;
    padding-right: 2px !important;
    color: #000 !important;
    font-size: 20px !important;
    vertical-align: text-bottom;
}

.div_p_b_1::before {
    padding-left: 2px !important;
    padding-right: 2px !important;
    color: #000 !important;
    font-size: 20px !important;
    vertical-align: text-bottom;
}

.w_b_c {
    word-break: break-all !important;
}

.m-t-b-32-0 {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
}

.ui-multiselect {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 14px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 31px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s;
}

.ui-multiselect .ui-multiselect-label {
    display: block;
    padding: 5px 2em 0 .25em !important;
    width: auto;
    border: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden !important;
    font-size: 13px;
    height: 28px;
}

.ui-multiselect .ui-multiselect-trigger {
    background: none !important;
}

.ui-chkbox .ui-chkbox-box {
    width: 18px !important;
    height: 18px !important;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 17px !important;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
    margin: 0 !important;
    vertical-align: middle;
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.sr-only-lg {
    position: unset !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    margin: -1px -5px 0 5px !important;
    -webkit-clip-path: inherit !important;
    clip-path: none !important;
}

.Showing_page {
    display: contents;
    text-align: right;
}

.pagination_num {
    display: inline-block;
    width: 70px;
    margin-left: 15px;
    margin-right: 15px;
}

.page_nxt_pr {
    display: contents;
    width: 72px;
}

.table_cms_edit td {
    padding: 2px 7px !important;
}

.table_cms_edit tbody {
    height: calc(100vh - 350px);
}

.table_error_ms thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 7px !important;
    vertical-align: middle;
}

.table_error_ms tbody tr:hover {
    background: #d8f0ef;
}

.table_error_ms tbody {
    height: 100% !important;
    max-height: calc(100vh - 400px) !important;
}

.table_error_ms tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_error_ms thead>tr>th {
    border: none;
}

.w_b_c {
    word-break: break-all !important;
}

.m-t-b-32-0 {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
}

.m-t-b-25-0 {
    margin-top: 25px !important;
    margin-bottom: 0 !important;
}


/**************** new desing changes **********/

.table_all {
    margin-bottom: 10px;
}

.table_all>thead>tr>th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 6px 7px !important;
    vertical-align: middle;
    font-size: 12px;
    border: none;
}

.table_all>tbody {
    height: calc(100vh - 293px);
}

.table_all>tbody>tr:hover {
    background: #fbfcfd;
}

.table_all tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_all td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 7px;
    line-height: 1.42;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.portlet_filter_sm {
    height: calc(100vh - 293px) !important;
}

.table_all_filter>tbody {
    height: calc(100vh - 396px) !important;
}


/* .table_com_up{} */

.table_com_up>thead>tr>th {
    padding: 5px !important;
    font-size: 12px;
    /*white-space: nowrap;*/
}

.table_com_up>tbody>tr>td {
    padding: 5px !important;
    font-size: 12px;
    /*white-space: nowrap;*/
}

.alert-dismissible .close {
    padding: 0.55rem 0.75rem !important;
}

@media (min-width: 576px) {
    .form-inline label {
        display: contents !important;
    }
}

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

.bat_st_lst tbody {
    height: calc(100vh - 343px) !important;
}

.bat_st_lst_sm tbody {
    height: calc(100vh - 504px) !important;
}

.w-break-all {
    word-break: break-all;
}

.view_jab_date>.ui-dropdown {
    border: none !important;
    padding: 0 !important;
}

.brn_rpt_mr {
    margin-top: 18px !important;
}


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);*/


/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900'); */

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900|Roboto:400,500,700,900');
@import url('fonts.css');

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.clearfix::after {
    display: block !important;
    content: "";
    clear: both !important;
}

html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

body {
    font-family: 'Roboto', sans-serif;
    padding: 0px !important;
    margin: 0px !important;
    font-size: 12px;
    text-rendering: optimizeLegibility;
    color: #212529;
    background: #f5f5f6;
    letter-spacing: 0.3px;
    font-weight: 400 !important;
}


/* body {  color:#212529;background: #f5f5f6;font-family:'CamphorStd',sans-serif;padding:0px !important;margin:0px !important;font-size:13px;text-rendering:optimizeLegibility;} */


/* body {color:#767676;  background: #f5f5f6;font-family: 'Montserrat', sans-serif;padding:0px !important;margin:0px !important;font-size:13px;text-rendering:optimizeLegibility;} */

ul,
.list-unstyled {
    padding-left: 0px;
}

ul li {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    cursor: pointer;
}

::selection {
    background: #e7505a;
    color: #fff;
}

::-moz-selection {
    background: #e7505a;
    color: #fff;
}

.modal-header {
    background: #343e4f;
    color: #fff;
    padding: 10px 15px !important;
}

.modal-footer {
    padding: 10px 15px !important;
}

.close {
    color: #fff;
    opacity: .5;
    cursor: pointer;
    font-weight: 500;
}

.close:focus,
.close:hover {
    color: #fff;
    text-decoration: none;
    opacity: 1;
}

.hr_line {
    width: 100%;
}

.flex_a {
    flex: auto;
}

.table td,
.table th {
    vertical-align: middle;
}

p {
    margin-top: 0;
    margin-bottom: 0rem;
}


/* .btn {font-size: 14px !important;} */

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

.cursor {
    cursor: pointer;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #88C755;
    border-color: #88C755;
    color: #FFFFFF;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #3598dc;
    border-color: #1ca59e;
}

.input-group-addon {
    padding: .5rem .5rem;
    margin-bottom: 0;
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 0.25;
    background-color: #F1F2F7;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .20rem;
}

.btn-sm {
    padding: 4px 10px !important;
}

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

.m-l-r-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.m-l-r-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.p-t-b-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-t-0 {
    padding-top: 0px !important;
}

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

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

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

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

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

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

.p-t-r-15 {
    padding-top: 15px !important;
    padding-right: 15px !important;
}

.p-l-r-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-l-r-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-l-r-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

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

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


/* .m-0{margin: 0 !important;} */

.m-r-3 {
    margin-right: 3px !important;
}

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

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

.m-l-3 {
    margin-left: 3px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-1 {
    margin-top: 1px !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

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

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

.m-t-13 {
    margin-top: 13px !important;
}

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

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

.m-t-21 {
    margin-top: 21px !important;
}

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

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

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

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

.m-m-t-3 {
    margin-top: -3px !important;
}

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

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

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

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

.m-m-r-25 {
    margin-right: -25px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

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

.m-b-12 {
    margin-bottom: 12px !important;
}

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

.m-l-r-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-l-r-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-m-l-r-8 {
    margin-left: -8px !important;
    margin-right: -12px !important;
}

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

.m-m-l-r-10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}

.m-r-87 {
    margin-right: 87px !important;
}

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

.l-0 {
    left: 0 !important;
}

.t-m-18 {
    top: -18px !important;
}

.t-m-11 {
    top: -11px !important;
}

.f_r_100 {
    right: 100px !important;
}

.l-m-130 {
    left: -130px !important;
}

.f_s_11 {
    font-size: 11px !important;
}

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

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

.header {
    left: 0;
    right: 0;
    z-index: 1002;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.h-100 {
    height: calc(100vh - 100%) !important;
}

.h-100-p {
    height: 100% !important;
}

.w-50 {
    width: 50% !important;
}

.w-85 {
    width: 85% !important;
}

.w-100 {
    width: 100% !important;
}

.w-bg {
    background: #ffffff !important;
}

.h_auto {
    height: auto !important;
}

.m_h_290 {
    min-height: 290px;
}

.mh-100 {
    min-height: 100% !important;
}

.link_w {
    color: #ffffff;
}

.link_w:hover {
    color: #ebebeb;
}

.f-s-16 {
    font-size: 16px !important;
}

.d_i_b {
    display: inline-block !important;
}

.v_l_m {
    vertical-align: middle !important;
}

.table thead>tr>th,
.table tbody>tr>th,
.table tfoot>tr>th,
.table thead>tr>td,
.table tbody>tr>td,
.table tfoot>tr>td {
    padding: 5px 6px;
}

.start_c {
    color: #2470af !important;
}

.start_c:hover {
    color: #2d6390 !important;
}

.stop_c {
    color: #e7505a !important;
}

.stop_c:hover {
    color: #c54a52 !important;
}

.text-trash {
    color: #e7505a !important;
}

.text-trash:hover {
    color: #c54a52 !important;
}

.panel-heading {
    padding: 0 10px;
    text-transform: capitalize !important;
}

.panel-heading>h1 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize !important;
    color: #333333;
    padding: 15px 10px;
    display: inline-block;
}

.merge-header {
    margin-right: 240px;
}

.fixed-top {
    position: fixed;
    box-shadow: 1px 0 3px rgba(0, 0, 0, .15);
}

.brand {
    background: #2470af;
    float: left;
    width: 240px;
    height: 80px;
    position: relative;
}

a.logo {
    font-size: 21px;
    color: #fff;
    float: left;
    margin: 20px 0 0 30px;
    text-transform: uppercase;
}

a.logo:hover,
a.logo:focus {
    text-decoration: none;
    outline: none;
}

a.logo span {
    color: #FF6C60;
}


/*--sidebar toggle---*/

.sidebar-toggle-box {
    float: left;
    margin-top: 23px;
    margin-left: -15px;
    background: #1b5585;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 32px;
    height: 32px;
    position: absolute;
    right: -15px;
}

.sidebar-toggle-box .fa-bars {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    padding: 8px 8px 8px 9px;
    color: #ffff;
}

.sidebar-toggle-box:hover {
    background: #1f5480;
}


/*notification*/

#top_menu .nav>li,
ul.top-menu>li {
    float: left;
}

.notify-row {
    float: left;
    margin-top: 23px;
    margin-left: 25px;
}

ul.top-menu {
    margin-right: 15px;
    margin-top: 0;
    position: relative;
}

ul.top-menu>li>a {
    color: #666666;
    font-size: 16px;
    background: #f6f6f6;
    padding: 4px 8px;
    margin-right: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-right: 8px !important;
}

ul.top-menu>li>a:hover,
ul.top-menu>li>a:focus {
    background: #32D2C9;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.3) !important;
    padding-right: 8px !important;
}

.dropdown-menu.extended {
    max-width: 320px !important;
    min-width: 160px !important;
    top: 42px;
    width: 300px !important;
    padding: 0 10px;
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: none;
    left: -10px;
}

.dropdown-menu.extended li p {
    font-size: 13px;
    margin: 0;
    padding: 10px 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    color: #767676;
}

.dropdown-menu.extended li a {
    font-size: 12px;
    list-style: none;
}


/*.dropdown-menu.extended li a{background:#f1f2f7;border-radius:5px;-webkit-border-radius:5px;padding:10px;margin-bottom:10px;float:left;width:100%;}*/

.notify-row .notification span.label {
    display: inline-block;
    height: 21px;
    padding: 5px;
    width: 22px;
    font-size: 12px;
    margin-right: 10px;
}

.dropdown-menu.extended .alert-icon,
.noti-info {
    float: left;
}

.noti-info {
    padding-left: 10px;
    padding-top: 6px;
    color: #414147;
}

.dropdown-menu.extended .alert {
    margin-bottom: 10px;
}

.dropdown-menu.extended .alert-icon {
    border-radius: 100%;
    display: inline-block;
    height: 35px;
    width: 35px;
}

.dropdown-menu.extended .alert-icon i {
    font-size: 16px;
    width: 35px;
    line-height: 35px;
    height: 35px;
}

.notify-row .badge {
    position: absolute;
    right: 5px;
    top: -10px;
    z-index: 100;
}

ul.top-menu>li>.dropdown-toggle::after {
    content: none;
}

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

.top-menu .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.top-menu .dropdown-menu:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eeeeee;
    border-width: 8px;
    margin-left: -8px;
}


/*badge*/

.badge.bg-primary {
    background: #8075c4;
}

.badge.bg-success {
    background: #a9d86e;
}

.badge.bg-warning {
    background: #FCB322;
}

.badge.bg-important {
    background: #ff6c60;
}

.badge.bg-info {
    background: #41cac0;
}

.badge.bg-inverse {
    background: #2A3542;
}

.pull-right.top-menu .dropdown-menu:after,
.pull-right.top-menu .dropdown-menu:before {
    bottom: 100%;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.pull-right.top-menu .dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 7px;
    margin-left: -7px;
}

.pull-right.top-menu .dropdown-menu:before {
    border-color: rgba(238, 238, 238, 0);
    border-bottom-color: #eeeeee;
    border-width: 8px;
    margin-left: -8px;
}

.top-nav {
    margin-top: 20px;
}

.top-nav img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 33px;
}

.top-nav .icon-user i {
    height: 33px;
    width: 33px;
    line-height: 33px;
    display: inline-block;
    font-size: 1.7em;
    padding-left: 10px;
}

.top-nav .icon-user .username {
    color: #555555;
    font-size: 13px;
    position: relative;
    top: -5px;
}

.top-nav .icon-user .caret {
    position: relative;
    top: -4px;
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
    width: 170px !important;
}

.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto;
}

.top-nav ul.top-menu>li {
    margin-left: 20px;
}

.top-nav ul.top-menu>li>a {
    border-radius: 100px;
    -webkit-border-radius: 100px;
    padding: 3px 5px 8px 5px;
    background: none;
    margin-right: 0;
    border: 1px solid #F6F6F6;
    background: #F6F6F6;
}


/* .top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {border:1px solid #f6f6f6;background:#f6f6f6 !important;border-radius:100px;-webkit-border-radius:100px;} */


/* .top-nav .dropdown-menu.extended.logout {top:50px;} */

.top-nav .dropdown-menu.extended.logout {
    top: 30px;
}

.top-nav .nav .caret {
    border-bottom-color: #A4AABA;
    border-top-color: #A4AABA;
}

.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color: #000;
    border-top-color: #000;
}

.dropdown-menu.extended.logout>li {
    float: left;
    width: 100%;
    margin: 3px;
}

.dropdown-menu.extended.logout>li>a {
    border-bottom: none !important;
    padding: 10px;
    display: block;
}

.dropdown-menu.extended.logout>li>a:hover {
    background: #F1F2F7 !important;
    border-radius: 5px;
    color: #32D2C9;
}

.dropdown-menu.extended.logout>li>a i {
    font-size: 17px;
    padding-right: 10px;
}

.dropdown-menu.extended.logout {
    padding: 10px;
}

.dropdown-menu.extended.logout li a {
    padding: 10px;
}

.dropdown-menu.extended li a:hover {
    color: #32323a;
}


/* .dropdown:hover>.dropdown-menu {display: block;  } */

.full-width .dropdown-menu.extended.logout>li>a:hover {
    background: #F1F2F7 !important;
    color: #32323a !important;
}

.top-nav .username {
    font-size: 13px;
    color: #555555;
    padding: 0 5px;
}


/*search*/

.search {
    width: 20px;
    height: 34px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: 1px solid #fff;
    box-shadow: none;
    background: #f6f6f6 url("../images/search-icon.png") no-repeat 10px 8px;
    padding: 0 5px 0 30px;
    color: #fff;
    border-radius: 100px;
    -webkit-border-radius: 100px;
}

.search:focus {
    width: 180px;
    border: 1px solid #f6f6f6;
    box-shadow: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    color: #c8c8c8;
    font-weight: 300;
    font-size: 13px;
}

.todo-search:focus {
    width: 100% !important;
}


/*sidebar navigation*/

#sidebar {
    width: 240px;
    height: 100%;
    position: fixed;
    background: #343e4f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#sidebar ul li {
    position: relative;
}

.leftside-navigation,
.right-stat-bar {
    height: 100%;
}


/*---*/

.nav-collapse.collapse {
    display: inline;
}

ul.sidebar-menu,
ul.sidebar-menu li ul.sub {
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    padding-top: 80px;
}

#sidebar>ul>li>ul.sub {
    display: none;
}

#sidebar .sub-menu>.sub li a {
    padding-left: 46px;
}

#sidebar>ul>li.active>ul.sub,
#sidebar>ul>li>ul.sub>li>a {
    display: block;
}

ul.sidebar-menu li ul.sub li {
    background: #1a2536;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

ul.sidebar-menu li ul.sub li a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #aeb2b7;
}

ul.sidebar-menu li ul.sub li a:hover,
ul.sidebar-menu li ul.sub li.active a {
    color: #ffffff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    background: #1a2536;
}

ul.sidebar-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

ul.sidebar-menu li.sub-menu {
    line-height: 20px;
}

ul.sidebar-menu ul.sub li {
    border-bottom: none;
}

ul.sidebar-menu li a span {
    display: inline-block;
}

ul.sidebar-menu li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 15px 0 15px 25px;
    font-size: 15px;
    outline: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a.active,
ul.sidebar-menu li a:hover,
ul.sidebar-menu li a:focus {
    background: #1a2536;
    color: #ffffff;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.sidebar-menu li a i {
    font-size: 15px;
    padding-right: 6px;
}

ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i {
    color: #3598dc;
}

ul.sidebar-menu li a.active i {
    color: #3598dc;
}


/*LEFT NAVIGATION ICON*/

.dcjq-icon {
    height: 17px;
    width: 17px;
    display: inline-block;
    background: url(../images/nav-expand.png) no-repeat top;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    right: 10px;
}

.active .dcjq-icon {
    background: url(../images/nav-expand.png) no-repeat bottom;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*main content*/

#main-content {
    margin-left: 240px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.wrapper {
    display: inline-block;
    margin-top: 80px;
    padding: 15px;
    width: 100%;
}


/*form*/

.position-center {
    width: 62%;
    margin: 0 auto;
}


/*form*/

.sm-input {
    width: 175px;
}

.form-horizontal.md-form .form-group {
    border-bottom: 1px solid #eff2f7;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.form-horizontal.md-form .form-group:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-horizontal.md-form .form-group .help-block {
    margin-bottom: 0;
}

.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}

.m-bot15 {
    margin-bottom: 15px;
}

.form-horizontal.md-form .checkbox-inline>input {
    margin-top: 1px;
    border: none;
}

.btn.btn-info.dropdown-toggle {
    border-left: 1px solid #1fadea;
}


/*custom checkox & radio btn*/

.icheck div,
.icheck .disabled {
    float: left;
}

.icheck div {
    margin-right: 10px;
}

.icheck label {
    font-weight: normal;
}

.icheck .checkbox,
.icheck .radio {
    margin-bottom: 10px;
}

.icheck .single-row {
    display: inline-block;
    width: 100%;
}


/*form validation*/

.cmxform .form-group label.error {
    display: inline;
    margin: 5px 0;
    color: #B94A48;
    font-weight: 400;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus,
.cmxform .form-group input.error,
.cmxform .form-group textarea.error {
    /* border-color: #B94A48 !important; */
    border-color: none !important;
}

.checkbox,
.checkbox:hover,
.checkbox:focus {
    border: none;
}

#customFile .custom-file-control:lang(en)::after {
    content: "Select file...";
}


/**********/

.mm-t-7 {
    margin-top: -7px;
}

.wt_color {
    color: #ffffff !important;
}

.plr-0 {
    padding-left: 0;
    padding-right: 0;
}

.bit_p_m {
    padding: 6px 7px;
    font-size: 10px;
}

.details {
    background-color: #FAFAFA;
}

.sm_btn {
    padding: 6px 10px;
    font-size: 14px;
}

.bgOrg {
    background-color: #ECECEC;
    color: #000000;
    margin: 0 -1px;
}

.tbor {
    border: 1px solid #e9ecef;
    margin: -1px;
    border-radius: 0;
    padding: 6px;
    font-size: 12px;
}

.tbor:hover {
    background: #D9EDF6 !important;
}

.odd_bg {
    background: #ECECEC !important;
}

.bg2 {
    background: #FAFAFA;
    border: 1px solid #e9ecef;
}

.table_titel {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    border-radius: 0;
    padding: 11px 6px;
    font-size: 12px;
    text-transform: none;
}

.tab_sub_d {
    width: 23.5%;
}

.tab_sub_d strong {
    display: inline-block;
    padding: 0 3px;
    white-space: nowrap;
}

.tab_sub_d span {
    display: inline-block;
    color: #000;
    padding: 0 3px;
}

.card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.card-deck .card_v {
    display: flex;
    /*flex: 1 0 0%;*/
    flex-direction: row;
    margin-right: 10px;
    margin-left: 10px;
    min-height: 40px;
}

.t_bg {
    background: #000000 !important;
}

.eq-h {
    /* border: 1px solid #444; */
    height: 100%;
    width: 100%;
    padding: 3px 10px;
}


/* tab */

.nav-tabs .nav-item {
    background: #fbf8f8;
    margin: 0 2px -1px 2px;
    border: 1px solid transparent;
    border-top-left-radius: .0rem !important;
    border-top-right-radius: .0rem !important;
    border-color: #ddd #ddd #fff;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
}

.nav-tabs>li>a {
    margin-right: 0px !important;
    margin-bottom: -2px !important;
    font-size: 14px;
    font-weight: 500;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item {
    border-color: #F0F5F6 #F0F5F6 #F0F5F6;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item:hover {
    border-color: #F0F5F6 #F0F5F6 #ffffff !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item.active {
    border-color: #F0F5F6 #F0F5F6 #ffffff !important;
}

.tab-bg-dark-navy-blue {
    background: #ffffff !important;
    border-radius: 0px 0px 0 0;
    -webkit-border-radius: 0px 0px 0 0;
    border-bottom: none;
}


/*.tab-bg-dark-navy-blue {background:#e0e1e7 !important;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-bottom:none;}*/

.tab-bg-dark-navy-blue ul>li>a {
    display: block;
    padding: 8px 20px !important;
    color: #000000 !important;
    text-transform: none;
}

.tab-bg-dark-navy-blue .nav {
    border: medium none;
    font-size: 15px;
    margin: 0;
}

.tab-bg-dark-navy-blue ul>li.active a,
.tab-bg-dark-navy-blue ul>li>a:hover {
    border-radius: 0 !important;
    background: #fff !important;
    color: #3598dc !important;
}

.tab-bg-dark-navy-blue li a:hover,
.tab-bg-dark-navy-blue li.active a {
    border-radius: 0 !important;
    background: #fff !important;
    color: #3598dc !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a.active,
.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a:hover {
    /*border-color: #F0F5F6 #F0F5F6 #fff !important;*/
    color: #3598dc !important;
    text-transform: none;
    border: none !important;
    margin-top: 1px;
}


/* .tab-bg-dark-navy-blue .nav>li>a,.tab-bg-dark-navy-blue .nav>li.active>a,.tab-bg-dark-navy-blue .nav>li.active>a:hover,.tab-bg-dark-navy-blue .nav>li.active>a:focus { border-width:0;  border-radius:0;} */

.tab-bg-dark-navy-blue .nav>li.active>a,
.tab-bg-dark-navy-blue .nav>li>a:hover {
    color: #3598dc;
    background: #fff;
}

.tab-bg-dark-navy-blue .nav>li:first-child.active>a,
.tab-bg-dark-navy-blue .nav>li:first-child>a:hover {
    border-radius: 0px 0 0 0 !important;
    -webkit-border-radius: 0px 0 0 0 !important;
}


/* .tab-content{border: 1px solid transparent;padding: 15px;border-color: #F0F5F6 #F0F5F6 #fff !important;height: calc(100vh - 477px);margin: 0 -1px -1px -1px;} */

.tab-content {
    border: 1px solid transparent;
    padding: 15px;
    border-color: #F0F5F6 #ffffff #fff !important;
    height: calc(100vh - 442px);
    margin: 0 0px 0px 0px;
}

.mt-22 {
    margin-top: 22px;
}

.modal-title {
    font-weight: 600;
    font-size: 14px;
}

.modal-body label {
    font-weight: 500;
}


/*********************** Address **************************/

.address-bar-titel {
    font-weight: 600;
    font-size: 16px;
    margin: 15px 0 15px 0;
}


/* .ad_r_bod{border-radius:0;}
.address-bar {padding: 10px;}
.address-bar h4 {font-weight: 600;font-size: 13px;margin: 0 0 10px;}
.address-bar p {color: #000;font-size: 12px;} */

.address-bar {
    width: 100%;
    float: left !important;
}

.address-bar ul {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}

.address-bar ul a {
    color: #000;
    font-size: 12px;
}


/* .address-bar ul a li {width: 257px;border: 2px solid #3598dc;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding: 10px;margin: 10px 10px 10px 0;float: left!important;height: 150px;background: #ffffff;} */

.address-bar ul a li {
    width: 18.71%;
    border: 2px solid #3598dc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin: 10px 10px 10px 10px;
    float: left !important;
    height: 150px;
    background: #ffffff;
    min-width: 257px;
}

.address-bar ul a li:hover {
    border: 2px solid #fa8564;
}

.address-bar ul a .icon-Delete {
    position: absolute;
    margin: -21px 0 0 225px;
    background: #ffffff;
    color: #fa8564;
    font-size: 30px;
    font-weight: 600;
    border: 0px solid #00B9F5;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding: 0px;
}

.address-bar ul a li h4 {
    font-weight: 600;
    font-size: 12px;
    margin: 0 0 5px;
    color: #767676;
}

.address-bar ul a li p {
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 15px;
    color: #767676;
}

.dshow {
    display: block !important;
}


/* .address-bar ul a li.last {padding: 20px 0 0;text-align: center;color: #3598dc;border: 1px dashed #DEEAEE; background:none;width: 276px!important;} */

.address-bar ul a li.last {
    padding: 20px 0 0;
    text-align: center;
    color: #3598dc;
    border: 1px dashed #DEEAEE;
    background: none;
    width: 18.71%;
    min-width: 257px;
}

.address-bar ul a li.last .text {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #3598dc;
    padding: 0px;
    color: #3598dc;
    font-size: 25px;
    margin: 27px auto 0;
    width: 40px;
    text-align: center;
}

.address-bar ul a.lt:hover li.last .text {
    border: 1px dashed #57c8f1 !important;
    color: #57c8f1;
}

.address-bar ul a li.last:hover {
    border: 1px dashed #57c8f1;
    color: #57c8f1;
}

[hidden] {
    display: none;
}


/*********************** AutoComplete **************************/

.suggestions {
    border: solid 1px #f1f1f1;
    position: absolute;
    width: 100%;
    background: rgb(248, 246, 246);
    z-index: 10000000;
}

.suggestions ul {
    padding: 0px;
    margin: 0px;
}

.container {
    width: 600px;
    margin-left: 10px;
    margin-top: 10px;
}

.suggestions ul li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.suggestions ul li a {
    padding: 5px;
    display: block;
    text-decoration: none;
    color: #7E7E7E;
}

.suggestions ul li a:hover {
    background-color: #f1f1f1;
}


/*********************** AutoComplete **************************/

.m-bg-w {
    background: #ffffff;
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
}

.m-bg-c {
    background: #fafafa;
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    padding: 0 20px;
}

.mn-box {
    border-radius: .2rem;
    background: #ffffff;
    border: 1px solid #8cd4d0;
    margin: 8px -8px 6px -8px;
}

.mn-box-active {
    background: #d8f0ef;
}

.box-ctn {
    width: 100%;
    padding: 5px;
    min-height: 85px;
}

.box-ctn-img {
    padding-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-ctn-img img {
    max-height: 70px;
}

.box-ctn-dic h5 {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.box-ctn-dic h5 span {
    font-weight: normal !important;
}

.box-ctn-dic h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
}

.box-ctn-dic h4 span {
    font-weight: normal !important;
}

.box-ctn-dic h3 {
    font-size: 14px;
    color: #767676;
    font-weight: 500;
    line-height: 18px;
}

.box-ctn-dic h3 span {
    font-size: 14px;
    font-weight: 600;
    color: #000000 !important;
}

.box-ctn-dic p {
    font-size: 13px;
    color: #767676;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.cont_box {
    padding: 10px 15px;
}

.cont_box>div.list_cont {
    padding-left: 15px;
}

.cont_box>div.list_cont>h1 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont>h1>span {
    font-weight: normal;
}

.cont_box>div.list_cont>h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_pic {
    border: 1px solid #e5e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 20px;
}

.cont_box>div.list_pic img {
    max-height: 100px;
}

.cont_box>div.list_pic1 {
    width: auto !important;
}

.cont_box>div.list_pic1>div.p_list_pic {
    margin-right: 0 !important;
}

.cont_box>div.list_pic1>div.p_list_pic>img {
    max-height: 100px;
}

.container-3 {
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.container-3 input#search_in {
    width: 100%;
    height: 37px;
    background: #ffffff;
    border: 1px solid #e5e6e6;
    font-size: 10pt;
    float: left;
    color: #262626;
    padding-left: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.container-3 input#search_in::-webkit-input-placeholder {
    color: red;
}

.container-3 input#search_in:-moz-placeholder {
    /* Firefox 18- */
    color: #65737e;
}

.container-3 input#search_in::-moz-placeholder {
    /* Firefox 19+ */
    color: #65737e;
}

.container-3 input#search_in:-ms-input-placeholder {
    color: #65737e;
}

.container-3 .icon {
    position: absolute;
    top: 50%;
    margin-left: 17px;
    margin-top: 10px;
    z-index: 1;
    color: #4f5b66;
    -webkit-transition: all .55s ease;
    -moz-transition: all .55s ease;
    -ms-transition: all .55s ease;
    -o-transition: all .55s ease;
    transition: all .55s ease;
}

.container-3 input#search_in:focus,
.container-3 input#search_in:active {
    outline: none;
}

.container-3:hover .icon {
    margin-top: 10px;
    color: #93a2ad;
    -webkit-transform: scale(1.5);
    /* Safari and Chrome */
    -moz-transform: scale(1.5);
    /* Firefox */
    -ms-transform: scale(1.5);
    /* IE 9 */
    -o-transform: scale(1.5);
    /* Opera */
    transform: scale(1.5);
}


/* form starting stylings ------------------------------- */

.form-control:focus {
    outline: 0;
    box-shadow: none;
    color: #000000;
}

.form-group-m {
    position: relative;
    margin-bottom: 18px !important;
    margin-top: 22px !important;
}


/* .form-group-m	{ position:relative;margin-bottom:25px !important; margin-top: 22px !important;} */

input.in-m {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
}

input.in-m:focus {
    outline: none;
}


/* input:focus 	{outline:none;border-bottom:2px solid #5264AE !important;transition:0.2s ease all;-moz-transition:0.2s ease all;-webkit-transition:0.2s ease all;} */

.select-style select {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
}

.select-style select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + -4px);
}


/* LABEL ======================================= */

label.lb-m {
    font-weight: 600;
    color: #343e4f;
    position: absolute;
    pointer-events: none;
    left: 14px;
    top: -25px;
    transition: 0.3s ease all;
    font-size: 14px;
    text-transform: capitalize;
}


/* active state */

input.in-m:focus~label.lb-m,
input.in-m:valid~label.lb-m {
    top: -20px;
    font-size: 14px;
    color: #50575b;
}


/* BOTTOM BARS ================================= */

.bar {
    position: relative;
    display: block;
    width: auto;
    margin-top: 1px;
}

.bar:before,
.bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: #3598dc;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.bar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}


/* active state */

input.in-m:focus~.bar:before,
input.in-m:focus~.bar:after {
    width: 50%;
}


/* Bar Bottoms for errors *************************************************************** */

.errorBar {
    position: relative;
    display: block;
    width: auto;
    margin-top: 1px;
}

.errorBar:before,
.errorBar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 1px;
    position: absolute;
    background: red;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

.errorBar:before {
    left: 50%;
}

.bar:after {
    right: 50%;
}

input.in-m:focus~.errorBar:before,
input.in-m:focus~.errorBar:after {
    width: 50%;
}

.errorBar select {
    width: 100%;
    font-size: 13px;
    padding: 5px 0px !important;
    margin: 0 !important;
    display: block;
    border: none !important;
    border-bottom: 1px solid red !important;
    border-radius: 0 !important;
}

.errorBar select.form-control:not([size]):not([multiple]) {
    height: calc(2.0rem + -4px);
}


/* .errorBar {border-bottom: 1px solid red !important;margin-top: -1px;} */


/* active state */


/* Bar Bottoms for errors *************************************************************** */


/* HIGHLIGHTER ================================== */

.highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 2%;
    left: 15px;
    pointer-events: none;
    opacity: 0.5;
}


/* active state */

input.in-m:focus~.highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

.n_dt {
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #e0e0e0 !important;
    border-radius: 00;
    padding: 0 10px;
}


/* ANIMATIONS ================ */

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

.check-input {
    margin-top: 10px;
}

.er_msg {
    font-size: 11px;
    color: red;
}

.view_c {
    color: #323232;
    font-size: 13px;
}

.nav-tabs--vertical {
    border-bottom: none;
    border-right: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    margin-right: -1px;
    min-width: 170px;
}

.nav-tabs--left {
    margin: 0px;
    z-index: 10;
}

.nav-tabs--left .nav-item+.nav-item {
    margin-top: .0rem;
}

.nav-tabs--left>.nav-item {
    border: none !important;
    background: none !important;
}

.nav-tabs--left .nav-tabs {
    border: none !important;
    background: none !important;
}


/* .nav-tabs--left > li.nav-item {
white-space: nowrap; 
border-color: #ddd #ffffff #ddd #ddd !important;
margin: 0px 3px 4px 0px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 0px !important;
}
.nav-tabs--left > li.nav-item:hover{background: #ffffff; border-left: 3px solid #3598dc !important;border-color: #ddd #ddd #fff;border: 1px solid transparent;margin-right: -1px !important;}
.nav-tabs--left > li.nav-item.active{background: #ffffff; border-left: 3px solid #3598dc !important;border-color: #ddd #ddd #fff;border: 1px solid transparent;margin-right: -1px !important;}*/

.nav-tabs--left>li.nav-item>a {
    background: #fbf8f8;
    white-space: nowrap;
    border-color: #ddd #ffffff #ddd #ddd !important;
    margin: 0px 0px 5px 0px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
}

.nav-tabs--left>li.nav-item>a:hover {
    background: #ffffff;
    border-left: 3px solid #3598dc !important;
    margin-right: -1px !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.nav-tabs--left>li.nav-item>a.active {
    background: #ffffff;
    border-left: 3px solid #3598dc !important;
    margin-right: -1px !important;
    border-bottom: 1px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: none;
    border: none;
}


/* .nav-tabs--left .nav-link {		white-space: nowrap;border-radius: 0; border-color: #ddd #ddd #ddd !important; } */


/* .nav-tabs--left .nav-link:hover {	background-color: #f7f7f7;} */


/* .nav-tabs--left .nav-link.active {margin-right: -1px; border-color: #ddd #fff #ddd #ddd !important; }*/


/* .nav-tabs--left .nav-link.active:hover {	background-color: #fff; } */

.nav-tabs--content {
    height: calc(100vh - 345px);
    margin: 0 0 -1px -3px !important;
    padding: 10px 15px !important;
    border: 1px solid #ddd !important;
    z-index: 1;
    width: 100% !important;
}

.grid_table * {
    padding: 0;
    border: none;
}

table.grid_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 5px;
    padding: 0;
}

.grid_table thead th {
    background-color: #f8f5f5;
    border: 0px solid #00A5D6;
    padding: 0
}

.grid_table thead tr td {
    font-size: 14px;
    border: 1px solid #f1f1f1;
    background: #f8f5f5;
    color: #343434;
    padding: 10px;
}

.grid_table tbody tr td {
    font-size: 14px;
    background: #ffffff;
    border-bottom: 1px solid #f1f1f1 !important;
    color: #343434;
    padding: 5px 10px;
    vertical-align: middle !important;
}

.trash_bt {
    color: #d83131 !important;
    font-size: 18px;
}

.grid_table tbody tr td:first-child {
    border-left: 1px solid #f1f1f1 !important;
}

.grid_table tbody tr td:last-child {
    border-right: 1px solid #f1f1f1 !important;
}

.b-b-g-tb {
    border-bottom: 1px solid #ddd;
}

.top_tab_bt {
    margin: 0 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top_tab_bt li {
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #ddd;
    line-height: 30px;
    height: auto;
    padding: 8px 20px;
    color: #343434;
    background: #fbf8f8;
}

.top_tab_bt li span {
    display: block;
    width: 100%;
}


/********/

.cont_box>div.list_cont_p {
    width: 50%;
}

.cont_box>div.list_cont_p>h1 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h1>span {
    font-weight: normal;
}

.cont_box>div.list_cont_p>h2 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h3 {
    font-size: 16px;
    padding: 0;
    margin: 0;
    color: #343434;
    line-height: 26px;
}

.cont_box>div.list_cont_p>h3>span {
    font-weight: normal;
}

.cont_box>div.list_cont_p>div.p_list_pic {
    border: 1px solid #e5e6e6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.cont_box>div.list_cont_p>div.p_list_pic img {
    max-height: 100px;
}

.bg_lb_st {
    padding: 5px 10px;
    background: #f6f6f6;
}

.bg_lb_st.active {
    background: #fa8564;
    color: #ffffff;
}


/* .p_list_pic{border: 1px solid #e5e6e6;display: flex;justify-content: center;align-items: center;padding: 5px;margin-bottom: 20px;}
.p_list_pic img{max-height: 100px;} */

.btn_o_f {
    width: 175px;
}

.btn_o_f>label {
    width: 100%;
    margin: 3px 0;
    padding: 0;
    line-height: 23px;
    font-weight: 600;
}


/* .btn_o_f .btn-toggle {	top: 50%;	transform: translateY(-50%);} */

.btn-toggle {
    margin: 0 4rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem !important;
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
    outline: none;
}

.btn-toggle:before,
.btn-toggle:after {
    line-height: 1.5rem;
    width: 4rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle:before {
    content: 'No';
    left: -4rem;
}

.btn-toggle:after {
    content: 'Yes';
    right: -4rem;
    opacity: .5;
}

.btn-toggle>.handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.active {
    transition: background-color 0.25s;
}

.btn-toggle.active>.handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.active:before {
    opacity: .5;
}

.btn-toggle.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    display: none;
}

.btn-toggle:before,
.btn-toggle:after {
    color: #6b7381;
}

.btn-toggle.active {
    background-color: #3598dc;
}

.btn-toggle.btn-lg {
    margin: 0 5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 2.5rem;
    width: 5rem;
    border-radius: 2.5rem;
}

.btn-toggle.btn-lg:focus,
.btn-toggle.btn-lg.focus,
.btn-toggle.btn-lg:focus.active,
.btn-toggle.btn-lg.focus.active {
    outline: none;
}

.btn-toggle.btn-lg:before,
.btn-toggle.btn-lg:after {
    line-height: 2.5rem;
    width: 5rem;
    text-align: center;
    font-weight: 600;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-lg:before {
    content: 'No';
    left: -5rem;
}

.btn-toggle.btn-lg:after {
    content: 'Yes';
    right: -5rem;
    opacity: .5;
}

.btn-toggle.btn-lg>.handle {
    position: absolute;
    top: 0.3125rem;
    left: 0.3125rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 1.875rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-lg.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-lg.active>.handle {
    left: 2.8125rem;
    transition: left .25s;
}

.btn-toggle.btn-lg.active:before {
    opacity: .5;
}

.btn-toggle.btn-lg.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-sm:before,
.btn-toggle.btn-lg.btn-sm:after {
    line-height: 0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.6875rem;
    width: 3.875rem;
}

.btn-toggle.btn-lg.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-lg.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-lg.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-lg.btn-xs:before,
.btn-toggle.btn-lg.btn-xs:after {
    display: none;
}

.btn-toggle.btn-sm {
    margin: 0 0.5rem;
    padding: 0;
    position: relative;
    border: none;
    height: 1.5rem;
    width: 3rem;
    border-radius: 1.5rem;
}

.btn-toggle.btn-sm:focus,
.btn-toggle.btn-sm.focus,
.btn-toggle.btn-sm:focus.active,
.btn-toggle.btn-sm.focus.active {
    outline: none;
}

.btn-toggle.btn-sm:before,
.btn-toggle.btn-sm:after {
    line-height: 1.5rem;
    width: 0.5rem;
    text-align: center;
    font-weight: 600;
    font-size: 0.55rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-sm:before {
    content: 'No';
    left: -0.5rem;
}

.btn-toggle.btn-sm:after {
    content: 'Yes';
    right: -0.5rem;
    opacity: .5;
}

.btn-toggle.btn-sm>.handle {
    position: absolute;
    top: 0.1875rem;
    left: 0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    border-radius: 1.125rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-sm.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-sm.active>.handle {
    left: 1.6875rem;
    transition: left .25s;
}

.btn-toggle.btn-sm.active:before {
    opacity: .5;
}

.btn-toggle.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-sm:before,
.btn-toggle.btn-sm.btn-sm:after {
    line-height: -0.5rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.4125rem;
    width: 2.325rem;
}

.btn-toggle.btn-sm.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-sm.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-sm.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-sm.btn-xs:before,
.btn-toggle.btn-sm.btn-xs:after {
    display: none;
}

.btn-toggle.btn-xs {
    margin: 0 0;
    padding: 0;
    position: relative;
    border: none;
    height: 1rem;
    width: 2rem;
    border-radius: 1rem;
}

.btn-toggle.btn-xs:focus,
.btn-toggle.btn-xs.focus,
.btn-toggle.btn-xs:focus.active,
.btn-toggle.btn-xs.focus.active {
    outline: none;
}

.btn-toggle.btn-xs:before,
.btn-toggle.btn-xs:after {
    line-height: 1rem;
    width: 0;
    text-align: center;
    font-weight: 600;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: 0;
    transition: opacity .25s;
}

.btn-toggle.btn-xs:before {
    content: 'No';
    left: 0;
}

.btn-toggle.btn-xs:after {
    content: 'Yes';
    right: 0;
    opacity: .5;
}

.btn-toggle.btn-xs>.handle {
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.75rem;
    background: #fff;
    transition: left .25s;
}

.btn-toggle.btn-xs.active {
    transition: background-color 0.25s;
}

.btn-toggle.btn-xs.active>.handle {
    left: 1.125rem;
    transition: left .25s;
}

.btn-toggle.btn-xs.active:before {
    opacity: .5;
}

.btn-toggle.btn-xs.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-sm:before,
.btn-toggle.btn-xs.btn-sm:after {
    line-height: -1rem;
    color: #fff;
    letter-spacing: .75px;
    left: 0.275rem;
    width: 1.55rem;
}

.btn-toggle.btn-xs.btn-sm:before {
    text-align: right;
}

.btn-toggle.btn-xs.btn-sm:after {
    text-align: left;
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:before {
    opacity: 0;
}

.btn-toggle.btn-xs.btn-sm.active:after {
    opacity: 1;
}

.btn-toggle.btn-xs.btn-xs:before,
.btn-toggle.btn-xs.btn-xs:after {
    display: none;
}

.btn-toggle.btn-secondary {
    color: #6b7381;
    background: #bdc1c8;
}

.btn-toggle.btn-secondary:before,
.btn-toggle.btn-secondary:after {
    color: #6b7381;
}

.btn-toggle.btn-secondary.active {
    background-color: #ff8300;
}

.dragarea {
    font-size: 16px;
    border: 3px dotted #3598dc;
    padding: 20px;
    background-color: #fff;
    color: #bbb;
}

.up_ic {
    display: block;
    font-size: 40px;
    margin-bottom: 10px;
    color: #3598dc;
}


/*********/

.p_list_pic {
    position: relative;
    margin: auto;
    /* width: 250px;height: 250px;*/
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    cursor: pointer;
    overflow: hidden;
}

.p_list_pic:hover .overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
}

.p_list_pic:hover span {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .5s ease, opacity 1.3s ease;
    transition: transform .5s ease, opacity 1.3s ease;
}

.p_list_pic .overlay {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    margin: auto;
    width: 0px;
    height: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 0%;
    opacity: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.p_list_pic span {
    color: #fff;
    text-align: center;
    position: absolute;
    margin: auto;
    width: auto;
    height: 30px;
    line-height: 16px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: transform .5s ease, opacity .7s ease;
    transition: transform .5s ease, opacity .7s ease;
}

.bg_crt {
    background: #ffffff;
    border: 1px solid #e5e6e6;
    margin: 15px 0px;
    padding: 20px 10px 5px 10px;
}

.link_ar {
    color: cornflowerblue;
    font-weight: 500;
}

.bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 265px);
    background: #Fafafa;
}

.form-group-m-h {
    position: relative;
    margin-bottom: 10px !important;
    margin-top: 15px !important;
}

.sb_t_g {
    font-size: 15px;
    color: #343434;
    font-weight: 600;
    line-height: 22px;
}

.p_status {
    position: absolute;
    right: 15px;
    top: -2px;
    background: #3598dc;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 25px;
    border-radius: 6px 6px 0px 0px;
    font-size: 15px;
    font-weight: 600;
}

.god_ar>tbody {
    display: block;
    max-height: calc(100vh - 500px);
    overflow: auto;
}

.god_ar>thead,
.god_ar>tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.mark_arrv {
    position: absolute;
    right: 100px;
    top: -2px;
    background: #3598dc;
    color: #ffffff;
    font-size: 14px;
    padding: 5px 25px;
    border-radius: 6px 6px 0px 0px;
    font-size: 15px;
    font-weight: 600;
}


/***********/

.cl_dic {
    padding: 10px;
}

.cl_dic p.cl_text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

.cl_dic p.cl_text span {
    width: 100%;
    display: block;
    font-size: 14px;
}

.cl_bx {
    border: 1px solid #e5e6e6;
}

.gift_ic {
    color: red;
    font-size: 40px;
    line-height: normal;
    padding: 0 22px;
    margin: 0;
}

.brd_rt {
    border-right: 1px solid #e5e6e6 !important;
    margin: 0 25px 0 15px;
}

.address_tb>a {
    display: inline-block;
}

.address_tb>a>li>h1 {
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 5px;
    color: #000000;
}

.address_tb>a>li>p {
    font-weight: 400;
    font-size: 13px;
    margin: 0 0 15px;
    color: #343434;
}

.brd_rt1 {
    padding: 10px 0 0 10px;
    border-left: 1px solid #e5e6e6;
    height: 180px;
    display: inline-block;
}

.top_tab_bt_rt {
    margin: 0 0 0 0;
    padding: 0;
    align-items: center;
    float: right;
}

.top_tab_bt_rt li {
    float: left;
    font-size: 14px;
    font-weight: 600;
    border-left: 1px solid #ddd;
    line-height: 30px;
    height: 45px;
    padding: 8px 20px;
    color: #343434;
    background: #fbf8f8;
}

#breadcrumb_st {
    list-style: none;
    float: left;
    margin: 5px 0px 0 5px;
    padding: 0;
}

#breadcrumb_st .icon {
    font-size: 14px;
}

#breadcrumb_st li {
    float: left;
}

#breadcrumb_st li a {
    color: #000000;
    display: block;
    background: #eaeaea;
    text-decoration: none;
    position: relative;
    height: 36px;
    line-height: 36px;
    padding: 0 10px 0 5px;
    text-align: center;
    margin-right: 23px;
    font-size: 13px;
    font-weight: 500;
}


/* #breadcrumb_st li:nth-child(even) a {	background-color: #2980b9;  }  
#breadcrumb_st li:nth-child(even) a:before {	border-color: #2980b9;	border-left-color: transparent;  }
#breadcrumb_st li:nth-child(even) a:after {	border-left-color: #2980b9;  } */

#breadcrumb_st li:first-child a {
    padding-left: 15px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px 0 0 4px;
}

#breadcrumb_st li:first-child a:before {
    border: none;
}

#breadcrumb_st li:last-child a {
    padding-right: 15px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0;
}

#breadcrumb_st li:last-child a:after {
    border: none;
}

#breadcrumb_st li a:before,
#breadcrumb_st li a:after {
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #eaeaea;
    border-width: 18px 10px;
    width: 0;
    height: 0;
}

#breadcrumb_st li a:before {
    left: -20px;
    border-left-color: transparent;
}

#breadcrumb_st li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #eaeaea;
}

#breadcrumb_st li a:hover {
    background-color: #e7505a;
}

#breadcrumb_st li a:hover:before {
    border-color: #e7505a;
    border-left-color: transparent;
}

#breadcrumb_st li a:hover:after {
    border-left-color: #e7505a;
}

#breadcrumb_st li a:active {
    background-color: #e7505a;
}

#breadcrumb_st li a:active:before {
    border-color: #e7505a;
    border-left-color: transparent;
}

#breadcrumb_st li a:active:after {
    border-left-color: #e7505a;
}

#breadcrumb_st li a.active {
    background-color: #e7505a !important;
}

#breadcrumb_st li a.active:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #e7505a !important;
}

#breadcrumb_st li a.active:before {
    border-color: #e7505a;
    border-left-color: transparent !important;
}

#breadcrumb_st li a.Pending_color {
    background-color: #e7505a !important;
}

#breadcrumb_st li a.Pending_color:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #e7505a !important;
}

#breadcrumb_st li a.Pending_color:before {
    border-color: #e7505a;
    border-left-color: transparent !important;
}

.Backorder_color {
    background-color: #16a085;
}

.Hold_color {
    background-color: #16a085;
}

.Picking_color {
    background-color: #16a085;
}

.Packing_color {
    background-color: #16a085;
}

.Dispatch_color {
    background-color: #16a085;
}

.POD_color {
    background-color: #16a085;
}


/*****************/

.sub-m-d {
    margin-right: -1px;
    margin-top: -1px;
    display: block;
    margin-left: -1px;
}

.c_bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    background: #ffffff;
    margin-left: -16px !important;
    margin-top: -1px !important;
}

.c_r_bd_bx {
    border: 1px solid #e5e6e6;
    height: calc(100vh - 216px);
    background: #ffffff;
    margin-left: -16px !important;
    margin-right: 14px;
    margin-top: -1px !important;
    padding: 0;
}

.c_god_ar>tbody {
    display: block;
    max-height: calc(100vh - 400px);
    overflow: auto;
}

.cart_item_lst {
    height: calc(100vh - 313px);
    overflow: hidden;
}

.bg-wt-box {
    margin: 0 0px;
}

ul.od_ite_lt {
    float: left;
    position: relative;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0px;
    background: #Fafafa;
    min-height: 100px;
    border: 1px solid #e5e6e6;
}

ul.od_ite_lt li {
    float: left;
}

ul.od_ite_lt li.p_o_img {
    height: 45px;
    width: 60px;
    text-align: center;
    margin-top: 15px;
    margin-right: 5px;
}

ul.od_ite_lt li.p_o_name {
    height: 45px;
    width: 70%;
}

ul.od_ite_lt li.p_o_name span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

ul.od_ite_lt li.p_o_qty {
    height: 45px;
    width: 25%;
    text-align: center
}

ul.od_ite_lt li.p_o_cls {
    height: 45px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    font-size: 18px;
    position: absolute;
    right: 18px;
    z-index: 10;
    top: 34px;
}


/********************/

.timeline {
    list-style: none;
    padding: 20px;
    position: relative;
    height: calc(100vh - 555px);
    overflow: hidden;
    width: 100%;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #eeeeee;
    left: 50%;
    margin-left: -1.5px;
    height: 100vh;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 10px 15px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline>li>.timeline-badge {
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -9px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: right;
}

.timeline>li.timeline-inverted>.timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timeline>li.timeline-inverted>.timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timeline>li>.timeline-panel>.timeline-heading>h4 {
    font-size: 18px;
    font-size: 16px;
    color: #000;
}

.timeline>li>.timeline-panel>.timeline-heading>p {
    margin: 0 0 3px 0;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline>li>.timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline>li>.timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline>li>.timeline-panel {
        float: right;
    }

    ul.timeline>li>.timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timeline>li>.timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.loader {
    border: 16px solid #f3f3f3;
    /* Light grey */
    border-top: 16px solid #3598dc;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    left: 45%;
    top: 45%;
    z-index: 1000000000000;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/* .indicater{float: left;width: 100%;text-align: left;} */

.indicater {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    margin: 0;
}

.indicater span {
    color: red;
}

.titel_e {
    font-size: 14px !important;
    color: #767676;
    font-weight: 600;
    border-radius: 0;
    padding: 10px 0 0 4px !important;
    text-transform: none;
}

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

.god-ser {
    background: rgb(255, 255, 255);
    border-width: 8px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(241, 242, 247);
    border-bottom-color: rgb(241, 242, 247);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    padding: 30px !important;
}

.hhm_i {
    height: 150px;
    width: 150px;
    display: inline-block;
    padding: 10px;
    overflow: hidden;
    position: relative;
}

.hhm_i img {
    width: 100%;
    height: 100%;
}

.doc_titel {
    font-size: 15px;
    color: #343434;
    font-weight: 600;
    line-height: 22px;
    width: 100%;
    margin-left: 20px;
}

.cal_icon_ar {
    padding: 0;
    margin: 0;
    background: no-repeat;
    top: -15px;
    right: 295px;
    position: absolute;
}

.ftp_ord>tbody {
    display: block;
    max-height: calc(100vh - 257px);
    overflow: auto;
}

.ftp_ord tr td {
    padding: 6px 2px !important;
    vertical-align: middle;
}

.ftp_ord>thead,
.ftp_ord>tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    color: #000000;
    padding: 0px !important;
}

.ftp_ord thead th {
    background: #3598dc;
    color: #ffffff;
    border: none;
    padding: 6px 3px !important;
    text-align: -webkit-match-parent;
}

.ftp_ord>tbody tr:hover {
    background: #d8f0ef;
}

.st_su {
    display: block;
    width: 100%;
    height: 100%;
    background: #DFF2BF;
    color: #000000;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
}

.st_er {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFBABA;
    color: #000000;
    padding: 0 5px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
}


/* .modal-confirm {color: #636363;width: 400px;top:30%;}
.modal-confirm .modal-content {padding: 20px;border-radius: 5px;border: none;text-align: center;font-size: 14px;}
.modal-confirm .modal-header {border-bottom: none;background: none;position: relative;}
.modal-confirm .icon-box {width: 80px;height: 80px;margin: 0 auto;border-radius: 50%;z-index: 9;text-align: center;border: 3px solid #f15e5e;}
.modal-confirm .icon-box i {color: #f15e5e;font-size: 46px;display: inline-block;margin-top: 13px;}
h4.con_msg {text-align: center;font-size: 26px;margin: 0px 0 15px;}
.modal-confirm .close {position: absolute;top: -5px;right: -2px;}
.modal-confirm .modal-body {color: #999;}
.modal-confirm .modal-footer {border: none;text-align: center;border-radius: 5px;font-size: 13px;padding: 10px 15px 25px;justify-content: center;} */

.btn1 {
    background-color: #3598dc;
    border-color: #1ca59e;
    color: white;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

.dropdown1 {
    position: absolute;
    display: inline-block;
}

.dropdown1 .btn1 {
    border-left: 1px solid #16a085;
}

.dropdown-content1 {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1;
    right: 0;
    border: 1px solid #ddd;
}

.dropdown-content1 a {
    color: black;
    padding: 6px 16px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    display: block;
}

.dropdown-content1 a:hover {
    background-color: #fbf8f8
}

.dropdown1:hover .dropdown-content1 {
    display: block;
}

.btn1:hover,
.dropdown1:hover .btn1 {
    background-color: #3598dc;
}

.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: #3598dc;
    border-color: #1ca59e;
}

.eng_cart_item_lst {
    height: calc(100vh - 338px);
    overflow: hidden;
}

ul.eng_od_ite_lt {
    float: left;
    position: relative;
    width: 100%;
    margin: 5px 0;
    padding: 10px 0px;
    background: #Fafafa;
    min-height: 100px;
    border: 1px solid #e5e6e6;
}

ul.eng_od_ite_lt li {
    float: left;
}

ul.eng_od_ite_lt li.p_o_img {
    height: 45px;
    width: 60px;
    text-align: center;
    margin-top: 15px;
    margin-right: 5px;
}

ul.eng_od_ite_lt li.p_o_name {
    height: 45px;
    width: 65%;
}

ul.eng_od_ite_lt li.p_o_name span {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

ul.eng_od_ite_lt li.p_o_qty {
    height: 45px;
    width: 25%;
    text-align: center
}

ul.eng_od_ite_lt li.p_o_cls {
    height: 45px;
    width: 35px;
    text-align: center;
    padding-top: 8px;
    font-size: 18px;
    position: absolute;
    right: 18px;
    z-index: 10;
    top: 34px;
}

.btn_ang {
    background: none;
    border-color: none;
    color: #000000;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}

btn_ang:hover {
    color: #3598dc;
}

.dropdown_ang {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 4px;
}

.dropdown1 .btn_ang {
    border-left: 1px solid #ffffff;
}

.btn_ang i {
    font-size: 22px;
}

.dropdown-content_ang {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    z-index: 1;
    right: 0;
    border: 1px solid #ddd;
}

.dropdown-content_ang a {
    color: black;
    padding: 6px 16px;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    display: block;
}

.dropdown-content_ang a:hover {
    background-color: none;
    color: #3598dc;
}

.dropdown_ang:hover .dropdown-content_ang {
    display: block;
}

.btn_ang:hover,
.dropdown_ang:hover .btn_ang {
    background-color: none;
    color: #3598dc;
}

.status_label {
    display: block;
    width: 100%;
    height: 100%;
    color: #000000;
    padding: 3px 3px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
}


/*.status_red{display:block;width: 100%;height: 100%;background: #f57878;color: #000000;padding: 0 5px;border-radius: 2px;font-weight: bold;}
.status_orange{display:block;width: 100%;height: 100%;background:#FF8000;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_amber{display: block;width: 100%;height: 100%;background:#F4C430;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_yellow{display:block;width: 100%;height:100%;background:#FFFF00;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_green{display: block;width: 100%;height: 100%;background:#77DD77;color: #000000;padding: 0 5px; border-radius: 2px;font-weight: bold;}
.status_blue{display:block;width: 100%;height: 100%;background:#00BFFF;color:#000000;padding: 0 5px; border-radius: 2px;font-weight: bold;} */

.angle_status {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -7px;
    right: 7px;
}


/* .ag_red{background-color: #ee8b8b !important; } 
.ag_orange{background-color: #e68f39 !important; } 
.ag_amber{background-color: #f5bf1f !important; } 
.ag_yellow{background-color: #f3f35c !important; } 
.ag_green{background-color: #8df78d !important; } 
.ag_blue{background-color: #76d6f7 !important; } 
.ag_grey{background-color: #c2c6c7 !important; }
.ag_white{background-color: #f5f5f5 !important; }  */

.ag_red {
    background: #f03f54 !important;
}

.ag_orange {
    background: #fa6137 !important;
}

.ag_amber {
    background: #ed8f03 !important;
}

.ag_yellow {
    background: #fdfc47 !important;
}

.ag_green {
    background: #24fe41 !important;
}

.ag_blue {
    background: #1c92d2 !important;
}

.ag_grey {
    background: #abbaab !important;
}

.ag_white {
    background: #ece9e6 !important;
}

.ag_pink {
    background: #800080 !important;
}

.ag_deepSea {
    background: #00bf8f !important;
}

.ag_darkred {
    background: #cc0e0e !important;
}


/* .ag_red{background: linear-gradient(to right,  #ffb88c, #f03f54)  !important; } 
.ag_orange{background:linear-gradient(to right, #f7b733, #fa6137) !important; } 
.ag_amber{background: linear-gradient(to right, #fceabb, #ed8f03) !important; } 
.ag_yellow{background: linear-gradient(to right, #fceabb, #fdfc47) !important; } 
.ag_green{background: linear-gradient(to right,#bdfff3, #24fe41) !important; } 
.ag_blue{background: linear-gradient(to right, #f2fcfe, #1c92d2) !important; } 
.ag_grey{background: linear-gradient(to right, #ffffff, #abbaab) !important; }
.ag_white{background: linear-gradient(to right, #ffffff, #ece9e6) !important; } 
.ag_pink{background: linear-gradient(to right, #ffc0cb, #800080) !important;}
.ag_deepSea{background: linear-gradient(to right,#77bec9, #00bf8f) !important;}
.ag_darkred{background: linear-gradient(to right, #e79880,#cc0e0e) !important;} */

.angle_sub {
    font: bold 12px Sans-Serif;
    color: #000;
    text-align: center;
    position: relative;
    padding: 5px 0;
    left: 9px;
    top: 12px;
    width: 100px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    /*left: -8px;top: 19px; width: 120px;*/
}

.angle_sub:before,
.angle_sub:after {
    content: "";
    border-top: 3px solid #6e8900;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px;
}

.angle_sub:before {
    left: 0;
}

.angle_sub:after {
    right: 0;
}

​
/* .opacity {
position: absolute;width: 100%;height: 100%;left: 0;top: 0;text-align: center;background: rgba(12, 173, 152, 0.9);opacity: 1;visibility: visible;-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);
} */

.hhm_i {
    position: relative;
    margin-bottom: 30px;
}

.hhm_i .opacity {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    background: hsla(177, 71%, 42%, 0.9);
    opacity: 0;
    visibility: visible;
    -webkit-transform: scale(0.3);
    -moz-transform: scale(0.3);
    -ms-transform: scale(0.3);
    -o-transform: scale(0.3);
    transform: scale(0.3);
    z-index: 1;
    margin: 10px 0px 0px 11px !important;
    height: 130px !important;
    width: 130px !important;
    border-radius: .25rem;
}

.hhm_i:hover .opacity {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hhm_i .opacity>div {
    display: table;
    width: 100%;
    height: 100%;
}

.hhm_i .opacity>div>div {
    display: table-cell;
    vertical-align: middle;
}

.hhm_i .opacity>div h4 {
    font-weight: 700;
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
}

.hhm_i .opacity>div ul {
    margin: 0 !important;
    padding: 0 !important;
}

.hhm_i .opacity>div ul li {
    display: inline-block;
    padding: 0;
}

.hhm_i .opacity>div ul li a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 30px;
    color: #fff;
    font-size: 15px;
    border: 2px solid #fff;
}

.hhm_i .opacity>div ul li a:hover {
    border-color: #32323a;
    color: #2c2c2c;
}


/* .ng2-pdf-viewer-container {height: 121px;overflow: hidden !important;margin: 0 !important;top: 0;padding: 0 !important;} */

.img-thumbnail>div.ng2-pdf-viewer-container {
    height: 121px;
    overflow: hidden !important;
    margin: 0 !important;
    top: 0;
    padding: 0 !important;
}

.modal-dialog1,
.modal-content1 {
    height: 90%;
}

.modal-body1 {
    max-height: calc(100% - 120px);
    overflow-y: auto;
}


/* .err_text{ color: #000;font-size: 15px !important;margin-top: -15px !important;}
.er_m_text{ color: #636363;font-size: 13px !important;margin:0px !important;}
.err_exit{color: #09b8a9 !important;}  */

.modal-confirm-er {
    color: #636363;
    width: 500px;
    top: 30%;
    height: 90%;
}

.modal-confirm-er .modal-content {
    padding: 0px;
    border-radius: 5px;
    border: none;
    text-align: center;
    font-size: 14px;
}

.modal-confirm-er .modal-header {
    position: relative;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.modal-confirm-er .modal-header h4 {
    font-size: 16px;
    margin: 0;
}

.modal-confirm-er .icon-box {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    border-radius: 50%;
    z-index: 9;
    text-align: center;
    border: 3px solid #f15e5e;
}

.modal-confirm-er .icon-box i {
    color: #f15e5e;
    font-size: 46px;
    display: inline-block;
    margin-top: 13px;
}

h4.con_msg {
    text-align: center;
    font-size: 26px;
    margin: 0px 0 15px;
}

.modal-confirm-er .close {
    position: absolute;
    right: 13px;
    color: #a94442;
}

.modal-confirm-er .modal-body {
    color: #999;
}

.modal-confirm-er .modal-footer {
    border: none;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
    padding: 10px 15px 25px;
    justify-content: center;
}

.modal-confirm-er .modal-body ul.ul_er_list {
    text-align: left;
}

.modal-confirm-er .modal-body ul.ul_er_list li {
    line-height: 25px;
    font-size: 12px;
    color: red;
    font-weight: 500;
}

.modal-confirm-er .modal-body ul.ul_er_list i {
    margin-right: 10px;
    margin-left: 10px;
    color: #a94442;
}

.vir_pro_list>div {
    line-height: 32px !important;
}

.hide_to_show {
    font-weight: 600;
    color: #343434;
    transition: 0.3s ease all;
    font-size: 14px;
    line-height: 50px;
}

.bg_none {
    background: none !important;
}

.bg_w {
    background: #ffffff;
}

.tb_h {
    height: calc(100vh - 285px);
}

.table_com thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 7px !important;
    vertical-align: middle;
}

.table_com tbody tr:hover {
    background: #d8f0ef;
}

.table_com tbody {
    height: calc(100vh - 400px);
}

.table_com tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_com thead>tr>th {
    border: none;
}

.table_com tbody tr:hover {
    background: #fbfcfd;
}

.table_com1 {
    margin-bottom: 10px;
}

.table_com1>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
    padding: 5px 6px !important;
    text-transform: uppercase;
}


/* .table_com1 > tbody > tr > td{color: #000 !important; font-weight: 600;font-size: 12px;} */

.table_com1 td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 6px;
    line-height: 1.42;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.table_com1 tbody {
    height: calc(100vh - 293px);
}

.table_cms1 tbody {
    height: calc(100vh - 400px);
}

.er_msg_art {
    text-align: left !important;
    width: 100% !important;
    margin: -10px 0 10px 0px !important;
    padding: 5px 10px 0 10px !important;
}

.e_t_m {
    color: red !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}


/************/

h3.page-title {
    font-family: "Camphor Pro", sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 50px;
    color: #32323a;
}


/*
.nav--primary__btn {clear: both;line-height: 2.4em;float: left;width: 100%;text-decoration: none;color: #fff;padding-left: 30px;padding-right: 30px;font-weight: 600;}
.nav--primary__btn:hover {background: #1a2536;color: #fff;}
.nav--primary__btn::before {font-family: icomoon !important;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;float: left;font-size: 1.5em;line-height: 2.2em;margin: 0 20px 0 0;color: #fff;opacity: .49;}
*/

ul.sidebar-menu li a::before {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 20px 0 0;
    color: #fff;
    opacity: .49;
    width: 18px;
}

#sidebar .sub-menu>.sub li a {
    font-size: 14px;
    font-weight: 600;
    padding: 8px 0 8px 52px !important;
}

ul.sidebar-menu li.sub-menu:hover {
    color: #ffffff;
}

ul.sidebar-menu li.sub-menu:hover::after {
    font-family: icomoon !important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    /* content: "\E924"; */
    content: "\E922";
    color: #ffffff;
    float: right;
    opacity: 0;
    transition: all .3s ease-in-out;
    font-size: 1.5em;
    margin-right: 0.4rem;
    margin-top: -33px;
}

ul.sidebar-menu li.sub-menu:hover::after {
    opacity: 1;
}

ul.sidebar-menu li a {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    padding: 12px 0 12px 14px;
}

ul.sidebar-menu li a span {
    font-weight: 600;
}

ul.sidebar-menu li a:hover {
    background: #1a2536;
    color: #ffffff;
}

ul.sidebar-menu li a:hover::before {
    opacity: 1;
}

.w-dashboard::before {
    content: "\E9B5";
}

.w-customer::before {
    content: "\EA3E";
}

.w-products::before {
    content: "\f1b3";
}

.w-goodsin::before {
    content: "\E979";
}

.w-orders::before {
    content: "\E94F";
}

.w-orderimporters::before {
    content: "\f112";
}

.w-picking::before {
    content: "\f009";
}

.w-settings::before {
    content: "\f013";
}

.w-schedule::before {
    content: "\f017";
}

.w-chart::before {
    content: "\f201";
}

.w-invoice::before {
    content: "\f0d6";
}

.w-invoice_pound::before {
    content: "\f154";
}


/***/

.lg-b {
    border-radius: 5px;
    display: block;
    background: #ffffff !important;
    margin: 0 auto;
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.25);
}

.breadcrumb {
    line-height: 29px;
}

.breadcrumb-item {
    float: left;
    font-size: 14px;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #868e96;
    content: "\f105";
    font-family: icomoon !important;
}


/* .portlet{border-top: 3px solid #3598dc; border-bottom: 1px solid #3598dc;border-right: 1px solid #3598dc;border-left: 1px solid #3598dc;background: #ffffff;padding: 10px;height: calc(100vh - 240px);} */

.portlet {
    border-top: 3px solid #3598dc;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background: #ffffff;
    padding: 10px;
    height: calc(100vh - 190px);
}

.table_cms tbody {
    height: calc(100vh - 380px);
}

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

.page-item.active .page-link {
    z-index: 2;
    color: #fff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}

.pagination>li>a,
.pagination>li>span {
    background-color: #eee !important;
    border: 1px solid #e7ecf1 !important;
    float: left;
    line-height: 1.42857;
    margin-left: 0px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
    color: #000 !important;
}

.page-item.disabled .page-link {
    color: #868e96 !important;
    pointer-events: none !important;
    background-color: #f5f1f1 !important;
}

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


/* .btn-primary {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover{ background-color: #384150;} */

label {
    display: inherit;
    margin-bottom: 0.07rem;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    text-transform: none !important;
    /*width: 100%;*/
}


/* label {display: inline-block;margin-bottom: .5rem;font-weight: 600;color: #000;font-size: 15px;} */

.btn-search {
    background-color: #384150;
    color: #fff;
    border: 1px solid #384150 !important;
    padding: 6px 10px !important;
}

.btn-search:hover {
    background-color: #384150;
}

.filter {
    padding: 6px 10px !important;
}

.src_box a {
    display: inline-block;
    padding: 5px 10px !important
}


/* .src_box input{display: inline-block;;width: 245px;}  */

.src_box input {
    display: inline-block;
    ;
    width: auto;
}


/* .src_box input::before{font: normal normal normal 14px/1 FontAwesome;content: "\f002";} */

.src_box button {
    display: inline-block;
    padding: 5px 10px !important;
    margin: -1px 3px 0 3px;
}

.breadcrumb-item.active {
    color: #343e4f;
    font-weight: 600;
}

.main_tl {
    float: left;
    padding-left: 35px;
    margin: -6px 0 0 0 !important;
    padding: 0px 10px 0 25px;
}

a.logo {
    font-size: 21px;
    color: #fff;
    float: left;
    margin: 15px 0 0 40px;
    text-transform: uppercase;
}

a.logo img {
    height: 63px !important;
}


/* .btn-primary {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover {background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #343e4f;border-color: #343e4f;color: #FFFFFF;} */

.btn-primary {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF !important;
}

.btn-primary:hover {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #2470af;
    border-color: #2470af;
    color: #FFFFFF;
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}

.btn-warning {
    color: #ffffff !important;
    background-color: #e7505a;
    border-color: #e7505a;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-warning:hover {
    color: #ffffff !important;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
}


/* .filter_box{border-top: 2px solid #3598dc; border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;background: #ffffff;padding: 10px;margin: 0 0 15px 0;} */

.filter_box {
    background: rgb(255, 255, 255);
    border-width: 4px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(241, 242, 247);
    border-bottom-color: rgb(241, 242, 247);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
    padding: 10px !important;
    margin: 0 0 15px 0;
    border-radius: .25rem;
}

.ad_btn {
    float: right;
    padding: 3px 13px;
    color: #fff !important;
    font-weight: 600;
}

.nav-tabs .nav-item {
    margin: 0 3px -1px 3px;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-color: #ddd #ddd #fff;
}

.tab-bg-dark-navy-blue .nav>li:first-child.active>a,
.tab-bg-dark-navy-blue .nav>li:first-child>a:hover {
    border-radius: 10px !important;
    /* -webkit-border-radius: 0px 0 0 0 !important; */
    outline: none !important;
}

.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a.active,
.tab-bg-dark-navy-blue ul.nav-tabs>li.nav-item>a:hover {
    border-color: #F0F5F6 #F0F5F6 #fff !important;
    color: #3598dc !important;
    text-transform: none;
    border: none !important;
    margin-top: -1px;
    border-top: 3px solid #3598dc !important;
    border-radius: 10px 10px 0 0 !important;
    font-weight: 600;
    outline: none !important;
    background: #FFFFFF;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border: none !important;
}

.form-control:focus,
#focusedInput {
    border: 1px solid #3598dc;
    box-shadow: none;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-secondary {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #9fa3a8;
    line-height: 20.16px;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: 0px;
}

.btn-secondary:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-danger {
    color: #ffffff !important;
}


/* .show_pg{color: #9fa3a8;font-size: 16px;padding-top: 7px;padding-left:5px;} */

.show_pg {
    color: #9fa3a8;
    font-size: 14px;
    padding-top: 5px;
    padding-left: 5px;
    display: inline-block;
}

.form-control {
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 30px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
}

textarea.form-control {
    height: auto !important;
    line-height: 25px;
}

.table_com1 td:first-child {
    border-left: none !important;
}

.table_com1 td:last-child {
    border-right: none !important;
}

.table_com1 tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

label {
    text-transform: uppercase;
}

.page-spinner-bar {
    position: fixed;
    z-index: 10051;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    text-align: center;
}

.page-spinner-bar>div {
    margin: 0 5px;
    width: 18px;
    height: 18px;
    background: #e7505a;
    border-radius: 100% !important;
    display: inline-block;
    -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
    animation: bounceDelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.page-spinner-bar .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.page-spinner-bar .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}


/*** AngularJS Basic Animations ***/

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(15px);
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(15px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s;
}

@-webkit-keyframes bounceDelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounceDelay {

    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@keyframes input-focus {
    0% {
        left: 20%;
        width: 20%;
    }

    99% {
        width: 0;
        left: 0;
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.table_cms td {
    padding: 7px !important;
}

.btn-edit.disabled,
.btn-edit:disabled {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

.btn-edit {
    -webkit-border-radius: .25rem;
    border-radius: .25rem;
    background-color: #f5f5f5 !important;
    background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
    border: 1px solid #dddddd !important;
    color: #444 !important;
    cursor: default;
}

.btn-edit:hover {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active,
.btn-edit.active,
.open .dropdown-toggle.btn-edit {
    background-color: #dddddd;
    border-color: #dddddd;
    color: #333333;
}

.email_list {
    list-style: none;
    margin: 0;
}

.email_list>li {
    list-style: none;
    border: 1px solid #f1f1f1;
    padding: 5px 6px;
    margin: 5px 0;
    line-height: 30px;
}

.e_list_h {
    height: calc(100vh - 383px);
}

.e_list_h1 {
    height: calc(100vh - 430px);
}

.btn-danger {
    background-color: #ec6459;
    border-color: #ec6459;
    color: #FFFFFF;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #fa8564;
    border-color: #fa8564;
    color: #FFFFFF;
}

.address-bar-sage {
    width: 100%;
    float: left !important;
}

.address-bar-sage ul {
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
}

.address-bar-sage ul li {
    width: 30.8%;
    border: 1px solid #3598dc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 10px;
    margin: 10px 10px;
    float: left !important;
    height: 150px;
    background: #ffffff;
}

.address-bar-sage ul li:hover {
    border: 1px solid #fa8564;
}

.address-bar-sage ul li h4 {
    font-weight: 600;
    font-size: 12px;
    margin: 6px 0 0px;
    color: #767676;
}

.address-bar-sage ul li p {
    font-weight: 400;
    font-size: 12px;
    margin: 0 0 5px;
    color: #767676;
}

.dshow {
    display: block !important;
}

.address-bar-sage ul li.last {
    padding: 20px 0 0;
    text-align: center;
    color: #3598dc;
    border: 1px dashed #DEEAEE;
    background: none;
    width: 276px !important;
}

.address-bar-sage ul li.last .text {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border: 1px solid #3598dc;
    padding: 0px;
    color: #3598dc;
    font-size: 25px;
    margin: 27px auto 0;
    width: 40px;
    text-align: center;
}

.address-bar-sage ul li.last .text {
    border: 1px dashed #57c8f1 !important;
    color: #57c8f1;
}

.address-bar-sage ul li.last:hover {
    border: 1px dashed #57c8f1;
    color: #57c8f1;
}

.pro-bg-w {
    background: #ffffff;
    border: 0px solid #e5e6e6;
    height: calc(100vh - 195px);
}

.m-t-r-3 {
    margin-top: -3px !important;
    margin-left: 3px;
}


/*****************************/

.productInfo {
    width: 100%;
    padding: 1.875em 2em;
    /*display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;*/
    background: #fbfbfb;
    border-bottom: 1px solid #eff0f1;
}


/* .pro_top_til{text-overflow: ellipsis;color: #3d444f;max-width: 100vw;white-space: nowrap;font-size: 1.55em;line-height: 1.25em;margin: 0 0 20px 0;font-weight: 600;padding: 20px;  background: #fff;} */

.pro_top_til {
    text-overflow: ellipsis;
    color: #3d444f;
    max-width: 100vw;
    white-space: nowrap;
    font-size: 1.55em;
    line-height: 1.25em;
    margin: 0 0 10px 0;
    font-weight: 600;
    padding: 8px 20px;
    background: #fff;
}

.pro_top_til>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    /* vertical-align: middle; */
    vertical-align: bottom;
}

a.edit_pro_txt {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    vertical-align: middle;
}

.pro_top_til>span {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: sub;
    margin: 0 2px;
}


/* .productPhotoWrapper { padding: 6px;position: relative;width: 175px;border-radius: 4px;background-color: #fff;box-shadow: 0 0 4px 1px rgba(0,0,0,.05);float: right;max-height: 175px;} */

.productPhotoWrapper {
    padding: 6px;
    position: relative;
    width: 124px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .05);
    float: right;
    max-height: 124px;
    max-width: 124px;
    text-align: center;
}

.pro_lb {
    margin-bottom: 0;
}

.pop_lb {
    margin-bottom: 0;
    font-weight: 600 !important;
    color: #000;
    font-size: 13px;
}

.pr_dic_div {
    background: #fff;
    padding: 1.2em 2em .75em;
}


/* .pr_dic_div > h4 {margin: 5px 0 15px 0;padding: 0;display: inline-block;font-size: 1.55em;font-weight: 600;color: #3d444f;} */

.pr_dic_div>h4 {
    margin: 10px 0 10px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.45em;
    font-weight: 600;
    color: #3d444f;
}

.pr_dic_div>h4>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
}

.pr_dic_div h4.atc_int {
    margin: 5px 0 15px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.50em;
    font-weight: 600;
    color: #3d444f;
}

.pr_dic_div h4.atc_int>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
}

.pr_dic_div .history>p {
    text-align: center;
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
}

.p-l-r-t-b-5-25 {
    padding: 5px 25px;
}


/*****************************/

.bg-grey {
    background: #E5E5E5 !important;
}

.step-thin {
    padding: 0 15px;
    margin: 15px 0;
}

.step-thin .mt-step-col {
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
}

.step-thin .mt-step-number {
    font-size: 26px;
    border-radius: 50% !important;
    float: left;
    margin: auto;
    padding: 3px 14px;
}

.step-thin .mt-step-title {
    font-size: 24px;
    font-weight: 100;
    padding-left: 60px;
    margin-top: -4px;
}

.step-thin .mt-step-content {
    padding-left: 60px;
    margin-top: -5px;
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

.step-thin .active {
    background-color: #2470af !important;
}


/* .step-thin .active {background-color: #32c5d2!important;} */

.step-thin .active .mt-step-title {
    color: #fff !important;
}

.step-thin .done {
    background-color: #26C281 !important;
}

.step-thin .done .mt-step-title {
    color: #fff !important;
}

.step-thin .done .mt-step-content,
.step-thin .done .mt-step-title {
    color: #fff !important;
}

.step-thin .active .mt-step-content,
.step-thin .active .mt-step-title {
    color: #fff !important;
}

.portlet.light {
    padding: 12px 20px 15px;
    background-color: #fff;
    border-top: 1px solid #ddd;
}

.n_dt1 {
    margin-left: -1px;
    padding: 5px 10px !important;
    line-height: 20px !important;
    z-index: 1000;
    border-radius: 0 4px 4px 0 !important;
}

.clearfixline {
    clear: both;
    width: 100%;
    height: 0px;
}

.table_com2>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
}

.table_com2>tbody>tr>td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px !important;
}

.table_com2 td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 8px;
    line-height: 1.42857;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.table_com2 tbody {
    height: calc(100vh - 337px);
}

.table_com2 td:first-child {
    border-left: none !important;
}

.table_com2 td:last-child {
    border-right: none !important;
}

.table_com2 tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

.table_com2>thead>tr>th {
    text-transform: uppercase;
}

.order-time {
    font-weight: 400;
    color: rgba(61, 68, 79, 0.6);
    font-size: 18px;
    display: inline-block;
}

.btn-link {
    font-weight: 400;
    color: #2465b0;
    border-radius: 0;

}

.add_td_btn:hover {
    background: #2465b0;
    color: white !important;
}

.add_td_btn:hover a {
    color: white !important;
}

.r_td_btn:hover {
    background: #af2323;
    color: white !important;
}

.r_td_btn:hover a {

    color: white !important;
}

.r_td_btn:hover button {

    color: white;
}

.e_td_btn:hover {
    background: #2470af !important;
    color: white !important;
}

.e_td_btn:hover a {

    color: white !important;
}

.e_td_btn:hover button {

    color: white !important;
}

.order-timeline-list ol {
    margin: 0;
    padding: 0;
}

.order-timeline-list li {
    display: flex;
    flex-direction: row;
    padding: 15px 40px;
}

.order-timeline-list ol li {
    border-top: 1px solid #e9ebee;
    border-right: 1px solid #e9ebee;
    border-left: 1px solid #e9ebee;
}

.order-timeline-list ol li:last-child {
    border-bottom: 1px solid #e9ebee;
}

.order-timeline-list ol li:nth-child(2n+1) {
    background: #F8F8F8;
}

.order-timeline-list li time {
    order: 2;
    font-weight: 500;
}

.order-notes-list li time {
    color: #52627d;
    text-align: right;
}

.order-timeline-list li time span.time {
    color: #a1aab7;
    text-align: right;
}

.order-timeline-list li .order-timeline-list-content {
    flex-grow: 1;
    padding-right: 45px;
}

.order-timeline-list li .order-timeline-list-content h4 {
    color: #48566e;
    font-weight: 600;
    font-size: 14px;
}

.order-timeline-list li .order-timeline-list-content p:last-child {
    margin-bottom: 0;
}

.order-notes-list li .order-notes-list-content p {
    font-size: 14px;
    color: #5c6e8d;
}

.staru_col {
    background: #37b310;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    /* border-radius: 3px; */
    border-radius: 50px;
    margin-top: -5px !important;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.staru_col_de {
    background: #e7505a;
    font-size: 12px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 3px;
    margin-top: -5px !important;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.table_com2 tbody {
    height: auto;
}

.edit_sub {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
    text-transform: capitalize;
}

.tab_lab {
    font-weight: normal;
    text-transform: inherit;
    margin-bottom: 0;
}

.tab_lab span {
    font-weight: normal;
    vertical-align: middle;
}


/* input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
input[type="checkbox"]+span { font: 16pt sans-serif; color: #2470af; }
input[type="checkbox"]+span:before { font: 16pt FontAwesome; content: '\00f096'; display: inline-block; width: 16pt; padding: 0px 0 0 0px; margin-right: 0.3em; }
input[type="checkbox"]:checked+span:before { content: '\00f046'; }
input[type="checkbox"]:focus+span:before { outline: 1px dotted #aaa; }
input[type="checkbox"]:disabled+span { color: #999; }
input[type="checkbox"]:not(:disabled)+span:hover:before { text-shadow: 0 1px 2px #77F; } */

.table_email thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #3598dc !important;
    padding: 8px 10px !important;
}

.table_email thead td {
    line-height: 25px;
    padding: 8px 10px !important;
    font-weight: 600;
}

.table_email tbody tr:hover {
    background: #c9e6fa;
}

.table_email tbody th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #3ba0e4 !important;
}


/* .table_email tbody th{background: #3598dc !important;color: #FFFFFF;border: 1px solid #3598dc !important;} */

.table_email tbody {
    height: calc(100vh - 430px);
}

.table_email tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_email thead>tr>th {
    border: none;
}

.portlet_sm {
    height: calc(100vh - 293px) !important;
}

.table_com_sm tbody {
    height: calc(100vh - 396px) !important;
}

.order_sm {
    height: calc(100vh - 348px) !important;
}

.portlet_sm_pro {
    height: calc(100vh - 283px) !important;
}

.portlet_sm_batch {
    height: calc(100vh - 351px) !important;
}

.table_com_sm_pro tbody {
    height: calc(100vh - 405px) !important;
}


/* .table_com_sm_pro tbody { height: calc(100vh - 433px) !important;}*/

.bk_o_rel {
    height: calc(100vh - 302px) !important;
}

.bk_o_rel_t tbody {
    height: calc(100vh - 266px) !important;
}

.bc_o_lst tbody {
    height: calc(100vh - 345px) !important;
}

.bc_o_lst_dic tbody {
    height: calc(100vh - 615px) !important;
}

.carton_o_lst_dic tbody {
    height: calc(100vh - 525px) !important;
}

.loca_list tbody {
    height: calc(100vh - 342px) !important;
}

.pro_his_list tbody {
    height: calc(100vh - 405px);
}


/**********************/

.avatar-upload {
    position: relative;
    max-width: 230px;
    margin: 0px auto;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: 0px;
    z-index: 1;
    top: 5px;
}

.avatar-upload .avatar-edit input {
    display: none;
}


/* .avatar-upload .avatar-edit input + label {display: inline-block;width: 34px;height: 34px;margin-bottom: 0;border-radius: 100%;background: #FFFFFF;border: 1px solid transparent;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);cursor: pointer;font-weight: normal;transition: all 0.2s ease-in-out;} */

.avatar-upload .avatar-edit input+label {
    background: #2470af;
    padding: 8px 8px;
    color: #fff;
    font-size: 12px;
    border-radius: 17px;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #2b79b9;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    /* content: "\f040";font-family: 'FontAwesome'; */
    color: #757575;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 116px;
    height: 116px;
    position: relative;
    border-radius: 8%;
    border: 4px solid #F8F8F8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 6%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.form__message {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
    font-weight: 600 !important;
    color: #3d444f;
    opacity: 0.5;
}

.form__message--checkbox,
.form__message--radio {
    clear: left;
    display: block;
    font-size: .6875rem;
    margin-left: 1.6rem;
    margin-top: 0;
}

.chak_lab {
    font-size: 13px;
    font-weight: 600 !important;
}

.btn-link {
    font-weight: 600 !important;
    color: #2465b0;
    border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
    text-decoration: none;
}


/************************/


/* .dropdown-menu:before {position: absolute;top: -7px;right: 9px;display: inline-block!important;border-right: 7px solid transparent;border-bottom: 7px solid #eee;border-left: 7px solid transparent;border-bottom-color: rgba(0,0,0,.2);content: '';}
.dropdown-menu.pull-right:before {right: 12px;left: auto;}
.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {position: absolute;top: -8px;left: 9px;right: auto;display: inline-block!important;border-right: 8px solid transparent;border-bottom: 8px solid #e0e0e0;border-left: 8px solid transparent;content: '';}
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {font-size: 14px;font-weight: 300;}
.top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i {width: 15px;display: inline-block;margin-right: 9px;} */

.top-menu .navbar-nav>li.dropdown-user>.dropdown-menu {
    width: 195px !important;
}


/* .top-menu .navbar-nav>li.dropdown .dropdown-menu {margin-top: 9px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;
-o-border-radius: 4px;border-radius: 4px;} */

.top-nav .dropdown-menu.extended.logout {
    top: 8px !important;
    left: -10px !important;
}

.dropdown-menu.extended.logout>li {
    float: left;
    width: 100%;
    margin: 0;
}

.dropdown-menu.extended.logout li a {
    padding: 0px;
    background: none;
}

.dropdown-menu.extended.logout>li>a:hover {
    background: none !important;
    border-radius: 5px;
    color: #555;
    font-weight: 600;
    padding: 0;
    outline: none;
}


/* .src_fil_box {width: 100% !important;}
.src_fil_box > .form-group > .form-control{width: 100% !important;} */

.w-98 {
    width: 98%;
    margin: 15px auto 0 auto;
}


/* .table_detail thead > tr > th, .table_detail tbody > tr > th, .table_detail tfoot > tr > th,{padding: 3px 8px;} 
.table_detail thead > tr > td, .table_detail tbody > tr > td, .table_detail tfoot > tr > td {padding: 3px 8px;} */

.table_detail tbody tr:hover {
    background: #fbfbfb;
}

.table_detail tbody {
    height: calc(100vh - 400px);
}

.table_detail tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}


/* .table_detail thead tr th {border-bottom: none !important;} */


/* .table_detail tbody tr:first-child td{ border-top: none !important;} */

.table_detail tbody tr td {
    padding: 5px 8px !important;
    border-bottom: none !important;
}

.table_detail1 tbody tr td {
    padding: 8px 8px !important;
    border-bottom: none !important;
}

.loader_text {
    background-color: #ffffff;
    background-image: url("../images/3.gif");
    background-size: 25px 25px;
    background-position: right center;
    background-repeat: no-repeat;
}


/* .dropdown-menu{width: 94%;} */

.addproduct__button {
    border-radius: 6px;
    border: 1px solid #e2e3e5;
    color: #7e90ad;
    display: inline-block;
    font-size: .75rem;
    height: 225px;
    margin: 1.6rem .7rem .8rem;
    padding: 1.5rem;
    text-align: center;
    text-decoration: none;
    width: 255px;
}

.addproduct__button span {
    color: #4e5c73;
    font-weight: 700;
    font-size: 1.125rem;
    display: block;
    margin-top: 20%;
}

.ad_up_icon {
    font-size: 80px;
    color: #3598dc !important;
}

.product__import {
    cursor: pointer;
    background: #fbfbfb;
    border-radius: 9px;
    border: 3px dashed #ccd0d2;
    margin-bottom: 1.5rem;
    margin-left: auto;
    margin-top: 2rem;
    margin-right: auto;
    padding: 3.8rem 1rem 2.5rem;
    width: calc(100% - 2.4rem);
    text-align: center;
}

.product__importicon {
    color: #798fb2;
    display: block;
    font-size: 3.4rem;
    margin-bottom: 1rem;
    opacity: .37;
}

.product__importtext {
    color: #343e4f;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .8rem;
    margin-top: 0;
}

.product__importfiletypes {
    font-size: .875rem;
    margin-top: 0;
    color: #798fb2;
}

.impo_ex_tit {
    color: #4e5c73;
    display: block;
    font-size: 2rem;
    line-height: 1.25em;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    margin: 0rem 0 1rem;
}

.impo_ex_tit_sm {
    color: #4e5c73;
    display: block;
    font-size: 1rem;
    line-height: 1.25em;
    padding-left: 2rem;
    padding-right: 2rem;
    font-weight: 700;
    margin: 0rem 0 0rem;
}

.impo_ex_txt {
    font-size: 16px;
    line-height: 23px;
    color: #505B6D;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.impo_ex_txt_sm {
    font-size: 14px;
    line-height: 23px;
    color: #505B6D;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.impo_ex_txt>a {
    color: #2470af;
    font-weight: bold;
}

.up_icon {
    color: #798fb2;
    display: block;
    font-size: 3.4rem;
    margin-bottom: 1rem;
    opacity: .37;
}

.p_text {
    color: #343e4f;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .8rem;
    margin-top: 0;
}

.p_filetypes {
    font-size: .875rem;
    margin-top: 0;
    color: #798fb2;
    font-weight: 500;
}

.up_box {
    padding: 15px 20px 0px 25px;
}

.ellipsis {
    text-overflow: ellipsis;
    max-width: 200px;
    min-width: 125px;
    white-space: nowrap;
    overflow: hidden;
}

.topLeft {
    margin-top: 17px;
    margin-left: 30px;
}

.up_txt {
    font-size: 14px;
    font-weight: 600;
    padding: 5px 0;
}

.top_pro {
    margin-top: 10px;
}

ul.sidebar-menu li a.active {
    background: #2470af;
    color: #ffffff;
}


/* ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus  {background: #2470af;color: #ffffff;} */

ul.sidebar-menu li a.active::before {
    color: #ffffff;
    opacity: 1;
}

.pro_top_til_up {
    text-overflow: ellipsis;
    color: #3d444f;
    max-width: 100vw;
    white-space: nowrap;
    font-size: 1.45em;
    line-height: 1.25em;
    margin: 0 0 20px 0;
    font-weight: 600;
    padding: 20px;
    background: #fff;
}

.table_er tbody {
    height: calc(100vh - 403px) !important;
}

.table_er tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_er td,
.table_er th {
    padding: 8px 10px !important;
}

.table_er td {
    color: #f73a3a;
}

.blockNodaraBlock {
    width: 40%;
    -moz-min-width: 500px;
    -ms-min-width: 500px;
    -o-min-width: 500px;
    -webkit-min-width: 500px;
    min-width: 500px;
    margin: 15% auto 5% auto;
    display: block;
    text-align: center;
}

.blockNodaraBlock>h2 {
    font-size: 26px;
    margin: 2% auto;
    color: #9fa3a8;
}


/*********************************** checkbox *****************************/


/* The customcheck */

.customcheck {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    margin-right: 5px;
}


/* Hide the browser's default checkbox */

.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #cccccc;
}


/* On mouse-over, add a grey background color */

.customcheck:hover input~.checkmark {
    background-color: #ffffff;
}


/* When the checkbox is checked, add a blue background */

.customcheck input:checked~.checkmark {
    background-color: #2470af;
    border-radius: 5px;
    border: 1px solid #2470af;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* .checkmark:after {font: 16pt FontAwesome;content: "\00f046";position: absolute;display: none;} */


/* Show the checkmark when checked */

.customcheck input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.customcheck .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


/*********************************** redio *****************************/


/* The container */

.radio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 5px;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: bold;
    margin-right: 5px;
    margin-top: 2px;
    padding-right: 5px;
}


/* Hide the browser's default radio button */


/* .customradio input {position: absolute;opacity: 0;cursor: pointer;} */

.radio input {
    position: absolute;
    opacity: 0;
}


/* Create a custom radio button */

.checkmarkradio {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #cccccc;
    cursor: pointer;
}


/* On mouse-over, add a grey background color */

.radio:hover input~.checkmarkradio {
    background-color: #ffffff;
    border: 1px solid #cccccc;
}


/* When the radio button is checked, add a blue background */

.radio input:checked~.checkmarkradio {
    background-color: #2470af;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmarkradio:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio input:checked~.checkmarkradio:after {
    display: block;
}


/* Style the indicator (dot/circle) */


/* .customradio .checkmarkradio:after {top: 4px;left: 4px;width: 12px;height: 12px;border-radius: 50%;background: white;} */

.radio .checkmarkradio:after {
    top: -1px;
    left: -1px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: white;
    border: 4px solid #2470af;
}

.txt_v_top {
    vertical-align: text-top;
}

.email_td {
    display: inline-table;
    border: none;
    width: 50%;
}

.email_td td {
    border-left: none !important;
}

.auto_add {
    height: calc(100vh - 295px);
}

.auto_add_pop {
    max-height: calc(100vh - 395px) !important;
}

.hide-left-bar {
    margin-left: -240px !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.merge-left {
    margin-left: 5px !important;
}

.m-m-r-3 {
    margin-right: -3px;
}

.v_tab-content {
    padding: 20px;
    margin: 0;
    border-color: #ddd !important;
    width: 100%;
    height: calc(100vh - 400px);
}


/* .toggler {-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid rgba(0, 0, 0, .15);border-left-color: rgba(0, 0, 0, 0.15);border-left-style: solid;border-left-width: 1px;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;width: 20px; height: 48px;position: absolute;top: 47%;right: -8px;cursor: pointer;background-color: #343e4f; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);z-index: 100000000000;border-radius: 0;}
.toggler > span {margin: 15px 2px;}
.icon_pd{ padding: 15px 4px;color: #ffffff;}
.icon_rft{right: -18px;} */


/* ul.rol_list{padding: 0;}
ul.rol_list li{list-style: none;display: inline-block;width: 20%;} */

.role_box {
    background: #343e4f;
    display: block;
    border-radius: 10px;
    color: #ffffff;
    margin-bottom: 5px;
    padding: 5px;
}

.role_box i {
    display: inline-block;
    width: 14px;
}

.role_box span {
    display: inline-block;
    width: 93%;
    vertical-align: middle;
    padding: 2px 0px 2px 5px;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 500;
}

.text-blue {
    color: #53bee6 !important;
}

.text-red {
    color: red !important;
    font-weight: 500;
}

.req-blue::after {
    color: blue !important;
    content: "*";
    padding-left: 2px;
}

.req-red::after {
    color: red !important;
    content: "*";
    padding-left: 2px;
}

.form-control-w-100 {
    width: 100% !important;
}

.t_h_s {
    overflow: auto;
    margin: 5px 15px !important;
    height: calc(100vh - 250px);
}

.t_h_s1 {
    overflow: hidden;
    height: calc(100vh - 260px);
}

.table_com_all tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_com_all thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #5a9bc7 !important;
    white-space: normal !important;
    padding: 5px !important;
    font-size: 11px;
    vertical-align: middle;
}

.table_com_all tbody td {
    white-space: normal !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 11px;
    padding: 5px !important;
    border-bottom: none;
}

.table_com_all tbody {
    height: calc(100vh - 320px);
}

.ord_list_sm tbody {
    height: calc(100vh - 502px) !important;
}


/* .dataTables_scrollBody table thead tr th.sorting_disabled {padding: 0 !important;}
.DTFC_LeftBodyLiner table thead tr th.sorting_disabled {padding: 0 !important;} */


/* .dataTables_scrollBody table{margin-top: -18px !important;}
.DTFC_LeftBodyLiner table{margin-top: -18px !important;} */


/* .table_com_up thead th{white-space: nowrap !important;padding: 6px !important;font-size: 12px;vertical-align: middle;}
.table_com_up tbody td{white-space: nowrap !important;color: #000 !important;font-weight: 500;font-size: 12px;padding: 6px;} */


/* .cdl-table {margin: 20px 0 0 0; }
.cdl-table th {padding: 8px 10px;line-height: 22px;color: #ffffff;white-space: nowrap;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; background: #3598dc;}
.cdl-table td {padding: 8px 10px;color: #404040;font-size: 13px;line-height: 22px;white-space: nowrap;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.cdl-table.no-border {margin: 0;box-shadow: none; }
.cdl-table.no-border thead {border: none; }
.cdl-table table.bordered tfoot tr {border-bottom: solid 1px #d0d0d0; }
.cdl-table table.bordered tfoot tfoot .footer-text {color: #9a9a9a;font-size: 12px;font-weight: 400; }
.cdl-table td {border-top: 1px solid #e7ecf1; border-bottom: 0px solid #e7ecf1; }
.cdl-table th {border-bottom: 1px solid #3598dc !important;border-top: 1px solid #3598dc !important;border-left: 1px solid #3598dc !important;border-right: 1px solid #3598dc !important; font-size: 13px; }
.cdl-table tr {margin-left: -3px;padding: 0 !important; } */

table.norm-lst tbody {
    height: auto;
    max-height: calc(100vh - 455px) !important;
}

table.norm-lst_sm tbody {
    height: auto;
    max-height: calc(100vh - 576px) !important;
}

table.var-lst tbody {
    height: auto;
    max-height: calc(100vh - 505px) !important;
}

table.var-lst_sm tbody {
    height: auto;
    max-height: calc(100vh - 625px) !important;
}

table.OrderNoteslist tbody {
    height: auto;
    max-height: calc(100vh - 830px) !important;
}

table.pro-loc-lst tbody {
    height: auto;
    max-height: 180px !important;
}

table.norm-lst-not tbody {
    height: auto;
    max-height: calc(100vh - 495px) !important;
}

table.quar-stk tbody {
    height: auto;
    max-height: calc(100vh - 455px) !important;
    /*min-height:250px;margin-bottom: 25px; */
}

.dt_hi_set {
    height: calc(100vh - 312px) !important;
    overflow: auto;
    margin-bottom: 11px !important;
    padding: 0;
    margin: 0 0 11px -2px;
}


/* .loader12_div {position: fixed;z-index: 10051;width: 100px;top: 50%;left: 50%;margin-left: -55px;text-align: center;background: #000000;} */

.loader12_div {
    position: fixed;
    z-index: 10051;
    width: 100%;
    top: 54px;
    left: 0px;
    text-align: center;
    background: #fff;
    height: calc(100vh - 434px);
    opacity: 0.9;
    border-radius: 10px;
}

.loader12 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    animation: loader12-u6338d783 1s linear alternate infinite;
    top: 50%;
    margin: -50px auto 0;
    opacity: 1;
}

@keyframes loader12-u6338d783 {
    0% {
        box-shadow: -60px 40px 0 2px #007bff, -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    25% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 2px #007bff, 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    50% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 2px #007bff, 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    75% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 2px #007bff, 60px 40px 0 0 rgba(14, 130, 226, 0.2);
    }

    100% {
        box-shadow: -60px 40px 0 0 rgba(14, 130, 226, 0.2), -30px 40px 0 0 rgba(14, 130, 226, 0.2), 0 40px 0 0 rgba(14, 130, 226, 0.2), 30px 40px 0 0 rgba(14, 130, 226, 0.2), 60px 40px 0 2px #007bff;
    }
}

.table_up_pro {
    height: calc(100vh - 405px) !important;
}

.pro_tab_id_c_err tbody {
    height: calc(100vh - 473px) !important;
}

.up_t_cod {
    margin: 15px 0px 0 15px;
    font-size: 18px;
}

.comingsoon {
    color: #9fa3a8;
}

.auto_add_sm {
    height: calc(100vh - 410px) !important;
}

.breadcrumb li.breadcrumb-item:nth-last-child(3) {
    max-width: 20%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb li.breadcrumb-item:nth-last-child(2) {
    max-width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.breadcrumb>*>a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumb>*:nth-child(n+2) {
    display: none;
}


/* === For phones =================================== */

@media (max-width: 767px) {
    .breadcrumb>*:nth-last-child(-n+2) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 60px;
    }
}


/* === For tablets ================================== */

@media (min-width: 768px) and (max-width:991px) {
    .breadcrumb>*:nth-last-child(-n+4) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 100px;
    }
}


/* === For desktops ================================== */

@media (min-width: 992px) {
    .breadcrumb>*:nth-last-child(-n+6) {
        display: block;
    }

    .breadcrumb>* a {
        max-width: 150px;
    }
}

@media (min-width: 768px) and (max-width:1400px) {
    .l_p_set {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fc .fc-toolbar>*>h2 {
    font-size: 20px !important;
}

.bs-datepicker-container {
    z-index: 300000000000 !important;
}

.l_t_n {
    text-transform: inherit;
}

.view_m {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    color: #2470af;
    text-transform: capitalize;
}

.rgt_alert {
    float: right;
    margin: -4px 0 0 0;
    padding: 8px;
    font-weight: bold;
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.f_w_600 {
    font-weight: 600 !important;
}

.save_b_r {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px;
    padding-bottom: 15px;
}

/*  */

body .ui-table .ui-table-thead>tr>th {
    padding: 4px 6px !important;
    line-height: 18px;
    color: #000 !important;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #80808038 !important;
    /* border: 1px solid #c8c8c8 !important; */
    /* white-space: nowrap !important; */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: uppercase;
    font-size: 11px;
}

body .ui-table .ui-table-tbody>tr>td {
    padding: 1.7px 6px !important;
    color: #404040;
    font-size: 10px;
    line-height: 20px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* font-weight: 500; */
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.d_o_list_h {
    height: calc(100vh - 520px) !important;
}

.t_d_h_order {
    height: calc(100vh - 264px) !important;
    overflow: hidden;
}

.BatGen_table {
    margin-bottom: 10px;
}

.BatGen_table thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 5px !important;
}


/* .table_com thead th {background: #3598dc !important;color: #FFFFFF;border: 1px solid #3598dc !important;padding: 8px 10px  !important;} */

.BatGen_table tbody tr:hover {
    background: #d8f0ef;
}


/* .BatGen_table tbody {height: calc(100vh - 400px);  } */

.BatGen_table tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.BatGen_table thead>tr>th {
    border: none;
}

.BatGen_table>thead>tr>th {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
}


/* .BatGen_table > tbody > tr > td{color: #000 !important; font-weight: 600;font-size: 12px;} */

.BatGen_table td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 5px;
    line-height: 1.33;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.BatGen_table tbody {
    height: calc(100vh - 293px);
}

.BatGen_table td:first-child {
    border-left: none !important;
}

.BatGen_table td:last-child {
    border-right: none !important;
}

.BatGen_table tr:last-child {
    border-bottom: 1px solid #e7ecf1 !important;
}

.line_sep {
    display: inline-block;
    font-size: 18px;
    vertical-align: text-bottom;
    color: #444;
}

.Batches_List tbody {
    height: calc(100vh - 315px) !important;
}

.Batches_List_sm tbody {
    height: calc(100vh - 410px) !important;
}

.bat_st_sm tbody {
    height: calc(100vh - 387px) !important;
}


/***********  Primex`Ng **************/

.ui-calendar {
    width: 100%;
}

.ui-calendar .ui-calendar-button {
    right: 0 !important;
}

.ui-inputtext {
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 30px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
    width: 100%;
}

.ui-datepicker {
    padding: 0.7em 0.2em !important;
}

.ui-datepicker table {
    font-size: 13px;
}

.ui-datepicker table th {
    padding: 0.2em 0.2em !important;
}

.ui-datepicker table td {
    padding: 0.2em 0.2em !important;
}

.ui-datepicker table td>a,
body .ui-datepicker table td>span {
    padding: 0.02em 0.3em !important;
}

.ui-button {
    background-color: #2470af;
    border: 1px solid #2470af;
    color: #ffffff !important;
}

.ui-autocomplete {
    width: 100% !important;
}

.ui-button {
    background-color: #2470af !important;
    border: 1px solid #2470af !important;
}

::placeholder {
    color: #a7a7a7 !important;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #a7a7a7;
}

:-moz-placeholder {
    color: #a7a7a7;
}

::-moz-placeholder {
    color: #a7a7a7;
}

:-ms-input-placeholder {
    color: #a7a7a7;
}

.ui-placeholder {
    color: #a7a7a7 !important;
    font-weight: normal !important;
    font-size: 13px !important;
}

.ui-calendar.ui-calendar-w-btn .ui-datepicker-trigger.ui-button {
    height: 30px !important;
}


/* 
.ui-inputtext::placeholder {color: #a7a7a7;opacity: 1;}
.ui-inputtext::-webkit-input-placeholder {color: #a7a7a7; }
.ui-inputtext:-moz-placeholder {color: #a7a7a7;  }
.ui-inputtext::-moz-placeholder {color: #a7a7a7;}
.ui-inputtext:-ms-input-placeholder {  	color: #a7a7a7;} */

.ui-dropdown {
    width: 100% !important;
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 13px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 32px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
}

body .ui-dropdown .ui-dropdown-trigger {
    background-color: transparent !important;
}

.ui-dropdown label.ui-dropdown-label {
    font-size: 14px;
    line-height: 29px !important;
    font-weight: 500;
    color: #3d444f;
    font-family: 'Roboto', sans-serif !important;
}

.ui-multiselect {
    width: 100% !important;
}


/** Filer class css***/

.email_alr_table tbody {
    height: calc(100vh - 453px) !important;
}

.sage_ac_table tbody {
    height: calc(100vh - 453px) !important;
}

.pro_divis_table tbody {
    height: calc(100vh - 453px) !important;
}

.cust_address_table {
    height: calc(100vh - 415px) !important;
}

.gods_sm {
    height: calc(100vh - 292px) !important;
}

.gods_com_sm tbody {
    height: calc(100vh - 413px) !important;
}

.p-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.notified {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.arrived {
    background: #ffc200 !important;
}

.received {
    background: #ffc107 !important;
}

.receive {
    background: #ffc107 !important;
}

.checkin {
    background: #ff7800 !important;
}

.putaway {
    background: #28a745 !important;
}

.r_notified {
    background: #dc3545 !important;
    color: #ffffff !important;
}

.r_arrived {
    background: #ffc200 !important;
}

.r_received {
    background: #ffc107 !important;
}

.r_receive {
    background: #ffc107 !important;
}

.r_checkin {
    background: #ff7800 !important;
}

.r_putaway {
    background: #28a745 !important;
}


/* .r_notified{background: #e77681 !important;color:#ffffff !important; } 
.r_arrived{background: #ffc200 !important; } 
.r_received{background: #ffd454 !important; } 
.r_receive{background: #ffd454 !important; } 
.r_checkin{background: #ffa14d !important; } 
.r_putaway{background: #6bdb6b !important; } */

.ui-inputtext:-ms-input-placeholder {
    color: #a7a7a7;
}

.er_m_upload {
    margin: 10px 0 0 0;
    width: auto;
}

.good_c_not tbody {
    height: auto;
    max-height: calc(100vh - 551px) !important;
}

.div_cls {
    background: #f9f8f8;
    width: 100%;
    display: block;
    padding: 5px;
    color: #6d5e5e;
}

.productInfo_pop {
    width: 100%;
    padding: 5px;
    background: #fbfbfb;
    border-bottom: 1px solid #eff0f1;
}

.table_detail_put thead>tr>th,
.table_detail_put tbody>tr>th,
.table_detail_put tfoot>tr>th,
.table_detail_put thead>tr>td,
.table_detail_put tbody>tr>td,
.table_detail_put tfoot>tr>td {
    padding: 4px 5px;
}

.sm_btn_put {
    padding: 0 10px !important;
    text-align: center !important;
    line-height: 15px;
}


/* body .ui-table .ui-table-tbody > tr > td{white-space: normal !important;} */

.ft20 {
    width: 50%;
    display: inline-block;
    border-top: 1px solid #c8c8c8 !important;
    border-right: 1px solid #c8c8c8 !important;
    font-weight: 400;
    font-size: 13px;
}

.ft40 {
    width: 50%;
    display: inline-block;
    border-top: 1px solid #c8c8c8 !important;
    font-weight: 400;
    font-size: 13px;
}

.th_pd_0 {
    padding: 0 !important;
}

.modal.vertically-modal .modal-dialog {
    transform: translateY(-25%);
    top: 50%;
    margin: 0 auto;
}

.modal.vertically-modal.show .modal-dialog {
    transform: translateY(-50%);
}

.modal.delete-modal .modal-dialog {
    transform: translateY(-25%);
    top: 20%;
    margin: 0 auto;
}

.modal.delete-modal.show .modal-dialog {
    transform: translateY(-20%);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #e7505a !important;
    border-color: #e7505a !important;
    color: #FFFFFF;
}

.btn-warning.disabled,
.btn-warning:disabled {
    background-color: #f87880 !important;
    border-color: #e06e76 !important;
}

.put_st {
    text-align: center;
    margin: 0;
    padding: 0;
    clear: both;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin-top: -25px;
}

.ct_n_b {
    background: none !important;
    border: none;
    float: none !important;
    box-shadow: none;
}

.y_color {
    color: yellow !important;
}

.b_color {
    color: #000000 !important;
}

.form-group {
    margin-bottom: 0.5rem !important;
}


/*  ------------------------------ */

.rotate {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45eg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.table-header-rotated th.row-header {
    width: auto;
}

.table-header-rotated td {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45 {
    height: 95px;
    /* width: 40px;min-width: 40px;max-width: 40px; */
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45>div {
    position: relative;
    top: 0px;
    left: 50px;
    height: 100%;
    -ms-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
    -ms-transform: skew(45deg, 0deg) rotate(315deg);
    -moz-transform: skew(45deg, 0deg) rotate(315deg);
    -webkit-transform: skew(45deg, 0deg) rotate(315deg);
    -o-transform: skew(45deg, 0deg) rotate(315deg);
    transform: skew(45deg, 0deg) rotate(315deg);
    position: absolute;
    bottom: 27px;
    left: 3px;
    display: inline-block;
    width: 100%;
    width: 85px;
    text-align: left;
    white-space: normal;
    line-height: 15px;
}

.table-header-rotated tbody {
    height: calc(100vh - 430px);
}

.table-header-rotated tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table-header-rotated thead>tr>th {
    border: none;
}

.table-header-rotated tr:last-child td {
    border-bottom: 1px solid #dddddd;
}

.th_set {
    width: 220px;
}

.td_set {
    width: 222px;
    text-align: left !important;
}

i.em_av {
    color: #228b22;
}


/* .em_av{background: #eefade;}
.em_inav{background: #f5cece;} */

@media (min-width: 1720px) and (max-width:1920px) {
    .th_set {
        width: 220px !important;
    }

    .td_set {
        width: 222px !important;
        text-align: left !important;
    }
}

@media (min-width: 1020px) and (max-width:1620px) {
    .table-header-rotated th.rotate-45 span {
        bottom: 28px !important;
        left: -12px !important;
        width: 85px !important;
        line-height: 12px !important;
        font-size: 11px !important;
    }
}


/*******************************/

.table_c_email_not>thead>tr>th {
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-bottom: none !important;
    background: #fbf8f8;
    font-size: 12px;
    padding: 7px 5px;
}

.table_c_email_not>thead>tr>th.row-header {
    width: auto;
    font-size: 12px;
}

.table_c_email_not td {
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    padding: .45rem
}

.table_c_email_not tbody {
    height: calc(100vh - 430px);
}

.table_c_email_not tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}


/* .table_c_email_not thead > tr > th {border: none;} */

.table_c_email_not tr:last-child td {
    border-bottom: 1px solid #dddddd;
}

.table_c_email_not td:first-child {
    background: #fbf8f8
}

.table_c_email_not td:nth-child(2n+3) {
    background: #fbfcfd
}


/* Draft Orders List */

.order_list {
    height: calc(100vh - 263px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.order_list_sm {
    height: calc(100vh - 445px) !important;
}

.batche_list {
    height: calc(100vh - 300px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.batche_list_sm {
    height: calc(100vh - 401px) !important;
}

.Draft_Orders_List {
    height: calc(100vh - 273px) !important;
    overflow: auto;
    padding: 0;
    margin: 0 0 11px 0;
}

.Draft_Orders_List_sm {
    height: calc(100vh - 455px) !important;
}

.pending {
    background: #00aae9 !important;
}

.backorder {
    background: #e7505a !important;
}


/* .Hold{background-color: #16a085;}
.Picking{background-color: #16a085;}
.Packing{background-color: #16a085;}
.Dispatch{background-color: #16a085;}
.POD{background-color: #16a085;} */

.table-sm th {
    padding: .5rem .5rem !important;
}

.table-sm td {
    padding: .3rem .5rem !important;
}


/**********************/

.btn-default {
    color: #333 !important;
    background-color: #fff;
    border: 1px solid #ccc !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #ebebeb;
    border-color: #adadad;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default.btn-on.active {
    background-color: #57c8f1;
    color: white;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

.btn-default.btn-off.active {
    background-color: #57c8f1;
    color: white;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
}

body .ui-radiobutton .ui-radiobutton-box {
    width: 18px !important;
    height: 18px !important;
}

body .ui-radiobutton-label {
    font-size: 13px !important;
    font-weight: bold !important;
    line-height: 12px !important;
    margin: 0 3px !important;
    padding: 0 !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active:not(.ui-state-disabled):hover {
    border-color: #005b9f;
    background-color: #005b9f;
    color: #ffffff;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
}

.b_t_or_v {
    border-top: 3px solid #eff0f1;
}

.top_tx_or {
    font-size: 13px;
    margin-top: -5px !important;
    padding: 0 8px;
    vertical-align: text-top !important;
    background: #eeeeee;
    border-radius: 6px;
    line-height: 20px;
}


/* body .ui-autocomplete .ui-autocomplete-input{width: 100% !important;} */

table.scroll {
    width: 100%;
}

table.scroll tbody,
table.scroll thead {
    display: block;
}

table.scroll>tbody {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.scroll>tbody>tr>td,
table.scroll>thead>tr>th {
    width: 10%;
    /* Optional */
}

table.scroll>tbody>tr>td:last-child,
table.scroll>thead>tr>th:last-child {
    border-right: none;
}

table.scroll_or_trck>tbody {
    height: calc(100vh - 270px) !important;
}

table.fix_pro_st tbody {
    height: auto;
    max-height: calc(100vh - 585px) !important;
}

.v_d_put {
    background: none !important;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0) !important;
    width: 110px !important;
}

.v_d_put_tx {
    font-size: 12px !important;
    margin-top: -20px !important;
    display: block !important;
}

.dif_cor {
    width: 100%;
    margin: 0;
    padding: 0;
}

.goodsin_b {
    width: 50%;
}

.return_b {
    width: 50%;
}

.dif_c_box {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 2px;
}

.d_color_b {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0 1px;
    vertical-align: text-bottom;
    border-radius: 10px;
}

.c_c_til {
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
    margin: 7px 0;
}

.get_betch {
    margin: 10px 7px !important;
}

.ord_trc_scroll {
    height: auto;
    max-height: calc(100vh - 195px) !important;
}

.link_a {
    font-size: 12px;
    font-weight: 600;
    color: #2470af !important;
    vertical-align: middle;
}


/*********** Bootstap 4.3.0 Update css *************/


/* .modal-header .close {padding: 0 !important;margin: 0 !important;}
.modal-header {padding: 0.7rem 1rem !important;}
.btn-outline-default{background-color: #f0f0f0;} */

.btn-adnew {
    background-color: #dddddd;
}

.com_til {
    margin: 10px 0 10px 0;
    padding: 0;
    display: inline-block;
    font-size: 1.45em;
    font-weight: 600;
    color: #3d444f;
}

.btn-info {
    color: #FFFFFF !important;
}

.table_amend tbody {
    height: calc(100vh - 425px) !important;
}

.table_amend thead tr th {
    padding: 0.25rem;
}

.table_amend tbody tr td {
    padding: 0.25rem;
}

.popover-header {
    color: #000000;
}

.stock_err {
    width: auto !important;
    float: left;
    margin: 0 0px 0 20px;
    padding: 8px 15px;
    font-weight: bold;
}

.stock_err_a {
    width: 100% !important;
    float: left;
    margin: 0 0px 0 20px;
    padding: 8px 15px;
    font-weight: bold;
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: 0 !important;
    /*opacity: .25;*/
}

.batchs_art {
    width: auto !important;
    float: left;
    margin: 5px 0px 0 10px;
    padding: 7px 15px;
    font-weight: bold;
}

.b-0 {
    border: none !important;
}

.b-s-n {
    box-shadow: none !important;
}

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

.stock_cof_del tbody {
    height: calc(100vh - 361px) !important;
}

.c_c_til1 {
    font-size: 12px;
    font-weight: 600;
    vertical-align: middle;
    margin: 7px 0;
}

.dif_c_box1 {
    display: inline-block;
    width: auto;
    height: 15px;
    margin: 0 2px;
}

.d_color_b1 {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: red;
    margin: 0 1px;
    vertical-align: text-bottom;
    border-radius: 10px;
}

.c_color_1 {
    background: #5cc85c !important;
}

.c_color_2 {
    background: #f3d552 !important;
}

h4.s_file_tiel {
    margin: 5px 0 0px 0;
    padding: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #3d444f;
    line-height: 21px;
}

.w-boxs {
    display: inline-block;
    width: 31.45% !important;
    margin: 0 1.5% 0 0%;
}

.w-boxs:last-child {
    margin-right: 0;
}

.sub_til {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 15px;
    background: #f5f4f4;
    margin: 10px;
    width: 100%;
}

.sub_til_box {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 15px;
    background: #f5f4f4;
    margin: 0 10px 8px 10px;
    width: 100%;
}

.box_r_b {
    border-right: 2px solid #f5f4f4;
    margin-top: 10px;
}

.or_lst_box>li {
    padding: 10px 10px 10px 10px;
    cursor: pointer;
    position: relative;
}

.or_lst_box>li.active {
    background: #ffffff;
    margin-left: -1px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #e6e5e5;
    border-top: 1px solid #e6e5e5;
    border-right: 1px solid #e6e5e5;
    /* border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd; */
    font-weight: 500;
    border-radius: 0 20px 20px 0;
    margin-right: 9px;
}

.or_lst_box1 {
    background: #f5f4f4;
    margin-right: -15px;
    height: calc(100vh - 194px);
    border-left: 1px solid #fff;
    position: relative;
    /* border-left: 1px solid #ddd; */
}

.or_lst_box>li.active p {
    font-style: italic;
    font-weight: bold;
}


/* .or_lst_box > li.active::after {content: '';position: absolute;left: -12%;margin-top: 0;border-left: 0;top: 0;border-bottom: 32px solid transparent;border-top: 32px solid transparent;border-right: 32px solid #5A55A3;} */


/* .or_lst_box > li.active::after{content: '';position: absolute;left: -11%;margin-top: 0;border-left: 0;top: -4%;border-bottom: 32px solid transparent;border-top: 34px solid transparent;border-right: 27px solid #f5f4f4;} */


/* .or_lst_box > li.active::after {content: '';position: absolute;left: 0%;top: 0%;border-bottom: 30px solid transparent;border-top: 33px solid transparent;border-left: 25px solid #fff;} */


/* .or_lst_box > li.active{background: #ffffff;border-left: 1px solid #fff;margin-left: -1px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;font-weight:500;} */


/* .or_lst_box > li.cop_sat::after{font: normal 14px/14px FontAwesome;content: "\f058";float: right;margin-top: -26px;font-size: 22px;
color: #5cc85c;} */

.or_lst_box>li>p {
    font-size: 13px;
    font-weight: normal;
    word-break: break-all;
}

.or_lst_box>li.cop_sat {
    font-style: italic;
    /*background: #fefafa !important;*/
}

.or_lst_box>li.cop_sat>p {
    font-weight: normal;
    color: #b3b3b3;
}

.arw_o_st {
    float: left;
    height: 55px;
    line-height: 40px;
    padding-right: 7px;
    margin-left: -7px;
}

.crt_m_ul {
    padding: 8px;
}

.prc_box_st {
    width: 65% !important;
}

.crt_lst_ht {
    height: calc(100vh - 361px) !important;
}

.c_h_act {
    background: #343e4f !important;
    color: #ffffff;
}

.c_had_t {
    background: #fff;
    padding: 2px 5px;
    font-weight: bold;
}

.c_had_d {
    padding: 3px 5px;
}

.l_h_19 {
    line-height: 19px !important;
}


/************ full page loader *****************/

.loader_full {
    color: #fff;
    position: fixed;
    box-sizing: border-box;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 999999
}

.loader_full:after,
.loader_full:before {
    box-sizing: border-box;
    display: none
}

.loader_full.is-active {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.loader_full.is-active:after,
.loader_full.is-active:before {
    display: block
}

.loader_full-bouncing:after,
.loader_full-bouncing:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border-radius: 50%;
    background-color: #ffffff;
    animation: kick .6s infinite alternate
}

.loader_full-bouncing:after {
    margin-left: -30px;
    animation: kick .6s infinite alternate
}

.loader_full-bouncing:before {
    animation-delay: .2s
}

@keyframes kick {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: .3;
        transform: translateY(-1rem)
    }
}


/************ full page loader *****************/

.loader_small {
    color: #fff;
    position: absolute;
    box-sizing: border-box;
    left: -9999px;
    top: -9999px;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 999999
}

.loader_small:after,
.loader_small:before {
    box-sizing: border-box;
    display: none
}

.loader_small.is-active {
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.loader_small.is-active:after,
.loader_small.is-active:before {
    display: block
}

.loader_small-bouncing:after,
.loader_small-bouncing:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    border-radius: 50%;
    background-color: #2470af;
    animation: kick .6s infinite alternate
}

.loader_small-bouncing:after {
    margin-left: -30px;
    animation: kick .6s infinite alternate
}

.loader_small-bouncing:before {
    animation-delay: .2s
}

@keyframes kick {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: .3;
        transform: translateY(-1rem)
    }
}

.summary_table thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 7px !important;
    vertical-align: middle;
}

.summary_table tbody tr th {
    padding: 5px 7px !important;
    background: #fbfbfb !important;
    color: #000000;
    border: none;
    border-left: 1px solid #fbfbfb;
    border-right: 1px solid #fbfbfb;
    font-weight: bold;
}

.summary_table tbody tr td {
    padding: 5px 7px !important;
}

.bag_summ_total {
    background: #fbfbfb;
    margin-bottom: 0px;
}

.summary_table tbody tr.bag_summ_total:hover {
    background: #fbfbfb;
}

.h_aut_190 {
    height: auto;
    min-height: calc(100vh - 190px) !important;
}

.h_aut_530 tbody {
    height: auto !important;
    max-height: calc(100vh - 530px) !important;
}

.p_m_down {
    font-size: 12px !important;
    display: block !important;
    text-align: center;
    margin: 0;
    padding: 0;
    clear: both;
    font-weight: 600;
    color: #000;
    font-size: 14px;
}

.alt_new {
    width: max-content !important;
    margin: 0 auto 2px auto !important;
    max-width: 70% !important;
}

.repcheckb {
    margin-left: 11px;
    margin-top: -10px !important;
    top: 7px;
    font-size: 14px;
    font-weight: 600;
}

.table_detail_hig_auto tbody {
    height: auto !important;
}

.subhedcolor {
    background: #f5f4f4 !important;
}

.subhedcolor th {
    padding: 5px !important;
}

.subhedcolorw {
    background: #f5f4f4 !important;
}

.table_Report tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_Report thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #5a9bc7 !important;
    white-space: normal !important;
    padding: 7px 6px !important;
    font-size: 12px;
    vertical-align: middle;
}

.table_Report tbody td {
    white-space: normal !important;
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 7px !important;
    word-break: break-word;
}

.table_Report tbody {
    height: calc(100vh - 320px);
}

.w-320 {
    width: 320px !important;
}

.w-320>.ui-dropdown {
    width: 320px !important;
}

.acc_hight {
    max-height: calc(100vh - 185px) !important;
}

.accordion .card-header>a {
    font-weight: bold;
    font-size: 13px;
    color: #000;
    width: 100% !important;
    display: block;
}

.accordion .card-header>a:after {
    font-family: 'FontAwesome';
    content: "\f077";
    float: right;
    color: #000;
}

.accordion .card-header>a.collapsed:after {
    content: "\f078";
    color: #000;
}

.conf_file_bg {
    font-size: 14px;
    font-weight: bold;
    background: #eae7e7;
    width: 100% !important;
    display: block;
    padding: 4px 10px;
    margin-bottom: 10px;
}

.table_h_auto tbody {
    height: auto !important;
    max-height: calc(100vh - 525px) !important;
}

.unit_lable {
    color: gray;
    font-size: 12px;
    text-transform: lowercase;
}

.ord_fex_h {
    height: calc(100vh - 220px);
}

.ord_fex_h_auto {
    height: auto !important;
    min-height: calc(100vh - 190px) !important;
}

.top_1_po {
    display: inline-block;
    width: 50px;
    margin-top: -10px;
    margin-left: 5px;
}

.w-50-f-l {
    width: 50% !important;
    float: left;
}

.r_label {
    font-size: 12px !important;
    white-space: nowrap;
    width: calc(100% - 1px);
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.10rem;
}


/* .r_label:hover{overflow: visible;} */

.f-s-12 {
    font-size: 12px !important;
}

.f-s-13 {
    font-size: 13px !important;
}

.rpt_redio {
    margin-bottom: 15px !important;
}

.bg_car_gar {
    background: #f5f4f4;
}

.txt_red {
    color: red;
}

.loadingtxt {
    position: absolute;
    top: calc(50% - -12px);
    left: calc(50% - 50px);
    font-size: 18px;
    font-weight: 500;
    color: #FFF;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

@media (min-width: 420px) and (max-width:810px) {
    .show_pg {
        font-size: 13px;
    }

    .lst_dis_nm>select.form-control {
        font-size: 13px !important;
        height: 27px !important;
        padding: 0 .2rem !important;
    }

    .lst_nxt_prs>button.btn {
        padding: 5px 8px;
        font-size: 12px
    }
}

.loadingtxt {
    position: absolute;
    top: calc(50% - -12px);
    left: calc(50% - 55px);
    font-weight: 500;
    color: #FFF;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
}

@-webkit-keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner-border {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

@keyframes spinner-grow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        opacity: 1;
    }
}

.div_p::after {
    content: "|";
    padding-left: 2px !important;
    padding-right: 2px !important;
    color: #000 !important;
    font-size: 20px !important;
    /* vertical-align: text-bottom; */
    vertical-align: initial;
}

.div_p_b::before {
    content: "|";
    padding-left: 2px !important;
    padding-right: 2px !important;
    color: #000 !important;
    font-size: 20px !important;
    /* vertical-align: text-bottom; */
    vertical-align: initial;
}

.w_b_c {
    word-break: break-all !important;
}

.m-t-b-32-0 {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
}

.ui-multiselect {
    background: #ffffff;
    border: 1px solid #a6a6a6;
    box-shadow: inset 0 1px 2px 0 rgba(52, 62, 79, 0.1) !important;
    color: #3d444f !important;
    font-size: 14px !important;
    border-radius: 3px !important;
    border: 1px solid #cbced2 !important;
    height: 31px !important;
    padding: 0 .5rem !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s;
}

.ui-multiselect .ui-multiselect-label {
    display: block;
    padding: 5px 2em 0 .25em !important;
    width: auto;
    border: 0;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden !important;
    font-size: 13px;
    height: 28px;
}

.ui-multiselect .ui-multiselect-trigger {
    background: none !important;
}

.ui-chkbox .ui-chkbox-box {
    width: 18px !important;
    height: 18px !important;
}

.ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 17px !important;
}

.ui-multiselect-panel .ui-multiselect-items .ui-multiselect-item label {
    margin: 0 !important;
    vertical-align: middle;
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: spinner-grow .75s linear infinite;
    animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

.sr-only-lg {
    position: unset !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    margin: -1px -5px 0 5px !important;
    -webkit-clip-path: inherit !important;
    clip-path: none !important;
}

.Showing_page {
    display: contents;
    text-align: right;
}

.pagination_num {
    display: inline-block;
    width: 70px;
    margin-left: 15px;
    margin-right: 15px;
}

.page_nxt_pr {
    display: contents;
    width: 72px;
}

.table_cms_edit td {
    padding: 2px 7px !important;
}

.table_cms_edit tbody {
    height: calc(100vh - 350px);
}

.table_error_ms thead th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 5px 7px !important;
    vertical-align: middle;
}

.table_error_ms tbody tr:hover {
    background: #d8f0ef;
}

.table_error_ms tbody {
    height: 100% !important;
    max-height: calc(100vh - 400px) !important;
}

.table_error_ms tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_error_ms thead>tr>th {
    border: none;
}

.w_b_c {
    word-break: break-all !important;
}

.m-t-b-32-0 {
    margin-top: 32px !important;
    margin-bottom: 0 !important;
}

.m-t-b-25-0 {
    margin-top: 25px !important;
    margin-bottom: 0 !important;
}


/**************** new desing changes **********/

.table_all {
    margin-bottom: 10px;
}

.table_all>thead>tr>th {
    background: #3598dc !important;
    color: #FFFFFF;
    border: 1px solid #66bcf7 !important;
    padding: 6px 7px !important;
    vertical-align: middle;
    font-size: 12px;
    border: none;
}

.table_all>tbody {
    height: calc(100vh - 293px);
}

.table_all>tbody>tr:hover {
    background: #fbfcfd;
}

.table_all tr {
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.table_all td {
    color: #000 !important;
    font-weight: 500;
    font-size: 12px;
    padding: 5px 7px;
    line-height: 1.42;
    border-top: 1px solid #e7ecf1;
    border-bottom: 0px solid #e7ecf1;
}

.portlet_filter_sm {
    height: calc(100vh - 293px) !important;
}

.table_all_filter>tbody {
    height: calc(100vh - 396px) !important;
}


/* .table_com_up{} */

.table_com_up>thead>tr>th {
    padding: 5px !important;
    font-size: 12px;
    /*white-space: nowrap;*/
}

.table_com_up>tbody>tr>td {
    padding: 5px !important;
    font-size: 12px;
    /*white-space: nowrap;*/
}

.alert-dismissible .close {
    padding: 0.55rem 0.75rem !important;
}

@media (min-width: 576px) {
    .form-inline label {
        display: contents !important;
    }
}

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

.bat_st_lst tbody {
    height: calc(100vh - 343px) !important;
}

.bat_st_lst_sm tbody {
    height: calc(100vh - 504px) !important;
}

.w-break-all {
    word-break: break-all;
}

.view_jab_date>.ui-dropdown {
    border: none !important;
    padding: 0 !important;
}

.brn_rpt_mr {
    margin-top: 18px !important;
}


/*************************************/

.pos_rlt {
    position: relative !important;
}

.tbl_overflow_hidden {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.inst_block {
    /* opacity: !important; */
    height: 8em !important;
    font-size: 12px;
    border: none !important;
    background: white;
    max-width: 500px;
    /* margin: 5px; */
    line-height: 18px;
    /* word-spacing: 4px; */
    padding: 5px;
    /* border-bottom: hidden; */
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #80808038;
    border: 1px solid;
}

.addressview {
    display: flex;
    align-items: stretch;
    flex-direction: column;
}

.w-150>.ui-dropdown {
    width: 150px !important;
}

.w-200>.ui-dropdown {
    width: 200px !important;
}

.p-0>.ui-dropdown {
    padding: 0px !important;
}

.w-320 {
    width: 320px !important;
}

.w-320>.ui-dropdown {
    width: 320px !important;
}


.back-order {
    background-color: #57c8f17d !important;
    /* color: #57c8f17d  !important; */
}

.lineItemPadding {
    padding: 5px 10px 5px 5px;
}

.bom-kit-normal-product {
    background-color: #ffffff !important;
    font-weight: bold;
}

.row-expansion-th {
    font-size: 10px !important;
    line-height: 10px !important;
}

.row-expansion-td {
    font-size: 10px !important;
    line-height: 16px !important;
}

.bom-kit-table-th {
    font-size: 10px !important;
    line-height: 10px !important;
}

.bom-kit-table-td {
    font-size: 10px !important;
    line-height: 16px !important;
}

.p-card-header {
    /* margin: 15px;  */
    font-size: 15px;
    font-weight: bold;
}

.p-card-content-body {
    padding-top: 0em;
    padding-left: 0em;
    font-size: 35px;
    padding-bottom: 0em;
}

body .ui-card {
    background-color: #ffffff !important;
    color: #333333 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid #e3e3e3 !important;
    width: 170px;
    height: 95px;
}

.p-card-h {
    text-align: center;
    color: #007799;
    font-weight: bold;
}

.p-card-p {
    font-size: 40%;
    font-style: italic;
    color: #666;
    text-align: center;
}

.table-td-info-tag {
    color: #008000;
    font-size: 13px;
}

.bom-kits-th {
    font-size: 10px !important;
    line-height: 12px !important;
}

.bom-kits-td {
    font-size: 10px !important;
    line-height: 18px !important;
}

.row-expansion-td-back {
    font-size: 10px !important;
    line-height: 16px !important;
    background-color: #e7505a !important;
    color: white !important;
}

.bom-kits-td-back {
    font-size: 10px !important;
    line-height: 18px !important;
    /* background-color: #e7505a !important; */
    color: #e7505a !important;
}

.rbtn_P1 {
    display: block;
    max-width: fit-content;
    margin-right: 5px;
}

.w-systemstatus::before {
    content: "\f201";
}

.w-systemstatus::before {
    content: "\f201";
}

.txt-wrap {
    overflow-wrap: break-word;
}

.filter_del_btn {
    cursor: pointer;
    font-size: 14px;
    font-weight: lighter;
    color: #3598dc;
    line-height: 1.5;
    font-family: 'FontAwesome'
}


body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #848484 !important;
    color: white !important;
}

body .ui-widget {
    font-size: 12px !important;
    /* font-family: "Open Sans", "Helvetica Neue", sans-serif; */
    font-family: 'Roboto', sans-serif !important;
    /* font-size: 14px; */
    text-decoration: none;
}

body .ui-paginator {
    background-color: #ffffff !important;
    /* border: 1px solid #c8c8c8 !important; */
    padding: 0 !important;
}