@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@400&display=swap");

html {
  scroll-behavior: smooth
}

body {
  font-family: "Ubuntu", sans-serif !important;
  font-size: 14px;
  line-height: 1.5;
  color: #f5f6f7;
  padding-right: 0 !important;
}

:focus {
  outline: none !important;
}

::-moz-focus-inner {
  border: 0 !important;
}

/*
a:hover {
  color: #E90A1E !important;
}

input[type='text'],
input[type='number'],
input[type='email'],
input[type='checkbox'],
input[type='radio'] {
  accent-color: #E90A1E !important;
}*/

/*a {
  color: #0052cc;
  text-decoration: none;
}*/

.elogo {
  width: 45px
}

.footer {
  min-height: 20px;
  background-color: #f8f8f8
}

.copyright p {
  text-align: left;
  color: #000;
  padding: 10px 0;
  margin-bottom: 0px
}

/*#main_container > #inner_wrap {
  padding: 0px;
}*/
#inner_wrap {
  font-size: 14px !important;
}

.order-audit select {
  font-size: 14px !important;
}

#page-content-wrapper {
  position: relative !important;
}

.header-user-dropdown {
  box-shadow: 0 1px 1px #ccc;
  padding: 10px 0px;
  padding-left: 10px;
  min-height: 60px;
  box-sizing: border-box
}

.header-user-dropdown .header-limiter {
  text-align: center;
  margin: 0 auto
}

.header-user-dropdown .header-limiter h1 span {
  color: #bc40df
}

.header-user-dropdown .header-limiter h1 {
  color: #4c4c4c;
  font-size: 24px;
  text-align: left;
  text-decoration: none;
  margin: 5px 0px 5px 0px
}

.header-user-dropdown .header-limiter .app_bename {
  color: #4c4c4c;
  font-size: 12px;
  text-decoration: none;
  margin: 0px 0px 5px 0px
}

.inerappnavbr {
  margin: 0 !important;
}

.header-user-dropdown .header-limiter a {
  color: #4c4c4c;
  text-decoration: none;
  font-size: 24px
}

.header-user-dropdown .header-limiter nav {
  line-height: 40px;
  float: left;
  margin: 0 0 0 60px;
  padding: 0
}

.header-user-dropdown .header-limiter nav a {
  font-size: 14px;
  display: inline-block;
  padding: 0 12px;
  opacity: 0.9;
  position: relative;
  text-decoration: none;
  line-height: 1
}

.header-user-dropdown .header-limiter nav a:hover {
  opacity: 1
}

.header-user-dropdown .header-limiter nav a span {
  position: absolute;
  top: -12px;
  border-radius: 2px;
  background-color: #2a6a92;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
  height: 13px;
  font-size: 11px;
  right: -15px;
  padding: 1px 4px 0
}

.ind_control {
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #ececec !important;
}

footer.footer {
  margin-top: 50px
}

.err_img {
  text-align: center
}

.loginmodal-container {
  padding: 30px;
  max-width: 440px;
  width: 100% !important;
  background-color: #f7f7f7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden
}

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em
}

.loginmodal-container input[type="submit"] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative
}

.loginmodal-container input[type="text"],
.loginmodal-container input[type="password"] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box
}

.loginmodal-container input[type="text"]:hover,
.loginmodal-container input[type="password"]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

#shopperlogin-form .loginmodal,
#shopperforgot-form .loginmodal {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  height: 36px;
  padding: 0 8px
}

#shopperlogin-form .loginmodal-submit,
#shopperforgot-form .loginmodal-submit {
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  background-color: #4d90fe;
  padding: 10px 0px;
  font-size: 18px;
  width: 100%
}

#shopperlogin-form .loginmodal-submit:hover,
#shopperforgot-form .loginmodal-submit:hover {
  border: 0px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background-color: #357ae8
}

#shopperlogin-form .loginmodal-container a,
#shopperforgot-form .loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s
}

.loginmodal-container .login-help {
  padding: 10px 0px;
  margin: 5px auto;
  font-size: 12px;
  text-align: center
}

#shopperlogin-form .form-group,
#shopperlogin-form .help-block,
#shopperforgot-form .form-group,
#shopperforgot-form .help-block {
  margin-bottom: 0
}

#shopperlogin-form .help-block,
#shopperforgot-form .help-block {
  margin-bottom: 10px
}

._ht {
  min-height: 400px
}

.location-in-list,
.location-list {
  padding: 15px;
  width: 100% !important;
  background-color: #f7f7f7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden
}

._locs a,
._locs a:hover,
._locs a:focus {
  text-decoration: none
}

._locs h3 {
  text-align: center
}

.location-in-list:hover {
  background-color: #357ae8;
  color: #fff
}

.loc_active {
  background-color: #357ae8;
  color: #fff
}

._nrecord {
  margin: 0;
  text-align: center
}

.location-info p {
  margin-bottom: 0px;
  font-size: 13px
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

.tr_heads th,
.order-info table thead tr th {
  border: none !important;
  height: 0 !important;
}

._add_notes {
  margin-left: 45px
}

._add_crt_notes {
  margin-left: 5px
}

.order-info table {
  width: 100% !important;
}

.order-info .customer_detail,
.order_detail .base_offer,
.order_detail .child_offer {
  text-align: left
}

.order-info .order_detail .child_offer {
  margin-bottom: 0;
  font-size: 13px;
  padding-left: 45px
}

.order_detail .inner_pr {
  position: relative
}

.order-info .qty_detail h4 {
  font-size: 13px
}

.order-info .qty_detail {
  height: 35px;
  margin-top: 10px
}

.order-info .subtotal_detail h4,
.order-info .subtotal_detail p,
.order-info .total_detail h3 {
  text-align: right;
  margin-bottom: 0
}

.order-info .subtotal_heading h4,
.order-info .subtotal_heading p,
.order-info .total_heading h3 {
  text-align: left;
  margin-bottom: 0
}

.order-info .customer_detail h3,
.order-info .total_heading h3,
.order-info .total_detail h3 {
  margin-top: 10px
}

.order-info .ac_controls a,
.ac_controls button.__adjbtn {
  font-size: 15px;
  text-transform: uppercase
}

.order-info .ac_controls button.__adjbtn,
.ac_controls a.__adjbtn {
  width: 100%
}

.customer_detail h3,
.customer_detail h4,
.customer_detail p {
  margin-bottom: 0
}

.customer_detail h3 span {
  font-size: 15px;
  padding: 7px 10px;
  margin: 0 5px
}

.cst_add {
  margin-bottom: 0
}

.col-md-12.ac_controls {
  margin-bottom: 10px;
  padding: 0
}

.loginmodal-container ._hdl {
  margin-bottom: 30px
}

.ro_controls a {
  font-size: 14px !important;
  width: auto !important;
  text-transform: none !important;
}

._mybtn {
  width: 34px !important;
  font-size: 12px !important;
}

.or_sbmt {
  margin-top: 15px
}

.indo_dates p,
.indp_dates p,
.indd_dates p,
.indo_dates label,
.indp_dates label {
  margin-bottom: 0
}

.indp_dates label {
  margin-top: 10px
}

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

.base_offer {
  margin: 8px auto;
  position: relative
}

.pr_cntrlsinacth4 {
  padding: 5px
}

.pr_cntrlsinactor {
  position: absolute;
  left: -10px;
  top: -7px;
  padding: 10px 10px
}

._thre.col-md-4 {
  padding: 0 3px
}

.btn-group.col-md-12._threg {
  padding: 0
}

.ind_control > p button,
.ind_control > p a {
  width: 100%;
  margin-bottom: -8px
}

.orderlists .table-responsive > table tbody tr {
  border-bottom: 1px solid #d3d3d3;
}

.orderlists .table-responsive > table tbody tr td {
  padding: auto 3px;
}

._prwidth {
  margin: 20px auto;
  max-width: 720px;
  width: 100%
}

.label.label-success.__iqty {
  font-size: 12px !important;
  padding: 3px 5px !important;
  margin: 0px 6px
}

.indp_dates,
.indd_dates,
.indo_dates {
  margin: 8px auto
}

.orderlists .table-responsive > table tbody tr td,
.orderlists .table-responsive > table thead tr th {
  padding: 7px;
}

.ac_controls button {
  margin-top: 2px;
}

.__blur {
  background-color: #f3f3f3;
}

.inner_pr {
  padding: 5px
}

.__nopads {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pdr0px {
  padding-right: 0 !important;
}

.pdl0px {
  padding-left: 0 !important;
}

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

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

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

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

.__noanypads {
  padding: 0 !important;
}

._mspn {
  margin: 0 auto;
  margin-left: 3px;
  padding: 8px 12px !important;
  margin-bottom: 0 !important;
}

.acpt_h4o,
.acpt_h4 {
  text-align: center !important;
}

.pull-left._mmrs,
.pull-right._mmrs {
  margin-right: 10px
}

.orderlists .__stso label {
  margin: 0
}

.allotdeliveryboy-info {
  margin-bottom: 20px;
  min-height: 280px
}

.deliverytbl table tbody tr td {
  text-align: left !important;
}

.__allotdb li.active a {
  background-color: #d9edf7 !important;
  color: #31708f !important;
}

.__allotdb li.active {
  border-color: #bce8f1 !important;
}

.__3rdmsh4 {
  margin: 20px auto
}

.__3rdmsgdiv {
  padding-top: 20px
}

.nav-tabs > li > a {
  font-size: 14px !important;
}

.__mrr {
  margin-top: 2px
}

.m-20 {
  margin: 20px;
}

._mrl {
  margin-left: 2px;
  margin-top: 1px;
  margin-bottom: 3px !important;
}

div.wrap {
  min-height: 600px
}

.modalMine,
.modalMineNew {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8) url("../images/loader12.gif") 50% 50%
  no-repeat;
  z-index: 2000 !important;
}

body.loadingMine,
body.loadingMineNew {
  overflow: hidden;
  z-index: 2000 !important;
}

body.loadingMine .modalMine,
body.loadingMineNew .modalMineNew {
  display: block
}

.inner_pr.act:hover {
  background-color: #ebebeb;
  cursor: pointer
}

._customize_amt {
  font-size: 12px !important;
}

.orderlists > table,
.archivelists > table {
  width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0
}

.__str {
  font-size: 11px;
  font-weight: 600
}

.__myalrt {
  font-size: 16px
}

.__centr,
._cntrbtn {
  text-align: center !important;
}

._cfimg {
  width: 20%;
  margin: 2px
}

._cfde_img {
  width: 6%;
  margin: 1px
}

.st_trck {
  margin: 0;
  text-align: left
}

#statustracktbl > table tbody tr td {
  text-align: left
}

.st_cen {
  text-align: center;
  margin: 10px 0;
  font-size: 14px
}

.st_trr_he {
  margin: 0;
  margin-bottom: 5px
}

.alert.alert-info.loginmodal-container.__mpp p {
  font-size: 15px
}

.order-info ._btnctrl > p {
  display: inline-block
}

.__sts span.alert,
.ac_controls div.__rmbtmmr {
  margin-bottom: 0px !important;
}

.btn.btn-primary.__adjbtn,
.btn.__adjbtn {
  width: 100%
}

.order-search-top,
.bulk-order-filter,
.stock-filter,
.order-two-date-search,
.order-search-dashboard,
.plan-production-date-search,
.filter-cardview {
  padding: 15px 10px;
  background: #ebebeb
}

.filter-cardview-lpd {
  background: #ebebeb
}

.greyBorder {
  background: #4a7f7f none repeat scroll 0 0 !important;
  color: #fff
}

.order-search-top div.form-group {
  margin-bottom: 5px;
  margin-top: 5px
}

#status-tracking-table_info,
#status-tracking-table_length {
  text-align: left
}

._btnGrpCntrl .list-group-item {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  border: none !important;
  margin-left: 5px
}

._btnGrpCntrl > h4 {
  text-align: center !important;
}

._btnGrpCntrl li > p {
  margin-bottom: 0px
}

.minitopabar a {
  margin-right: 35px
}

.center {
  text-align: center !important;
}

.txalgleft,
.field-orderreasonform-sfile {
  text-align: left !important;
}

.txalgright {
  text-align: right !important;
}

.__billRecipt {
}

._bHeader {
  padding-bottom: 2px;
  margin-bottom: 5px
}

._bDrdetail,
._bfinishing,
._bfinidhingi,
.__blpadtops {
  padding-top: 8px
}

._bDldate,
._bteethno {
  margin-top: 5px
}

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

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

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

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

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

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

._mrtp2px {
  margin-top: 2px !important;
}

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

._mrtp4px {
  margin-top: 4px !important;
}

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

._mrtp6px {
  margin-top: 6px !important;
}

._mrtp8px {
  margin-top: 8px !important;
}

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

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

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

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

._mrtp35px {
  margin-top: 35px !important;
}

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

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

._mrbtm2px {
  margin-bottom: 2px !important;
}

._mrbtm3px {
  margin-bottom: 3px !important;
}

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

._mrbtm7px {
  margin-bottom: 7px !important;
}

._mrbtm8px {
  margin-bottom: 8px !important;
}

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

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

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

.__nomr,
.modal-radio {
  margin: 0 !important;
}

.__nomrtop {
  margin-top: 0 !important;
}

.__nomrbottom {
  margin-bottom: 0 !important;
}

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

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

._bBottomBorder {
  border-bottom: 1px solid #000000
}

._bRightBorder {
  border-right: 1px solid #000000
}

._bLeftBorder {
  border-left: 1px solid #000000
}

.__billRecipt div {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.__billRecipt p {
  margin: 5px 0
}

.__txright {
  text-align: right !important;
}

.__txleft {
  text-align: left !important;
}

._teethf div p,
._teeths div p {
  padding: 0 5px;
  margin: 3px
}

._bteethead div p {
  line-height: 45px;
  height: 45px;
  margin: 0
}

._bdldatehead div p {
  line-height: 30px;
  height: 30px;
  margin: 0
}

.__brAll {
  border: 1px solid #000000
}

._bDldate,
.__blpadds div {
  padding: 5px
}

.header-limiter .row {
  max-height: 40px
}

.modal-radio {
  margin: 0 !important;
  width: 100%
}

.__nomtop {
  margin-top: 0
}

.err_img img {
  width: 100%
}

@media only screen and (max-width:500px) {
  div#loading {
    margin-left: 30%
  }

}

.__generalemblview {
  width: 100%
}

.orderlists,
.archivelists {
  margin-top: 5px !important;
}

.__ordertable {
  width: 100%
}

.__ordertable > th,
.__ordertable > td,
.__archivetable > th,
.__archivetable > td,
.__stockhistorytable > th,
.__stockhistorytable > td,
.__bulkordertable > th,
.__bulkordertable > td,
.__grntable > th,
.__grntable > td,
.__singleordercarttable > th,
.__singleordercarttable > td,
.status_tracking_table > th,
.status_tracking_table > td,
.__orderauditpoviewtable > th,
.__orderauditpoviewtable > td,
.__bulkordercarttable > th,
.__bulkordercarttable > td,
.__generalemblview > th,
.__generalemblview > td {
  padding: 10px;
  text-align: left
}

.__ordertable > th,
.__archivetable > th,
.__stockhistorytable > th,
.__bulkordertable > th,
.__grntable > th,
.__singleordercarttable > th,
.status_tracking_table > th,
.__orderauditpoviewtable > th,
.__bulkordercarttable > th,
.__generalemblview > th {
  text-transform: uppercase
}

.__ordertable > th,
.__ordertable > td .ind_customer,
.__ordertable > td .ind_order,
.__ordertable > td .indo_dates,
.__ordertable > td .indp_dates,
.__ordertable > td .indd_dates,
.__ordertable > td .__stso,
.__ordertable > td .ind_control {
  text-align: left
}

.__archivetable > th,
.__archivetable > td .ind_customer,
.__archivetable > td .ind_archive,
.__archivetable > td .indo_dates,
.__archivetable > td .indp_dates,
.__archivetable > td .indd_dates,
.__archivetable > td .__stso,
.__archivetable > td .ind_control {
  text-align: left
}

.__ordertable > th,
.__ordertable > td .ind_customer,
.__ordertable > td .ind_order,
.__ordertable > td .indo_dates,
.__ordertable > td .__stso,
.__ordertable > td .ind_control {
  margin-top: 0px
}

.__archivetable > th,
.__archivetable > td .ind_customer,
.__archivetable > td .ind_archive,
.__archivetable > td .indo_dates,
.__archivetable > td .__stso,
.__archivetable > td .ind_control {
  margin-top: 0px
}

.__ordertable > td:first-child,
.__archivetable > td:first-child {
  width: 24%
}

.__ordertable ._addUpldDocstble > td:first-child {
  width: 5%
}

@media screen and (max-width:600px) {
  .__ordertable,
  .__archivetable,
  .__stockhistorytable,
  .__bulkordertable,
  .__grntable,
  .__singleordercarttable,
  .status_tracking_table,
  .__orderauditpoviewtable,
  .__bulkordercarttable,
  .__generalemblview {
    border: 0
  }

  .__ordertable > thead,
  .__archivetable > thead,
  .__stockhistorytable > thead,
  .__bulkordertable > thead,
  .__grntable > thead,
  .__singleordercarttable > thead,
  .status_tracking_table > thead,
  .__orderauditpoviewtable > thead,
  .__bulkordercarttable > thead,
  .__generalemblview > thead {
    display: none
  }

  .__ordertable > tr,
  .__archivetable > tr,
  .__stockhistorytable > tr,
  .__bulkordertable > tr,
  .__grntable > tr,
  .__singleordercarttable > tr,
  .status_tracking_table > tr,
  .__orderauditpoviewtable > tr,
  .__bulkordercarttable > tr,
  .__generalemblview > tr {
    margin-bottom: 15px;
    display: block;
    border-bottom: 2px solid #ddd
  }

  .__ordertable > td,
  .__archivetable > td,
  .__stockhistorytable > td,
  .__bulkordertable > td,
  .__grntable > td,
  .__singleordercarttable > td,
  .status_tracking_table > td,
  .__orderauditpoviewtable > td,
  .__bulkordercarttable > td,
  .__generalemblview > td {
    display: block;
    text-align: right !important;
    font-size: 13px;
    border-bottom: 1px dotted #ccc
  }

  .__ordertable > td .__stso label,
  .__archivetable > td .__stso label {
    display: block !important;
    width: 100% !important;
    text-align: center
  }

  .__ordertable > td:first-child,
  .__archivetable > td:first-child,
  .__stockhistorytable > td:first-child,
  .__bulkordertable > td:first-child,
  .__grntable > td:first-child,
  .__singleordercarttable > td:first-child,
  .status_tracking_table > td:first-child,
  .__orderauditpoviewtable > td:first-child,
  .__bulkordercarttable > td:first-child,
  .__generalemblview > td:first-child {
    width: auto
  }

  .__ordertable > td:last-child,
  .__archivetable > td:last-child,
  .__stockhistorytable > td:last-child,
  .__bulkordertable > td:last-child,
  .__grntable > td:last-child,
  .__singleordercarttable > td:last-child,
  .status_tracking_table > td:last-child,
  .__orderauditpoviewtable > td:last-child,
  .__bulkordercarttable > td:last-child,
  .__generalemblview > td:last-child {
    border-bottom: 0
  }

  .__ordertable > td:before,
  .__archivetable > td:before,
  .__stockhistorytable > td:before,
  .__bulkordertable > td:before,
  .__grntable > td:before,
  .__singleordercarttable > td:before,
  .status_tracking_table > td:before,
  .__orderauditpoviewtable > td:before,
  .__bulkordercarttable > td:before,
  .__generalemblview > td:before {
    content: attr(data-label);
    float: left;
    text-transform: uppercase;
    font-weight: bold
  }

  .__singleordercarttable .htd,
  .__bulkordercarttable .htd,
  .__generalemblview .htd {
    display: none !important;
  }

  #statustracktbl > table th {
    display: block !important;
  }

  .__bulkordertable > td button,
  .__grntable > td button {
    margin-bottom: 2px;
    width: 100% !important;
    text-align: center
  }

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

  .__btopbr h1 {
    font-size: 17px !important;
  }

  #bulk-order-table_length {
    padding-top: 10px !important;
    padding-left: 28px !important;
  }

  #bulk-order-table_length,
  #bulk-order-table_filter {
    text-align: left !important;
  }

  ._locationNames .__reqLocs {
    text-align: left !important;
    margin-top: 10px
  }

  .st_trck {
    text-align: right
  }

  .__crtNb {
    margin-top: 0px !important;
    margin-bottom: 5px !important;
  }

  .base_offer {
    font-size: 16px
  }

  .popover-md {
    min-width: 250px !important;
  }

  ._paycurbx {
    text-align: left !important;
  }

  .dashboard-list .__mvLeft,
  .timeline-list .__mvTmLeft {
    left: 2em
  }

  .dashboard-list .__mvRight,
  .timeline-list .__mvTmRight {
    right: 2em
  }

  .admin-user-list table .wdth30 {
    width: auto !important;
  }

  .navbar-brand {
    width: 80% !important;
    height: auto !important;
  }

  .footer .copyright .cpnme,
  .footer .copyright .cppowerd {
    text-align: center
  }

  ._add_crt_notes,
  ._imgCntrlPreview {
    text-align: left
  }

  ._head1s {
    text-align: center !important;
  }

  .book-appointment_div .base-card-name {
    font-size: 14px !important;
  }

  .book-appointment_div span._time {
    float: none !important;
    display: inline-block
  }

}

._sttitleh {
  margin-bottom: 10px;
}

._stpratags a {
  margin-left: 5px;
  float: right;
}

.__rep_actions > a {
  font-size: 14px;
}

.__rep_actions .__statusListDetail {
  padding: 10px;
}

.single_total {
  margin-top: -5px;
  line-height: 30px;
  width: 150px;
  text-align: right;
}

#statustracktbl table td:first-child {
  width: auto !important;
}

.__msreportbtn {
  font-size: 15px;
}

.__blkerr {
  display: none;
}

.txright {
  text-align: right !important;
}

.txleft {
  text-align: left !important;
}

.txcenter {
  text-align: center !important;
}

.__hide {
  display: none !important;
}

.__show {
  display: block !important;
}

.__bulkqtyspn {
  font-size: 13px !important;
  text-align: right
}

.checkout_bulk_order,
.checkout_grn_order,
.consume_item_div {
  padding: 3px;
  margin: 3px auto;
  text-align: center
}

.checkout_bulk_order a,
._cart_bulk_order a,
.checkout_grn_order a {
  padding: 10px 0px;
  margin: 10px 0px;
  width: 100%;
  display: block;
  text-transform: uppercase
}

.save_all_bulk_order a {
  margin: 10px 0px;
  width: 100%;
  display: block;
  text-transform: uppercase
}

.__str01 {
  background: #f1f1f1 none repeat scroll 0 0
}

.__bulkordercarttable ._strname,
.__singleordercarttable ._strname {
  margin: 7px !important;
}

.__bulkordercarttable ._strclr,
.__singleordercarttable ._strclr {
  color: #0052cc
}

.__bulkordercarttable ._strsnlgtotl,
.__singleordercarttable ._strsnlgtotl {
  font-size: 13px;
  text-transform: none !important;
  margin-right: 2px
}

.__bulkordercarttable .__finAmount,
.__singleordercarttable .__finAmount {
  text-transform: none !important;
  text-align: center
}

.__bulkordercarttable .__totalPayble,
.__bulkordercarttable .__finAmount,
.__singleordercarttable .__totalPayble,
.__singleordercarttable .__finAmount {
  text-transform: uppercase;
  color: #0052cc
}

.__bulkordercarttable tbody .__str01,
.__singleordercarttable tbody .__str01 {
  padding: 5px 0px;
  text-transform: uppercase
}

.__mrupper {
  margin-top: 10px
}

.__mrtopbottom {
  margin: 15px 0px
}

.__mrupper30x {
  margin-top: 30px
}

.__mrlower {
  margin-bottom: 10px
}

.__mrleft {
  margin-left: 10px !important;
}

.__mrleft5px {
  margin-left: 5px !important;
}

.__mrleft10px {
  margin-left: 10px !important;
}

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

.__mrleft20px {
  margin-left: 20px !important;
}

.__mrleft25px {
  margin-left: 25px !important;
}

.__mrleft27px {
  margin-left: 27px !important;
}

.__mrleft30px {
  margin-left: 30px !important;
}

.__mrleft40px {
  margin-left: 40px !important;
}

.__mrleft50px {
  margin-left: 50px !important;
}

.__mrleft60px {
  margin-left: 60px !important;
}

.__mrright2px {
  margin-right: 2px !important;
}

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

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

.__mrright6px {
  margin-right: 6px !important;
}

.__mrright7px {
  margin-right: 7px !important;
}

.__mrright8px {
  margin-right: 8px !important;
}

.__mrright9px {
  margin-right: 9px !important;
}

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

.__mrright15px {
  margin-right: 15px !important;
}

.__mrleft2px {
  margin-left: 2px !important;
}

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

.__mrleft4px {
  margin-left: 4px !important;
}

.__mrdblleft {
  margin-left: 20px
}

.__bladdactive {
  background-color: #e3e3e3 !important;
}

.__orderauditsmrytable,
.__stockhistorytable {
  width: 100%
}

.order-audit-summary ._nextAction {
  margin-top: 30px
}

.bulk-order-item .__bulkOrderRmBtn,
.bulk-order-item .__bulkOrderBtn {
  display: inline-block !important;
}

.__smryverified {
  text-align: center;
  margin-bottom: 0px
}

.__strPaymt {
  font-size: 15px !important;
  color: #fff;
  margin-bottom: 0 !important;
  margin-top: 5px
}

#ordAuditAdd {
  text-align: center
}

.__security_audit_summary {
  margin-top: 40px
}

._linkgrn {
  color: #449d44 !important;
}

.group.inner.list-group-item-text {
  height: 60px
}

.__nohover,
.__nohover:hover {
  text-decoration: none;
  color: #000
}

.__mrbtmnn {
  margin-bottom: 0px !important;
  margin-top: 10px
}

.__unitDs {
  font-size: 13px
}

._mymrgset {
  margin: 10px 0px 5px 0px !important;
}

.__padgleft {
  padding-left: 30px !important;
}

.uploadDocs {
  width: 100%;
  display: inline-block
}

.single-order-item .group.list-group-image,
.list-single-image {
  height: 200px;
  width: auto
}

._cathead h4 {
  margin: 2px auto
}

.__f8px {
  font-size: 8px !important;
}

.__f9px {
  font-size: 9px !important;
}

.__f10px {
  font-size: 10px !important;
}

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

.__f12px {
  font-size: 12px !important;
}

.__f24px {
  font-size: 24px !important;
}

._mrpx {
  margin: 2px !important;
}

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

.__padds5px {
  padding: 5px !important;
}

.__mrgtpbtm5px {
  margin: 5px 0 !important;
}

.__mrg5px {
  margin: 5px !important;
}

.__f13px {
  font-size: 13px !important;
}

.__f14px {
  font-size: 14px !important;
}

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

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

.__f17px {
  font-size: 17px !important;
}

.__f18px {
  font-size: 18px !important;
}

.__f19px {
  font-size: 19px !important;
}

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

.__f21px {
  font-size: 21px !important;
}

.__f22px {
  font-size: 22px !important;
}

.__f23px {
  font-size: 23px !important;
}

.__f24px {
  font-size: 24px !important;
}

.__f25px {
  font-size: 25px !important;
}

.__f30px {
  font-size: 30px !important;
}

.__vrqtyplus {
  margin-bottom: 2px
}

.__inliblk {
  display: inline-block;
  margin: 2px
}

._nolrpadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.__vrqtyplus a.__offrVarQtyMinus,
.__vrqtyplus a.__offrVarQtyPlus {
  border-radius: 20px;
  padding: 6px 9px
}

._locationNames .__reqLocs {
  text-align: right
}

._strsml {
  text-transform: none
}

.__withoutbrdr {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: center !important;
  border-bottom: 1px solid #000 !important;
  border-radius: 0px !important;
  font-weight: bold !important;
}

.__cntrlatg .btn-edt {
  padding: 5px 10px;
  margin-left: 2px
}

.__red {
  color: #ff0000 !important;
}

._red {
  color: #f16c6c !important;
}

.__bgred {
  background-color: red !important;
}

.__grey {
  color: grey !important;
}

.light-red {
  color: #a94442;
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
}

.light-green {
  color: #3c763d !important;
  background-color: #dff0d8 !important;
  border-color: #d6e9c6 !important;
}

.light-grey {
  background-color: #e2e2e2 !important;
  border-color: #bdbdbd !important;
  color: #736e6e
}

.light-g-red {
  background-color: #fce8e6 !important;
  border-color: #d93025 !important;
  color: #d93025
}

._fsg {
  background-color: #e6f4ea;
  color: #1a73e8;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px
}

._nsi {
  background-color: #e6f4ea;
  color: #188038;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px
}

.danger-red {
  color: #a94442
}

.danger-g-red {
  color: #d93025
}

.__white {
  color: #fff !important;
}

.for-tracking-print-form {
  min-height: 440px
}

.__noleftpads {
  padding-left: 0px !important;
}

.__norightpads {
  padding-right: 0px !important;
}

.select2-search--inline,
.select2-search--inline input {
  width: 100% !important;
}

._locationNames .alert-btm {
  margin-bottom: 10px !important;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-bottom: 10px;
  margin-top: 10px
}

h5 {
  margin-bottom: 10px !important;
  margin-top: 10px
}

.__crtNb {
  margin-top: 15px
}

.__rightbrdr {
  border-right: 1px solid #cacaca
}

.__preloader {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 16px;
  display: inline-block;
  height: 120px;
  margin: 20px 45%;
  text-align: center;
  width: 120px
}

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

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

}

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

  100% {
    transform: rotate(360deg)
  }

}

.table,
table {
  height: auto !important;
}

._normlfnt {
  font-weight: normal;
}

._strikethro {
  text-decoration: line-through;
}

.__oriqty {
  font-size: 12px !important;
  padding: 3px 5px !important;
  margin: 0px 6px
}

.po-no-info,
.cart-note-info {
  text-align: left
}

.__mrl10px {
  margin-left: 5px
}

._managepadsinfo {
  padding: 5px 15px !important;
}

.popover.bottom > .arrow {
  left: 85% !important;
}

._custom-nav {
  z-index: 1 !important;
}

._addcolmn {
  display: block;
  margin-bottom: 20px;
  width: 100%
}

._paycurbx {
  text-align: right
}

.single_order_new_address {
  margin: 66px 0px !important;
}

.__snohvr:hover {
  background: #f9f9f9 none repeat scroll 0 0
}

._orimg {
  width: 30px;
  height: 30px;
  margin: 5px auto
}

.__planproductiontable,
.__planproductiontable tr td {
  border: 1px solid #c6c6c6
}

.cart-ordered-at-info {
  height: 400px
}

.__brdrgryrl {
  border-left: 1px solid #c6c6c6;
  border-right: 1px solid #c6c6c6
}

.lightgreyBorder {
  background: #8e8e8e none repeat scroll 0 0 !important;
  color: #fff
}

.dashboard-list .highcharts-container,
.dashboard-list .highcharts-root {
  width: 100% !important;
}

.dashborad-status-card-view,
.dashborad-status-card-view {
  overflow: hidden !important;
}

.dashborad-status-card-view table tbody tr td,
.timeline-list table tbody tr td {
  display: table-cell !important;
  vertical-align: top !important;
}

.dashborad-status-card-view table tbody,
.timeline-list table tbody {
  position: relative
}

.dashborad-status-card-view table tbody tr._nrmlrow > td,
.timeline-list table tbody tr._nrmlrow td {
  padding: 12px !important;
  border: 1px solid #d0d0d0
}

.dashborad-status-card-view table tbody tr td,
.timeline-list table tbody tr td {
  position: relative
}

.dashborad-status-card-view table tbody tr._spclrow td,
.timeline-list table tbody tr._spclrow td {
  height: 60px;
  padding: 10px !important;
}

.dashborad-status-card-view table thead th,
.timeline-list table thead th {
  border: 1px solid #d0d0d0;
  padding: 10px !important;
  text-align: center
}

#statustracktbl table > thead > tr > th {
  padding: 8px !important;
  text-align: left !important;
}

.__timelinetable {
  position: relative
}

.card-containr {
  margin: 5px
}

._nvcard-containr {
  margin: 5px;
  overflow: auto;
  white-space: nowrap;
  padding-top: 15px
}

._dshcrdv {
  max-width: 200px;
  min-width: 200px
}

._nvdshcrdv {
  display: inline-block;
  margin: 2px;
  max-width: 200px;
  vertical-align: top
}

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

._dshcrdv .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s
}

._dshcrdv .card-status {
  margin-top: 2px
}

.dashboard-list ._dshcrdv .card-deail-view-dash {
  min-height: 120px
}

.timeline-list ._dshcrdv .card-deail-view-dash {
  margin-bottom: 2px
}

._nvdshcrdv .card {
  min-height: 70px !important;
}

._nvdshcrdv ._spndts {
  margin-right: 1px
}

._dshcrdv .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  background-color: #f3f6fa
}

._dshcrdv .containr {
  display: inline-block;
  padding: 2px 5px;
  width: 100%
}

.dashboard-list ._dshcrdv ._pro-title,
.timeline-list ._ofrtlname ._pro-title {
  color: #3f76b7;
  margin-bottom: 5px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 1px;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer
}

.timeline-list ._dshcrdv ._pro-title {
  color: #3f76b7;
  margin-bottom: 5px;
  overflow: hidden;
  overflow-wrap: break-word;
  padding: 1px;
  text-overflow: ellipsis;
  width: 100%;
  cursor: pointer;
  white-space: normal
}

.timeline-list ._ofrtlname ._pro-title,
.timeline-list ._minwdth {
  min-width: 200px
}

.timeline-list ._minmwdth {
  min-width: 100px
}

._dshcrdv ._dates {
  margin-bottom: 7px
}

._dshcrdv ._innrdap {
  margin: 0px !important;
  padding: 3px;
  font-size: 12px;
  text-align: left;
  overflow: hidden;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  width: 100%
}

.__pds {
  min-height: 20px;
  line-height: 20px;
  padding: 4px 0
}

.dashboard-list ._exprtpdf {
  margin-left: 2px;
  margin-top: 10px;
  padding: 15px 0
}

.__lmr7 {
  padding-left: 7px !important;
}

._spndts {
  line-height: 2.3em;
  height: 2.3em
}

.__preloaderactivity {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  height: 20px;
  margin-bottom: 5px;
  text-align: center;
  width: 20px
}

.__preloader2 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  height: 30px;
  margin-bottom: 5px;
  text-align: center;
  width: 30px;
  margin: 0;
  margin-left: 40%
}

.__preloader3 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  height: 20px;
  margin-top: 5px;
  text-align: center;
  width: 20px
}

.__preloader4 {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  border-width: 8px;
  border-radius: 50%;
  text-align: center;
  border-image: none;
  border-style: solid;
  display: inline-block;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  animation: 2s linear 0s normal none infinite running spin;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none
}

.__preloader5 {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  animation: 2s linear 0s normal none infinite running spin;
  border-color: #0052cc #f3f3f3 #f3f3f3;
  border-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  display: inline-block;
  height: 15px;
  margin-top: 5px;
  text-align: center;
  width: 15px
}

._actvt_time {
  font-weight: 500
}

._innract_ptg {
  font-size: 12px;
  margin-bottom: 4px
}

._activitylist {
  margin-bottom: 10px
}

.recentActivityCls,
.recentMilestoneCls,
.divadtnldcCls {
  color: #c9302c !important;
  margin-top: 2px;
  margin-left: 5px
}

._cur_sts ._ststlnme {
  background: #eeeeee none repeat scroll 0 0;
  color: #777
}

._cur_sts > p {
  font-size: 14px;
  padding: 9px 5px;
  white-space: normal
}

.list-group-item._imdisable,
.list-group-item._imdisable:focus,
.list-group-item._imdisable:hover {
  background-color: #eee;
  color: #777
}

.list-group-item._nsDwn,
.list-group-item._nsDwnNew,
.list-group-item._nsDwn:focus,
.list-group-item._nsDwnNew:focus,
.list-group-item._nsDwn:hover,
.list-group-item._nsDwnNew:hover {
  cursor: pointer !important;
}

.order-info .__pdlft5px {
  padding: 0 0 0 5px !important;
}

.order-info .__pdlft10px {
  padding: 0 0 0 5px !important;
}

._nsDwn,
._nsDwnNew {
  background: #ebebeb none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  font-size: 1em;
  height: 2.3em;
  line-height: 2.3em;
  margin-right: 0.2em;
  text-align: center;
  vertical-align: middle;
  width: 2.3em !important;
  margin-left: 2px;
  cursor: pointer
}

._nstlDwn {
  margin-left: -2px !important;
}

._btncsshvr:focus,
._btncsshvr:hover {
  text-decoration: underline !important;
}

.__lrcircle {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 2px solid #c3c3c3;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 3em;
  line-height: 3em;
  margin-left: 2px;
  position: fixed;
  text-align: center;
  top: 20em;
  vertical-align: middle;
  width: 3em;
  z-index: 2
}

.__lrcircle:focus,
.__lrcircle:hover {
  background: #ebebeb none repeat scroll 0 0
}

.dashboard-list ._scrolldiv,
.timeline-list ._scrolldiv {
  overflow-y: auto
}

.dashboard-list .__mvLeft,
.timeline-list .__mvTmLeft,
.timeline-list .__gotTlLeft,
.timeline-list .__ppLControl {
  left: 3em
}

.dashboard-list .__mvRight,
.timeline-list .__mvTmRight,
.timeline-list .__gotTlRight,
.timeline-list .__ppRControl {
  right: 2em
}

.dashboard-list ._cntrlArrow,
.timeline-list ._cntrlArrow ._slow_forwrd,
.timeline-list ._cntrlArrow ._fast_forwrd,
.timeline-list ._cntrlArrow ._play_pause {
  position: relative
}

.__undrlin {
  text-decoration: underline !important;
}

.timeline-list ._date_header > p {
  background: #eeeeee none repeat scroll 0 0;
  color: #0052cc;
  font-size: 14px;
  padding: 9px 0
}

.timeline-list ._tl_scale {
  background: #eeeeee none repeat scroll 0 0;
  margin-top: 5px;
  color: #0052cc
}

.timeline-list ._cal_td_set {
  width: 16em;
  overflow: hidden
}

.timeline-list ._tl_scale ._sclpce_scpe {
  list-style-type: none;
  margin: 0;
  height: 30px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 1px !important;
  width: 240px
}

.timeline-list ._tl_scale ._sclpce_scpe > li {
  display: inline-block;
  position: relative;
  font-size: 10px;
  padding: 5px 0
}

._sclpce_scpein {
  border-right: 1px solid #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 8px;
  display: inline-block
}

.sticky_req {
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%
}

.__nmetl,
._cursor {
  cursor: pointer
}

.timeline-list .card.card-status {
  display: initial
}

.__lrstcircle {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #c3c3c3;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 3em;
  line-height: 3em;
  margin-left: 2px;
  position: fixed;
  text-align: center;
  top: 24em;
  width: 3em;
  z-index: 2
}

.__lrppcircle {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 1px solid #c3c3c3;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 3em;
  line-height: 3em;
  margin-left: 2px;
  position: fixed;
  text-align: center;
  top: 28em;
  width: 3em;
  z-index: 2
}

.__lrstcircle:focus,
.__lrstcircle:hover {
  background: #ebebeb none repeat scroll 0 0
}

.timeline-view-content {
  display: contents
}

.__crnewprjtl {
  display: block;
  float: right;
  margin-top: 10px
}

.card-containr ._date_flag {
  width: 14px;
  height: 14px
}

.__surtnContine {
  display: inline-block;
  height: 10px;
  background-image: url("../images/cross.png");
  width: 100%;
  position: absolute;
  left: 0px
}

.input-controls {
  margin-top: 10px;
  border: 1px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  height: 32px;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)
}

#searchPinInput {
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 50%
}

#searchPinInput:focus {
  border-color: #4d90fe
}

.__surtnRngeBr {
  margin-top: 5px;
  border: 1px solid #b7b7b7
}

.__surtnRngeBr .__rngrstrdv,
.__surtnRngeBr .__rngrcntrdv,
.__surtnRngeBr .__rngrenddv {
  padding: 4px 3px !important;
  vertical-align: middle
}

.__rngrstrdv {
  background-color: #5cb85c;
  color: #fff;
  font-weight: bold
}

.__rngrenddv {
  background-color: #d9534f;
  color: #fff;
  font-weight: bold
}

._gottop {
  background: #f5f5f5 none repeat scroll 0 0;
  border: 2px solid #c3c3c3;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  font-size: 1em;
  height: 3em;
  line-height: 3em;
  margin-left: 2px;
  position: fixed;
  text-align: center;
  bottom: 5em;
  right: 2em;
  width: 3em;
  z-index: 2
}

.container-fluid ._popaddress {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto
}

._popaddress li {
  color: #727272;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid #e3e3e3
}

._popaddress li input[type="radio"] {
  position: absolute;
  visibility: hidden
}

._popaddress li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding-left: 55px;
  margin: 10px auto;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear
}

._popaddress li:hover label {
  color: #111111
}

._popaddress li .check {
  display: block;
  position: absolute;
  border: 5px solid #727272;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
  z-index: 5;
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear
}

._popaddress li:hover .check {
  border: 5px solid #111111
}

._popaddress li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 15px;
  width: 15px;
  top: 0px;
  left: 0px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear
}

._popaddress input[type="radio"]:checked ~ .check {
  border: 5px solid #038e21
}

._popaddress input[type="radio"]:checked ~ .check::before {
  background: #038e21
}

._popaddress input[type="radio"]:checked ~ label,
._popaddress input[type="radio"]:checked ~ ._spnAdress {
  color: #038e21
}

._popaddress ._spnAdress {
  margin-left: 55px
}

._nInfoSpn {
  margin-left: 10px
}

.map-tracking {
  background: #f5f5f5
}

.map-tracking .profile {
  margin: 20px 0
}

.map-tracking .profile-sidebar {
  padding: 20px 0 10px 0;
  background: #fff;
  margin-bottom: 20px
}

.map-tracking .profile-userpic img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.map-tracking .profile-usertitle {
  text-align: center;
  margin-top: 20px
}

.map-tracking .profile-usertitle-name {
  color: #5a7391;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 7px
}

.map-tracking .profile-usertitle-phn,
.map-tracking .profile-usertitle-eml {
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px
}

.map-tracking .profile-userbuttons {
  text-align: center;
  margin-top: 10px
}

.map-tracking .profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px
}

.map-tracking .profile-userbuttons .btn:last-child {
  margin-right: 0px
}

.map-tracking .profile-usermenu {
  margin-top: 30px
}

.map-tracking .profile-usermenu ul li {
  border-bottom: 1px solid #f0f4f7
}

.map-tracking .profile-usermenu ul li:last-child {
  border-bottom: none
}

.map-tracking .profile-usermenu ul li a {
  color: #93a3b5;
  font-size: 14px;
  font-weight: 400
}

.map-tracking .profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 14px
}

.map-tracking .profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1
}

.map-tracking .profile-usermenu ul li.active {
  border-bottom: none
}

.map-tracking .profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  margin-left: -2px
}

.map-tracking .profile-content {
  padding: 20px;
  background: #fff
}

.admin-user-list table .wdth30 {
  width: 30%
}

.admin-user-view ._person-card-view {
  background: #fff;
  border-radius: 2px;
  display: block;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23)
}

._person-card-view ._pru-head {
  text-align: center;
  font-size: 16px;
  background: #337ab7;
  margin: 0 !important;
  padding: 12px;
  color: #fff
}

.prdiv_contains {
  max-height: 297px;
  min-height: 297px;
  overflow-y: scroll;
  overflow-x: hidden
}

.prdiv_contains ul li {
  position: relative
}

.prdiv_contains ._in-control-ch ._in-control-spn {
  vertical-align: middle;
  border-radius: 39%;
  color: #fff;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  padding: 8px 9px;
  z-index: 2;
  font-size: 14px
}

.prdiv_contains ._in-control-ch ._in-control-spn:hover {
  border-color: 1px solid #efefef;
  text-decoration: none
}

.prdiv_contains ._in-control-ch ._in-control-dflt {
  border-color: #000;
  background-color: #777
}

.prdiv_contains ._in-control-ch ._in-control-sucs {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.prdiv_contains ._in-control-ch ._in-control-prmry {
  background-color: #337ab7;
  border-color: #2e6da4
}

.prdiv_contains ._in-control-ch ._in-control-info {
  background-color: #5bc0de;
  border-color: #46b8da
}

.prdiv_contains ._in-control-ch ._in-control-dngr {
  background-color: #d9534f;
  border-color: #d43f3a
}

.prdiv_contains ._in-control-ch ._in-control-wrnig {
  background-color: #f0ad4e;
  border-color: #eea236
}

.prdiv_contains ._in-control-ch {
  vertical-align: middle;
  position: absolute;
  background-color: transparent;
  width: 100%;
  top: 0px;
  margin: 0 !important;
  text-align: center;
  height: auto;
  padding: 10px 0;
  left: 0;
  z-index: 1;
  display: none;
  min-height: 36px
}

.prdiv_contains ._in-control-ch:hover {
  background-color: transparent;
  cursor: pointer
}

.prdiv_contains ul li {
  position: relative
}

.prdiv_contains ul li:hover ._in-control-ch {
  display: block
}

.admin-user-view ._person-card-view ._pru-head a {
  color: #fff
}

.prdiv_contains .switch,
.adm-list-items .switch,
._swtich_div .switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px
}

.prdiv_contains .switch input,
.adm-list-items .switch input,
._swtich_div .switch input {
  display: none
}

.prdiv_contains .slider,
.adm-list-items .slider,
._swtich_div .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.prdiv_contains .slider::before,
.adm-list-items .slider::before,
._swtich_div .slider::before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.prdiv_contains input:checked + .slider,
.adm-list-items input:checked + .slider,
._swtich_div input:checked + .slider {
  background-color: #2196f3
}

.prdiv_contains input:focus + .slider,
.adm-list-items input:focus + .slider,
._swtich_div input:focus + .slider {
  box-shadow: 0 0 1px #2196f3
}

.prdiv_contains input:checked + .slider:before,
.adm-list-items input:checked + .slider:before,
._swtich_div input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px)
}

.prdiv_contains .slider.round,
.adm-list-items .slider.round,
._swtich_div .slider.round {
  border-radius: 34px
}

.prdiv_contains .slider.round:before,
.adm-list-items .slider.round:before,
._swtich_div .slider.round:before {
  border-radius: 50%
}

._menu-grid-view .in-menu-gr {
  padding: 20px;
  text-align: center;
  cursor: pointer;
  display: block
}

._menu-grid-view .in-menu-gr:hover {
  text-decoration: none;
  background-color: transparent
}

._menu-grid-view .img-hed h4 {
  text-transform: uppercase
}

._menu-grid-view .img-hed img,
._menu-grid-view .img-hed i {
  width: 100px;
  margin: 15px auto
}

.admin-user-view ._imrbadge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 10px !important;
}

._menu-bottom-view .btm0-atg {
  text-decoration: none;
  text-align: center;
  text-transform: uppercase
}

._menu-bottom-view .btm0-h4tg {
  padding: 12px;
  font-size: 30px !important;
  font-weight: normal
}

._menu-bottom-view ._btm_menu_img {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center
}

#my-order-medicine {
  background-color: #f6f9fc;
  padding: 10px;
  border: 1px solid #45c4ba;
  border-radius: 3px
}

#my-order-medicine table thead {
  background-color: #3a6073;
  color: white
}

#my-order-medicine table thead th,
#my-order-medicine table tbody tr td {
  padding: 10px !important;
  vertical-align: middle
}

#my-order-medicine table tbody tr:nth-of-type(odd) {
  background-color: #dce6ef
}

#my-order-excercise-goals {
  background-color: #f6f9fc;
  padding: 10px;
  border: 1px solid #45c4ba;
  border-radius: 3px
}

#my-order-excercise-goals .panel-heading .accordion-toggle:after {
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: right;
  color: grey
}

#my-order-excercise-goals .panel-heading .accordion-toggle.collapsed:after {
  content: "\e080"
}

.badgess_cnt {
  position: absolute;
  padding: 0.5rem;
  width: 3rem;
  text-align: center;
  border-radius: 50%;
  background-color: #e95140;
  color: white;
  margin-right: 0.5rem;
  left: 58%;
  top: 15%;
  line-height: 2rem;
  box-shadow: 0px 2px 1px #3a6073;
  font-weight: bold
}

#my-order-appointments {
  background-color: #f6f9fc;
  padding: 15px
}

#my-order-appointments .fullcalendar .fc-widget-header {
  background-color: #3a6073;
  color: white
}

#my-order-appointments .fullcalendar th.fc-widget-header {
  padding: 5px
}

.__btn {
  padding: 3px
}

.submit_offering_form {
  margin: 10px 0 40px 0
}

.for-entity-list .app-list-set .app-btn-set {
  margin: 15px 0px
}

.card-list-set .card-list {
  margin-bottom: 15px
}

.location-list-set .card-list {
  margin-bottom: 15px
}

.card-list-set .card,
.location-list-set .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s
}

.card-list-set .card:hover,
.location-list-set .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2)
}

.card-list-set ._viewEntityPop:hover,
.location-list-set ._viewLocationPop:hover {
  cursor: pointer
}

.card-list-set .contner {
  padding: 2px 16px;
  height: 220px
}

.opn-pos-table {
  margin-bottom: 10px !important;
}

.opn-pos-div .contner {
  padding: 2px 10px;
  height: auto
}

.opn-pos-table tbody td {
  padding: 5px !important;
}

.location-list-set .contner {
  padding: 2px 16px
}

.location-list-set .table {
  margin: 0
}

.card-list-set .base-card-name {
  background: #6495ed;
  padding: 7px;
  color: #fff
}

.appt-list .base-card-name,
.base-card-name-ar {
  background: #45c4ba !important;
  padding: 7px;
  color: #fff
}

.appt-list .contnar {
  padding: 16px 16px
}

.location-list-set .base-location-name {
  background: #64d065;
  padding: 7px;
  color: #fff
}

.card-list-set .legal-type {
  min-height: 30px
}

.spn-view-psswrd {
  margin: 10px 0;
  font-size: 22px;
  color: #39b54a
}

.subtotal_heading .__dbtotalv,
.subtotal_detail .__dbtotalv {
  margin: 3px auto
}

._vEdtOfrImgView > img {
  height: 130px;
  width: 100%
}

._offrDocsa_Rm {
  margin: 5px auto
}

#backend-user-list {
  background-color: #f6f9fc;
  border-radius: 3px
}

#backend-user-list .panel-heading .accordion-toggle:after {
  font-family: "Glyphicons Halflings";
  content: "\e114";
  float: right;
  color: grey
}

#backend-user-list .panel-heading .accordion-toggle.collapsed:after {
  content: "\e080"
}

.tgl-round-chk {
  display: inline-block;
  border: 1px solid #e6e6ea;
  padding: 15px;
  margin: 2px 0px;
  width: 24.8%
}

._ext_icn {
  margin: 5px;
  width: 20px
}

.audio_player {
  width: 50%
}

._btnAptBook {
  margin-top: 10px
}

._baseOfrPrevw .child_offer {
  padding-left: 45px
}

._guest_checkout {
  display: inline-block;
  float: right;
  margin-right: 15px
}

._guest_checkout .switch {
  margin-bottom: -6px
}

._guest_checkout .switch_name {
  font-size: 14px
}

._sttitle_d h3 {
  margin-top: 0px
}

._recrdcnt {
  padding-left: 15px
}

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

._swtich_div._beactdiv,
.pt-5 {
  padding-top: 5px
}

.pt-10 {
  padding-top: 10px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-15 {
  padding-top: 15px
}

.footer .copyright .cppowerd {
  text-align: right
}

._apt_time_slot {
  padding: 20px 0
}

._apt_time_slot .btnTimeSL {
  margin: 5px
}

._dr_basic {
  padding-bottom: 15px
}

._dr_desc {
  padding: 15px
}

._dr_basic img {
  width: 100%
}

.inner_pr > ._imgCntrlPreview > img {
  position: relative;
  z-index: 2000
}

._careDetailBtn {
  color: #454545;
  border-bottom: 1px solid #cbcacb;
  cursor: pointer;
  padding: 5px 0
}

.care-plan-detail-pop-up div {
  border: none !important;
}

._head1center {
  text-align: center !important;
}

.appt-dr-detail img,
.appt-clc-detail img {
  width: 150px
}

.book-appointment_div .contner {
  padding: 2px 16px;
  height: auto;
  min-height: 220px
}

.book-appointment_div .base-card-name {
  font-size: 16px;
  display: block
}

.book-appointment_div span._time {
  float: right
}

.modal-lg-full {
  margin: auto;
  height: auto;
  width: 90% !important;
}

.modal-lg-60 {
  margin: auto;
  height: auto;
  width: 60% !important;
}

.modal-lg-70 {
  margin: auto;
  height: auto;
  width: 70% !important;
}

.modal-lg-80 {
  margin: auto;
  height: auto;
  width: 80% !important;
}

._mis_active_report thead tr th,
._mis_active_report tbody tr td {
  padding: 1px !important;
}

._mis_active_report thead tr th {
  padding: 10px;
  text-align: center !important;
}

._mis_active_report ._mis_be_lst {
  background-color: #4dc95e;
  color: #fff
}

._mis_active_report ._mis_be_lst td h5 {
  padding-left: 5px;
  font-size: 14px;
  margin: 0 !important;
}

._mis_active_report ._mis_bl_lst {
  background-color: #e3e3e3
}

._mis_active_report ._mis_bl_lst td h6 {
  padding-left: 10px;
  font-size: 13px
}

._mis_active_report ._mis_per_lst td ._req_names {
  padding-left: 20px;
  margin: 5px
}

._mis_active_report ._req_counts {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

._mis_active_report ._mis_total_lst td h4 {
  padding-left: 10px
}

.prcanlmrgn {
  margin: 10px 0
}

._price_analysis_view ._pared {
  color: #fff;
  background-color: #9b1717
}

._price_analysis_view ._papurple {
  color: #fff;
  background-color: #364086
}

._price_analysis_view ._pagreen {
  color: #fff;
  background-color: #778242
}

._price_analysis_view ._payellow {
  color: #fff;
  background-color: #fca248
}

._price_analysis_view ._pgrey {
  color: #fff;
  background-color: #7f7f7f
}

._price_analysis_view ._pablack {
  color: #fff;
  background-color: #000
}

.business-loc-search,
.ulbl-loc-search,
._singlesearchbox {
  margin: 20px auto;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #ccc;
  font-size: 16px;
  background-color: white;
  background-image: url("../images/searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 13px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out
}

.business-loc-search:focus,
.ulbl-loc-search:focus,
._singlesearchbox:focus {
  font-size: 18px;
  border-bottom: 2px solid #357ae8
}

.pr-name-search {
  margin: 5px auto;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 1px solid #b5b5b5;
  background-color: white;
  background-image: url(../images/searchicon.png);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  padding: 10px 8px 8px 30px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out
}

.pr-name-search:focus {
  font-size: 14px;
  border-bottom: 1px solid #357ae8
}

.pr-name-search1 {
  border: none;
  margin: 5px auto;
  box-sizing: border-box;
  border-bottom: 1px solid #b5b5b5;
  background-color: white;
  background-image: url(../images/searchicon.png);
  background-position: 0px 5px;
  background-repeat: no-repeat;
  padding: 10px 8px 8px 30px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
}

.pr-name-search1:focus {
  border-bottom: 1px solid #357ae8
}

._searchhvrtxt {
  margin: 10px auto;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #ccc;
  font-size: 18px;
  background-color: white;
  background-image: url("../images/searchicon.png");
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 13px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out
}

._searchhvrtxt:focus {
  font-size: 18px;
  border-bottom: 2px solid #357ae8
}

._editpotxt {
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #ccc;
  font-size: 15px;
  background-color: white;
  padding: 2px;
  font-weight: 450;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out
}

._editpotxt:focus {
  font-size: 15px;
  border-bottom: 2px solid #357ae8
}

._lsmrgin {
  margin: 5px auto !important;
}

._submitCostingDash,
._mrtop10px {
  margin-top: 10px
}

.view-price-recommn .contner,
._price-mr-in .contner,
.bond-transfer-in .contner {
  height: auto !important;
}

.view-price-recommn .base-card-name {
  cursor: pointer
}

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

._prie-val-table thead tr th,
._prie-val-table tbody tr td {
  padding: 3px !important;
}

.txt-sku-change-price {
  margin: 20px auto;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-bottom: 2px solid #ccc;
  font-size: 20px;
  text-align: center;
  background-color: white;
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 13px 20px 12px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out
}

.txt-sku-change-price:focus {
  font-size: 30px;
  color: #357ae8;
  border-bottom: 2px solid #357ae8
}

.field-productpricingsearchform-iprice .help-block {
  text-align: center !important;
  font-size: 20px !important;
}

._barChart {
  min-width: 100%;
  margin: 0 auto
}

._status_n_mis_table tbody tr td {
  padding: 2px !important;
}

._status_n_mis_table tbody tr td p {
  margin: 0px !important;
}

.mis-card-list-set .contner {
  height: auto !important;
}

.btncp {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px
}

._profile_image_dv {
  width: 150px;
  margin: 0 auto
}

._profile_image_dv ._pr_img_prsn {
  margin: 5px auto;
  border-radius: 50%;
  width: 150px
}

._dr_basic img {
  border: 2px solid #d0d0d0;
  border-radius: 5px;
  padding: 2px
}

._profile_img_sm {
  width: 100px;
  margin: 0 auto
}

._profile_img_sm ._pr_img_prsn_sm {
  margin-bottom: 5px;
  border-radius: 50%;
  width: 100px
}

.promissing_dropdown {
  height: 450px
}

.care-inner-list {
  display: block;
  width: 100%
}

.care-detail-div {
  padding: 5px
}

.care-detail-box {
  color: #454545;
  min-height: 175px;
  border: 1px solid #cbcacb;
  padding: 10px;
  border-radius: 8px;
  margin: 0px 5px
}

.list-group._btnGrpCntrl {
  display: table;
  margin-top: 10px;
  margin: 5px auto
}

.cluster-sku-master .contner {
  padding: 2px 16px;
  height: auto
}

._limitdiv .contner {
  padding: 2px 10px;
  height: auto;
  min-height: 180px
}

._chrtdiv .contner {
  padding: 2px 10px;
  height: auto;
  min-height: 408px
}

._chrtntdiv .contner {
  padding: 2px 10px;
  height: auto;
  min-height: 80px
}

._chrtnstdiv .contner {
  padding: 2px 10px;
  height: auto;
  min-height: 310px
}

._crsr {
  cursor: pointer
}

._nocrsr {
  cursor: not-allowed !important;
}

._innerCluster:hover {
  background: #e3e3e3 !important;
}

._innerCluster,
.sku-master,
.sku-master table thead th,
.sku-master table tbody tr td {
  background: #e3e3e3
}

._in_a {
  padding: 1px !important;
}

._st_btn {
  padding: 2px !important;
  z-index: 5
}

.clrfff {
  color: #fff !important;
}

.btnaround {
  border: 1px solid #979796 !important;
  padding: 2px 4px;
  display: inline-block;
  font-size: 12px;
  margin: 1px;
  border-radius: 20px !important;
}

._lilmrtst {
  margin: 2px 5px
}

._pdd2px {
  padding: 2px
}

._pdd5px {
  padding: 5px
}

.pt-10 {
  padding-top: 10px
}

.pb-10 {
  padding-bottom: 10px
}

.for-pricing-analytics-list table thead tr th {
  text-align: center
}

._nolmbrdr {
  border-left: none !important;
}

._nobtmbrdr {
  border-bottom: none !important;
}

._notpbrdr {
  border-top: none !important;
}

._nobrdr {
  border: none !important;
}

._bggreen {
  background-color: #5cb85c !important;
  color: #fff !important;
}

._bggreen1 {
  background-color: #d1e7dd !important;
  border-color: #badbcc !important;
  color: #0f5132 !important;
}

._bgred1 {
  color: #842029 !important;
  background-color: #f8d7da !important;
  border-color: #f5c2c7 !important;
}

._bgorange1 {
  color: #664d03 !important;
  background-color: #fff3cd !important;
  border-color: #ffecb5 !important;
}

._bgred {
  color: #fff;
  background-color: #d9534f !important;
}

._fnred {
  color: #d9534f !important;
}

._gavlspnl {
  margin-left: 2px;
  padding: 4px !important;
  font-weight: normal !important;
  font-size: 13px !important;
}

.__baseCardName {
  display: inline-block;
  margin: 0 !important;
}

.spntimestamp {
  font-size: 13px
}

._blue {
  color: #0052cc !important;
}

._green {
  color: #4cae4c !important;
}

._green-chk, 
._orange-chk, 
._red-chk {
  margin: 0;
  width: 23px;
  height: 23px;
  border: 2px solid #ccc;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

._green-chk {
  accent-color: #4cae4c !important;
}

._orange-chk {
  accent-color: #a94442 !important;
}

._red-chk {
  accent-color: #a94442 !important;
}

._green-chk:checked {
  background-color: #4cae4c;
  border-color: #4cae4c;
}

._orange-chk:checked {
  background-color: #e39505;
  border-color: #e39505;
}

._red-chk:checked {
  background-color: #a94442;
  border-color: #a94442;
}

._green-chk:checked::before,
._orange-chk:checked::before,
._red-chk:checked::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 7px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

._dgreen {
  color: #035403 !important;
}

.view-price-recommn .card-list-set .contner {
  height: 160px !important;
}

._price_popup_rec .contner12 {
  height: 235px !important;
}

._imgCntrlPreview > a {
  cursor: pointer
}

._prldr {
  margin: 20px 45px !important;
  height: 30px !important;
  width: 30px !important;
}

._mnclskutable tbody tr td,
._mnclskutable thead tr th {
  padding: 4px !important;
}

._nfinprrelfttble tbody tr td,
._nfinprrelfttble thead tr th {
  padding: 2px !important;
}

._nfinprrelfttble thead tr th {
  font-weight: normal !important;
}

._finpticetble tr td p {
  margin: 2px !important;
}

._entloclisttable tbody tr td {
  padding: 5px
}

._entloclisttable tbody tr td p {
  margin: 0px !important;
}

._persnprpc {
  height: 20px;
  width: 20px;
  border-radius: 5px;
  margin-right: 2px
}

._containerChart {
  min-width: 600px;
  min-height: 500px;
  margin: 0 auto
}

._btnmrlft {
  margin-left: 5px
}

#sADCityId {
  height: 500px
}

.paxis-block {
  padding: 5px 0 0;
  width: 100%;
  min-height: 550px
}

.patient-paxis-pic {
  position: relative;
  margin: 10px auto 0;
  display: table;
  float: none
}

.careplan-heading {
  padding: 15px;
  border: 1px solid #e5e4e5;
  border-radius: 5px;
  background: #fff;
  margin: 5px
}

.patient-paxis-pic::before {
  position: absolute;
  width: 2px;
  height: 200px;
  background: #999999;
  content: "";
  top: inherit;
  bottom: -100%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1
}

.paxis-block h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 700
}

.plan-setup {
  display: inline-block;
  width: 100%;
  text-align: center;
  padding: 4% 0 0;
  margin-top: 6%;
  position: relative;
  overflow: hidden;
  position: relative
}

.plan-setup::before {
  position: absolute;
  width: 90%;
  height: 3px;
  background: #999999;
  content: "";
  top: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1
}

.plan-setup li {
  margin: 35px 3% 0;
  display: inline-block;
  position: relative;
  width: 18%;
  background: #eeeeee;
  padding: 10px 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s
}

.plan-setup li:hover,
.plan-setup li:focus {
  background: #d6ffff
}

.plan-setup li a {
  text-transform: uppercase;
  color: #333333;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none
}

.plan-setup li a:hover,
.plan-setup li a:active {
  text-decoration: none
}

.plan-setup li:hover,
.plan-setup li:active {
  background: #d6ffff
}

.plan-setup li.active {
  background: #d6ffff
}

.plan-setup li::before {
  position: absolute;
  width: 2px;
  height: 500%;
  background: #999999;
  content: "";
  top: -250%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1
}

.plan-setup li a .fa {
  clear: both;
  margin: 0 auto 2px;
  display: block
}

@media only screen and (max-width:767px) {
}

@media only screen and (max-width:479px) {
}

._customer_div_list ._customer_list tr th {
  font-size: 16px;
  font-weight: 600;
  padding: 15px 10px !important;
  background: #dddddd;
  border-right: 1px solid #cccccc
}

._customer_div_list ._customer_list tr th:last-child,
._customer_div_list ._customer_list tbody tr td:last-child {
  border-right: 0px
}

._customer_div_list ._customer_list {
  border: 1px solid #dddddd;
  margin-top: 20px
}

._customer_div_list ._customer_list p:last-child {
  margin-bottom: 0px !important;
}

._customer_div_list ._customer_list tbody tr td {
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  padding: 10px 10px !important;
}

._customer_div_list ._customer_list tbody tr:nth-child(even) {
  background-color: #eeeeee !important;
}

._customer_div_list ._customer_list td ._person-info-nme a h4 {
  font-weight: 500;
  font-size: 16px;
  margin: 0 !important;
}

._customer_div_list .btn-link,
.admin-user-view .btn-link {
  color: #5c8e47 !important;
  font-weight: 600 !important;
}

._customer_div_list a,
.admin-user-view a {
  color: #45c4ba;
  transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s
}

._customer_div_list .btn-success,
.admin-user-view .btn-success {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border: 0px
}

._customer_div_list a:focus,
._customer_div_list a:hover,
.admin-user-view a:focus,
.admin-user-view a:hover {
  color: #374b9e;
  text-decoration: none !important;
}

._customer_div_list .person-name-search {
  margin-top: 15px;
  padding: 15px 20px
}

._customer_div_list .form-control {
  height: 46px !important;
  line-height: 46px !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  background-image: none !important;
  font-size: 16px !important;
  transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s
}

._customer_div_list .form-control:focus {
  border: 1px solid #374b9e !important;
}

._customer_div_list .btn-primary {
  height: 46px !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  font-size: 18px !important;
  background-color: #1785cd !important;
  background-image: none !important;
  border: none !important;
  transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s
}

._customer_div_list .btn-primary:hover,
._customer_div_list .btn-primary:focus {
  background-color: #374b9e !important;
}

._customer_div_list .person-name-search label {
  font-size: 18px;
  font-weight: 600 !important;
}

._customer_div_list .person-name-search .glyphicon-search {
  font-size: 14px
}

._customer_div_list ._person-info-action {
  text-align: center
}

._customer_div_list .navbar-collapse .fa-user-circle {
  color: #4d8247
}

.admin-user-view ._person-card-view {
  margin-top: 20px
}

.admin-user-view.__mrupper .prdiv_contains ul li {
  border-radius: none !important;
  -webkit-border-radius: none !important;
  -moz-border-radius: none !important;
  border-right: 0px;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 1px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

._person-card-view ._pru-head {
  font-weight: 500 !important;
  background-color: #45c4ba !important;
}

.prdiv_contains ul li.list-group-item {
  padding: 15px !important;
}

.prdiv_contains ._in-control-ch ._in-control-spn {
  border-radius: 100% !important;
  -moz-border-radius: 100% !important;
  -webkit-border-radius: 100% !important;
  color: #ffffff !important;
  height: 25px !important;
  width: 25px !important;
  text-align: center !important;
  line-height: 25px !important;
  display: inline-table !important;
  padding: 0px !important;
}

.prdiv_contains .list-group-item:hover,
.prdiv_contains .list-group-item:focus {
  background-color: rgba(53, 53, 53, 0.2) !important;
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
}

._map_table {
  background: #efefef;
  margin-top: 15px;
  color: #555
}

._map_table tbody tr td {
  padding: 1px !important;
}

._affecting_sku_list table tr td {
  padding: 2px
}

._changeDeltaPtd {
  text-align: right
}

._insblName {
  height: 20px;
  line-height: 20px
}

._bg_light_red {
  background: #c0d4c0 !important;
}

._bg_light_green {
  background-color: #6bc76b !important;
  color: #fff !important;
}

._chartlegends {
  position: absolute;
  width: 250px;
  margin: 4px
}

._chartlegends table tr td {
  padding: 5px
}

._linked_cities {
  border: 1px solid #bbbbbb;
  padding: 3px 5px;
  border-radius: 5px;
  margin: 2px;
  color: #23527c;
  height: 28px;
  line-height: 20px;
  display: inline-block
}

.view-price-recommn .__baseCardName {
  width: 100%
}

._prc_rec_code {
  background: #cecece;
  padding: 1px 4px;
  color: #525252;
  border: 1px solid #868686;
  border-radius: 4px
}

._adjst_rec {
  line-height: 20px;
  height: 60px
}

._agrcirclebtn {
  padding: 1px 8px;
  background: #d8d8d8 !important;
  border-radius: 9px !important;
}

._awhcirclebtn {
  padding: 1px 7px;
  background: #fff !important;
  border-radius: 9px !important;
}

._discolr {
  width: 100px;
  height: 30px
}

._cowbg {
  height: 25px;
  width: 25px;
  display: inline
}

._chickenbg {
  height: 18px;
  width: 18px;
  display: inline
}

._chicon {
  display: inherit
}

._chicon img {
  margin-left: 3px
}

._entloclisttable tbody tr td {
  padding: 5px !important;
}

._dis_last_chlid {
  height: 100px !important;
  min-height: 100px !important;
}

#_bAlertModelMsg {
  line-height: 28px
}

._tr_nested:hover,
._tr_stnested:hover {
  background-color: #e5e5e5;
  cursor: pointer
}

._tr_nested,
._tr_stnested {
  cursor: pointer
}

._innrnestd,
._nestedtable tbody tr td {
  background-color: #e4e4e4
}

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

._ptagheadnest {
  padding: 7px;
  margin: 0px;
  display: flow-root
}

._chrnstdlst:hover {
  color: #4888c4
}

._chrnstdlst,
._clsnstdlst {
  cursor: pointer;
  padding: 5px
}

._trttl td {
  font-weight: 500
}

._clsnstlsth {
  color: #4877a1;
  font-weight: 500
}

._nstskuhead {
  background-color: #dcdcdc;
  margin: 0 !important;
  padding: 10px 0px
}

._nstdivtst table._nestedsttable tbody tr td,
._nstdivtst table._nestedmtbrtable tbody tr td,
._ptgsthead {
  background: #cecece
}

._nstdivtst table._nestedloctable tbody tr td,
._nstdivtst table._nestedmtskutable tbody tr td,
._ptglochead {
  background: #bababb
}

._nstdivtst table._nestedskutable tbody tr td,
._nstdivtst table._nestedmtrgtable tbody tr td,
._ptgskuhead {
  background: #ebebeb
}

.grfsepreator {
  border-top: 1px solid #e5e5e5;
  text-align: right;
  margin-bottom: 7px
}

.grfsepreator > div.btn-group {
  margin-top: 10px
}

._bndRangeControl {
  border-top: 1px solid #e1e1e1;
  padding-top: 10px
}

._bsred {
  color: #a94442
}

._bggreen {
  background-color: #449d44
}

._pdndGrdTtl {
  font-size: 17px;
  padding: 5px;
}

._isErrMsg,
.pdl-15 {
  padding-left: 15px;
}

.pdl-20 {
  padding-left: 20px;
}

._dspl_bnd_mstr {
  background: #e1e1e1;
  cursor: pointer;
  border-radius: 15px
}

._dspl_bnd_mstr:hover {
  background: #e7e7e7
}

.bond-serial-search {
  margin: 10px 0
}

._astcksync {
  margin-right: 20px;
  margin-top: -8px
}

._slctbxheight {
  height: 350px !important;
}

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

.divRes {
  margin: 15px 0;
  background: #d8d8d8;
  padding: 15px;
  border-radius: 7px
}

._btnBndTransfer,
.search-by-cust-name {
  margin: 15px 0 !important;
}

.search-by-cust,
.search-by-loc {
  margin-bottom: 15px
}

._bgGrey {
  background-color: #e7e7e7
}

._derived {
  text-align: right
}

._derivedl {
  text-align: left;
  font-size: 14px
}

.custom-alert-box {
  z-index: 6;
  top: 60px;
  width: 62%;
  left: 50%;
  position: fixed;
  margin-left: -30.5%
}

.common-alert {
  padding: 20px;
  font-size: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px
}

.common-alert-e,
.common-alert-e1 {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1
}

.common-alert-s,
.common-alert-s1 {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6
}

.cmn-closebtn {
  color: #000;
  margin-left: 15px;
  margin-top: -4px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 25px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s
}

.cmn-closebtn:hover {
  color: black
}

.cmn-span {
  font-size: 15px
}

.tblsmfnt tbody tr td {
  font-size: 14px;
  font-weight: normal
}

.tblsmfnt thead tr th.thsmfnt {
  height: auto;
  display: block !important;
}

.tblsmfnt tbody tr td.frm-fnt,
.tblsmfnt thead tr th.frm-fnt {
  width: 3% !important;
}

.tblsmfnt tbody tr td.frm-fntt1,
.tblsmfnt thead tr th.frm-fntt1 {
  width: 6% !important;
}

.tblsmfnt tbody tr td.frm-fnttmfr,
.tblsmfnt thead tr th.frm-fnttmfr {
  width: 12% !important;
}

.imtblhvr tbody tr:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  border: 1px solid #000
}

._trdashbNestedIndiv {
  z-index: 6
}

._nstdivtst table._nesteddrtable1 tbody tr td,
._ptghead1 {
  background: #c26323
}

._nstdivtst table._nesteddrtable2 tbody tr td,
._ptghead2 {
  background: #5184c3
}

._nstdivtst table._nesteddrtable3 tbody tr td,
._ptghead3 {
  background: #8d9190
}

._nstdivtst table._nesteddrtable4 tbody tr td,
._ptghead4 {
  background: #08575c
}

._nstdivtst table._nesteddrtable5 tbody tr td,
._ptghead5 {
  background: #9b9740
}

._nstdivtst table._nesteddrtable6 tbody tr td,
._ptghead6 {
  background: #233b5d
}

._nstdivtst table._nesteddrtable7 tbody tr td,
._ptghead7 {
  background: #c48e68
}

._nstdivtst table._nesteddrtable8 tbody tr td,
._ptghead8 {
  background: #ebcdd5
}

._nstdivtst table._nesteddrtable9 tbody tr td,
._ptghead9 {
  background: #5b2c34
}

._nstdivtst table._nesteddrbr1 {
  border: 2px solid #c26323;
  z-index: 1
}

._nstdivtst table._nesteddrbr2 {
  border: 2px solid #5184c3;
  z-index: 2
}

._nstdivtst table._nesteddrbr3 {
  border: 2px solid #8d9190;
  z-index: 3
}

._nstdivtst table._nesteddrbr4 {
  border: 2px solid #08575c;
  z-index: 4
}

._nstdivtst table._nesteddrbr5 {
  border: 2px solid #9b9740;
  z-index: 5
}

._nstdivtst table._nesteddrbr6 {
  border: 2px solid #233b5d;
  z-index: 6
}

._nstdivtst table._nesteddrbr7 {
  border: 2px solid #c48e68;
  z-index: 7
}

._nstdivtst table._nesteddrbr8 {
  border: 2px solid #ebcdd5;
  z-index: 8
}

._nstdivtst table._nesteddrbr9 {
  border: 2px solid #5b2c34;
  z-index: 9
}

._nstdivpcm table._nesteddrbr1 {
  border-top: 2px solid #c26323;
  z-index: 1
}

._nstdivpcm table._nesteddrbr2 {
  border-top: 2px solid #5184c3;
  border-bottom: 2px solid #5184c3;
  z-index: 2
}

._nstdivpcm table._nesteddrbr3 {
  border-top: 2px solid #8d9190;
  border-bottom: 2px solid #8d9190;
  z-index: 3
}

._nstdivpcm table._nesteddrbr4 {
  border-top: 2px solid #08575c;
  border-bottom: 2px solid #08575c;
  z-index: 4
}

._nstdivpcm table._nesteddrbr5 {
  border-top: 2px solid #9b9740;
  border-bottom: 2px solid #9b9740;
  z-index: 5
}

._nstdivpcm table._nesteddrbr6 {
  border-top: 2px solid #233b5d;
  border-bottom: 2px solid #233b5d;
  z-index: 6
}

._nstdivpcm table._nesteddrbr7 {
  border-top: 2px solid #c48e68;
  border-bottom: 2px solid #c48e68;
  z-index: 7
}

._nstdivpcm table._nesteddrbr8 {
  border-top: 2px solid #ebcdd5;
  border-bottom: 2px solid #ebcdd5;
  z-index: 8
}

._nstdivpcm table._nesteddrbr9 {
  border-top: 2px solid #5b2c34;
  border-bottom: 2px solid #5b2c34;
  z-index: 9
}

._nstdivtslsd ._clsnstlsth {
  color: #fff;
  font-weight: 500
}

._containergraph {
  padding-bottom: 20px
}

._fntred {
  color: red !important;
}

._fntgreen {
  color: green !important;
}

._iptmrl optgroup {
  margin-left: 2px
}

.filter-page-select {
  padding: 10px
}

.filter-page-select li {
  text-indent: 5px !important;
  line-height: 15px !important;
  margin: 5px 0 0 6px !important;
  padding: 0 6px !important;
}

._brdrs {
  border: 1px solid #c1c1c1;
  padding: 5px;
  background: #eeeeee;
  border-radius: 9px
}

._status_mom .ck-editor__editable {
  height: 250px !important;
}

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

#exTab1 .tab-content {
  color: white;
  background-color: #428bca;
  padding: 5px 15px
}

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0
}

#exTab3 .tab-content {
  padding: 5px 15px;
  border: 1px solid #c6c6c6;
  border-radius: 3px
}

._div_prcode_title {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
  border: 1px solid #cee1be;
  border-radius: 2px
}

._div_prcode_title p.sub-title {
  padding-top: 5px
}

.order_detail .navTblFormUl a {
  font-size: 14px
}

.btnDivNxtPrvsDf a {
  margin-bottom: 10px
}

.clsMeByCls {
  padding: 5px;
  cursor: pointer;
  margin-top: -4px
}

._divbrdrs {
  border: 1px solid #cdcaca;
  padding: 10px;
  margin-top: 10px;
  border-radius: 5px
}

._upperline {
  border-top: 1px solid #c0c0c0;
  width: 96%;
  margin-left: 20px
}

.nrmlfntweight {
  font-weight: normal
}

.tooltipnw {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black
}

.tooltipnw .tooltiptext {
  visibility: hidden;
  position: absolute;
  z-index: 1
}

.tooltipnw:hover .tooltiptext {
  visibility: visible
}

table.tblderrivedview tbody tr td {
  background: #838383 !important;
  color: #fff
}

.spninfo {
  margin-left: 3px;
  background: #b5b5b5;
  color: #fff;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 8px
}

._input_cta {
  resize: block !important;
}

._pcmcellcolor {
  background-color: #ffb38a !important;
  color: #fff
}

._deltacellcolor {
  background-color: #82a6f1 !important;
  color: #fff
}

._deccellcolor {
  background-color: #01caa6 !important;
  color: #fff
}

._rolecellcolor {
  background-color: #01b963 !important;
  color: #fff
}

._actcellcolor {
  background-color: #41a9dc !important;
  color: #fff
}

._procellcolor {
  background-color: #a567c8 !important;
  color: #fff
}

._opt1cellcolor {
  background-color: #fac8bf !important;
  color: #fff
}

._opt2cellcolor {
  background-color: #ffa407 !important;
  color: #fff
}

._pcmcellcolor > a,
._deltacellcolor > a,
._deccellcolor > a,
._rolecellcolor > a,
._actcellcolor > a,
._procellcolor > a,
._opt1cellcolor > a,
._opt2cellcolor > a {
  color: #474747
}

.resizable-input {
  overflow-x: hidden;
  resize: horizontal;
  display: inline-block;
  padding: 0;
  margin: 0;
  white-space: nowrap;
  width: 100%
}

.resizable-input > input {
  width: 100%;
  box-sizing: border-box;
  margin: 0
}

.resizable-input > span {
  display: inline-block;
  vertical-align: bottom;
  margin-left: -16px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAJUlEQVR4AcXJRwEAIBAAIPuXxgiOW3xZYzi1Q3Nqh+bUDk1yD9sQaUG/4ehuEAAAAABJRU5ErkJggg==");
  cursor: ew-resize
}

.dftbl-header,
.dftbl-footer {
  padding: 10px 0px
}

.btncntr {
  display: inline-block;
  padding: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  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: 5px
}

.chcekbox-container {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 6px;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.chcekbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee
}

.chcekbox-container:hover input ~ .checkmark {
  background-color: #ccc
}

.chcekbox-container input:checked ~ .checkmark {
  background-color: #2196f3
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none
}

.chcekbox-container input:checked ~ .checkmark:after {
  display: block
}

.chcekbox-container .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg)
}

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

.td-highlight {
  background-color: #f0ad4e;
  color: #fff
}

._minzepersybl {
  padding: 6px 5px !important;
}

._mininppdg {
  padding: 5px 4px !important;
}

.btn-wrn-clr {
  color: #f0ad4e !important;
}

.btn-wrn1-clr {
  color: #8c5406 !important;
}

.btn-wrn2-clr {
  color: #4454c6 !important;
}

.btn-wrn3-clr {
  color: #503d2c !important;
}

.btn-wrn4-clr {
  #color: #158c8e !important;
  color: #cb2406 !important;
}

.btn-grey-clr {
  color: #605f5c !important;
}

.btn-grey-clr2 {
  color: #999895 !important;
}

.btn-pri-light-clr {
  color: #488aff !important;
}

.pd-5 {
  padding: 5px !important;
}

.pd-4 {
  padding: 4px !important;
}

.pd-3 {
  padding: 3px !important;
}

.pd-2 {
  padding: 2px !important;
}

.spnPtg {
  margin-bottom: 0px
}

._menu_active_90,
._menu_active_91 {
  border-top: 3px solid #ffc240
}

._menu_active_r_90,
._menu_active_r_91 {
  border-right: 4px solid #ffc240
}

._mominfodiv,
._mominfodisdiv {
  margin-bottom: 0px;
  padding: 3px
}

._italic {
  font-style: italic
}

.bgred {
  background: #fcd3d3 !important;
}

._padding {
  padding: 10px 0px
}

._docuploaded {
  background-color: #5cb85c;
  color: #fff;
  border-radius: 15px;
  padding: 2px
}

.req-ordr-offr-img {
  margin-top: 12px
}

.brkrownrlist {
  margin-bottom: 20px
}

.form-data-form-div,
.vehicle-and-driver-div {
  margin-bottom: 25px
}

.last_submtd_form {
  background: #f3f3f3
}

._hideDataFrmDiv {
  margin-top: -7px
}

.status-change-dt-by {
  padding-top: 5px;
  font-weight: normal;
  font-size: 12px
}

.lmwidth {
  word-wrap: break-all
}

.wrap-text {
  word-wrap: break-all
}

.display_timer {
  overflow: hidden;
  position: fixed;
  top: 10%;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9999999999;
  font-size: 60px
}

.display_percentage {
  font-size: 30px
}

.brdr_efefef {
  border: 1px solid #d6d6d6;
  border-radius: 5px
}

.nxt-sts-heading {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 10px
}

.clearfix {
  clear: both
}

.scan-assembly-div .form-group {
  margin-bottom: 0px !important;
}

.container-cus-tble {
  margin-bottom: 5px !important;
  background: no-repeat !important;
}

.container-cus-tble td,
.container-cus-tble th {
  padding: 4px 5px !important;
  text-transform: inherit
}

.custom-tbl-npdd th,
.custom-tbl-npdd td {
  padding: 3px 5px !important;
  text-transform: inherit
}

.custom-tbl-npdd td {
  text-align: right !important;
}

.lmwidth {
  width: 70%;
  word-wrap: break-word
}

.width-auto {
  width: auto !important;
}

.expired_po_p {
  background-color: #fa7152;
  padding: 8px 5px;
  border-radius: 3px;
  color: #fff;
  text-align: center
}

.jabil-danger {
  background-color: #f45936;
  color: #fff;
  font-weight: bold
}

.jabil-success {
  background-color: #8bc34a
}

.brdrtop {
  border-top: 1px solid #efefef
}

.brdrbottom {
  border-bottom: 1px solid #efefef
}

.brdrleft {
  border-left: 1px solid #efefef
}

.brdrright {
  border-right: 1px solid #efefef
}

.slt-head {
  border-bottom: 1px solid #ddd;
  padding: 10px 0
}

.po-head-txt {
  padding: 10px;
  background-color: #ededed
}

.spn-bookd-slt {
  padding: 0 5px;
  cursor: pointer
}

.tbl-bkt-slt {
  border-top: 2px solid #868686 !important;
}

.custom-tbl-npdd thead th {
  font-weight: 500
}

.pr-flw-div {
  display: inline
}

._mrtopm2px {
  margin-top: -2px
}

.pr-flw-spn {
  height: 20px;
  width: 20px;
  border-radius: 20px;
  margin-top: -2px;
  display: inline-block;
  margin-left: 8px
}

.pr-flw-spn-popup {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 20px;
  margin-bottom: -4px;
  margin-left: 5px
}

.fw-350 {
  font-weight: 350 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-450 {
  font-weight: 450 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.pd-5 {
  padding: 5px
}

.pd-10 {
  padding: 10px
}

.input_ed_po {
  border: none;
  padding: 5px;
  width: 70px;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
}

.table-dark tr {
  background-color: #ededed !important;
}

.dark-tr {
  background-color: #ededed !important;
}

.light-dark-tr {
  background-color: #f9f9f9 !important;
}

.light-dark-tr2 {
  background-color: #f0f0f0 !important;
}

.light-dark-tr2 {
  background-color: #f1f1f1 !important;
}

.success-dark-tr {
  background-color: #045f04 !important;
  color: #fff !important;
}

.light-success-dark-tr {
  background-color: #6eb86e !important;
  color: #fff !important;
}

.light-dark2-tr {
  background-color: #f5f5f5 !important;
}

.ddd-tr {
  background-color: #fbfbfb !important;
}

.ddd-tr td {
  color: #666;
  border-bottom: 1px solid #efefef !important;
}

.dark-bst-tr {
  background-color: #dedede !important;
}

.go-icon {
  width: 23px;
  padding: 3px 6px;
  border-radius: 50%;
  margin: 0;
  margin-top: -2px;
  margin-left: 5px
}

.cb-vehicle-num-type label {
  cursor: pointer;
  margin-right: 15px
}

.cb-vehicle-num-type label input {
  margin-right: 3px
}

.rd-reorient-plant label {
  display: block;
  cursor: pointer;
  padding: 4px 0
}

.rd-reorient-plant label input {
  margin-right: 2px
}

.reorient-plant-preview {
  border-top: 1px solid #efefef
}

.takn-back-qty-div {
  position: relative
}

.spn-z62-info {
  cursor: pointer;
  margin-left: 5px
}

.spn-z62-info:hover .takn-back-bfrctn {
  opacity: 1;
  visibility: visible;
  transition: all .35 ease .25s;
  -webkit-transition: all .35 ease .25s;
  -moz-transition: all .35 ease .25s
}

.img-doc-icn {
  height: 20px;
  width: 20px;
  object-fit: cover
}

.img-doc-icn-lg {
  width: 200px;
  height: 150px;
  object-fit: cover
}

.doc-nots {
  margin-bottom: 0px;
  color: #656060
}

textarea.txt-mb-remarks {
  width: 100%;
  resize: none;
  padding: 4px;
  border: 1px solid #777
}

.ex-hist-a {
  color: #333 !important;
}

.ex-hist-a:hover {
  text-decoration: underline
}

.fix-card-div .card-list {
  min-height: 280px
}

.n-box-list,
.atn-store-box-list,
.atn-store-dis-box-list {
  padding: 5px 20px;
  margin: 2px auto;
  border-radius: 5px
}

.n-box-list,
.atn-store-box-list {
  cursor: pointer;
  color: #357ae8
}

.atn-store-dis-box-list {
  color: #605f5c;
  cursor: not-allowed
}

.n-box-1 {
  font-size: 1.6em
}

.n-box-2 {
  font-size: 1.3em
}

.n-box-3 {
  font-size: 1em
}

.atn-store-box .n-box-1 {
  font-size: 1.4em
}

.atn-store-box .n-box-2 {
  font-size: 1em
}

.atn-store-box .n-box-3 {
  font-size: 0.7em
}

.n-box-1,
.n-box-2,
.n-box-3 {
}

.n-box-list:hover,
.n-box-active,
.atn-store-box-list:hover,
.atn-store-box-list.n-box-active {
  background-color: #357ae8;
  color: #fff
}

.n-box-list:hover,
.n-box-active,
.atn-store-box-list:hover,
.atn-store-box-list.n-box-active {
  background-color: #357ae8;
  color: #fff
}

.n-box-selected,
.n-box-selected:hover {
  background-color: #777;
  color: #fff
}

.b-separator {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.an-box-1 {
  width: 100%;
  display: block;
  font-weight: 450;
  color: #357ae8 !important;
  text-decoration: none !important;
}

.n-box-active > .an-box-1 {
  color: #fff !important;
}

.atn-store-box-list:hover .an-box-1 {
  background-color: #357ae8;
  color: #fff !important;
}

.an-box-1:active,
.an-box-1:visited,
.an-box-1:hover {
  border: none !important;
  text-decoration: none !important;
}

.atn-store-box-list a.an-box-1 {
  padding-top: 0.45em
}

.login-tnc {
  margin: 5px auto;
  font-size: 13px;
  text-align: center
}

.login-help-txt {
  margin: 5px auto;
  font-size: 13px;
  text-align: center
}

.terms-n-con-div {
  color: #474646;
  background-color: white;
  text-align: justify
}

.terms-n-con-div h6 {
  font-size: 16px
}

.terms-n-con-div .no-mr {
  margin: 0 auto
}

.terms-n-con-div .tnc-cmpname {
  margin-top: 1rem
}

.severity-clr {
  width: 20px;
  height: 20px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: sub;
  margin: 0px 3px
}

.list-group-horizontal .list-group-item {
  display: inline-block;
  padding: 8px 15px
}

.list-group-horizontal .list-group-item {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: 0;
  border-right-width: 0
}

.list-group-horizontal .list-group-item:first-child {
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px
}

.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-right-width: 1px
}

.highcharts-strong,
.bold {
  font-weight: bold
}

.asap-status-chart {
  height: 100%;
  width: 100%;
  margin: 10px auto
}

.asap-timeline-chart,
.highcharts-data-table table {
  min-width: 320px;
  min-width: 800px;
  width: 100%;
  margin: 10px auto
}

.hg-dbl p {
  opacity: 1 !important;
}

.highcharts-data-table table {
  font-family: Verdana, sans-serif;
  border-collapse: collapse;
  border: 1px solid #ebebeb;
  margin: 10px auto;
  text-align: center;
  width: 100%;
  max-width: 500px
}

.highcharts-data-table caption {
  padding: 1em 0;
  font-size: 1.2em;
  color: #555
}

.highcharts-data-table th {
  font-weight: 600;
  padding: 0.5em
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
  padding: 0.5em
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
  background: #f8f8f8
}

.highcharts-data-table tr:hover {
  background: #f1f7ff
}

.grid-wrapper {
  display: flow-root
}

.small-meta {
  font-size: 12px
}

.dim {
  opacity: 0.4
}

.card-content-p {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 25px 25px 10px 25px;
  cursor: pointer
}

.card-wrapper {
  float: left;
  width: 240px;
  height: auto;
  cursor: pointer;
  position: relative;
  margin-right: 25px;
  margin-bottom: 10px
}

.card-wrapper.spclwdth {
  width: 440px
}

.c-card {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden
}

.card-content-p {
  border: 2px solid #ccc;
  transition: all 500ms ease-out
}

.card-content-p .card-state-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  width: 20px;
  height: 20px;
  background-position: 0 0;
  transition: all 100ms ease-out
}

.card-content-p .card-state-icon:before {
  position: absolute;
  top: 1px;
  right: 1px;
  content: "";
  width: 0;
  height: 0;
  border-top: 52px solid #ccc;
  border-left: 52px solid transparent;
  transition: all 200ms ease-out
}

.card-content-p:hover {
  transition: all 200ms ease-out;
  border: 2px solid #337ab7
}

.card-content-p:hover .card-state-icon:before {
  border-top: 52px solid #337ab7;
  border-left: 52px solid transparent;
  transition: all 200ms ease-out
}

.card-content-p.active {
  transition: all 200ms ease-out;
  border: 2px solid #337ab7
}

.card-content-p.active .card-state-icon.active:before {
  border-top: 52px solid #337ab7;
  border-left: 52px solid transparent;
  transition: all 200ms ease-out
}

.tm-spin-spn {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  display: none
}

.btn-escalate {
  color: #fff !important;
  background-color: #cb6635e0;
  border-color: #b95d30e0
}

.btn-escalate:hover {
  color: #fff !important;
  background-color: #e47640e0;
  border-color: #e47640e0
}

.stck-to-pg-doc {
  padding: 10px;
  margin: 10px auto;
  border-radius: 4px;
  border: 1px solid #c5bbbb
}

/*.order-search-top {
  display: none
}*/

.popover .popover-content p .btn {
  width: 100% !important;
}

.vdetails {
  border-left: 2px solid #ddd;
  min-height: 406px;
  padding: 10px
}

.bck-org-mnu {
  background-color: #efefef;
  padding: 2px 10px;
  margin-right: 5px;
  text-decoration: none
}

.bck-org-mnu:active,
.bck-org-mnu:hover,
.bck-org-mnu:visited {
  text-decoration: none
}

.radio-brdr {
  padding: 2px;
  border-bottom: 1px solid #efefef
}

.radio-brdr:hover {
}

.table-custom-ms-ln > tbody > tr > td {
  border-top: none !important;
  border-bottom: 1px solid #efefef;
  padding: 5px !important;
}

.table-custom-ms-ln > thead > tr > th {
  padding: 5px !important;
}

.table-custom-ms > tbody > tr > td {
  border: none !important;
  padding: 5px !important;
}

.table-custom-ms > thead > tr > th {
  padding: 5px !important;
}

.table-custom-nolines > tbody > tr > td,
.table-custom-nolines > tr > td {
  border: none !important;
  padding: 5px !important;
}

.table-custom-nolines > thead > tr > th,
.table-custom-nolines > tr > th {
  padding: 5px !important;
}

.brtop {
  border-top: 1px solid #b5b5b5
}

.vuadline {
  margin-top: 3px;
  margin-bottom: 5px;
  padding-bottom: 5px
}

.brbtm {
  border-bottom: 1px solid #b5b5b5;
}

.brbtm2 {
  border-bottom: 1px solid #efefef;
}

.brtp {
  border-top: 1px solid #efefef;
}

.brrt {
  border-right: 1px solid #efefef;
}

.brlt {
  border-left: 1px solid #efefef;
}

.bg-mis {
  background-color: #dff0d8;
}

.bg-mis-light {
  background-color: #eef3ec
}

.bg-mis-tr,
.bgfff {
  background-color: #fff
}

.ms-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px
}

._mxnttp2 > li {
  padding: 0;
  border: none
}

._mxnttp2 > p {
  margin-bottom: 0 !important;
  border-bottom: 1px solid #f1ebeb;
  text-align: right !important;
}

._mxnttp2 {
  display: none;
  position: absolute;
  right: 60px;
  min-width: 100px;
  border: 1px solid #e4ecf4;
  background: #fafafa;
  margin-bottom: 0 !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  z-index: 1050
}

.vuadline .d-link {
  padding: 0px 6px
}

.txn-prev-list-dv {
  min-height: 400px
}

.head-spertr {
  margin: 17px auto;
  padding-bottom: 6px
}

.login-others-box {
  margin-top: 1.5em;
  text-align: center
}

.login-others-box .ms-login-btn {
  display: block
}

.m-btn {
  display: inline-block;
  padding: 2px 6px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  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: 4px
}

button.m-btn:hover {
  border: 1px solid #777
}

.suggestion-loading {
  float: right;
  margin-right: 3%;
  margin-top: -2.3em;
  background: #626262;
  padding: 0 6px;
  border-radius: 5px
}

.df-person-list {
  margin: 0;
  padding: 0px;
  width: 300px;
  list-style: none;
  position: absolute;
  display: none;
  z-index: 1
}

.df-person-list li {
  padding: 5px;
  background: #efefef;
  border-bottom: 1px solid #fff
}

.df-person-list li a,
.df-person-list li a:hover {
  text-decoration: none
}

.df-person-list li:hover {
  color: white;
  cursor: pointer;
  background: #d1d3d3
}

._orange {
  color: #e39505 !important;
}

.gr-list-item li {
  border-bottom: 2px solid #e6e4e4
}

.light-box-info {
  background: #efefef;
  padding: 10px;
  margin: 10px 0
}

.light-box-info p {
  margin: 0;
  padding: 5px
}

.gallery .seq-reorder-list {
  margin-bottom: 15px
}

.gallery .seq-reorder-list li {
  padding: 10px;
  border: 1px solid #ccc;
  float: left;
  margin: 5px auto;
  width: 100%;
  display: block
}

.gr-search-text-filters {
  display: block;
  width: 100%;
  margin: 1.5em 0 0 0
}

.gr-search-text-filters .input-icons i {
  position: absolute;
  font-size: 20px
}

.gr-search-text-filters .input-icons i.clsSearchInfo {
  right: 25px
}

.gr-search-text-filters .input-icons i.clsClearInfo {
  right: 56px
}

.gr-search-text-filters .input-icons {
  width: 100%;
  margin-bottom: 5px
}

.gr-search-text-filters .icon {
  padding: 14px;
  min-width: 35px;
  text-align: center;
  cursor: pointer;
  color: #777
}

.clsClearInfo {
  display: none
}

.gr-search-text-filters .clsClearInfo:hover {
  color: #222
}

.gr-search-text-filters .clsSearchInfo:hover {
  color: #2424e6
}

.gr-search-text-filters .gr-search-text {
  padding: 13px 60px 13px 25px;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 35px;
  color: #555;
  font-size: 18px
}

.attr-grp-list .notice,
.attr-grp-list .notice a {
  color: #fff !important;
}

.attr-grp-list .notice {
  z-index: 8888;
  padding: 10px
}

.attr-grp-list .notice a {
  font-weight: bold
}

.attr-grp-list .notice_error {
  background: #e46360
}

.attr-grp-list .notice_success {
  background: #657e3f
}

.gr-results-for {
  margin: 2.5em 0;
  font-size: 15px
}

.acc-sub-search-list {
  width: 100%;
  display: none;
  background: #f4f4f4
}

.acc-sub-search-list li {
  padding-left: 20px !important;
}

.cs-btn-groups .btn {
  margin-top: 10px;
  margin-right: 10px
}

.req-dropdown {
  display: inline-block
}

.kb-btn-link {
  width: 100%;
  display: block;
  padding: 8px 16px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: right;
  white-space: nowrap;
  vertical-align: middle;
  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: 4px;
  text-decoration: none;
}

.kb-btn-link:hover {
  background: #f8f8f8;
  text-decoration: none;
}

.kb-btn-link:active,
.kb-btn-link:focus,
.kb-btn-link:focus-within,
.kb-btn-link:visited,
.kb-btn-link:focus-visible {
  text-decoration: none;
}

.kb-append-effect {
  background: #f9f9f9;
}

.kb-item-docs-list > tbody > tr > td {
  padding: 5px !important;
  border: none !important;
}

.kb-item-doc-icon {
  width: 20px;
  height: auto;
  object-fit: cover;
  margin-top: 5px;
}

.kb-item-doc-heading {
  font-size: 13px
}

.vert-dash-heading {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
}

.from-date-container,
.to-date-container {
  background: #f3f3f3;
  padding: 10px;
}

.base-chart-name {
  padding: 5px;
  color: #605f5c;
  font-weight: 400;
  border-bottom: 1px solid #b5b5b5;
}

.default-card-list .card,
.pinned-chart-list .card,
.my-stores .card,
.txn-tab-control .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.3s;
  margin-bottom: 1.2em
}

.default-card-list .card:hover,
.pinned-chart-list .card:hover,
.my-stores .card:hover,
.txn-tab-control .card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2)
}

.pinned-chart-list .card-container,
.my-stores .card-container,
.txn-tab-control .card-container {
  padding: 4px 16px
}

.default-card-list {
  padding: 30px 5px
}

.default-card-list .card:hover {
  cursor: pointer
}

.default-card-list .card-container {
  padding: 20px 5px;
  min-height: 135px
}

.analytics-rpt.default-card-list .card-container {
  padding: 20px 5px;
  min-height: 134px
}

.default-card-list .chart-container {
  display: inline-block;
  padding-left: 10px;
  width: 370px
}

.analytics-rpt.default-card-list .chart-container {
  display: inline-block;
  padding-left: 10px;
  width: 80%;
}

.default-card-list .card {
  margin-bottom: 20px
}

.analytics-rpt .card {
  margin-bottom: 20px;
  min-height: 120px
}

.default-card-list .chart-icon-box {
  display: inline-block
}

.default-card-list .chart-icon-box i {
  padding: 14px;
  font-size: 3em;
  border-right: 1px solid #efefef
}

.tbs-ct-head {
  margin-left: 20px;
  margin-bottom: 20px
}

.figure-list-view {
  min-height: 400px
}

.ic-pdd {
  padding: 4px 5px;
  border-radius: 3px !important;
}

.btn-rms-pins:hover {
  color: #fff !important;
  background: red !important;
}

.btn-unrms-pins:hover {
  color: #fff !important;
  background: green !important;
}

.rd-pin-share-type label {
  margin-right: 15px;
  font-weight: 450
}

.rd-pin-clone-type label {
  margin-right: 30px;
  font-weight: normal;
  font-size: 18px;
  cursor: pointer
}

.rd-pin-clone-type {
  padding: 10px
}

.chk-pin-share-persons label,
.chk-pin-share-roles label {
  display: block;
  padding: 0.3em 0;
  margin-bottom: 0;
  font-weight: 450
}

.rd-pin-share-type label,
.chk-pin-share-persons label,
.chk-pin-share-roles label {
  cursor: pointer
}

.cursor-disabled {
  cursor: not-allowed
}

.puh-head {
  margin-top: 0.5em;
  margin-bottom: 2em
}

.name-text-wrap {
  /*width: 80% !important;*/
  word-wrap: break-word
}

.name-text-wrap-v2 {
  width: 450px;
  word-wrap: break-word
}

.text-wrap-overflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.text-wrap-overflow-custom {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 85%
}

.base-chart-name-action {
  top: 0;
  width: 30%;
  padding: 6px;
  right: 1.7em;
  color: #605f5c;
  font-weight: 400;
  position: absolute;
  display: inline-block;
  border-bottom: 1px solid #b5b5b5
}

.bscna {
  top: 2.14em !important;
}

.asappp-attendance-box .worked-today {
  font-size: 13px
}

.asappp-attendance-box .in-out-box .btn-in-out {
  color: #fff;
  font-size: 2em;
  text-align: center;
  padding: 12px 20px;
  border-radius: 50%;
  position: absolute;
  top: 0.75em;
  right: 35%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2)
}

.asappp-attendance-box .in-out-box .has-grey {
  background: grey;
  cursor: not-allowed
}

.asappp-attendance-box .in-out-box .has-play {
  background: #50b750
}

.asappp-attendance-box .in-out-box .has-play:hover {
  background: #5fd05f;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2)
}

.asappp-attendance-box .in-out-box .has-pause {
  background: #ffa500
}

.asappp-attendance-box .in-out-box .has-pause:hover {
  background: #f1aa2b;
  box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.2)
}

.asappp-attendance-box .live-timer .timer-pause {
  color: #ffa500
}

.asappp-attendance-box .live-timer .timer-play {
  color: #50b750
}

.my-stores .card-heading,
.txn-tab-control .card-heading {
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #efefef
}

.asappp-attendance-box .current-store {
  font-size: 20px
}

.asappp-attendance-box .current-store .btn-change-store {
  margin: 0 10px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none
}

.asappp-attendance-box .current-store .btn-change-store:hover {
  text-decoration: underline
}

.asappp-attendance-box .txn-tab-control {
  margin-bottom: 1.5em
}

.asappp-attendance-box .note-control {
  margin-top: 1.5em
}

.asappp-attendance-box .note-control .btn-add-note {
  display: inline !important;
}

.asappp-attendance-box .txn-tab-control .txn-tab-heading {
  display: inline-block
}

.my-stores .fl-day {
  color: #fff;
  width: 35px;
  height: 35px;
  font-size: 13px;
  line-height: 35px;
  background: #aaa;
  margin-right: 2px;
  border-radius: 50%;
  text-align: center;
  display: inline-block
}

.my-stores .fl-day.active {
  background: #119411
}

.my-stores .fl-day.closed {
  background: #f39a9a !important;
}

.my-stores .fl-day.closed:hover {
  background: #f37f7f !important;
}

.my-stores .fl-day:hover {
  background: #226d22
}

.log-heading,
.my-time-heading {
  display: inline-block
}

.log-controls,
.mtime-controls {
  float: right;
  display: inline-block
}

.mtime-controls {
  margin-top: 5px
}

.tooltip > .tooltip-inner {
  background-color: #353534;
  font-size: 14px
}

.spn-timer-log {
  font-size: 13px;
  margin-left: 6px
}

.spn-timer-log .tmr-log-total-tm,
.spn-timer-log .tmr-log-break-tm,
.spn-timer-log .tmr-log-clocked-tm {
  margin: 0 6px
}

.asappp-schedule-box .sch-left,
.asappp-schedule-box .sch-right {
  margin-bottom: 2em
}

.asappp-schedule-box .sch-right .calendar-details {
  border-top: 1px solid #efefef
}

.asappp-schedule-box .sch-right .calendar-dates-heading {
  display: inline-block
}

.asappp-schedule-box .sch-right .right-side-controls {
  float: right;
  padding: 1em 0;
  display: inline-block
}

.asappp-schedule-box .sch-right .right-side-controls .period-selection {
  display: inline-block
}

.asappp-schedule-box .sch-left .sch-indlft .radio-control label,
.checkbox-control label {
  display: block;
  cursor: pointer;
  line-height: 1.1em;
  font-weight: normal
}

.asappp-schedule-box .sch-left .lt {
  margin-top: 1.3em
}

.asappp-schedule-box .sch-left .sch-indlft .radio-control .sd-spn,
.checkbox-control .sd-spn {
  margin: 0 3px
}

.asappp-schedule-box .sch-left .sch-indlft .dropdown-toggle {
  width: 100%;
  text-align: left
}

.asappp-schedule-box .sch-left .sch-indlft .dropdown-toggle .caret {
  float: right;
  margin: 10px 0
}

.asappp-schedule-box .sch-left .sch-indlft .dropdown-menu {
  width: 100%
}

.asappp-schedule-box .schedule-calendar .table > thead > tr > th,
.asappp-schedule-box .schedule-calendar .table > tbody > tr > td {
  padding: 5px !important;
}

.asappp-schedule-box th.tbl-sch-th-frow {
  width: 220px !important;
}

.asappp-schedule-box .sch-right .sch-cells {
  /*margin: 3px;
  padding: 3px;*/
  color: #fff5f5;
  font-weight: 400;
  position: relative;
  min-height: 48px;
  max-height: 56px;
  /*max-width: 120px;*/
}

.asappp-schedule-box .tcellht .sch-cells{
  height: auto !important;
  min-height: auto !important;
}

.asappp-schedule-box .sch-right .schedule-calendar .sch-store-vehicle-v2 {
  min-height: 20px !important;
}

.asappp-schedule-box .sch-right .sch-resources {
  margin: 3px 0;
}

.asappp-schedule-box .sch-right .sch-store-open {
  margin: 3px 0;
  color: #4a4948;
  background-color: #dbdad8;
}

.asappp-schedule-box .sch-right .sch-store-vehicle {

  /*margin: 3px 0;*/
  color: #4b4bee;
  font-weight: bold;
  background-color: #efefef;
}

.asappp-schedule-box .sch-right .sch-store-close {
  margin: 3px 0;
  color: #a73535;
  background-color: #f7cfcf;
}

.calw-heading {
  margin-top: 30px;
}

.cell-icon-float {
  z-index: 1;
  padding: 2px;
  border-radius: 50%;
  position: absolute
}

.cell-icon-float.top-right {
  top: -2px;
  right: 10px
}

.cell-icon-float.top-right-aside {
  top: -11px;
  right: 6px
}

.cell-icon-float.top-right-a2side {
  top: -11px;
  right: 25px
}

.cell-icon-float.bottom {
  right: -10px;
  bottom: -15px
}

.cell-icon-float.left-bottom {
  left: -9px;
  bottom: -9px
}

.cell-icon-float.left-bottom-a2side {
  font-size: 10px;
  color: #e39505
}

.cell-icon-float.left-bottom-a2side {
  left: 15px;
  bottom: -9px
}

.cell-icon-float.left-bottom-a3side {
  font-size: 10px;
  color: #ffea00
}

.cell-icon-float.left-bottom-a3side {
  left: 25px;
  bottom: -9px
}

.cell-icon-float.top-left {
  top: -9px;
  left: -9px
}

.asappp-schedule-box .sch-right .sch-cells .sch-cells-time,
.asappp-schedule-box .sch-right .sch-cells .sch-cells-designation {
  margin-bottom: 0px;
}

.asappp-schedule-box .sch-right .sch-cell-leave {
  background-color: #f7cfcf;
}

.asappp-schedule-box .sch-right .sch-cell-leave-call-in {
  color: #ff0000;
  border: 1px solid #ff0000;
}

.asappp-schedule-box .sch-right .sch-cell-rest-day {
  background-color: #d3cfcf;
}

.asappp-schedule-box .sch-right .sch-cell-time-off {
  background-color: #f7cfcf;
}

.asappp-schedule-box .sch-right .sch-cell-attendance {
  color: #3c763d;
  background-color: #dff0d8;
}

.asappp-schedule-box .sch-right .sch-cell-ops-shift {
  color: #e39505;
  background-color: #f4eee3;
}

.asappp-schedule-box .sch-right .sch-cells .dod-ops-box {
  width: 294px;
}

.asappp-schedule-box .sch-right .sch-cells .spn-cell-rest-day {
  color: #3e3c3c;
}

.asappp-schedule-box .sch-right .sch-cells .spn-cell-leave,
.asappp-schedule-box .sch-right .sch-cell-time-off {
  color: #a73535;
}

.asappp-schedule-box .sch-right .sch-cells .spn-cell-rest-p {
  padding: 10px 0
}

.asappp-schedule-box .sch-right .sch-cell-resources {
  position: relative;
  /*min-width: 120px;*/
}

.asappp-schedule-box .sch-right .sch-cell-resources .spn-sch-resource-count {
  top: -7px;
  right: -7px;
  position: absolute;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f35757;
  border-radius: 10px
}

.sch-chk-rest-days-type label {
  padding: 5px;
  margin-right: 5px
}

.sch-chk-rest-days-type label input {
  margin-right: 3px
}

.mv-chk-emp-type label {
  padding: 5px;
  font-weight: 450;
  margin-right: 5px;
  cursor: pointer
}

.mv-apr-chk-emp-type label {
  margin: 0;
  padding: 5px;
  font-weight: 450;
  cursor: pointer
}

.mv-chk-emp-type label input,
.mv-apr-chk-emp-type label input {
  margin-right: 3px
}

/*.asappp-schedule-box .sch-right .cell-controls,
.asappp-schedule-box .sch-cell-res-control-single,
.asappp-schedule-box .sch-cell-res-control {
position: absolute;
height: 100%;
width: 100%;
padding: 13px 5px;
top: 0px;
right: 0px;
background: rgba(255, 255, 255, 0.9);
transition: all 0.35 ease 0.25s;
-webkit-transition: all 0.35 ease 0.25s;
-moz-transition: all 0.35 ease 0.25s;
opacity: 0;
visibility: hidden
}*/

.asappp-schedule-box .sch-right .cell-controls,
.asappp-schedule-box .sch-cell-res-control-single,
.asappp-schedule-box .sch-cell-res-control {
  right: 0px;
  height: 100%;
  width: 100%;
  bottom: 0px;
  padding: 16px 5px;
  position: absolute;
  background: rgba(255, 255, 255, 0.6);
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  opacity: 0;
  visibility: hidden;
}

.asappp-schedule-box .sch-cell-res-control-single {
  padding: 0px !important;
}

.asappp-schedule-box .sch-right .btn-cell {
  width: 22px;
  height: 22px;
  margin-left: 2px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #999999;
  background-color: #999999;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%
}

.asappp-schedule-box .sch-right .spn-btn-cell {
  padding: 4px;
  height: 23px;
  width: 24px;
  font-size: 13px;
  margin-right: 3px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #999999;
  background-color: #999999;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%
}

.asappp-schedule-box .sch-right .btn-cell.aatn {
  border: 1px solid #429442;
  background-color: #4cae4c
}

.asappp-schedule-box .sch-right .sch-cell-res-control-single .btn-cell {
  margin-top: 2px
}

.asappp-schedule-box .sch-right .btn-cell i {
  color: white;
  display: inline-block
}

.asappp-schedule-box .sch-cell-resources:hover .sch-cell-res-control,
.asappp-schedule-box .sch-cell-resources:hover .sch-cell-res-control-single,
.asappp-schedule-box .sch-right .sch-cells:hover .cell-controls,
.asappp-schedule-box .sch-right .sch-cells:hover .dod-tooltip {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.asappp-schedule-box .sch-right .cell-icon-float._orange,
.asappp-schedule-box .sch-right .cell-icon-float.top-left {
  opacity: 0;
  visibility: hidden;
}

.asappp-schedule-box .sch-right .sch-cells:hover .cell-icon-float {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.asappp-schedule-box .sch-right .name-info,
.asappp-schedule-box .sch-right .name-info-score {
  position: relative;
  width: 200px;
}

.asappp-schedule-box .sch-right .name-info-score {
  width: 120px;
}

.asappp-schedule-box .sch-right .info-score-hr {
  display: inline-block
}

.asappp-schedule-box .sch-right .name-info .name-info-controls {
  right: -1px;
  bottom: -5px;
  opacity: 0;
  z-index: inherit;
  visibility: hidden;
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.asappp-schedule-box
.sch-right
tr.light-dark2-tr
.name-info
.name-info-controls {
  background: transparent !important;
}

.asappp-schedule-box .sch-right .name-info:hover .name-info-controls {
  opacity: 1;
  visibility: visible
}

.asappp-schedule-box .sch-right .cell-blinks.blnk {
  filter: invert(80%)
}

.asappp-schedule-box .sch-right .btn-row-trash {
  color: #fff;
  background: #f55353;
  border-color: #f55353
}

.asappp-schedule-box .sch-right .btn-row-leave {
  color: #fff;
  background: #8181e6;
  border-color: #8181e6
}

.asappp-schedule-box .sch-right .btn-row-timecard {
  color: #3c763d;
  background-color: #34bb34;
  border-color: #34bb34
}

.field-iShiftId .control-label,
.field-userscheduleform-ishiftid .control-label,
.field-userloginbusinesslocationcalendar-ischeduledshiftid .control-label,
.field-userscheduleform-srestdays .control-label {
  display: block !important;
}

.user-preferred-shift,
.user-preferred-restday {
  float: right;
  color: #777;
  font-weight: normal
}

.shift-clr {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  margin: 0px 3px
}

.asappp-schedule-box .sch-right .name-info .info-over-score-details {
  top: -2em;
  left: 5.2em;
  z-index: 3;
  opacity: 0;
  width: 200px;
  padding: 10px;
  background: #fff;
  visibility: hidden;
  position: absolute;
  border-radius: 3px;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08)
}

.asappp-schedule-box .sch-right .info-score-hr:hover .info-over-score-details {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.asappp-schedule-box .sch-right .name-info .info-over-score-details .h-line {
  margin-top: 0px !important;
  margin-bottom: 4px !important;
}

.asappp-schedule-box .sch-right .name-info .info-over-score-details .p-line {
  font-size: 13px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd
}

.asappp-schedule-box
.sch-right
.name-info
.info-over-score-details
.p-line:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px solid #dddddd
}

.spn-row-vertical-dots {
  padding: 1px 4px;
  cursor: pointer
}

.row-link-controls {
  top: 1.4em;
  right: 0em;
  z-index: 3;
  width: 200px;
  padding: 8px 2px;
  display: none;
  background: #fff;
  position: absolute;
  border-radius: 3px;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08)
}

.asappp-schedule-box .name-info:hover .row-link-controls {
  display: block
}

.light-red-clr {
  color: #ef6565 !important;
}

._bgyellow {
  background: #ffff00
}

span.at-in,
span.at-out {
  color: #555;
  padding: 5px
}

span.lv-to-preview-date {
  right: 4%;
  position: absolute;
  display: inline-block !important;
}

.attendance-present,
.time-off-leave,
.full-leave {
  /*width: 20px;*/
  /*height: 20px;*/
  padding: 6px;
}

.schedule-present {
  width: 20px;
  height: 20px;
  padding: 3px;
  border-radius: 5px;
  background-color: #a480ef
}

.attendance-present {
  border-radius: 50%;
  background-color: #34bb34
}

.atn-out-of-the-day {
  color: #464545;
  background-color: #b3b1b1
}

.time-off-leave {
  background-color: #ffa500
}

.spn-time-off-clr {
  color: #ffa500
}

.full-leave {
  background-color: #f38686
}

.spn-full-leave-clr {
  color: #f38686
}

.asappp-schedule-box .sch-right .dod-tooltip {
  position: absolute;
  background: #fff;
  color: #777;
  padding: 5px 5px 10px 5px;
  width: 194px;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  border-radius: 2px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
}

.asappp-schedule-box .sch-right .dod-tooltip.right-bottom {
  top: 100%
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom {
  width: 210px !important;
  right: 50%;
  top: 100%
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w {
  width: 1024px !important;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-1 {
  right: -500px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-2 {
  right: -400px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-3 {
  right: -300px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-4 {
  right: -200px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-5 {
  right: -100px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-6 {
  right: -50px;
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom.dod-tooltip-spcl-w-7 {
  right: -5px;
}

.asappp-schedule-box .sch-right .dod-tooltip.ex-left-bottom {
  right: 10%;
  top: 100%
}

.asappp-schedule-box .sch-right .dod-tooltip.ex-right-bottom {
  width: 290px !important;
  right: 30%;
  top: 100%;
}

.dod-tooltip .span {
  display: block;
  line-height: 22px;
  text-align: left;
  padding: 5px 0px 2px 10px
}

.asappp-schedule-box .sch-right .dod-tooltip.left-bottom:hover {
  z-index: 5 !important;
}

.asappp-schedule-box
.sch-right
.dod-tooltip.left-bottom:hover
.dod-tooltip.ex-left-bottom {
  z-index: 1 !important;
}

.asappp-schedule-box .sch-right .dod-tooltip.ex-right-bottom:hover {
  z-index: 4 !important;
}

.asappp-schedule-box
.sch-right
.dod-tooltip.ex-right-bottom:hover
.dod-tooltip.ex-left-bottom {
  z-index: 1 !important;
}

.asappp-schedule-box .sch-right .ct-next-actions {
  text-align: left
}

.asappp-schedule-box .sch-right .ct-n-head {
  padding: 10px;
  margin-bottom: 5px !important;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef
}

.asappp-schedule-box .sch-right .btn-action {
  display: block;
  text-align: left;
  padding: 3px 0px 3px 10px
}

.lblLeaveType {
  display: inline-block
}

.sch-leave-row {
}

.rdo-acceptance-type label,
.chkbox-auto-schedule-type label,
.field-autoscheduleform-ipreferenceid label,
.field-autoscheduleform-sweeknumbers label {
  padding: 4px;
  display: block;
  font-weight: 450;
  cursor: pointer
}

.rdo-acceptance-type label input,
.chkbox-auto-schedule-type label input,
.chkbox-default-shifts-req label input,
.chkbox-default-days-req label input,
.chkbox-store-m-times label input {
  margin-right: 3px
}

.chkbox-default-shifts-req,
.chkbox-default-days-req {
  margin-left: 10px;
  display: inline-block
}

.chkbox-store-m-times {
  display: inline-block
}

.rdo-acceptance-type label,
.chkbox-default-shifts-req label,
.chkbox-default-days-req label,
.field-userpreferenceform-srestday label,
.field-userpreferenceform-ishift label,
.field-configurepreferenceform-iworkingday label,
.field-configurepreferenceform-irestday label,
.field-configurepreferenceform-ifirstdayoftheweek label,
.chkbox-store-m-times label {
  padding: 4px;
  cursor: pointer;
  font-weight: 450;
  display: inline-block
}

.field-default-days-req,
.field-default-shifts-req,
.field-default-desination-req,
.field-resourcerequirementform-idefaultshift,
.field-resourcerequirementform-idefaultdesignation,
.field-configurepreferenceform-iworkingday,
.field-configurepreferenceform-irestday,
.field-configurepreferenceform-ifirstdayoftheweek,
.field-resourcerequirementform-idefaultday {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.as-sch-heading,
.cln-sch-heading {
  color: #605f5c;
  padding: 6px 0px;
  border-bottom: 1px solid #efefef
}

.cln-sch-heading {
  margin-top: 0px
}

.res-req-tabs .li-store {
  float: right;
  padding: 12px;
  font-size: 15px;
  font-weight: 450;
  display: inline-block
}

.res-req-tabs .li-refresh {
  float: right;
  display: inline-block
}

.res-req-week-nos .form-group {
  margin-top: 15px
}

.res-req-shift-control,
.res-req-capacity-control {
  position: relative;
  margin-bottom: 6px
}

.res-req-sys-div {
  position: relative
}

.res-req-sys-div .res-req-sys-cap {
  top: 0.5em;
  left: -1.2em;
  position: absolute
}

.res-req-shift-control:last-child,
.res-req-capacity-control:last-child {
  margin-bottom: 0px
}

.tr-desi-day {
  position: relative;
}

.res-req-n-shift {
  visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.tr-desi-day:hover .res-req-n-shift {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.ad-rm-sft-cp {
  cursor: pointer;
  left: -1.2em !important;
}

span.calender-status-spn,
span.calender-status-spn-mn {
  color: #fff;
  line-height: 1;
  min-width: 10px;
  font-size: 12px;
  font-weight: 450;
  margin-left: 5px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px
}

span.calender-status-spn-mn-inv {
  color: #488aff;
  line-height: 1;
  min-width: 10px;
  font-size: 12px;
  font-weight: 450;
  margin-left: 5px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  background-color: #efefef;
  border-radius: 10px
}

span.calender-status-spn-mn,
span.calender-status-spn-mn-inv {
  cursor: pointer
}

span.calender-status-spn-mn:hover {
  color: #488aff;
  background-color: #efefef
}

span.calender-status-spn-mn-inv:hover {
  color: #fff;
  background-color: #777
}

span.calender-notes-spn {
  color: #333;
  line-height: 1;
  min-width: 10px;
  font-size: 13px;
  cursor: pointer;
  margin-left: 2px;
  padding: 4px 6px;
  text-align: center;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px
}

.rdo-acceptance-type {
  display: inline-block
}

.switch_container .switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px
}

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

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

.switch_container.disabled .slider {
  cursor: not-allowed !important;
  background: #0d9c0d !important;
}

.switch_container .slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s
}

.switch_container input:checked + .slider {
  background-color: #2196f3
}

.switch_container.disabled input:checked + .slider {
  background-color: #b5b9bb
}

.switch_container input:focus + .slider {
  box-shadow: 0 0 1px #2196f3
}

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

.switch_container .slider.round {
  border-radius: 34px
}

.switch_container .slider.round:before {
  border-radius: 50%
}

.p-relative {
  position: relative;
  display: inline-block
}

.custom-dropdown-menu {
  position: absolute;
  top: 100%;
  color: #777;
  left: -5.8em;
  width: 200px;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175)
}

.custom-dropdown-menu .btn-action {
  display: block;
  text-align: left;
  padding: 4px 12px !important;
}

.heading-bulk-action {
  display: inline-block
}

.ul-bulk-action {
  margin-bottom: 0;
  display: inline-block;
  list-style-type: none
}

.ul-bulk-action li {
  float: left;
  border-right: 1px solid #efefef
}

.ul-bulk-action li:last-child {
  border-right: none
}

.spnmrlr {
  margin: auto 2px
}

.lblMvEmployee {
  margin: 0;
  cursor: pointer;
  font-weight: 450;
  width: 100%;
}

.lblMvEmployee input {
  margin-right: 3px;
}

.mv-sh-emp-fl {
  width: 120px;
  display: block;
  line-height: 22px;
}

.mv-sh-emp-fl-sh {
  height: 28px;
  margin-top: 3px;
  position: relative
}

.mv-sh-busy {
  background: #f7dddd !important;
}

.mv-sh-avl {
  height: 30px;
  line-height: 30px;
  background: #c0e2c0 !important;
}

.mv-sh-pto {
  height: 30px;
  line-height: 30px;
  background: #eeeeee !important;
}

.spn-mv-sh-emp-fl {
  top: -7px;
  right: -7px;
  position: absolute
}

.mv-sh-caption {
  padding: 7px;
  font-size: 13px;
  display: inline;
  margin-left: 5px
}

.btn-toggle-mv-form {
  color: #488aff;
  cursor: pointer;
  margin-right: 4px;
  font-size: 20px !important;
}

.div-days,
.div-days-date {
  display: block
}

.div-days .spn-days {
  width: 32px;
  height: 32px;
  margin: 0 3px;
  color: #0000ff;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
  background: #efefef;
  border-radius: 50%;
  display: inline-block
}

.div-days-date .spn-days-date {
  margin: 2px;
  color: #0000ff;
  padding: 0 10px;
  font-size: 13px;
  line-height: 26px;
  text-align: center;
  background: #efefef;
  border-radius: 50px;
  display: inline-block
}

.div-days .spn-apr-days,
.div-days-date .spn-apr-days-date {
  color: #fff !important;
  background-color: #35b935 !important;
}

.div-days .spn-apr-other-days,
.div-days-date .spn-apr-other-days-date {
  color: #fff !important;
  background-color: #afb0b1 !important;
}

.mv-next-actions .btn-mvaction {
  padding: 5px;
  display: block;
  text-align: left
}

.store-tm-headng {
  width: 88%;
  margin: 10px 0;
  font-weight: 450;
  display: inline-block
}

.store-tm-actn {

  /*margin: 10px 0;*/
  font-weight: 450;
  display: inline-block
}

span.spn-to-lv,
span.spn-to-lv-tm {
  display: block
}

span.spn-to-lv-tm {
  margin-top: 6px
}

.shft-date-div {
  color: #605f5c;
  font-weight: normal;
  margin: 3px 0 3px 1em
}

.field-sJBLiNextCartStatusId label,
.field-businessentitycartstatusnextaction-inextcartstatusid label {
  display: block !important;
}

.spcl-crstbtn {
  float: right;
  color: #488aff;
  cursor: pointer;
  margin-left: 10px;
  font-weight: normal
}

.spn-atn-loc-code {
  color: #605f5c;
  display: block
}

span.absentees-badge {
  margin: 5px;
  color: #488aff;
  line-height: 1;
  min-width: 10px;
  font-size: 13px;
  font-weight: 450;
  margin-left: 5px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  background-color: #f7f7f7;
  border-radius: 10px
}

.txt-strike {
  text-decoration: line-through
}

.log-mngr-notes {
  color: #605f5c;
  font-size: 12px;
  margin-bottom: 0px;
  font-style: italic
}

.btn-short-dates,
.btn-short-dates:active,
.btn-short-dates:visited,
.btn-short-dates:hover,
.btn-short-dates {
  text-decoration: none !important;
}

.btn-short-dates {
  margin-right: 8px
}

.btn-short-dates .shspan {
  color: #fff;
  line-height: 1;
  min-width: 10px;
  font-size: 12px;
  font-weight: 450;
  margin-left: 5px;
  padding: 4px 10px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px
}

.btn-short-dates .shspan:hover,
.btn-short-dates .shspan.active {
  color: #488aff;
  background-color: #efefef
}

.mxt-separator,
.dot-separator {
  margin: auto 8px
}

.dot-separator2 {
  margin: auto 4px;
  padding: 5px 2px;
  background-color: #fff
}

.dot-separator3 {
  margin: auto 4px;
}

.dot-separator4 {
  margin: auto 2px;
}

.fslash-separator {
  margin: auto 2px
}

.dot-separator10 {
  margin: auto 10px;
}

.dot-separator15 {
  margin: auto 15px;
}

.dot-separator20 {
  margin: auto 20px;
}

.dot-separator25 {
  margin: auto 25px;
}

.dot-separator30 {
  margin: auto 30px;
}

.pch-dv {
}

.sys-br-io-notes {
  color: #434566;
  font-size: 13px;
  font-style: italic
}

.mis-invsout-rpt .tbl-mis-invsout-rpt thead th {
  padding: 8px !important;
}

.mis-invsout-rpt .tbl-misin-invsout-rpt thead th {
  border-bottom: 1px solid #ddd
}

.mis-invsout-rpt .tbl-misin-invsout-rpt td.tds {
  border: none !important;
}

.mis-invsout-rpt .msio-dv {
  padding: 2px;
  font-weight: 400;
  position: relative;
  min-width: 100px;
  min-height: 20px;
  margin: 2px;
  display: inline-block
}

.mis-invsout-lc-rpt .msio-dv {
  padding: 2px;
  font-weight: 400;
  position: relative;
  min-width: 100px;
  min-height: 20px
}

.mis-invsout-rpt .msio-scheduled,
.mis-invsout-lc-rpt .msio-scheduled {
  color: #fff;
  background: #87abea
}

.mis-invsout-rpt .msio-restday,
.mis-invsout-lc-rpt .msio-restday {
  color: #444;
  background: #efefef
}

.mis-invsout-rpt .msio-unscheduled,
.mis-invsout-lc-rpt .msio-unscheduled {
  color: #a73535;
  background: #f7cfcf
}

.mis-invsout-lc-rpt .msio-published {
  color: #3c763d;
  background-color: #dff0d8
}

.mis-invsout-lc-rpt td {
  padding: 5px !important;
}

.dataTables_wrapper .dt-buttons {
  display: inline-block
}

.dataTables_filter {
  float: right;
  display: inline-block
}

.m-analytics-pg {
  margin: 20px auto
}

.clr-inherit {
  color: inherit !important;
}

.asappp-schedule-box .sch-mock-m-view {
  margin-top: 1em
}

.asappp-schedule-box .sch-mock-e-view {
  margin-top: 1.695em
}

.calendar-status-heading-un {
  margin: 20px 0;
  font-size: 1.5em
}

.n-m-alert > button.close {
  margin-top: -5px
}

.t-validator {
  width: 70%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  font-weight: 900;
  color: #605f5c;
  letter-spacing: 0.2em
}

.t-validator::before,
.t-validator::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: #87abea;
  position: absolute;
  animation: load 0.7s infinite alternate ease-in-out
}

.t-validator::before {
  top: 0
}

.t-validator::after {
  bottom: 0
}

@keyframes load {
  0% {
    left: 0;
    height: 10%;
    width: 5%
  }

  50% {
    height: 8%;
    width: 12%
  }

  100% {
    left: 85%;
    height: 10%;
    width: 5%
  }

}

.prg-per-border {
  height: 1.5em;
  margin: 0.5em auto;
  background: #efefef
}

.prg-per-border .prg-percentage {
  height: 100%;
  line-height: 1.5em;
  text-align: center;
  color: #fff !important;
}

.prg-per-border .prg-ggrdt {
  background-color: #3bb78f;
  background-image: linear-gradient(315deg, #3bb78f 0%, #0bab64 74%)
}

.prg-per-border .prg-bgrdt {
  background-color: #05e8ba;
  background-image: linear-gradient(315deg, #05e8ba 0%, #087ee1 74%)
}

.prg-per-border .prg-blgrdt {
  background-color: #36096d;
  background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%)
}

.tbl-schedule-legends .tp-lft-icn {
  width: 1.6em;
  color: #fff;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 4px;
  background-color: #a480ef
}

.tbl-schedule-legends .btm-right-icn {
  width: 1.6em;
  color: #fff;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 50%;
  background-color: #f38686
}

.tbl-schedule-legends .btm-lft-bl-icn {
  width: 1.6em;
  color: #fff;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 50%;
  background-color: #337ab7
}

.tbl-schedule-legends .btm-lft-icn {
  width: 1.6em;
  color: #fff;
  height: 1.6em;
  line-height: 1.6em;
  border-radius: 50% !important;
  border-radius: 4px
}

.tbl-schedule-legends .btm-lft-icn.green {
  background-color: #34bb34
}

.tbl-schedule-legends .btm-lft-icn.grey {
  color: #464545;
  background-color: #b3b1b1
}

.tbl-schedule-legends .btm-lft-icn.red {
  background-color: red
}

.tbl-schedule-legends .circle {
  border-radius: 50% !important;
}

.mrkwfdbck {
  margin: 3px auto;
  position: relative
}

.mrkwfdbck .abs-rtxt {
  position: absolute;
  top: 1.7em;
  left: 5px
}

.mrkwfdbck .inputnotes {
  width: 100%;
  color: #555;
  outline: none;
  margin-top: 1em;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: none;
  font-style: italic;
  padding: 6px 10px 6px 24px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out
}

.mrkwfdbck .inputnotes:active,
.mrkwfdbck .inputnotes:focus {
  box-shadow: 1px 1px 3px #999;
  border-bottom: 1px solid #efefef
}

.mrkwfdbck .mrkwfdbck-txt {
  color: #555;
  margin-bottom: 0px;
  padding: 10px 0px;
  font-style: italic
}

.mrkwfdbck .mrkwfdbck-lbl {
  color: #555;
  margin-top: 10px;
  padding: 10px 0px;
  margin-bottom: 0px;
  font-style: italic
}

.date-choose-cntrl {
  margin: 1em 0
}

.ap-slot-timings .slct-btn,
.ap-slot-date-timings .slct-btn {
  float: left;
  width: 14.4em;
  position: relative;
  padding: 10px 16px;
  margin-right: 10px;
  margin-bottom: 6px;
  text-align: center;
  border-radius: 30px !important;
  border: 2px solid #efefef
}

.ap-slot-date-timings .slct-btn {
  width: 10.4em
}

.ap-slot-timings .slct-btn label,
.ap-slot-date-timings .slct-btn label {
  cursor: pointer
}

.ap-slot-timings .slct-btn:hover,
.ap-slot-date-timings .slct-btn:hover {
  cursor: pointer;
  border: 2px solid #488aff
}

.ap-slot-timings .slct-btn .avl-stocks {
  top: -4px;
  right: -4px;
  position: absolute
}

.ap-slot-timings .avl-stocks:hover {
  color: #fff;
  background-color: #777
}

.d12infrt {
  font-style: italic;
  font-weight: 450
}

.rmrks_itlic {
  font-style: italic;
  font-size: 12px !important;
  font-weight: 200 !important;
}

.dtl-pg-actions {
  display: inline-block;
  list-style-type: none;
  margin-bottom: 0px !important;
}

.dtl-pg-actions li {
  float: left;
  width: auto
}

.dtl-pg-actions li > .btn {
  border: none;
  display: inline-block;
  margin-left: 5px
}

.find-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 2px;
  font-size: 14px;
  color: #555;
  border: none;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border-bottom: 1px solid #ccc;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.find-form-control:focus {
  border-bottom: 2px solid #488aff
}

.blk-cus-badge {
  display: inline-block;
  min-width: 12px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #1c6bf7;
  margin-right: 6px;
  margin-bottom: 6px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f9f9ff;
  border-radius: 10px;
  border: 1px solid #1c6bf7
}

.blk-cus-badge-v1 {
  line-height: 1;
  min-width: 12px;
  font-size: 14px;
  font-weight: 400;
  padding: 6px 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #efefef
}

.tmplate-containr .blk-cus-badge {
  text-align: left !important;
  white-space: normal !important;
  line-height: 20px !important;
}

.cmp-preview {
  padding: 30px 20px;
  background: #efefef;
  margin-bottom: 15px;
  color: #777
}

.cmp-preview .cmp-partition {
  margin-bottom: 30px
}

.cmp-preview .cmp-partition .cm-contnt {
  color: #333
}

.cmp-preview .cmp-partition:last-child {
  margin-bottom: 0px
}

.cmp-preview .cmp-partition p {
  margin-bottom: 5px
}

.form-create-new-case .head-spertr {
  margin-top: 35px
}

.form-create-new-case .head-spertr:first-child {
  margin-top: 20px
}

.form-create-new-case .input-group-addon {
  position: absolute;
  top: 25px;
  width: 38px;
  right: 15px;
  height: 34px;
  padding: 8px;
  border-radius: 3px !important;
}

.dynmc-fld,
.li-fdts {
  position: relative
}

.my-form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  border-radius: 4px;
  background-color: #fff;
  border: none;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.dynmc-fld .input-group-addon {
  position: absolute;
  top: 0px;
  width: 38px;
  right: 0px;
  height: 34px;
  padding: 8px;
  border-radius: 3px !important;
  background: transparent;
  border: 1px solid #efefef
}

.li-fdts .input-group-addon {
  position: absolute;
  top: 26px;
  width: 38px;
  right: 16px;
  height: 32px;
  padding: 8px;
  border-radius: 3px !important;
  background: transparent;
  border: 1px solid #efefef
}

.p-5 {
  padding: 5px
}

.p-10 {
  padding: 10px
}

.p-15 {
  padding: 15px
}

.scrollable-menu {
  height: auto;
  max-height: 300px;
  overflow-x: hidden
}

.highcharts-figure {
  min-height: 300px
}

.cms-disp-head {
  margin: 15px auto
}

.comms-right-con {
  min-height: 500px;
  border-left: 1px solid #efefef;
  padding-left: 20px
}

.smple-collect-cn-div {
  min-height: 555px
}

.smple-collect-cn-div .sample-des-preview {
  padding: 20px 15px;
  background: #efefef;
  margin-bottom: 5px;
  color: #777
}

.srvy-swtch-nam {
  display: inline-block;
  margin-left: 10px
}

.order-sort-by-div {
  width: auto;
  display: inline-flex;
  min-width: 175px
}

.pinnd-dat-rnge-inputs input {
  width: 170px;
  border: none;
  margin: auto 5px;
  border-bottom: 1px solid #777
}

.pinnd-dat-rnge-cards-inputs {
  padding: 10px;
  margin: 10px auto;
  border-radius: 5px;
  border: 1px solid #dedddd
}

.pinnd-dat-rnge-cards-inputs input {
  width: 110px;
  border: none;
  margin: auto 5px;
  border-bottom: 1px solid #777
}

.pinnd-dat-rnge-inputs input:hover,
.pinnd-dat-rnge-cards-inputs input:hover {
  border-bottom: 2px solid blue
}

.ntsys-badge {
  display: inline-block;
  min-width: 10px;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f76a6a;
  border-radius: 10px;
  margin-top: -20px;
  margin-left: -6px
}

.ntsys-dropdown-menu {
  width: 500px;
  min-height: 100px;
  max-height: 450px;
  margin: 0 !important;
  padding: 0 !important;
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68) !important;
  -webkit-box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68)
}

.ntsys-li-act {
  padding: 2px 20px;
  background: #d9eef7;
  border-bottom: 1px solid #c9c4c4
}

.ntsys-li {
  padding: 2px 20px;
  background: #fff;
  border-bottom: 1px solid #c9c4c4
}

.ntsys-time {
  margin-top: 4px;
  font-size: 11px;
  color: #555
}

.ntsys-last-li {
  color: #888;
  height: 40px;
  background: #efefef;
  min-height: 40px
}

.ntsys-last-li h5 {
  margin: 0;
  line-height: 40px
}

.ntsys-padd {
  margin-top: 10px
}

.sharewscroll {
  max-height: 360px;
  overflow-y: scroll;
  margin-bottom: 10px;
}

.lbl-share-pin-persons .input-group,
.lbl-share-pin-roles .input-group {
  margin-top: 4px;
  margin-bottom: 8px;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

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

.i-block {
  display: inline-block;
}

.strike-text {
  text-decoration: line-through;
}

.hd-notifications-box {
  width: 500px;
  right: 0px;
  min-height: 450px;
  z-index: 55555;
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  min-height: 100px;
  max-height: 450px;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68) !important;
  -webkit-box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68);
  -moz-box-shadow: -5px 9px 24px 0px rgba(0, 0, 0, 0.68);
}

.cart-title-wrap {
  width: 270px;
  word-break: break-word;
}

.legend-leave-clr {
  color: #a73535;
}

.webhook-logs {
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  border: 1px solid #d5d5da;
  transition: all 0.35 ease 0.25s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08)
}

.alert-success-1 {
  color: #fff;
  background-color: #3ba011;
  border-color: #35a009
}

.alert-danger-1 {
  color: #fff;
  background-color: #e02929;
  border-color: #df1414
}

.help-desk .terminal-list {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto
}

.h380scroll {
  max-height: 380px;
  overflow-x: hidden;
  overflow-y: auto
}

.terminal-mpng-controls {
  padding: 35px 20px 14px 20px
}

._dinblock {
  display: inline-block
}

.tz-times {
  display: inline-flex;
  text-align: center;
  float: right
}

.navbar .tz-times {
  margin: 4px 6px
}

.tz-dt-time {
  width: 50px;
  background: #fff;
  border-radius: 5px
}

.tz-dtl-time {
  min-width: 90px;
  background: #fff;
  margin-left: 5px;
  border-radius: 5px;
  padding: 0px 6px
}

.tz-dtn-time {
  font-size: 18px;
  display: inline-block;
  font-weight: 600;
  color: #555;
  margin-top: -5px
}

.tz-dtd-time {
  color: #eb1b1b;
  font-size: 14px;
  text-transform: uppercase
}

.tz-dtt-time {
  background: #fff;
  border-radius: 6px
}

._p4px {
  padding: 4px
}

._p5px {
  padding: 5px
}

._p6px {
  padding: 6px
}

._p7px {
  padding: 7px
}

._p8px {
  padding: 8px
}

._p9px {
  padding: 9px
}

.ls-1 {
  letter-spacing: 1px
}

.ls-2 {
  letter-spacing: 2px
}

.ls-3 {
  letter-spacing: 3px
}

.ls-4 {
  letter-spacing: 4px
}

.ls-5 {
  letter-spacing: 5px
}

.ls-6 {
  letter-spacing: 6px
}

.ls-7 {
  letter-spacing: 7px
}

.ls-8 {
  letter-spacing: 8px
}

.ls-9 {
  letter-spacing: 9px
}

.snap-search-emps {
  margin-top: 30px;
  border-top: 1px solid #d4d1d1;
  max-height: 360px;
  overflow-y: auto
}

tr.choose-snpshot-emp td button {
  visibility: hidden
}

tr.choose-snpshot-emp:hover td button {
  visibility: visible
}

.btn-rpt-emp-prev {
  font-size: 14px
}

.special-carousels .carousel {
  height: 60px;
  margin-top: 30px;
  margin-bottom: 40px;
  background: transparent
}

.special-carousels .carousel-cell {
  width: 22%;
  height: 60px;
  background: #8c8;
  margin-right: 10px;
  border-radius: 10px;
  display: block;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  color: white
}

.timecard-select-div .timecard-s2 {
  padding: 25px;
  margin-bottom: 15px;
  border-bottom: 1px solid #efefef
}

.btn-msazure-login:active,
.btn-msazure-login:focus,
.btn-msazure-login:hover {
  color: #818181
}

.btn-msazure-login:hover {
  background-color: #dcdcdc
}

.btn-msazure-login {
  color: #818181;
  padding: 0 !important;
  background-color: #efefef
}

.btn-msazure-login > span {
  font-size: 14px
}

.br-bottom {
  border-bottom: 1px solid #b5b5b5
}

.br-left {
  border-left: 1px solid #b5b5b5
}

.br-right {
  border-right: 1px solid #b5b5b5
}

.br-top {
  border-top: 1px solid #b5b5b5
}

.rc-district-tabs li.active > a.btn-rc-dstrct {
  border-color: #eee #eee #ddd !important;
  background-color: #eee !important;
}

.ml-74 {
  margin-left: 62px
}

.ml-60 {
  margin-left: 60px
}

.spn-emp-or-loc {
  position: absolute;
  margin-left: -10px;
  margin-top: 30px;
  color: #7f7c7c;
  font-weight: 600;
  font-size: 12px
}

.sch-mv-shifts-box,
.sch-mv-designations-box {
  max-height: 200px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.n_crt_dates {
  margin: 30px auto
}

.word-break-all {
  word-break: break-all
}

.btn-req-cstm,
.btn-rec-cstm {
  margin-right: 4px;
  border-radius: 50px !important;
  padding: 4px 8px !important;
  font-weight: 600 !important;
  margin: 4px 2px
}

.btn-rec-cstm:hover {
  border: 1px solid #adadad;
  background: #f5f5f5
}

.mves-spn {
  padding: 2px 6px;
  border-radius: 10px
}

.view-cal-tr:hover {
  background-color: #ededed !important;
  cursor: pointer
}

.spcl-li-eep a:hover {
  background-color: #fff !important;
  cursor: default !important;
}

.break-words {
  word-break: break-word
}

.left-side-controls .chk-schedule-shifts {
  max-height: 168px;
  overflow-y: auto
}

.left-side-controls .chk-schedule-locations {
  max-height: 264px;
  overflow-y: auto
}

.spcl-schedule-reports {
  margin: 28px auto
}

.spcl-schedule-reports .spcl-sub-heading {
  margin: 15px auto;
  padding: 10px 5px;
  border-bottom: 1px solid #efefef
}

.default-gototop-div {
  position: relative
}

.default-gototop-div .default-gototop {
  left: 0;
  bottom: 0;
  color: #999;
  width: 60px;
  height: 60px;
  opacity: 0.6;
  background: #efefef;
  line-height: 60px;
  border-radius: 50%;
  position: fixed;
  text-align: center;
  border: 1px solid #999;
  margin: 0px 0px 40px 40px;
  z-index: 99;
  display: none
}

.default-gototop-div .default-gototop:hover {
  opacity: 1
}

.rfq-categories {
  padding: 0px 10px
}

.rfq-vendors {
  margin-bottom: 30px
}

.rfq-action-controls {
  padding: 15px
}

.rfq-badges {
  margin: 0px 6px 8px 0px
}

.rfq-vendors-preview,
.rfq-vendors-po-controls {
  margin: 18px 0px;
  border: 1px solid #d5d0d0;
  border-radius: 4px;
  padding: 6px
}

.rfq-vendors-po-controls {
  padding-top: 20px
}

.rfq-vendors-content .tab-content {
  padding: 10px
}

.rfq-rate-control .form-control {
  width: 130px;
  text-align: center
}

.rfq-rate-action-controls,
.rfq-shrlst-action-controls {
  border: 1px solid #d4d0d0;
  border-radius: 5px
}

.txt-quote-input-control .form-control {
  width: 100% !important;
  text-align: center
}

.already-rfq-vendors .a-span {
  padding: 2px 12px;
  margin-bottom: 5px;
  margin-right: 5px;
  font-style: italic;
  font-size: 13px;
  border: 1px solid #efefef;
  background: #f6f6f6;
  color: grey;
  border-radius: 50px;
  display: inline-block
}

.special-switch {
  font-weight: normal;
  margin-left: 10px;
  font-size: 14px
}

.po-rfq-preview-div {
  padding: 15px;
  margin: 30px 20px;
  border-radius: 4px;
  border: 1px solid #efefef
}

.sch-delivery-dates .control .input,
.sch-delivery-qtys .control .input {
  width: 90px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #999
}

.incmplte-new-header {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #efefef
}

.incmplte-new-control .input {
  width: 100px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #999
}

._errorNEWShow {
  padding: 5px;
  margin-top: 10px
}

.apt-special-heading {
  padding: 10px 10px;
  margin: 15px 0px;
  border-bottom: 1px solid #efefef
}

.custom-form-control {
  display: inline-block;
  width: 200px;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.main-login-block {
  margin-top: 10px
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.payment-info-div .payment {
  border: 1px solid #f2f2f2;
  min-height: 280px;
  border-radius: 20px;
  background: #fff
}

.payment-info-div .payment_header {
  padding: 20px;
  border-radius: 20px 20px 0px 0px;
  background: #efefef
}

.payment-info-div.success .payment_header {
  background: #079107
}

.payment-info-div.failure .payment_header {
  background: #ce0a0a
}

.payment-info-div .check {
  margin: 0px auto;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
  text-align: center
}

.payment-info-div .check i {
  vertical-align: middle;
  line-height: 50px;
  font-size: 30px
}

.payment-info-div .content {
  text-align: center;
  padding: 10px 10px 40px 10px
}

.payment-info-div .content  h1 {
  font-size: 25px;
  margin: 20px 0px
}

.payment-info-div .content a {
  width: 200px;
  height: 35px;
  color: #fff;
  border-radius: 30px;
  padding: 6px 14px;
  transition: all ease-in-out 0.3s;
  background: #efefef
}

.payment-info-div.success .content a {
  background: #079107
}

.payment-info-div.success .content .py-download {
  background: #7777e5
}

.payment-info-div.success .content .py-details {
  background: #7777e5
}

.payment-info-div.failure .content a {
  background: #ce0a0a
}

.payment-info-div.failure .content .py-download {
  background: #7777e5
}

.payment-info-div.failure .content .py-details {
  background: #7777e5
}

.payment-info-div .content a:hover,
.payment-info-div .content .py-download:hover,
.payment-info-div .content .py-details:hover,
.payment-info-div .content .py-home:hover {
  text-decoration: none;
  background: #000
}

.oc-payment-info {
  border-top: 1px solid #efefef;
  padding-top: 10px
}

.oc-payment-info div {
  margin: 4px 0px
}

ul#ask-auto-actions-ul {
  list-style-type: none
}

.action-tooltip-dv {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid #ded8d8
}

.v2-txn-form-contents {
  margin-top: 10px;
  margin-bottom: 60px;
  display: inline-block;
  width: 100%;
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 10px 30px 20px 30px
}

.v2-txn-form-contents .head-spertr {
  margin-bottom: 40px
}

.txn-templates {
  margin-top: 5px;
  margin-bottom: 20px;
  display: inline-block;
  width: 100%
}

.new-inputs-design .form2-control {
  width: 100%;
  color: #555;
  border: none;
  height: 34px;
  padding: 6px 12px;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.42857143;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.new-inputs-design .form2-control optgroup {
  background-color: #efefef
}

.new-inputs-design .form2-control optgroup option {
  background-color: #fff
}

.new-inputs-design .control-label {
  color: #555;
  padding: 0px 12px;
  margin-bottom: 0px
}

.new-inputs-design .form-group {
  margin-bottom: 35px
}

.new-inputs-design textarea.form2-control {
  height: auto !important;
}

.txn-steps {
  width: 100%;
  list-style: none
}

.txn-steps li {
  float: left;
  padding: 6px 12px;
  margin: 5px 10px;
  color: #fff
}

.txn-steps-r {
  background: linear-gradient(to right, #833ab4, #fd1d1d);
  _nocrsrmargin-bottom: 10px
}

.txn-steps .step-active {
  font-size: 16px
}

.txn-steps .step-active .step {
  padding: 4px 0px;
  font-weight: bold;
  border-bottom: 1px solid #fff
}

.v2-case-control {
  width: 100%;
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid #efefef
}

.v2-line-items {
  min-height: 240px;
  border-radius: 5px;
  background: #e8f0fe;
  border: 1px solid #efefef;
  margin-bottom: 20px
}

.v2-line-items .v2-new-li-dv {
  margin-top: 90px;
  text-align: center
}

.v2-line-items .link-new-line-item {
  margin: 0;
  width: 60px;
  height: 60px;
  padding: 20px;
  background: #fff;
  border-radius: 50%;
  display: inline-block
}

.link-new-line-item:hover {
  background-color: #1a73e8 !important;
}

.link-new-line-item:hover .fa {
  color: #fff !important;
}

.v2-sr-nos {
  color: #1a73e8;
  font-size: 18px;
  padding: 6px 14px;
  display: inline-block
}

.v2-li-heading {
  padding: 6px
}

.v2-li-heading .v2-cse-action {
  width: 36px;
  height: 36px;
  padding: 8px;
  background: #fff;
  border-radius: 50%;
  margin-right: 4px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  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
}

.v2-li-heading .v2-cse-action:hover {
  background-color: #1a73e8 !important;
}

.v2-li-heading .v2-cse-action.trash:hover {
  background-color: #f33c3c !important;
}

.v2-li-heading .v2-cse-action:hover .fa {
  color: #fff !important;
}

.new-inputs-design #sBCLIAmountSpn {
  padding: 10px 26px
}

.pp-label {
  display: block;
  width: 100%
}

.pp-label-span {
  font-size: 40px;
  font-weight: normal;
  color: #555
}

.txt-range-input {
  margin-top: 10px
}

.new-inputs-design .date-input-v2 input {
  margin-left: -12px
}

.cke_editor_sHeaderCaseDescription {
  margin-top: 10px !important;
  margin-bottom: 15px !important;
}

.action_controls.lis .btn-link {
  padding: 3px 4px
}

.li-steps {
  margin: 10px auto
}

.li-step-1 {
  margin-left: 10px
}

.li-step-2 {
  margin-left: 25px
}

.li-step-3 {
  margin-left: 40px
}

.li-step-4 {
  margin-left: 55px
}

.tmplate-containr {
  margin: 40px auto
}

.tm-ed-heading {
  color: #605f5c;
  padding-bottom: 15px;
  border-bottom: 1px solid #efefef
}

.blk-cus-badge-grey {
  display: inline-block;
  min-width: 12px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #444;
  margin-right: 6px;
  margin-bottom: 8px;
  vertical-align: middle;
  background-color: #f9f9ff;
  border-radius: 2px;
  border: 1px solid #e6e4e4;
  line-height: 20px
}

.blk-cus-badge-grey-sm {
  display: inline-block;
  min-width: 12px;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
  color: #444;
  margin-right: 4px;
  margin-bottom: 6px;
  vertical-align: middle;
  background-color: #f9f9ff;
  border-radius: 2px;
  border: 1px solid #e6e4e4;
  line-height: 20px
}

.mtl-cntrl,
.mtl-ind-cntrl {
  visibility: hidden
}

.mtl-tr:hover .mtl-cntrl,
.mtl-ind:hover .mtl-ind-cntrl {
  visibility: visible
}

.mtl-input-span {
  color: #605f5c
}

.mtl-input-span input.form-1 {
  padding: 2px 8px;
  border-radius: 4px;
  border: 1px solid #605f5c
}

.additional-labels .mtl-input-span input.form-1 {
  margin-bottom: 3px
}

.mtl-input .err-hint,
.input-err-hint,
.err-hint {
  width: 100%;
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #d92a2a
}

.input-err-hint {
  margin-bottom: 15px
}

.additional-labels .err-hint {
  margin-bottom: 4px
}

.sb-input-mtil {
  border: none;
  padding: 2px 8px;
  background: transparent
}

.mtl-checkbox-span {
  transform: scale(2)
}

.mtl-checkbox {
  position: relative;
  appearance: none;
  width: 32px;
  height: 16px;
  background: #ccc;
  border-radius: 50px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.1s
}

.mtl-checkbox:checked[type="checkbox"] {
  background: #7da6ff
}

.mtl-checkbox[type="checkbox"]::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 16px;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
  transition: 0.4s
}

.mtl-checkbox:checked[type="checkbox"]::after {
  left: 50%
}

.mtl-new-inupts {
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #efefef
}

.mtl-new-inupts .sb-input-mtil {
  border-bottom: 1px solid #999
}

.mtl-default-values .sb-input-mtil {
  width: 100%
}

.mtl-new-inupts .mtl-input-span .form-1 {
  border: none;
  border-radius: 0px;
  padding-bottom: 0px;
  border-bottom: 1px solid #999
}

.mtl-new-inupts .h4 {
  padding: 8px 4px;
  border-bottom: 1px solid #efefef
}

.mtl-new-inupts .form-group {
  margin-top: 15px;
  margin-bottom: 10px
}

.mtl-new-inupts .form-group-sc {
  margin-top: 35px
}

.mtl-display-terms {
  margin-bottom: 35px
}

.mtl-display-terms label {
  margin-bottom: 10px
}

.reorder-container {
  border: 1px solid #efefef;
  padding: 10px 0px;
  border-radius: 7px
}

ul.reorder-ul {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
  list-style-type: none
}

ul.reorder-ul li {
  padding: 8px 0px;
  margin-bottom: 5px;
  border-radius: 5px;
  padding-left: 15px;
  border: 1px solid #efefef
}

.defult-vl-dv .blk-cus-badge-grey {
  border-radius: 20px;
  background: #efefef
}

.mtl-default-values .sch-mv-shifts-box,
.mtl-filtered-results {
  max-height: 300px;
  overflow-y: auto;
  scroll-behavior: smooth
}

.dflt-heading {
  padding-bottom: 16px;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #efefef
}

.special-switch-default {
  margin: 10px auto;
  text-align: right
}

.special-switch-default .span {
  margin: 0px 10px
}

.special-switch-default .span input {
  margin-bottom: -4px
}

.v-separator {
  margin: 20px auto;
  border-top: 1px solid #efefef
}

.special-gt-options {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px 0px 10px 20px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef
}

.dflt-hd-gt-values {
  padding-left: 20px
}

.mtl-display-terms .mtl-checkbox {
  margin-bottom: -4px
}

.custom-code {
  color: #1b6f1c;
  font-size: 90%;
  padding: 2px 4px;
  border-radius: 4px;
  background-color: transparent
}

.drag-frop-info {
  margin-top: 100px;
  margin-bottom: 20px
}

.dropdown-preview {
  margin-top: 30px
}

._crsr_gr {
  cursor: grab
}

.mtl-spn-fxd {
  max-width: 314px;
  display: inline-block
}

.mtl-spn-dvfxd {
  max-width: 266px;
  display: inline-block
}

.main-login-block {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e88661', endColorstr='#e8bdd9', GradientType=0);
  min-height: 83vh;
  position: relative;
}

.login-wrap .wrap {
  margin: 0px !important;
  padding: 0px !important;
}

.main-login-block .modal-dialog1 {
  top: 49%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.login-wrap .footer {
  height: auto !important;
  border-top: 1px solid #ddd;
  padding: 10px 0 !important;
  margin: 0px !important;
  position: relative;
  z-index: 2;
}

.login-wrap .footer .copyright .cppowerd .img-responsive {
  width: 100px;
  float: right;
}

.login-wrap .loginmodal-container {
  max-width: 100%;
  border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  background: #f7f7f7 !important;
  border: 1px solid #d4d4d4;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.5);
  overflow: visible !important;
  padding: 30px 15% !important;
}

.two-logo {
  width: 100%;
  margin-bottom: 30px;
  text-align: center;
  margin-top: -90px
}

.two-logo .center-conn {
  margin: 0 auto;
  display: block;
  width: 44%;
  border: 1px solid #dddddd;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  background-color: transparent;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 1)
}

.center-conn .img-responsive {
  border-radius: 8px;
  width: 100%;
  height: auto
}

.login-wrap .header-user-dropdown {
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21);
  -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.21)
}

.login-wrap .header-user-dropdown h1 {
  letter-spacing: 0.5pt
}

.login-wrap .loginmodal-container ._hdl {
  float: left;
  width: 100%;
  margin-top: 0px !important;
}

.login-wrap .loginmodal-container input {
  background-color: rgba(255, 255, 255, 0.4);
  -moz-background-color: rgba(255, 255, 255, 0.4);
  -webkit-background-color: rgba(255, 255, 255, 0.4);
  padding: 15px
}

.login-wrap .loginmodal-container button.login {
  transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  background-color: #0d96dc !important;
}

.login-wrap .login .form-group {
  margin-bottom: 20px !important;
}

.login-wrap .loginmodal-container .login-help a {
  text-transform: capitalize;
  font-size: 16px;
  text-decoration: underline
}

@media (max-width:1024px) {
  .footer .copyright .cppowerd {
    text-align: center !important;
  }

  .login-wrap .footer .copyright .cppowerd .img-responsive {
    float: none !important;
    display: inline-block !important;
  }

  .rs-auto-hd {
    display: none
  }

}

@media (max-width:767px) {
  .main-login-block .modal-dialog1 {
    width: 80% !important;
    margin: 0 auto !important;
  }

  .main-login-block {
    min-height: 600px
  }

  .two-logo {
    margin-top: -70px
  }

  .login-wrap .loginmodal-container {
    padding: 30px 10% !important;
  }

  .rs-auto-hd {
    display: none
  }

  .collapse .menu-toggle {
    display: block
  }

  .collapse .menu-toggle {
    display: inline-block !important;
  }

}

@media (max-width:479px) {
  .two-logo {
    margin-top: -60px
  }

  .main-login-block .modal-dialog1 {
    width: 90% !important;
  }

  .login-wrap .loginmodal-container {
    padding: 30px 8% !important;
  }

  .rs-auto-hd {
    display: none
  }

}

table td .checkin {
  background-color: #0bd6aa;
  color: #fff
}

table td .no-checkin {
  background-color: #62695f;
  color: #fff
}

table td .checkout {
  background-color: #0bd6aa;
  color: #fff
}

table td .no-checkout {
  background-color: #62695f;
  color: #fff
}

table tr .calendar-created {
  background-color: #fa89d4;
  color: #e6476c
}

table tr .no-calendar-created {
  background-color: #62695f;
  color: #fff
}

.dropdown-menu-width {
  width: 297px
}

.system-param-textbox-width {
  width: 190px
}

.system-save-btn {
  margin-left: 18px
}

a.fa-bell-icon {
  position: relative;
  font-size: 2em;
  color: grey;
  cursor: pointer
}

a.fa-comments-icon {
  position: relative;
  font-size: 2em;
  color: grey;
  cursor: pointer
}

span.fa-comment-icon {
  position: absolute;
  font-size: 0.8em;
  top: 0px;
  color: red;
  right: 0px
}

span.notification_icon_count {
  position: absolute;
  font-size: 0.3em;
  top: 1px;
  color: #fff;
  right: 6px
}

.icon-button__badge {
  position: absolute;
  top: 3px;
  right: -4px;
  width: 25px;
  height: 20px;
  background: red;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  font-size: 10px
}

.ssl-config-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px
}

.ssl-config-switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.ssl-config-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s
}

.ssl-config-slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s
}

input:checked + .ssl-config-slider {
  background-color: #2196F3
}

input:focus + .ssl-config-slider {
  box-shadow: 0 0 1px #2196F3
}

input:checked + .ssl-config-slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px)
}

.linux-log {
  background-color: black;
  color: white;
  font-family: monospace;
  font-size: 13px;
  line-height: 1.5;
  margin: 0px;
  padding: 5px
}

.linux-log-container {
  padding: 20px;
  overflow-y: scroll;
  height: auto
}

.linux-log-line {
  white-space: pre
}

.linux-timestamp {
  color: #999
}

.linux-command {
  color: #0f0
}

.linux-output {
  color: #fff;
  font-size: initial
}

.dh-pt-cr-code {
  animation: blinking 1s infinite
}

@keyframes blinking {
  0% {
    visibility: hidden
  }

  50% {
    visibility: hidden
  }

  100% {
    visibility: visible
  }

}

.btn-dr-slots {
  bottom: 5px;
  width: 100%;
  display: block;
  font-size: 12px;
  position: absolute
}

.dr-apt-clinic .search-box {
  margin: 15px 10px
}

.dr-apt-clinic .search-box input {
  width: 100%;
  border: none;
  padding: 10px;
  border-bottom: 1px solid #efefef
}

.dr-apt-clinic .dr-img-avatar {
  width: 60px;
  height: 60px;
  padding: 1px;
  border-radius: 50%;
  border: 1px solid #555
}

.dr-apt-clinic .dr-imgs {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  object-fit: cover
}

.dr-apt-clinic .dr-info-row {
  margin-top: 8px;
  margin-bottom: 8px
}

.dr-apt-clinic .dr-msgs {
  margin-top: 10px;
  margin-bottom: 10px;
  background: #efefef;
  padding: 6px 20px;
  border-radius: 6px
}

.dr-apt-clinic .dr-apt-time-ul li {
  float: left;
  margin-right: 6px;
  padding: 10px 24px;
  text-align: center;
  border-radius: 3px
}

.dr-apt-clinic .dr-apt-time-ul li.br-gr {
  border: 1px solid #459b45;
  background-color: #eef8ee
}

.dr-apt-clinic .dr-slots {
  margin: 20px 0px
}

.dr-apt-clinic .dr-slt-heading {
  padding: 16px;
  text-align: center;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef
}

.dr-apt-clinic .dr-slots .list-group li {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
  border-radius: 6px
}

.spn-order-years {
  margin-right: 24px;
  position: relative;
  display: inline-block
}

.spn-order-years .btn-year {
  font-size: 14px;
  padding: 2px 4px;
  text-decoration: none;
}

.spn-order-years .btn-year.active,
.spn-order-years .btn-year:hover {
  border-bottom: 2px solid #337ab7;
  font-weight: bold;
}

.spn-order-years .yrs-parent {
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
}

.more-years {
  position: relative;
  display: inline-block;
}

.spn-order-years .yrs-parent:hover {
  border-bottom: 1px solid #999;
}

.find-yrs-child .tb-list {
  position: relative;
}

ul.yrs-main-tab {
  top: 12px;
  margin: 0;
  padding: 0;
  z-index: 15;
  left: -140px;
  width: 164px;
  position: absolute;
  border-radius: 6px;
  background: #efefef;
  list-style-type: none;
  border: 1px solid #ded9d9;
}

ul.yrs-main-tab li .btn-years-comnn,
ul.yrs-nested-tab-ul li .btn-years-comnn {
  margin: 10px;
  display: block;
  font-size: 14px;
  padding-left: 10px;
}

.find-yrs-child .yrs-icon {
  float: right;
  margin-top: 3px;
  font-size: 12px;
  margin-right: 8px;
}

ul.yrs-main-tab .tb-list {
  position: absolute;
}

ul.yrs-nested-tab-ul {
  margin: 0;
  padding: 0;
  top: -35px;
  left: 163px;
  width: 164px;
  position: absolute;
  border-radius: 6px;
  background: #efefef;
  list-style-type: none;
  border: 1px solid #ded9d9;
}

.yrs-nested-tab-ul li:last-child {
  border-top: 1px solid #ded8d8;
}

.spn-order-years .btn-years-comnn.active {
  color: #337ab7 !important;
  text-decoration: underline;
  font-weight: bold;
}

.v2-blk-cus-badge {
  display: inline-block;
  min-width: 12px;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #5c5d61;
  margin-right: 6px;
  border-radius: 10px;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #f9f9ff;
  border: 1px solid #efefef;
}

.v2-slot-bx {
  padding: 20px 10px;
}

.lft-sprtr {
  border-left: 1px solid #efefef;
}

.cns-additional-details {
  padding: 15px 40px;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #efefef;
}

.new-inputs-design .select2-selection {
  width: 100%;
  color: #555;
  border: none;
  height: 34px;
  padding: 6px 12px;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  border-radius: 0px;
  line-height: 1.42857143;
  border-bottom: 1px solid #ccc;
  background-color: #fff !important;
  background-image: none;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.new-inputs-design .select2-selection:focus,
.new-inputs-design .select2-selection:focus-within,
.new-inputs-design .select2-selection:focus-visible,
.new-inputs-design .select2-selection:target {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075)
}

.spcl-mtrl-dv .form-group,
.spcl-vhcl-nmbrs .form-group {
}

.dddiv {
  margin-bottom: 4px
}

.red {
  color: #a94442 !important;
}

ul.ul-toggle-analytics li,
ul.ul-toggle-submenus li {
  margin-bottom: 6px
}

ul.ul-toggle-submenus {
  direction: rtl
}

ul.ul-toggle-submenus li a {
  direction: ltr;
  unicode-bidi: embed
}

.form3-control {
  width: 100%;
  color: #555;
  border: none;
  height: 34px;
  padding: 6px 2px;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.42857143;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form3-control-textarea {
  width: 100%;
  color: #555;
  border: none;
  padding: 6px 2px;
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.42857143;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.gen-action-controls .form-group {
  margin-bottom: 30px;
}

.gr-documents-containers {
  margin: 10px 0px 30px 0px;
}

.gr-documents-containers .tbox {
  min-height: 240px;
}

.btn-nav-clr {
  color: #337ab7 !important;
}

.spn-dispatch-po {
  position: relative;
  display: inline-block;
  max-width: 440px;
}

.spn-dispatch-po-info {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  left: -32px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.spn-dispatch-po-info .table {
  width: 410px;
}

.spn-more-splrs-info .table {
  width: 520px;
}

.spn-dispatch-po:hover .spn-dispatch-po-info {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.gate-in-res-containers .tbox {
  max-height: 300px;
  overflow: auto;
}

.gate-in-res-containers .tbox ._bgpass,
.digi-box ._bgpass {
  background-color: #4cae4c !important;
  color: #fff !important;
}

.gate-in-res-containers .tbox ._bgfail,
.digi-box ._bgfail {
  background-color: #f16c6c !important;
  color: #fff !important;
}

.gate-in-res-containers .tbox ._bgpartial,
.digi-box ._bgpartial {
  background-color: orange !important;
  color: #fff !important;
}

.digi-box {
  position: relative;
  display: inline-block
}

.digi-box-content {
  position: absolute;
  background: #fff;
  border-radius: 4px;
  left: -100px;
  z-index: 1;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08)
}

.digi-box-content .table {
  width: 360px
}

.myplantsdiv .contner {
  padding: 2px 10px;
  min-height: 400px;
  overflow-y: auto;
  overflow-x: hidden
}

.myplantsdiv table tbody td {
  padding: 4px !important;
}

.dgb-err-box {
  padding: 25px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  border: 1px solid #f97f7f
}

.plnt-frm {
  opacity: 0;
  visibility: hidden;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.card-list:hover .plnt-frm {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s
}

.bx-gate-entry {
  padding: 26px;
  border: 1px solid #ddd;
  border-radius: 0px
}

.rdo-reorient-plant label {
  display: block;
  margin: 10px 5px;
  cursor: pointer
}

.cmpny-brand-badge-td {
  position: relative;
  padding-top: 22px !important;
}

.cmpny-brand-badge {
  position: absolute;
  top: -1px;
  left: -2px;
  color: #fff;
  padding: 2px 6px;
  background: #FCA311;
  font-size: 12px
}

.cmpny-brand-badge:after {
  content: '';
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateX(100%);
  animation: shining_slide 2s infinite;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.8)), color-stop(99%, rgba(128, 186, 232, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#007db9e8', GradientType=1)
}

@keyframes shining_slide {
  0% {
    transform: translateX(-100%)
  }

  100% {
    transform: translateX(100%)
  }

}

.menu-caption-heading,
.menu-caption-heading:hover {
  background: none !important;
}

.menu-caption-heading a,
.menu-caption-heading a:hover {
  cursor: default;
  background: none !important;
}

.lnl-box {
  display: block;
  max-height: 460px;
  overflow-y: auto;
  overflow-x: hidden;
}

.cr-new-gr-contents {
  border-radius: 4px;
  border: 1px solid #efefef;
  margin: 20px 0px 30px 0px;
  padding: 20px 20px 0px 20px;
}

.cr-new-gr-contents .grmheading {
  margin-bottom: 20px;
  padding-bottom: 6px;
  border-bottom: 1px solid #efefef;
}

.cr-new-gr-contents .disabled:hover {
  cursor: not-allowed;
}

.cr-new-gr-contents input:focus,
.cr-new-gr-contents select:focus {
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
}

.years-tab-containers {
  margin: 15px 0px;
}

#append-boq-item-form ul._mxnttp2 {
  list-style-type: none;
}

.new-shift-card-list .chart-container {
  height: 190px;
}

.new-shift-card-list .card-container {
  height: 280px;
  min-height: 230px;
}

.m-shift-progress {
  height: 10px;
  width: 100%;
  position: relative;
  border-radius: 4px;
}

.m-shift-progress .shift-pr-bar {
  height: 10px;
  margin: 0 !important;
  display: inline-block;
  margin-left: -5px !important;
  transition: transform .2s;
}

.m-shift-progress .shift-pr-bar:first-child {
  margin-left: 2px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.m-shift-progress .shift-pr-bar:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.shift-pr-bar:hover {
  transform: scale(1.2);
}

.nshfts-control {
  font-size: 14px;
  visibility: hidden;
}

.new-shift-card-list .card-container:hover .nshfts-control {
  visibility: visible;
}

.new-shift-card-list .new-inputs-design .form-group {
  margin-bottom: 20px;
}

.new-shift-card-list .new-inputs-design .form-group label {
  margin-bottom: 0px;
}

.new-shift-card-list .new-inputs-design .form2-control {
  height: 26px;
  padding: 4px 6px;
  margin-bottom: 0 !important;
}

.form4-control {
  width: 60px;
  margin: 0px;
  padding: 0px;
  border: none;
  display: inline-block;
  border-bottom: 1px solid #777;
}

.form4-control.w1 {
  width: 240px;
}

.form4-control.w2 {
  width: 80px;
}

.form4-control.w3 {
  width: 90px;
}

.form4-control.w4 {
  width: 100px;
}

.new-v2-shift-box .card-container {
  padding: 5px;
  cursor: default;
}

.brbtmnew {
  border-bottom: 1px solid #efefef;
}

.new-v2-shift-box .v2-shift-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef;
}

.new-v2-shift-box .clr-pickr {
  margin-top: 10px;
}

.nsierror {
  color: red !important;
  border-bottom: 1px solid red !important;
}

.choose-icons .spn-cicons {
  width: 100px;
  padding: 10px;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.choose-icons .ciname {
  margin: 0;
  font-size: 10px;
}

.choose-icons .spn-cicons:hover {
  border-radius: 5px;
  border: 1px solid #3737e0;
}

.choose-icons .spn-cicons:hover .fa {
  padding-top: 5px;
  transform: scale(1.8);
}

.choose-icons .spn-cicons:hover .ciname {
  font-size: 14px;
}

.card-highlight {
  transform: scale(1.1);
  border-top: 4px solid yellow;  /*border-bottom: 4px solid yellow;*/
}

.tyt-no-vhcls-bx {
  margin-top: 5px;
  padding-top: 5px;
  border-top: 1px solid #efefef;
}

.asappp-schedule-box .span-vc-control {
  opacity: 0;
  visibility: hidden
  transition:all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.asappp-schedule-box .span-vc-control,
.asappp-schedule-box .ptpvpphrs {
  opacity: 0;
  visibility: hidden
  transition:all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.asappp-schedule-box .sch-store-vehicle:hover .span-vc-control,
.asappp-schedule-box .tyt-no-vhcls-bx:hover .ptpvpphrs {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.calc-cap {
  padding: 7px;
  text-align: center;
}

.day-w-calc-desi-cap .dc,
.desi-w-calc-day-cap .dc {
  margin-bottom: 5px !important;
}

.day-w-calc-desi-cap .dc:last-child,
.desi-w-calc-day-cap .dc:last-child {
  margin-bottom: 0px !important;
}

/*.sch-mv-shifts-box label,
.sch-mv-designations-box label {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}*/
.shft-assigned-locations {
  display: block;
  margin-top: 5px;
  position: relative;
  margin-bottom: 10px;
}

.shft-assigned-locations .view-all-assigned-locs {
  top: 2.6em;
  right: 0em;
  z-index: 3;
  width: 100%;
  padding: 8px 2px;
  background: #fff;
  position: absolute;
  border-radius: 3px;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.stick-menu-bar {
  width: 5%;
  left: 0;
  top: 50px;
  z-index: 1;
  height: 95%;
  position: absolute;
  text-align: center;
  background: #f8f8f8;
}

.calendar-status-heading .spn-head {
  font-size: 22px;
}

.stick-menu-bar .ul-stick-menu-bar,
.stick-menu-bar .ul-stick-submenu-bar {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ul-stick-menu-bar {
  margin: 0;
  background-color: #f8f8f8;
  padding: 10px 10px 80px 10px !important;
}

.stick-menu-bar .ul-stick-menu-bar li {
  position: relative;
}

ul.ul-stick-menu-bar > li a .menuicon {
  font-size: 20px;
}

ul.ul-stick-menu-bar > li a .menucode {
  display: block;
  font-size: 10px;
  margin-top: 6px;
  margin-bottom: 20px;
}

ul.ul-stick-menu-bar > li:first-child {
  margin-top: 10px;
}

.stick-menu-bar .ul-stick-menu-bar > li:hover .ul-stick-submenu-bar {
  display: block;
}

.stick-menu-bar .ul-stick-submenu-bar {
  top: 8px;
  left: 100%;
  width: 250px;
  padding: 8px;
  display: none;
  text-align: left;
  position: absolute;
  border-radius: 5px;
  background: #f8f8f8;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
  border: 1px solid #d5d5da;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

ul.ul-stick-submenu-bar > li {
  margin-top: 0px;
  margin-bottom: 10px;
}

ul.ul-stick-submenu-bar > li:last-child {
  margin-bottom: 0px;
}

ul.ul-stick-submenu-bar > li a .menuicon {
  font-size: 12px;
}

ul.ul-stick-submenu-bar > li a .menucode {
  display: inline;
  font-size: 12px;
  margin-left: 4px;
}

.heading-gradient1 {
  color: #337ab7 !important;
  /*background: #D16BA5;*/
  /*background: linear-gradient(to right, #D16BA5 13%, #86A8E7 39%, #BE3AFB 86%);*/
  /*-webkit-background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
}

.tbl-sch-th-frow {
  width: 15% !important;
}

.ul-toggle-analytics li:first-child {
  margin-top: 15px;
}

.tyt-rpt-sch-rpt {
  min-width: 100px;
}

.tyt-dth-sch-rpt {
  min-width: 224px;
}

.f1-s2-column-sticky-table th,
.f1-s2-column-sticky-table td,
.first-column-sticky-table th,
.first-column-sticky-table td {
  white-space: normal;
  padding: 10px 20px;
}

.f1-s2-column-sticky-table tr th:nth-child(-n+2),
.f1-s2-column-sticky-table td:nth-child(-n+2), 
.first-column-sticky-table tr th:first-child,
.first-column-sticky-table td:first-child {
  position: sticky;
  left: 0;
  z-index: 10;
  color: #555;
  background: #fff;
}

.f1-s2-column-sticky-table tr th:nth-child(-n+2), 
.first-column-sticky-table tr th:first-child {
  z-index: 11;
}
 
.f1-s2-column-sticky-table tr th, 
.first-column-sticky-table tr th {
  position: sticky;
  top: 0;
  z-index: 9;
  background: #fff;
}

.spn-vsr-info-icon {
  float: right;
  cursor: pointer;
  margin-top: 4px;
  margin-right: 5px;
}

.div-vsr-info .default-card-list {
  padding: 0px !important;
}

.div-vsr-info .default-card-list .card {
  margin-bottom: 0px !important;
}

.div-vsr-info .new-shift-card-list .card-container {
  height: 240px !important;
}

.view-lev-extra-infos {
  font-size: 13px;
}

.w-120px {
  width: 120px;
}

.pending-tab-span.active {
  padding-bottom: 2px;
  border-bottom: 2px solid #4cae4c;
}

.pending-tab-span > a,
.pending-tab-span > a:visited,
.pending-tab-span > a:hover,
.pending-tab-span > a:active {
  text-decoration: none;
}

.table-vin-numbers .vin-counts {
  position: relative;
  width: 42px;
}

.table-vin-numbers .vin-numbers {
  top: 0px;
  left: 55px;
  position: absolute;
}

.upload-jobs-prvw-box {
  height: 500px;
  overflow: scroll;
  scroll-behavior: smooth;
}

.facilities-box .input-control {
  margin-top: 15px;
}

.facilities-box .additional-info {
  margin-bottom: 30px;
}

.frc-control-box {
  margin-top: 10px;
}

.mxh-280 {
  min-height: 280px;
}

#fr-camera,
#fr-canvas {
  width: 100%;
}

.atn-thumbnail-bx {
  position: relative;
  display: inline-block;
}

.thumbnail-full-bx {
  top: 22px;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 9;
  right: -76px;
  visibility: hidden;
  position: absolute;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.atn-pic-thumbnail {
  width: 20px;
  height: 20px;
  margin-right: 3px;
  border-radius: 50%;
}

.atn-pic-thumb-full {
  width: 166px;
  height: auto;
  border-radius: 20px;
  border: 3px solid #555;
}

.atn-pic-thumbnail:hover {
  border: 1px solid #fff;
  cursor: pointer;
}

.atn-thumbnail-bx:hover .thumbnail-full-bx {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

td.tyt-rp-date {
  min-width: 110px;
}

td.tyt-rp-week {
  min-width: 220px;
}

td.tyt-rp-month {
  min-width: 160px;
}

.tyt-rp-la-loc {
  width: 100px;
}

.lb-lc-avl-table td.bg-green {
  background: green;
  color: #fff !important;
}

.lb-lc-avl-table td.bg-green a {
  color: #fff !important;
}

.lb-lc-avl-table td.bg-yellow {
  background: yellow;
  color: #999 !important;
}

.lb-lc-avl-table td.bg-yellow a {
  color: #999 !important;
}

.lb-lc-avl-table td.bg-red {
  background: red;
  color: #fff !important;
}

.lb-lc-avl-table td.bg-red a {
  color: #fff !important;
}

.ta-container label {
  display: block;
  margin-bottom: 0px;
}

.ta-container {
  max-height: 310px;
  overflow-y: scroll;
  margin-bottom: 30px;
}

.to-legends {
  display: inline-block;
}

.to-legends .tol-spn {
  padding: 8px;
  border: 1px solid #efefef;
}

.fhc-dv .dv {
  padding: 3px 6px;
  border-radius: 3px;
}

.fhc-dv .available, 
.linked-stations .available, 
.location-list-set .available, 
.ntsys-content .available, 
.m-analytics-pg-filters .available {
  color: #fff !important;
  background-color: #47a947;
}

.fhc-dv .broken, 
.linked-stations .broken, 
.location-list-set .broken, 
.ntsys-content .broken, 
.m-analytics-pg-filters .broken {
  color: #fff !important;
  background-color: #d30808;
}

.fhc-dv .out-maintainance, 
.linked-stations .out-maintainance, 
.location-list-set .out-maintainance, 
.ntsys-content .out-maintainance, 
.m-analytics-pg-filters .out-maintainance {
  color: #666 !important;
  background-color: #e9e90a;
}

.fhc-dv .out-service, 
.linked-stations .out-service, 
.location-list-set .out-service, 
.ntsys-content .out-service, 
.m-analytics-pg-filters .out-service {
  color: #555 !important;
  background-color: #efefef;
}

.fhc-dv .occupied, 
.linked-stations .occupied, 
.location-list-set .occupied, 
.ntsys-content .occupied, 
.m-analytics-pg-filters .occupied {
  color: #fff !important;
  background-color: skyblue;
}

.fhc-dv .broken-occupied, 
.linked-stations .broken-occupied, 
.location-list-set .broken-occupied, 
.ntsys-content .broken-occupied, 
.m-analytics-pg-filters .broken-occupied {
  color: #fff;
  background-color: pink;
}

.fhc-dv .btn-link {
  visibility: hidden;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.fhc-dv:hover .btn-link {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.to-legends .lgd-square {
  padding: 2px 8px;
}

.fhc-dv .clr-available, 
.linked-stations .clr-available, 
.location-list-set .clr-available, 
.ntsys-content .clr-available, 
.m-analytics-pg-filters .clr-available {
  color: #47a947 !important;
}

.fhc-dv .clr-broken, 
.linked-stations .clr-broken, 
.location-list-set .clr-broken, 
.ntsys-content .clr-broken, 
.m-analytics-pg-filters .clr-broken {
  color: #d30808 !important;
}

.fhc-dv .clr-out-maintainance, 
.linked-stations .clr-out-maintainance, 
.location-list-set .clr-out-maintainance, 
.ntsys-content .clr-out-maintainance, 
.m-analytics-pg-filters .clr-out-maintainance {
  color: #e9e90a !important;
}

.fhc-dv .clr-out-service, 
.linked-stations .clr-out-service, 
.location-list-set .clr-out-service, 
.ntsys-content .clr-out-service, 
.m-analytics-pg-filters .clr-out-service {
  color: #efefef !important;
}

.fhc-dv .clr-occupied, 
.linked-stations .clr-occupied, 
.location-list-set .clr-occupied, 
.ntsys-content .clr-occupied, 
.m-analytics-pg-filters .clr-occupied {
  color: skyblue !important;
}

.fhc-dv .clr-broken-occupied, 
.linked-stations .clr-broken-occupied, 
.location-list-set .clr-broken-occupied, 
.ntsys-content .clr-broken-occupied, 
.m-analytics-pg-filters .clr-broken-occupied {
  color: pink !important;
}

.linked-tabs {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #efefef;
}

.linked-tabs .st-badge, 
.spn-stations-resources {
  position: relative;
  text-align: left;
  width: 230px;
}

.tyt-station-action-list {
  left: 0;
  z-index: 9;
  width: 100%;
  font-size: 12px;
  margin-top: 8px;
  position: absolute;
  visibility: hidden;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.tyt-station-users-list {
  top: 16px;
  right: 0px;
  z-index: 9;
  width: 210px;
  font-size: 12px;
  margin-top: 8px;
  max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  visibility: hidden;
  scroll-behavior: smooth;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.spn-edit-capacity {
  z-index: 9;
  right: 10px;
  position: absolute;
  visibility: hidden;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;  
}

.tyt-station-action-list li,
.tyt-station-users-list li {
  text-align: left;
}

.tyt-station-action-list li:last-child {
  color: #f72c2c;
  /*border-top: 1px solid #f72c2c;*/
}

.linked-tabs .st-badge:hover .tyt-station-action-list, 
.spn-stations-resources:hover .tyt-station-users-list {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.location-list-set .spn-stations-resources:hover .spn-edit-capacity {
  opacity: 1;
  visibility: visible;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.location-list-set .spn-stations-resources:hover .spn-max-capacity {
  opacity: 1;
  visibility: visible;
  padding-right: 20px;
  transition: all 0.35 ease 0.25s;
  -webkit-transition: all 0.35 ease 0.25s;
  -moz-transition: all 0.35 ease 0.25s;
}

.lc-status-summary {
  margin-top: 10px;
  margin-bottom: 20px;
}

.unlink-mapped-station-div {
  background-color: #efefef;
  padding: 18px;
}

.w-16{
  width: 16px;
}

#calendar-container .fc-button {
  margin: 0px 2px !important;
  border-radius: 3px !important;
  padding: 4px 15px !important;
  text-transform: capitalize !important;
}

.documents-phases {
  margin: 6px 0px;
  padding-left: 20px;
  border-bottom: 1px solid #efefef;
}

.candidate-documents .documents-phases:last-child {
  border-bottom: none;
}

.spn-stations-resources {
  color: #444;
  padding: 4px 14px;
  border-radius: 2px;
}

.analy-resources-states .spn-stations-resources {
  padding: 2px 8px;
  text-align: right;
}

.brdrgreen {
  border: 2px solid #4cae4c;
}

.brdrdotted {
  border: 2px dashed #999;
}

.td-analy-resources-states .dv {
  width: 58% !important;
  display: inline-block;
}

.td-analy-resources-states .analy-resources-states {
  width: 40%;
  float: right;
  padding: 1px;
  display: inline-block;
}

.for-location-list ul.nav li.active a {
  color: #555;
  font-weight: 600;
  background-color: #efefef !important;
  border-bottom: 2px solid #0000ff !important;
}

._bgcred {
  color: #fff;
  background-color: chocolate !important;
}

._bgcgreen {
  color: #fff;
  background-color: #47a947 !important;
}

._bgcblue {
  color: #fff;
  background-color: #6c6ceb !important;
}

.rrr-table th .name-info {
  width: 300px;
}

.filtered-results-mis {
  margin: 5px auto;
}

.w-190 {
  width: 190px;
}

.w-200 {
  width: 200px;
}

.mw-190 {
  max-width: 190px;
}

.add-upd-col-sch-div .control-label {
  display: block;
}

.map-accessories-div {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #efefef;
}

.emr-content {
  margin: 20px 5px;
}

li.li-equipement-m-report.active {
  font-weight: bold;
}

.slevel-legends {
  margin: 20px 0px;
}

.level-1 {
  background-color: #EFEFEF;
  color: #555;
}

.level-2 {
  background-color: #FFF4C7;
  color: #555;
}

.level-3 {
  background-color: #A0BFF9;
  color: #555;
}

.level-4 {
  background-color: #82C977;
  color: #555;
}

.level-5 {
  background-color: #52AF44;
  color: #555;
}

.common-analytics-begins .quick-dash-caption {
  color: #777;
  height: 40px;
  font-size: 12px;
  margin-top: 10px;
  font-weight: 600;
}

.common-analytics-begins .quick-dash-value{
  position: relative;
}

.common-analytics-begins .quick-dash-value .spn-dash {
  color: #7777ed;
  font-size: 50px;
  min-height: 80px;
  font-weight: 600;
  margin-bottom: 10px;
}

.common-analytics-begins .quick-dash-value .a-dash {
  right: 10px;
  bottom: 20px;
  color: #999;
  position: absolute;
}

.common-analytics-begins .quick-dash-value .a-dash.d1 {
  right: 34px;
}

.common-analytics-begins .quick-dash-value .a-dash.d2 {
  right: 54px;
}

.common-analytics-begins .quick-dash-value .a-dash:hover {
  color: #7777ed;
}

.ops-resources-master {
  max-height: 590px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 20px;
}

.ops-mgmt-box {
  margin-top: 20px;
  margin-bottom: 20px;
}

.ops-pl-cells {
  /*min-width: 110px;*/
}

.table-responsive-v1 {
  width: 100%;
  margin-top: 20px;
  overflow-y: hidden;
  overflow-x: auto;
}

.ops-mgmt-box .td-opss {
  min-width: 120px;
}

.ops-mgmt-box .td-opss.break1 {
  min-width: 38px;
}

.ops-mgmt-box td.ui-droppable-hover {
  border: 3px dashed blue !important;
}

.ops-mgmt-box .ops-sch-person {
  cursor: pointer;
  font-size: 12px;
  padding: 4px 8px;
  max-width: 160px;
  position: relative;
  border-radius: 4px;
  margin-bottom: 4px;
}

.ops-mgmt-box .ops-sch-person.break1 {
  width: auto;
}

.ops-sch-person-opts, 
.ops-sch-logs {
  right: 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.ops-mgmt-box .ops-sch-person:hover .ops-sch-person-opts {
  opacity: 1;
  right: 8px;
  padding-left: 6px;
  visibility: visible;
  background-color: #fff;
}

.ul-ops-resources .list-group-item:hover .ops-sch-logs {
  opacity: 1;
  right: 14px;
  visibility: visible;
  background-color: #fff;
}

.ops-sch-person-opts.v1 {
  right: 22px !important;
}

.ops-mgmt-box .ops-sch-person:hover .ops-sch-person-opts.v1 {
  opacity: 1;
  padding-left: 6px;
  padding-right: 4px;
  visibility: visible;
  right: 22px !important;
  background-color: #fff;
}

.ops-station-cells {
  position: relative;
}

.ops-station-cells .ops-station-capacity {
  top: 0;
  right: 0;
  position: absolute;
}

.ops-station-cells .sts-filter-users {
  opacity: 0;
  visibility: hidden;
  padding: 0px 6px;
  border-radius: 50%;
  background-color: #f1efef;
}

.ops-station-cells:hover .sts-filter-users {
  top: 0;
  right: 0;
  opacity: 1;
  position: absolute;
  visibility: visible;
}

.ops-station-cells:hover .sts-filter-users.v1 {
  right: 24px;
}

.ops-shift-cells .ops-sch-person:last-child {
  margin-bottom: 0px;
}

.pr-search {
  width: 100%;
  position: relative;
}

.pr-search .clear-input-filter {
  top: 15px;
  right: 15px;
  position: absolute;
}

.ops-mgmt-table {
  overflow: scroll;
  border-collapse: collapse;
}

.table-secondary-container {
  overflow-y: auto;
  overflow-x: auto;
  padding: 10px 0px;
  max-height: 600px;
  border-radius: 10px;
  border-collapse: collapse;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.table-secondary-container table thead th {
  top: -10px;
  z-index: 8;
  position: sticky;
  white-space: nowrap;
  background-color: white !important;
}

.loader-v1 {
  width: 100%;
  padding: 1px;
  border-radius: 0;
  position: relative;
  border: 2px solid rgb(244, 245, 247);
}

.loader-v1:before {
  content: '';
  border: 1px solid #fff;
  border-radius: 10px;
  position: absolute;
  top: -4px; 
  right: -4px; 
  bottom: -4px; 
  left: -4px;
}

.loader-v1 .loaderBar {
  position: absolute;
  border-radius: 10px;
  top: 0;
  right: 100%;
  height: 5px;
  bottom: 0;
  left: 0;
  background: #0052cc;
  width: 0;
  animation: borealisBar 2s linear infinite;
}

@keyframes borealisBar {
  0% {
    left: 0%;
    right: 100%;
    width: 0%;
  }
  10% {
    left: 0%;
    right: 75%;
    width: 25%;
  }
  90% {
    right: 0%;
    left: 75%;
    width: 25%;
  }
  100% {
    left: 100%;
    right: 0%;
    width: 0%;
  }
}

.pr-slr-selc {
  padding: 4px 8px;
  border: 1px solid #efefef;
  margin: auto 4px;
}

.pr-slr-selc2 {
  padding: 5px 10px;
  border: 1px solid #efefef;
}

.pos-rel {
  position: relative;
}

.pos-abs {
  position: absolute;
}

.broker-search-preview, 
.supplier-search-preview,
.material-search-preview {
  width: 92%;
  z-index: 2;
  display: block;
  max-height: 480px;
  position: absolute;
  overflow-y: auto;
}

.supplier-search-preview {
  z-index: 3;
}

.bs-pr-bdge {
  top: 28px;
  background: #fff;
  position: absolute;
}

.broker-address, .supplier-address {
  top: 56px;
  position: absolute;
}

.supplier-address2 {
  top: 28px;
}

.access-disabled {
  cursor: not-allowed !important;
  background-color: #efefef !important;
}

.posrel {
  position: relative;
}

.db-tables {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.spcl-filter-clear-icon {
  /*opacity: 0;
  visibility: hidden;*/
  position: absolute;
  cursor: pointer;
  color: #999;
  right: 15px;
  top: 32px;
}

.attach-spcl-clear-icon .form-group:hover .spcl-filter-clear-icon {
  visibility: visible;
  color: #777;
  opacity: 1;
}

.auto-sugst-mv-spn {
  position: absolute;
  right: 0px;
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.animate-flicker {
 -webkit-animation: flickerAnimation 1s infinite;
 -moz-animation: flickerAnimation 1s infinite;
 -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
}

@keyframes tilt-shaking {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(1deg); }
  50% { transform: rotate(0deg); }
  75% { transform: rotate(-1deg); }
  100% { transform: rotate(0deg); }
}

.animate-tilt-shaking {
 -webkit-animation: tilt-shaking 0.3s infinite;
 -moz-animation: tilt-shaking 0.3s infinite;
 -o-animation: tilt-shaking 0.3s infinite;
  animation: tilt-shaking 0.3s infinite;
}

@keyframes buzz-out-on-hover {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.buzz-out-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.buzz-out-on-hover:hover, .buzz-out-on-hover:focus, .buzz-out-on-hover:active {
  -webkit-animation-name: buzz-out-on-hover;
  animation-name: buzz-out-on-hover;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.normal-400px-scroll-box {
  max-height: 400px;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}

.normal-350px-scroll-box {
  max-height: 350px;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}

.normal-300px-scroll-box {
  max-height: 300px;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}

.normal-250px-scroll-box {
  max-height: 250px;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}

.normal-200px-scroll-box {
  max-height: 300px;
  overflow-y: auto;
  scroll-behavior: smooth;
  margin-bottom: 20px;
}

.notification-table tr td {
  padding: 5px !important;
}

.required_border_line {
  border-bottom: 2px solid red;
}

.ops-del-shift-slots {
  max-height: 270px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.multibox-tabs {
  margin: 30px 20px;
}

.grn-overwrite-div {
  margin-top: 10px;
  padding-left: 20px;
}

.grn-overwrite-div .msgs {
  margin-bottom: 5px;
}

.grn-overwrite-div .overwrite-error {
  padding-left: 20px;
}

.do-blinking {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.btn-secondary {
  color: #fff !important;
  background-color: #6c757d !important;
  border-color: #6c757d !important;
}

.btn-secondary:hover {
  color: #fff !important;
  background-color: #5a6268 !important;
  border-color: #545b62 !important;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}

.alert-default {
  color: #555 !important;
  background-color: #fff !important;
  border-color: #ccc !important;
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

.btn-primary {
  color: #fff !important;
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.dim-opacity {
  opacity: 0.3;
}

.clear-opacity {
  opacity: 1;
}

.tbl-bg-1, .tbl-bg-1 tr td {
  background: #faebd7 !important;
}

.tbl-bg-2, .tbl-bg-2 tr td {
  background: #f0f8ff !important;
}

.single-add-supplier-sda-box {
  padding: 30px;
  border-radius: 10px;
  border: 1px dashed #b5afaf;
}

.guest-expired-box {
  padding: 30px;
  border-radius: 10px;
  border: 1px dashed #b5afaf;
}

.v2-mn-td-width {
  min-width: 120px;
}

#tr-feedback-broker ol li,
#tr-feedback-supplier ol li,
#table-feedback-broker ol li,
#table-feedback-supplier ol li {
  margin-bottom: 10px;
  /*transform: rotate(-180deg);*/
}

/*#tr-feedback-broker ol,
#tr-feedback-supplier ol {
  transform: rotate(180deg);
}*/

.bg-transparent {
  background: transparent !important;
}

.mx-w300 {
  max-width: 300px;
}

.mx-w360 {
  max-width: 360px;
}

.mx-w460 {
  max-width: 460px;
}

.btn-outline {
  border: 1px solid #e4dede;
}

.__stso .alert {
  min-width: 300px;
}

.w-100 {
  width: 100%;
}

/*.pos-abs-btm {
  bottom: 12px;
  position: absolute;
}*/

.pos-abs-s1 {
  top: 10px;
  right: 10px;
  position: absolute;
}

.cr-rabill-bx .pos-rel input,
.rabill-table .pos-rel input {
  max-width: 170px;
  padding-right: 26px;
}

.btn-acra-link {
  opacity: 0;
  visibility: hidden;
}

.tr-acra:hover .btn-acra-link {
  opacity: 1;
  visibility: visible;
}

.cr-rabill-bx {
  width: 400px;
}

.new-nsi-box{
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.sch-accessories-summary {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: none;
}

.leave-connector {
  top: 28px;
  width: 20px;
  right: -11px;
  position: absolute;
  border: 1px solid #ddd;
}

.leave-connector-edge {
  width: 0;
}

.schedule-calendar .tschcal td.pos-rel:has( > .leave-connector) {
  border: none !important;
  border: 2px dashed #ddd !important;
}

.txt-uppercase {
  text-transform: uppercase;
}

.assign-trn-label { 
  border-bottom: 1px solid #ececec;
  padding: 8px 5px !important;
}

.form5-control {
  width: 72px;
  color: #555;
  border: none;
  height: 34px;
  padding: 8px;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 1.42857143;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 0px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.quick-dash-cpl {
  color: #fff;
  width: 18px;
  height: 18px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 3px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background-color: #8b8c8e;
}

.spn-fl-right {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.custom-alert {
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.station-breakdown-info {
  border-radius: 5px;
  padding: 10px 15px 20px;
  border: 1px solid #dedede;
}

.sbd-ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sbd-ul li {
  margin-bottom: 5px;
}

.d-iblock {
  width: 94px;
  display: inline-block;
}