html, body {
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

body {
    font-size: 13px;
    color: #6c757d;
    background-color: #fafafa;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    background-color: #f5f5f5;
    letter-spacing: 0.3px;
}

a {
    color: #17a2b8;
}

a:hover {
    color: #dc3545;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(255, 255, 255, 0.80);
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader .loader-text {
    padding: 10px 0px;
}

.loader .feather-loader {
    width: 50px;
    height: 50px;
}

.showloader {
    background: url(../images/loader.svg) center center no-repeat;
    background-size: cover;
    height: 50px;
    width: 150px;
    margin: 0 auto;
    display: block;
}

.form-control:disabled, .form-control[readonly] {
    background: transparent !important;
}

.blue-gradient {
    background: -webkit-linear-gradient(-50deg, #30cfd0, #330867);
    background: -o-linear-gradient(-50deg, #30cfd0, #330867);
    background: linear-gradient(-40deg, #30cfd0, #330867);
}

.text-orange {
    color: #ec5a27 !important;
}

.text-blue {
    color: #411f73 !important;
}

.bg-orange {
    background-color: #ec5a27 !important;
}

.bg-blue {
    background-color: #411f73 !important;
}

.note {
    padding-top: 8px;
    display: inline-block;
    font-size: 10px;
    color: #9e9e9e;
}

.d-flax-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.alert {
    border: 0px !important;
}

.alert-dismissible .close {
    padding: .6rem 1.25rem;
}

.question-icon {
    font-size: 18px;
    display: inline-block;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}

.clear {
    clear: both;
}

.nowrap {
    white-space: nowrap;
}

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

.btn {
    border-radius: 4px;
    font-weight: 500;
    font-size: .875rem;
    letter-spacing: .25px;
}

.btn-link {
    color: rgba(60, 64, 67, 0.38) !important;
    text-decoration: none !important;
}

.btn-link:hover {
    color: rgba(0, 0, 0, 0.6) !important
}

.btn-xs {
    padding: 4px 10px;
    font-size: 11px;
}

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

.btn-shadow {
    webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.btn-shadow:hover {
    webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
}

.btn-w-big {
    width: 100%;
    max-width: 150px;
}

.btn-theme {
    color: #fff;
    background-color: #432074;
    border-color: #432074;
}

.btn-theme:hover {
    background-color: #394784;
    border-color: #394784;
}

.btn-theme.focus, .btn-theme:focus {
    box-shadow: 0 0 0 0.2rem rgba(202, 68, 21, .5);
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.row.no-gutters > [class^="col"], .row.no-gutters > [class*=" col"] {
    padding-right: 0;
    padding-left: 0
}

.row.gutters-5 {
    margin-right: -5px;
    margin-left: -5px
}

.row.gutters-5 > [class^="col"], .row.gutters-5 > [class*=" col"] {
    padding-right: 5px;
    padding-left: 5px
}

.row.gutters-10 {
    margin-right: -10px;
    margin-left: -10px
}

.row.gutters-10 > [class^="col"], .row.gutters-10 > [class*=" col"] {
    padding-right: 10px;
    padding-left: 10px
}

.word_break {
    word-break: break-word;
}

/*Header*/
#_mainHeader {
    background: #3a2270 url(../images/bg-img.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

._logo {
    background: url(../images/shiptime-logo-white.svg) center no-repeat;
    background-size: contain;
    width: 135px;
    height: 56px; /*margin-left: 10px;*/
    margin-right: 20px;
}

._slideAction {
    float: left;
}

._slideAction a.slide-btn {
    color: #fff; /* height: 56px; */
    display: block;
    width: 56px;
    text-align: center;
    line-height: 56px;
    font-size: 22px; /*border-right: 1px solid rgba(255, 255, 255, 0.20);*/ /*background: #f2f2f2;*/
}

._slideAction a.slide-btn:hover {
    color: #d35635;
}

#_mainHeader .page-title {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0.3rem;
    margin-right: 15px;
    margin-left: auto;
    border-right: 1px solid rgba(251, 251, 251, 0.30);
    padding-right: 10px;
}

h1.page-title {
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

._logo-associations {
    height: 56px;
    border-left: 1px solid rgba(166, 166, 166, 0.3) !important;
    padding-left: 15px;
}

._logo-associations img {
    height: 40px;
    margin-top: 8px;
}

#_mainHeader .navbar {
    z-index: 10000 !important;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .30); /*border-bottom: 1px solid rgba(255, 255, 255, 0.20);*/
    padding: 0px;
    background: #1d6fb8 url(../images/bg-img.jpg) bottom center no-repeat; /*background-size: cover;background-attachment: fixed;*/
}

#_mainHeader .navbar .nav-flex-icons {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-right: 10px;
}

#_mainHeader .nav-link {
    color: #fff;
    padding-right: .5rem;
    padding-left: .5rem;
    display: flex;
}

#_mainHeader .nav-link .feather {
    opacity: 0.6;
}

#_mainHeader .show .nav-link .feather {
    opacity: 1;
}

#_mainHeader ._label-link .feather {
    margin-top: 1px;
}

#_mainHeader .nav-link ._label {
    position: absolute;
    background: #ffffff;
    color: #000;
    top: 0;
    width: 15px;
    height: 15px;
    line-height: 16px;
    text-align: center;
    border-radius: 10px;
    font-size: 11px;
    right: 0;
}

#_mainHeader .navbar-nav .dropdown-menu {
    position: absolute;
    font-size: 0.8rem;
    border: 0px;
    border-bottom: 5px solid #17a2b8;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0px 0px 1px rgb(187, 187, 187), 5px 5px 0 rgba(0, 0, 0, 0.1);
}

#_mainHeader .navbar-nav .dropdown-menu:before {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #d8d8d8;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 100%;
    left: 15px;
}

#_mainHeader .navbar-nav .dropdown-menu.dropdown-menu-right:before {
    right: 8px;
    left: auto;
}

#_mainHeader .navbar-nav .dropdown-menu-big {
    min-width: 26rem;
}

#_mainHeader .navbar-nav .dropdown-menu.scoll-auto ul {
    overflow-x: auto;
    max-height: 300px;
}

#_mainHeader .navbar-nav .dropdown-menu .dropdown-item {
    padding: .35rem 1rem;
}

#_mainHeader .navbar-nav .dropdown-menu .dropdown-item.active,
#_mainHeader .navbar-nav .dropdown-menu .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ec5a26;
}

/*mainHeader-white*/
._mainHeader-white ._logo {
    background: url(../images/shiptime-logo.svg) center no-repeat !important;
}

._mainHeader-white ._logo._logo-fr {
    background: url(../images/shiptime-logo-fr.svg) center no-repeat !important;
}

._mainHeader-white .navbar {
    background: #fff !important;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1) !important;
}

._mainHeader-white ._slideAction a.slide-btn {
    color: #000 !important;
}

._mainHeader-white .page-title {
    border-right: 1px solid rgba(0, 0, 0, 0.30) !important;
    color: #000 !important;
}

._mainHeader-white .nav-link {
    color: #000 !important;
}

._mainHeader-white .nav-link ._label {
    background: #17a2b8 !important;
    color: #fff !important;
}

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

ul.notification-list li {
    border-bottom: 1px solid #dee2e6;
    padding: .35rem 1rem;
}

ul.notification-list li:last-child {
    border: 0px;
}

ul.notification-list li:hover {
    background: #f5f5f5;
}

ul.notification-list li p {
    margin-bottom: 0.5rem;
}

ul.notification-list li .date {
    color: #9e9e9e
}


.languages-action {
    padding-right: 20px;
}

.languages-action a {
    background: #fff;
}

#_slideNav {
    padding-top: 66px;
    -webkit-transition: width 2s;
    transition: width 0.2s;
    background: #42CCCF url(../images/bg-menu.jpg) top left no-repeat;
    background-attachment: fixed;
    overflow-y: auto;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    transition: 300ms;
}

#_slideNav ul.nav-submenu {
    padding-top: 0.5rem;
    list-style: disc;
}

#_slideNav ul.nav-submenu a {
    background: transparent;
    color: #fff !important;
    padding-left: 0px !important;
    font-size: 0.7rem;
    min-height: 30px;
    padding: 0 0;
    display: block !important;
}

#_slideNav ul.nav-submenu a.active,
#_slideNav ul.nav-submenu a:hover {
    text-decoration: underline;
    background: transparent;
}

#_slideNav .toggle-submenu {
    position: absolute;
    right: 5px;
    padding: 0px;
    color: #fff !important;
    line-height: 33px;
    height: 33px;
    top: 5px;
    width: 33px;
    text-align: center;
}

#_slideNav .toggle-submenu:after {
    content: "\2212";
    color: #fff;
    font-size: 24px;
}

#_slideNav .toggle-submenu.collapsed:after {
    content: "\002B";
    color: rgba(255, 255, 255, 0.50);
    font-size: 24px;
}

#_slideNav .action-toggle-submenu:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    transition: transform .2s ease-in-out;
    content: "\f107";
    color: #fff;
    position: absolute;
    right: 5px;
    padding: 0px;
    color: #fff !important;
    line-height: 33px;
    height: 33px;
    top: 1px;
    width: 33px;
    text-align: center;
}

#_slideNav .action-toggle-submenu.collapsed:after {
    content: "\f107";
    color: rgba(255, 255, 255, 0.50);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body:not(.fixed-sn) .sideNav:not(.fixed) .action-toggle-submenu:after {
    opacity: 0;
}

body:not(.fixed-sn) .sideNav:not(.fixed) ul.sideNav-list ul {
    display: none
}


.sideNav {
    z-index: 1040;
    position: fixed;
    width: 240px;
    left: 0;
    top: 0;
    margin: 0;
    height: 100%;
    color: #fff;
    -webkit-backface-visibility: hidden;
    overflow: hidden;
    will-change: transform;
    backface-visibility: hidden;
    list-style-type: none;
    padding: 0
}

.fixed-sn .nav-text, .sideNav .nav-text {
    opacity: 0;
    -webkit-transition: display .2s;
    transition: display .2s;
    vertical-align: middle
}

.fixed-sn .nav-text, .sideNav.fixed .nav-text {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    vertical-align: middle
}

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

.sideNav ul.sideNav-list.sideNav-list-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 240px;
}

.sideNav ul.sideNav-list li {
    padding: 0px 8px 1px 8px;
}

.sideNav .sideNav-list .feather {
    margin-right: 5px;
    float: left;
    min-height: 20px;
}

.sideNav .sideNav-list a.nav-label { /*display: flex; align-items: center;*/
    position: relative;
}

.sideNav .sideNav-list a.nav-label .nav-text {
    margin-top: -2px;
    display: inline-block;
}

.sideNav .sideNav-list a {
    font-size: 0.8rem;
    padding: 8px 11px;
    min-height: 38px;
    min-width: 40px;
    white-space: nowrap;
    color: #fff;
    display: block;
    text-decoration: none;
    border-radius: 20px; /*TRANSISTIONS*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.sideNav .sideNav-list a.active, .sideNav .sideNav-list a:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.sideNav ul.sideNav-list.sideNav-list-bottom a {
    /*TRANSISTIONS*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.sideNav ul.sideNav-list.sideNav-list-bottom a.active,
.sideNav ul.sideNav-list.sideNav-list-bottom a:hover {
    text-decoration: underline;
    background-color: transparent;
}


.sideNav .group-nav-label {
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

.sideNav .group-nav-label a {
    display: inline-block !important;
    font-size: 0.7rem;
}

.sideNav .group-nav-label a:hover {
    text-decoration: underline;
    background-color: transparent;
}

.sideNav .group-nav-label a.active-lang {
    font-weight: 800;
    background-color: transparent;
    text-decoration: underline;
}

body:not(.fixed-sn) .sideNav:not(.fixed) .group-nav-label {
    display: none;
}


body.fixed-sn .sideNav {
    width: 240px;
    transform: translateX(0);
}

body:not(.fixed-sn) .sideNav:not(.fixed) {
    width: 56px;
    transform: translateX(0);
}

.fixed-sn #_mainContainer, .hidden-sn #_mainContainer { /*padding-top: 0;*/
    margin-left: 0px;
    margin-right: 0px;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

body::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000;
}

/*feather icon size*/
.feather {
    width: 14px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}

.feather-lg {
    width: 22px;
    height: 23px;
}

/*.fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main {*/
body:not(.fixed-sn) main {
    padding-left: 56px;
}

#sidenav-overlay {
    background: transparent;
}


/*---- main ----*/
body.fixed-sn #_mainContainer {
    padding-left: 240px;
}

#_mainContainer {
    padding-top: 56px;
    -webkit-transition: all 2s;
    transition: all 0.2s;
    min-height: 100%;
    background-color: #fafafa;
}

._topContainer {
    margin: 0 auto;
    padding: 1.5rem 1.5rem 0; /* background-color: #fff;box-shadow: 2px 2px 10px 0 rgba(0,0,0,.04) !important; */
    box-shadow: none !important
}

._mainContainer {
    margin: 0 auto;
    padding: 1.5rem;
}

/*height: -moz-calc(100vh - 56px);
  height: -webkit-calc(100vh - 56px);
height: calc(100vh - 56px); */

#_mainContainer .container-fluid {
    padding: 0px;
    max-width: 1900px;
}


/*.dropdown-menu-style:before {width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #fff;content: "";display: inline-block;position: absolute;bottom: 100%;left: 15px;}
  .dropdown-menu-style.dropdown-menu-right:before {right: 15px; left: auto;}*/
.dropdown-menu.dropdown-menu-style {
    font-size: 0.8rem;
    border: 0px;
    border-bottom: 5px solid #ec5a26 !important;
    background-clip: padding-box;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgb(187, 187, 187), 5px 5px 0 rgba(0, 0, 0, 0.1);
}


/*_form-search-block*/
.col-form-label {
    font-size: 0.85rem;
    vertical-align: middle;
    font-weight: 500;
}

.form-control {
    border: 1px solid #dcdcdc;
    font-size: 0.85rem;
    padding: .375rem .5rem;
}

.form-control:focus {
    box-shadow: none;
    border-color: #17a2b8;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
    padding: .375rem .25rem;
    border-radius: 0;
}

select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.5rem + 2px);
    padding: 0rem .25rem;
}

.form-control-lg {
    padding: 1rem .5rem !important;
}

/*select {
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image:
    linear-gradient(45deg, transparent 50%, #495057 50%),
    linear-gradient(135deg, #495057 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 19.75px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 6px,
    5px 6px,
    1px 1.5em;
  background-repeat: no-repeat;
}*/

.search-input {
    border-radius: 0;
    padding: 7px;
}

.select-control {
    border-radius: 0;
}

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

.custom-control {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
}

.custom-control-label::before, .custom-control-label::after {
    top: 0.12rem;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(23, 162, 184, .2);
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus, .custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    box-shadow: none;
}

._form-search-block {
    position: relative;
    background-color: #fff;
}

/*._form-search-block .search-input.form-control {border: 5px solid #411f73; border-width: 5px 0px !important;}*/
._form-search-block .search-input {
    height: 40px;
    border: 0;
}

.input-group-text {
    border: 0px;
    border-radius: 0;
}

._form-search-block .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.12);
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24)
}

._form-search-block .dropdown-menu-right {
    border-top: 0;
    border-radius: 0 0 8px 8px;
    left: -1px !important;
    right: -1px !important;
    top: 36px !important;
    border-radius: 0 0 8px 8px;
    will-change: inherit !important;
    transform: none !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
}

._form-search-block .form-horizontal {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

._form-search-block .input-search-icon {
    background-color: transparent;
    border-radius: 4px;
    padding: 0 11px;
}

._form-search-block .dropdown .dropdown-toggle {
    background-color: transparent;
    padding: 0 14px 0 10px;
    font-size: 18px;
}

.form-control-style {
    border: 0;
    border-bottom: 1px solid rgba(100, 121, 143, 0.122);
    padding-left: 0;
    border-radius: 0;
}

/*_table-style-list*/
._table-style-list {
    margin: 0;
}

._table-style-list thead {
    background: #e9ecef;
}

._table-style-list thead th {
    border: 0px !important;
    padding: 0.5rem 0.75rem
}

._table-style-list tbody {
}

._table-style-list tbody td, ._table-style-list tbody th {
    padding: 0.5rem 0.75rem
}

/*table-style*/
._table-style {
    margin: 0;
}

._table-style thead {
    background: #fff;
    color: #000;
}

._table-style thead th {
    border: 0px !important;
}

._table-style tbody {
}

._table-style tbody td, ._table-style tbody th {
    padding: 0.5rem 0.75rem
}

._table-style tbody td span.badge, .card .badge {
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 14px;
}


._table-style tbody tr {
}

._table-style tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, .03) !important;
}

.flot-actions {
    position: relative;
    vertical-align: middle !important;
}

.flot-action { /*position: absolute; right:1px; top:1px; bottom: 1px; padding: .75rem .75rem .75rem .75rem; text-align: right; background: #e9ecef;*/
    opacity: 0;
    display: inline-block;
}

.flot-action .btn-icon, button.feather-btn-sm {
    border: 0px;
    border-radius: 20px;
    padding: 5px;
    margin: 0px 1px;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
}

.flot-action .btn-icon .feather, button.feather-btn-sm .feather {
    width: 14px;
    height: 20px;
}

._table-style .custom-control {
    padding: 0px;
    margin-top: -10px;
    width: 15px;
}

._table-style .custom-control-label::before {
    background-color: #f7f7f7;
    border: 1px solid #c3c3c3;
}

.multi__checkbox_th {
    width: 40px;
}

table tr:hover .flot-action {
    opacity: 1 !important;
}

._table-style tbody tr:hover:not(.nohover) {
    background: rgba(0, 0, 0, 0.07) !important;
    webkit-box-shadow: inset 0px 0 0 #999, 0 0px 5px 0 rgba(0, 0, 0, .03), 0 1px 5px 1px rgba(0, 0, 0, .15);
    box-shadow: inset 0px 0 0 #999, 0 0px 5px 0 rgba(0, 0, 0, .03), 0 1px 5px 1px rgba(0, 0, 0, .15);
}

/* dashboard */
.dashboard .quick-quote .shipping-from {
    padding: 10px 0px 10px 10px;
    margin: 10px 0;
}

.dashboard .quick-quote .shipping-from .edit-btn {
    padding: 6px 0;
    line-height: 0;
    border-bottom: 1px solid #EEEEEE;
}

/* Dashboard Shipping History */
div.equal-h-card {
    margin-bottom: 15px;
}

.learn-more {
    line-height: 20px;
}

@media (min-width: 991px) {
    .card-hover-accsons.card .card-hover-accson .btn,
    .card-hover-accsons.card a._show-action.collapsed .card-hover-accson .btn { /* opacity: 0!important; */
    }

    .card-hover-accsons.card a._show-action .card-hover-accson .btn,
    .card-hover-accsons.card a.collapsed:hover .card-hover-accson .btn {
        opacity: 1 !important;
    }
}

.card .sort-by {
    max-width: 200px;
    margin-left: auto;
}

/*card*/
.card {
    background: 0 0;
    padding: 0;
    border-radius: .50rem;
    background: #FFFFFF;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    border: 0;
}

.card-header {
    padding: .75rem;
    border: 0;
    background-color: transparent;
}

.card-title {
    line-height: 34px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding-left: 20px;
    border-bottom: 1px solid #EEEEEE;
}

.card-title p {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    line-height: 18px;
    margin-bottom: 8px;
}

.card-body {
    padding: 0 .75rem;
}

.card-footer {
    padding: .75rem;
    border: 0;
    background-color: transparent;
}

.dashboard-card {
    background-color: #fff;
    border: none;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    padding: 20px
}

.card-tab {
   /* background-color: rgba(0, 0, 0, 0.04);
    border-radius: .4rem;*/
    margin-bottom: 15px;
}

.card-tab:hover, .card-tab:focus {
    webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
}

.card-tab .card-header a {
    text-decoration: none;
}

.card-tab .card-header button.btn-icon {
    line-height: 10px;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    margin: 0 2px;
}

.card-tab .card-body {
    padding: 0 .75rem .75rem;
}

.card-tab .card-body .table {
    margin-bottom: 0px !important;
}

.file-upload {
    border: 2px dashed #d6d7d8;
    text-align: center;
    padding: 50px 0;
    margin-bottom: 1rem;
}

.file-upload:focus, .file-upload:hover {
    border-color: #17a2b8;
}

._list-group-with-title {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

._list-group-with-title li {
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 5px 0;
}

._list-group-with-title li:last-child {
    border: 0px;
}

._list-group-with-title .strong-title {
    width: 100px;
    float: left;
}

.pagination {
    margin-bottom: 0px;
}

.pagination .page-item.disabled .page-link {
    background-color: transparent;
    border-color: transparent;
}

.pagination .page-item .page-link { /* background-color: #dcdcdc;border-color: #17a2b8; */
    color: #666;
    border-radius: 50%;
    margin: 0px 3px;
    height: 31px;
    padding: 10px;
    line-height: 10px;
}

.pagination .page-item.active .page-link {
    background-color: #17a2b8;
    border-color: transparent;
    border-radius: 50%;
    color: #fff;
}

.pagination-entries {
    padding: 10px 0;
}

.pagebtn-container .page-item:first-child .page-link {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}

.pagebtn-container .page-item:last-child .page-link {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}

._nav {
}

._nav .nav-link {
    color: #000;
    border-radius: 8px 8px 0px 0;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    border: 1px solid rgba(0, 0, 0, 0.0);
    color: #000;
    background-color: rgba(0, 0, 0, 0.05);
}

._tab-content {
    padding: 0.75rem;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0 0 8px 8px;
}

#dark ._nav .nav-link {
    padding: 10px;
    color: #757575;
    border-radius: 0;
    border: 1px solid #dee2e6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.0);
}

#dark .nav-pills .nav-link.active, #dark .nav-pills .show > .nav-link {
    border: 1px solid rgba(0, 0, 0, 0.0);
    color: #fff;
    background-color: rgb(23, 162, 184);
}

#dark ._tab-content {
    padding: 0.75rem;
    background-color: #fff;
    border-top: 3px solid rgb(23, 162, 184);
    border-radius: 0;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}

.modal-header {
    background: #f2f2f2;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
}

.modal-header-theme {
    background: transparent;
    color: #000;
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .1) !important;
}

.modal-header-theme .close {
    opacity: 1 !important;
    font-size: 1.8rem;
    line-height: 30px;
    font-weight: 400;
}

.modal-header .modal-title .feather {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

.modal-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
}

.modal-action {
    margin-left: auto;
    padding-right: 10px;
}

.modal-action .btn-icon {
    border: 0px;
    border-radius: 20px;
    padding: 5px;
    margin: 0px 5px;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 18px;
    text-align: center;
}

.modal-content {
    border-radius: .8rem;
    border: none;
}

.modal-content .row {
    margin-right: -7px;
    margin-left: -7px
}

.modal-content .row > [class^="col"], .row.gutters-5 > [class*=" col"] {
    padding-right: 7px;
    padding-left: 7px
}

/*. _btn-loader */
._btn-loader {
    position: relative;
    transition: padding-right .3s ease;
}

._btn-loader-center {
    position: relative;
    transition:
}

._btn-loader-center.spinning:before {
    right: inherit !important;
    left: 45% !important;
}

.spinning:before {
    width: 0;
    height: 0;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute
}

.spinning {
    padding-right: 35px
}

.spinning:before {
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.60);
    border-right: 2px solid #d94f26;
    -webkit-animation: rotate360 .5s infinite linear, exist .1s forwards ease;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease
}

.spinning-light:before {
    width: 0;
    height: 0;
    border-radius: 50%;
    right: 6px;
    top: 50%;
    position: absolute
}

.spinning-light {
    padding-right: 35px
}

.spinning-light:before {
    content: "";
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid #f7f7f7;
    -webkit-animation: rotate360 .5s infinite linear, exist .1s forwards ease;
    animation: rotate360 .5s infinite linear, exist .1s forwards ease
}

@-webkit-keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate360 {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0
    }
}

@keyframes exist {
    100% {
        width: 15px;
        height: 15px;
        margin: -8px 5px 0 0
    }
}

/*daterangepicker.css - http://www.daterangepicker.com/#config*/
body .daterangepicker {
    font-family: 'Roboto', sans-serif !important;
}

body .daterangepicker .ranges li.active,
body .daterangepicker td.active, body .daterangepicker td.active:hover {
    background-color: #17a2b8;
}

body .daterangepicker .btn-primary, .btn-primary:disabled {
    background: #17a2b8 !important;
    border-color: #17a2b8 !important
}

body .daterangepicker .btn-primary:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
    webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;
}

/*select7*/
.select7__drop, .select7_dropdown .select7__drop {
    top: 0;
    z-index: 1000;
    min-width: 100%;
    background-clip: padding-box
}

.select7 {
    position: relative;
    text-align: left;
    display: inline-block;
    line-height: 1.428571429
}

.select7_native_dropdown .select7__current {
    cursor: default !important
}

.select7_native_dropdown .select7__caret {
    border-color: #222 transparent transparent !important
}

.select7_dropdown {
    display: inline-block;
    margin: 0 -5px
}

.select7_dropdown .select7__current {
    height: auto;
    padding: 0 15px 0 10px;
    border: 0;
    position: relative;
    cursor: pointer;
    background-color: transparent
}

.select7_dropdown .select7__current:hover .select7__current-value {
    color: #17a2b8
}

.select7_dropdown .select7__current:hover .select7__caret {
    border-color: #17a2b8 transparent transparent
}

.select7_dropdown .select7__drop {
    left: 0;
    padding: 35px 0 5px;
    margin-top: -6px;
    border-width: 1px;
    border-radius: 4px
}

.select7_dropdown .select7__current-value {
    overflow: visible;
    display: inline-block;
    border-bottom: 1px dotted
}

.select7_dropdown .select7__caret {
    position: static;
    margin-top: 0;
    border-color: #222 transparent transparent
}

.select7_dropdown .select7__option {
    padding: 5px 10px
}

.select7_noopts .select7__caret {
    display: none
}

.select7_noopts .select7__current {
    cursor: default
}

.select7_noopts .select7__current:hover .select7__current-value {
    color: inherit
}

.select7_noopts .select7__current-value {
    border-bottom-color: transparent
}

.select7_position_right .select7__drop {
    left: auto;
    right: 0
}

.select7_position_right .select7__option {
    text-align: right
}

.select7__current {
    position: relative; /* color:#222;border:1px solid #ccc;border-radius:4px;background-color:#fff; */
    padding-right: 22px;
    cursor: pointer;
    line-height: 13px; /* height:35px */
}

.form-control-style.select7_open {
    padding-left: 10px;
}

.select7__caret, .select7__drop {
    position: absolute;
    border-style: solid
}

.select7__current-value {
    overflow: ellipsis;
    display: block
}

.select7__current:hover .select7__caret {
    border-color: #17a2b8 transparent transparent
}

.select7__drop {
    display: none;
    left: 0;
    padding: 35px 0 5px;
    margin: 0;
    font-size: 14px;
    background-color: #fff;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 4px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .1)
}

.select7__drop-list {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 168px;
    overflow-y: auto
}

.select7__caret {
    top: 50%;
    margin-top: -3px;
    right: 4px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: middle;
    border-width: 5px 5px 0;
    border-color: #222 transparent transparent;
    transition: border-color .1s linear
}

.select7__option {
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    clear: both;
    text-decoration: none;
    font-weight: 400;
    color: #383838;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color .2s ease-in-out
}

.select7__option_disabled {
    background-color: #fbfbfb !important;
    color: #a7a7a7 !important;
    cursor: default !important
}

.select7__option:hover {
    color: #222;
    background-color: #f4f4f4
}

.select7__placeholder {
    color: #a7a7a7 !important
}

.select7__icon {
    display: inline-block;
    height: 24px;
    margin-right: 5px;
    vertical-align: text-top;
    text-align: center;
    letter-spacing: 0;
    font-size: 0
}

.select7__icon:after, .select7__icon > img {
    display: inline-block;
    vertical-align: middle
}

.select7__icon:after {
    content: "";
    height: 100%;
    width: 0
}

.select7__icon > img {
    letter-spacing: normal;
    font-size: 12px;
    border: 0;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%
}

.select7_open .select7__current {
    z-index: 1001;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent
}

.select7_open .select7__current:hover .select7__current-value {
    border-color: transparent
}

.select7_open .select7__current:hover .select7__caret {
    border-color: transparent transparent #17a2b8
}

.select7_open .select7__caret {
    border-color: transparent transparent #222;
    border-width: 0 5px 5px
}

.select7_open .select7__drop {
    display: block
}

.select7_open.select7_dropdown .select7__current {
    box-shadow: none
}

.select7_open.select7_dropdown .select7__current:hover .select7__caret {
    border-color: transparent transparent #17a2b8
}

.select7_open.select7_dropdown .select7__caret {
    border-color: transparent transparent #222
}

.select7__current-value, .select7__option {
    white-space: nowrap;
}

/*chart*/
.tt-menu, .typeahead {
    background-color: #fff
}

.tt-hint, .tt-query, .typeahead {
    outline: 0
}

.typeahead:focus {
    border-bottom-color: #0097cf
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.tt-hint {
    color: #999
}

.tt-menu {
    width: 100%;
    margin: 0;
    padding: 8px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 5px;
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
}

.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #fff;
    background-color: #17a2b8
}

.tt-suggestion {
    padding: 3px 15px;
    font-size: 13px;
    line-height: 22px;
}

.tt-suggestion:hover {
    cursor: pointer
}

.tt-suggestion p {
    margin: 0
}

.gist {
    font-size: 14px
}

.twitter-typeahead {
    width: 100%;
    display: block;
}

.c3 svg {
    font: 10px sans-serif;
    -webkit-tap-highlight-color: transparent
}

.c3 line, .c3 path {
    fill: none;
    stroke: #000
}

.c3 text {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.c3-bars path, .c3-event-rect, .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid {
    shape-rendering: crispEdges
}

.c3-chart-arc path {
    stroke: #fff
}

.c3-chart-arc rect {
    stroke: #fff;
    stroke-width: 1
}

.c3-chart-arc text {
    fill: #fff;
    font-size: 13px
}

.c3-grid line {
    stroke: #aaa
}

.c3-grid text {
    fill: #aaa
}

.c3-xgrid, .c3-ygrid {
    stroke-dasharray: 3 3
}

.c3-text.c3-empty {
    fill: grey;
    font-size: 2em
}

.c3-line {
    stroke-width: 1px
}

.c3-circle._expanded_ {
    stroke-width: 1px;
    stroke: #fff
}

.c3-selected-circle {
    fill: #fff;
    stroke-width: 2px
}

.c3-bar {
    stroke-width: 0
}

.c3-bar._expanded_ {
    fill-opacity: 1;
    fill-opacity: .75
}

.c3-target.c3-focused {
    opacity: 1
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
    stroke-width: 2px
}

.c3-target.c3-defocused {
    opacity: .3 !important
}

.c3-region {
    fill: #4682b4;
    fill-opacity: .1
}

.c3-brush .extent {
    fill-opacity: .1
}

.c3-legend-item {
    font-size: 12px
}

.c3-legend-item-hidden {
    opacity: .15
}

.c3-legend-background {
    opacity: .75;
    fill: #fff;
    stroke: #d3d3d3;
    stroke-width: 1
}

.c3-title {
    font: 14px sans-serif
}

.c3-tooltip-container {
    z-index: 10
}

.c3-tooltip {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: #fff;
    empty-cells: show;
    -webkit-box-shadow: 7px 7px 12px -9px #777;
    -moz-box-shadow: 7px 7px 12px -9px #777;
    box-shadow: 7px 7px 12px -9px #777;
    opacity: .9
}

.c3-tooltip tr {
    border: 1px solid #ccc
}

.c3-tooltip th {
    background-color: #aaa;
    font-size: 14px;
    padding: 2px 5px;
    text-align: left;
    color: #fff
}

.c3-tooltip td {
    font-size: 13px;
    padding: 3px 6px;
    background-color: #fff;
    border-left: 1px dotted #999
}

.c3-tooltip td > span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 6px
}

.c3-tooltip td.value {
    text-align: right
}

.c3-area {
    stroke-width: 0;
    opacity: .2
}

.c3-chart-arcs-title {
    dominant-baseline: middle;
    font-size: 1.3em
}

.c3-chart-arcs .c3-chart-arcs-background {
    fill: #e0e0e0;
    stroke: #fff
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
    fill: #000;
    font-size: 16px
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
    fill: #777
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
    fill: #777
}

.c3-chart-arc .c3-gauge-value {
    fill: #000
}

.c3-chart-arc.c3-target g path {
    opacity: 1
}

.c3-chart-arc.c3-target.c3-focused g path {
    opacity: 1
}

.c3-drag-zoom.enabled {
    pointer-events: all !important;
    visibility: visible
}

.c3-drag-zoom.disabled {
    pointer-events: none !important;
    visibility: hidden
}

.c3-drag-zoom .extent {
    fill-opacity: .1
}

.c-pointer {
    cursor: pointer !important;
}

/* daterange */
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background-color: #40799f;
    background-color: #40799f;
    background-image: -moz-linear-gradient(to bottom, #40799f, #17a2b8);
    background-image: -ms-linear-gradient(to bottom, #40799f, #17a2b8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#40799f), to(#17a2b8));
    background-image: -webkit-linear-gradient(to bottom, #40799f, #17a2b8);
    background-image: -o-linear-gradient(to bottom, #40799f, #17a2b8);
    background-image: linear-gradient(to bottom, #40799f, #17a2b8);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40799f', endColorstr='#17a2b8', GradientType=0);
    border-color: #17a2b8 #17a2b8 #40799f;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
}

.daterange {
    width: 200px;
}

.daterange span {
    position: absolute;
    right: 0;
    top: 8px;
    cursor: pointer;
    z-index: 10;
}

.input-group-addon {
    cursor: pointer;
    padding: 6px 12px;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #dcdcdc;
}

.input-group-addon-style {
    background-color: #fff;
    border-bottom: 1px solid rgba(100, 121, 143, 0.122) !important;
    border: 0;
}

.input-group-addon-center {
    border-left: 0;
    border-right: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

.input-group-addon:last-child {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
}

.daterange .input-date {
    background-image: url("../images/calendar.jpg");
    background-repeat: no-repeat;
    background-position: right;
}

/* .input-date-icon:after {font-family: 'FontAwesome';position: absolute;top: 6px;right: 10px;content: "\f073";z-index: 10;} */

/* Credit Card */
/* Credit Card form */
.form fieldset {
    border: none;
    padding: 0;
    padding: 10px 0;
    position: relative;
    clear: both;
}

.form fieldset.fieldset-expiration {
    float: left;
    width: 60%;
}

.form fieldset.fieldset-ccv {
    clear: none;
    float: right;
    width: 86px;
}

.form fieldset label {
    display: block;
}

.form fieldset input, .form fieldset .form-group {
    width: 100%;
    padding: 10px;
}

.form fieldset input.input-cart-number, .form fieldset .select.input-cart-number {
    width: 25%;
    display: inline-block;
    margin-right: 8px;
}

.input-cart-numbers {
    display: flex;
    max-width: 400px;
}

.form fieldset input.input-cart-number:last-child, .form fieldset .select.input-cart-number:last-child {
    margin-right: 0;
}

.form fieldset .select {
    position: relative;
}

.form fieldset .select::after {
    content: '';
    border-top: 8px solid #222;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    z-index: 2;
    top: 14px;
    right: 10px;
    pointer-events: none;
}

.form fieldset .select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    padding: 0;
    border: none;
    width: 100%;
    outline: none !important;
    top: 6px;
    left: 6px;
    background: none;
}

.form fieldset .select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.form button .fa {
    margin-right: 6px;
}

/* Checkout */
.modal-checkout {
    max-width: 430px;
}

.checkout {
    margin: 50px auto 30px;
    position: relative;
    background: white;
    border-radius: 15px;
    padding: 40px 15px 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

/* Credit Card */
#addCardModal.modal, #addCardModal-sm.modal {
    z-index: 999999 !important;
}

/* credit-card-box */
.credit-card-box {
    -webkit-perspective: 1000;
    perspective: 1000;
    width: 260px;
    height: 150px;
    position: absolute;
    top: -112px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.credit-card-box:hover .flip, .credit-card-box.hover .flip {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.credit-card-box .front, .credit-card-box .back {
    width: 260px;
    height: 150px;
    border-radius: 15px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: linear-gradient(135deg, #bd6772, #53223f);
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
}

.credit-card-box .front::before, .credit-card-box .back::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("http://cdn.flaticon.com/svg/44/44386.svg") no-repeat center;
    background-size: cover;
    opacity: .05;
}

.credit-card-box .flip {
    transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.credit-card-box .logo {
    position: absolute;
    right: 20px;
    display: none;
}

.credit-card-box .logo svg {
    width: 100%;
    height: auto;
    fill: #fff;
}

.credit-card-box .front {
    z-index: 2;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.credit-card-box .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.credit-card-box .back .logo {
    top: 105px;
}

.credit-card-box .chip {
    position: absolute;
    width: 50px;
    height: 35px;
    top: 10px;
    left: 10px;
    background: linear-gradient(135deg, #ddccf0 0%, #d1e9f5 44%, #f8ece7 100%);
    border-radius: 8px;
}

.credit-card-box .chip::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 4px solid rgba(128, 128, 128, 0.1);
    width: 80%;
    height: 70%;
    border-radius: 5px;
}

.credit-card-box .strip {
    background: linear-gradient(135deg, #404040, #1a1a1a);
    position: absolute;
    width: 100%;
    height: 30px;
    top: 20px;
    left: 0;
}

.credit-card-box .number {
    text-align: center;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    font-size: 24px;
}

.credit-card-box label {
    font-size: 10px;
    letter-spacing: 1px;
    text-shadow: none;
    text-transform: uppercase;
    font-weight: normal;
    opacity: 0.5;
    display: block;
    margin-bottom: 3px;
}

.credit-card-box .card-holder, .credit-card-box .card-expiration-date {
    position: absolute;
    margin: 0 auto;
    top: 100px;
    left: 19px;
    font-size: 14px;
    text-transform: capitalize;
}

.credit-card-box .card-expiration-date {
    text-align: right;
    left: auto;
    right: 20px;
}

.credit-card-box .ccv {
    height: 28px;
    background: #fff;
    width: 91%;
    border-radius: 5px;
    top: 76px;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0 auto;
    color: #000;
    text-align: right;
    padding: 5px 10px;
}

.credit-card-box .ccv label {
    margin: -24px 0 8px;
    color: #fff;
}


/* credit-card-box-sm */
.credit-card-box-sm {
    width: 200px;
    height: 100px;
    top: -50px;
    right: -85px;
    left: auto;
}

.credit-card-box-sm .front, .credit-card-box-sm .back {
    width: 200px;
    height: 100px;
    border-radius: 10px;
}

.credit-card-box-sm .chip {
    width: 40px;
    height: 25px;
    border-radius: 5px;
}

.credit-card-box-sm .chip::before {
    border: 3px solid rgba(128, 128, 128, 0.1);
    border-radius: 5px;
}

.credit-card-box-sm .number {
    top: 40px;
    font-size: 14px;
    left: 10px;
    text-align: left;
    font-weight: 500;
}

.credit-card-box-sm .card-holder, .credit-card-box-sm .card-expiration-date {
    top: 60px;
    font-size: 12px;
    left: 10px;
}

.credit-card-box-sm label {
    margin-bottom: 0;
}

.credit-card-box-sm .card-expiration-date {
    right: 10px;
}

.credit-card-box-sm .strip {
    height: 20px;
    top: 15px;
}

.credit-card-box-sm .ccv {
    height: 25px;
    top: 58px;
}

/* carrier */
.carrier-card-active {
    overflow: auto;
    height: 350px;
}

.carrier-card .store-card {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin: 15px 0; /* cursor: pointer; */
    -webkit-transition: .45s;
    -o-transition: .45s;
    transition: 45s;
    transition: .45s;
}

.carrier-card .store-card img {
    align-self: center;
}

.carrier-card .store-card:hover {
    background-color: #e0e0e0;
}

.carrier-card .store-card:hover img { /*filter: brightness(0) invert(1);*/
}

.carrier-card .store-card:hover .btn-status {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    align-self: center;
    text-align: center;
}

/* bootstrap-timepicker */
.bootstrap-timepicker {
    position: relative;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
    left: auto;
    right: 0;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
    left: auto;
    right: 12px;
}

.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
    left: auto;
    right: 13px;
}

.bootstrap-timepicker .input-group-addon {
    cursor: pointer;
    position: absolute;
    border: none;
    background: transparent;
    right: 0;
    z-index: 999;
    padding: 8px 8px 0;
    color: #000;
}

.bootstrap-timepicker .input-group-addon i {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 10px;
    border: 1px solid #ddd;
    margin-top: 6px;
}

.bootstrap-timepicker-widget.dropdown-menu.open {
    display: inline-block;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px;
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px;
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #ccc;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #ffffff;
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 4px;
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-timepicker-widget table td {
    text-align: center;
    height: 30px;
    margin: 0;
    padding: 2px;
}

.bootstrap-timepicker-widget table td:not(.separator) {
    min-width: 30px;
}

.bootstrap-timepicker-widget table td span {
    width: 100%;
}

.bootstrap-timepicker-widget table td a {
    border: 1px transparent solid;
    width: 100%;
    display: inline-block;
    margin: 0;
    outline: 0;
    color: #333;
}

.bootstrap-timepicker-widget table td a:hover {
    text-decoration: none;
}

.bootstrap-timepicker-widget table td a:hover span {
    color: #17a2b8;
}

.bootstrap-timepicker-widget table td a i {
    margin-top: 2px;
    font-size: 18px;
}

.bootstrap-timepicker-widget table td input {
    width: 45px;
    margin: 0;
    text-align: center;
    border: 1px solid #ddd;
    height: 32px;
    font-size: 14px;
}

.bootstrap-timepicker-widget .modal-content {
    padding: 4px;
}

.glyphicon-chevron-up:before {
    content: "\f0de";
    font-family: "FontAwesome";
}

.glyphicon-chevron-down:before {
    content: "\f0dd";
    font-family: "FontAwesome";
}

/*Choose Carrier And Service*/
.card-title-subtitle {
    position: absolute;
    right: 10px;
    top: 12px;
}


#materialForm .flatButton {
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .4);
    border: none;
    text-align: center;
}

#materialForm input, #materialForm .textarea label, #materialForm label {
    display: block;
}

#materialForm label {
    position: absolute;
    transition: all .2s;
    top: 0;
}

#materialForm .formInput {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    width: 100%;
    margin-bottom: 15%;
    color: #8C8C8C;
}

#materialForm input:focus, #materialForm textarea:focus {
    outline: none;
    color: #000;
    -webkit-transition: border-bottom .5s;
    -moz-transition: border-bottom .5s;
    -ms-transition: border-bottom .5s;
    -o-transition: border-bottom .5s;
    transition: border-bottom .5s;
}

#materialForm .active {
    transform: translateY(-110%);
    font-size: 14px;
}

#materialForm #close {
    display: block;
    position: absolute;
    cursor: pointer;
    left: 5px;
    z-index: 999;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    color: #ffffff;
}

#materialForm #close:hover {
    color: #c0392b;
}

/* 01*/
.form-control {
    padding: 11px .5rem;
}

._material-form-group-with-border ._material-form-group {
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
}

._material-form-group-with-border ._material-form-group .form-control-style, ._material-form-group-with-border .form-control {
    border: 1px solid #dfdfdf;
    border-radius: 4px !important;
    padding-left: 10px !important;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: #6c757d !important;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: #dee2e6;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: #17a2b8;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(23, 162, 184, .2);
}

.was-validated .form-control:invalid {
    border: 1px solid #dc3545 !important;
}

._material-form-group-with-border .form-control:focus {
    box-shadow: none;
    border: 1px solid #17a2b8;
}

._material-form-group-with-border ._material-form-group label.mlabel {
    margin: 0px;
    margin-left: 10px;
    top: .600rem;
    background: #fff;
}

._material-form-group-with-border ._material-form-group label.mlabel.active {
    transform: translateY(-100%);
    font-weight: 500;
    top: 0px;
    margin: 0px; /* font-size: 0.65rem; *//* font-size: 0.65rem; */
}

.was-validated .form-control:invalid + label {
    color: #dc3545 !important
}

._material-form-group-with-border .form-control:focus + label {
    color: #17a2b8 !important
}

/* 02 */
._material-form-group {
    position: relative;
}

._material-form-group input, ._material-form-group label.mlabel {
    display: block;
}

._material-form-group label.mlabel {
    position: absolute;
    transition: all .2s;
    top: .375rem;
    font-size: 12px;
    margin: 0px;
}

._material-form-group label.mlabel.active {
    transform: translateY(-80%);
    font-weight: 500; /* font-size: 0.65rem; */
}

/* 03 */
._material-form-group label.show-label {
    display: block;
}

._material-form-group label.show-label {
    position: absolute;
    transition: all .2s;
    top: .375rem;
    margin: 0px;
    margin-left: 10px;
    font-size: 12px;
    transform: translateY(-90%);
    background: #d4d4d4;
    line-height: 100%;
    padding: 2px 5px;
    color: #828282;
    border-radius: 2px;
}

._material-form-group label.show-label.active {
    transform: translateY(-90%); /* font-size: 0.65rem; */
}

/* 04 */
._material-form-group-with-inside-boxshadow ._material-form-group {
    margin-top: 10px;
}

._material-form-group-with-inside-boxshadow .form-control {
    box-shadow: 3px 3px 10px 1px rgba(169, 169, 169, 0.18) inset;
    -webkit-box-shadow: 1px 1px 9px 2px rgba(169, 169, 169, 0.18) inset;
    -moz-box-shadow: 3px 3px 10px 1px rgba(169, 169, 169, 0.18) inset;
    padding: 10px;
    border-radius: 4px
}

._material-form-group-with-inside-boxshadow ._material-form-group label.mlabel,
._material-form-group-with-inside-boxshadow ._material-form-group label.mlabel.active {
    top: -20px;
    padding: 0px;
    transform: translateY(0%);
    font-weight: 500;
}

._material-form-group-with-inside-boxshadow .form-control:focus {
    border-color: transparent;
}

/* 05 */
.input-animation ._material-form-group {
    padding: 0px 10px;
    margin: 15px 0px 10px;
}

.input-animation ._material-form-group label.mlabel.active {
    transform: translateY(-100%);
    font-weight: 500;
    top: 0px;
    margin: 0px;
}

.input-animation .effect-20 {
    border: 1px solid #ccc;
    padding: 7px 10px;
    transition: 0.4s;
    background: transparent;
}

.input-animation .effect-20 ~ .focus-border:before, .input-animation .effect-20 ~ .focus-border:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 0;
    height: 2px;
    background-color: #17a2b8;
    transition: 0.3s;
}

.input-animation .effect-20 ~ .focus-border:after {
    top: auto;
    bottom: 0;
    left: auto;
    right: 0px;
}

.input-animation .effect-20 ~ .focus-border i:before, .input-animation .effect-20 ~ .focus-border i:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    width: 2px;
    height: 0;
    background-color: #17a2b8;
    transition: 0.4s;
}

.input-animation .effect-20 ~ .focus-border i:after {
    left: auto;
    right: 0px;
    top: auto;
    bottom: 0;
}

.input-animation .effect-20:focus ~ .focus-border:before,
.input-animation .effect-20:focus ~ .focus-border:after,
.input-animation .has-content.effect-20 ~ .focus-border:before,
.input-animation .has-content.effect-20 ~ .focus-border:after {
    width: 100%;
    transition: 0.3s;
}

.input-animation .effect-20:focus ~ .focus-border i:before,
.input-animation .effect-20:focus ~ .focus-border i:after,
.input-animation .has-content.effect-20 ~ .focus-border i:before,
.input-animation .has-content.effect-20 ~ .focus-border i:after {
    height: 100%;
    transition: 0.4s;
}

.input-animation .effect-20 ~ label {
    position: absolute;
    left: 10px;
    width: 100%;
    top: 10px;
    color: #aaa;
    transition: 0.3s;
    z-index: 1;
    letter-spacing: 0.5px;
}

.input-animation .effect-20 ~ label.active {
    left: 0px;
}

.input-animation .effect-20:focus ~ label, .has-content.effect-20 ~ label {
    top: -18px;
    left: 0px;
    font-size: 12px;
    color: #17a2b8;
    transition: 0.3s;
}

.input-animation .feedback {
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}

.input-animation .form-control:valid {
    border-color: #ccc;
}

@media (min-width: 767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px;
    }
}

@media (max-width: 767px) {
    .bootstrap-timepicker {
        width: 100%;
    }

    .bootstrap-timepicker .dropdown-menu {
        width: 100%;
    }
}


/* quote-ship */
.quote-ship.table td, .quote-ship.table th {
    vertical-align: middle !important;
}

/* progress_bar */
.progress_bar {
    list-style: none;
    margin: 0;
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #9E9E9E;
}

.progress_bar > li {
    position: relative;
    display: table-cell;
    text-align: center;
    font-size: 12px;
    font-weight: 500
}

.progress_bar > li:before {
    content: attr(data-step);
    display: block;
    margin: 0 auto;
    background: #E0E0E0;
    width: 2.3em;
    height: 2.3em;
    text-align: center;
    margin-bottom: 0.5em;
    line-height: 2em;
    border-radius: 100%;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    z-index: 1000;
    border: 3px solid transparent;
    font: normal normal normal 20px/2 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.progress_bar > li.fa-map-marker:before {
    content: "\f041";
}

.progress_bar > li.fa-pencil:before {
    content: "\f040";
}

.progress_bar > li.fa-truck:before {
    content: "\f0d1";
}

.progress_bar > li.fa-shopping-cart:before {
    content: "\f07a";
}

.progress_bar > li.fa-globe:before {
    content: "\f0ac";
}

.progress_bar > li.fa-credit-card:before {
    content: "\f09d";
}

.progress_bar > li.fa-print:before {
    content: "\f02f";
}

.progress_bar > li:after {
    content: '';
    position: absolute;
    display: block;
    background: #E0E0E0;
    width: 100%;
    height: 0.6em;
    top: 1.8em;
    left: 50%;
}

.progress_bar > li:last-child:after {
    display: none;
}

.progress_bar > li.is-complete {
    color: #17a2b8;
}

.progress_bar > li.is-complete:before, .progress_bar > li.is-complete:after {
    color: #fff;
    background: #17a2b8;
}

.progress_bar > li.is-active {
    color: #ec5a26;
}

.progress_bar > li.is-active:before {
    color: #FFF;
    background: #ec5a26;
    border: 3px solid #ec5a26;
}

/* Needed for IE8 */
.progress__last:after {
    display: none !important;
}

/* Size Extensions */
.progress--large {
    font-size: 2em;
}

/* Some Generic Stylings */
.progress_bar {
    margin: 0.6em 0;
}

/* shipping-nav-tabs */
.shipping-nav-tabs .nav-tabs {
    border-bottom: 2px solid #ec5a26;
}

.shipping-nav-tabs .nav-tabs .nav-item {
    margin-bottom: 0px;
}

.shipping-nav-tabs .nav-tabs .nav-item a {
    color: #999;
    border: 1px solid #dee2e6;
    margin-right: 5px;
    border-bottom: 0;
    height: 58px;
}

.shipping-nav-tabs .nav-tabs .nav-item.show .nav-link, .shipping-nav-tabs .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ec5a26;
    border: 1px solid #ec5a26;
}

.unit-label {
    margin-top: 3px;
    margin-right: 15px;
}

/* .shipping-nav-tabs .nav-tabs { display: -webkit-box; width: 100%; overflow-x: auto; overflow-y: hidden; } */
.shipping-nav-tabs .table-vertical-align th, .table-vertical-align td {
    vertical-align: middle;
}

.shipping-nav-tabs .shipping-tabs .tab-content .tab-pane textarea.form-control {
    height: calc(2.25rem + 2px);
    padding-top: 9px;
}

.shipping-nav-tabs .table-vertical-align td input, .table-vertical-align td textarea {
    font-size: 13px;
}

.shipping-tabs {
    border: 1px solid #eee;
    border-top: 0;
    padding: 15px;
}

.checkboxes-radio input[type=radio], .checkboxes-radio input[type=checkbox] {
    display: none;
}

.checkboxes-radio input[type=radio] + label, .checkboxes-radio input[type=checkbox] + label {
    display: inline-block;
    margin: -2px;
    padding: 4px 12px;
    text-align: center;
    cursor: pointer;
    background-color: #f5f5f5;
}

.checkboxes-radio input[type=radio]:checked + label, .checkboxes-radio input[type=checkbox]:checked + label {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #ec5a26;
    color: #fff;
}

.custom-control-label-bold {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 17px;
}

.quote-ship-flow .card-body textarea.form-control {
    height: calc(2.25rem + 2px);
    padding-top: 9px;
}

#addProductsModal .modal-body .table td .custom-control-label::before, #addProductsModal .modal-body .table td .custom-control-label::after {
    top: -1.5px;
}

#addProductsModal .modal-body .table th .custom-control-label::before, #addProductsModal .modal-body .table th .custom-control-label::after {
    top: -0.4rem;
}

/*Overview*/
.div-collapsible {
    cursor: pointer;
}

.div-collapsible:after {
    content: '\002B';
    color: #000;
    float: right;
    font-size: 24px;
    margin-right: 10px;
    line-height: 36px;
}

.div-collapsible.active:after {
    content: "\2212";
}

.overview-card-body {
    display: none;
}

.quote-ship-flow .card-h100 {
    height: 100%;
}

.row-quote-ship-flow .card-overview,
.row-quote-ship-flow .card-payment {
    margin-bottom: 20px;
}

.row-quote-ship-flow .card-overview .card {
    background: #faf8eb;
}

@media (min-width: 768px) {
    .row-quote-ship-flow #overview-card-body {
        display: block !important;
    }

    .row-quote-ship-flow .div-collapsible {
        cursor: default;
    }

    .row-quote-ship-flow .div-collapsible:after {
        display: none;
    }

    .row-quote-ship-flow .card-overview {
        padding-right: 0px;
    }

    .row-quote-ship-flow .card-payment {
        padding-left: 0px;
    }
}


/*payment-tab*/
.payment-tab {
    border: 1px solid #eee;
    height: 400px;
    margin-left: 0;
}

.payment-tab .tab {
    background: #eee;
    padding: 0;
}

.payment-tab .tab a {
    color: #999 !important;
}

.payment-tab .tab .nav-pills .nav-link {
    border-radius: 0;
    padding: 15px;
}

.payment-tab .tab .nav-pills .nav-link.active, .payment-tab .tab .nav-pills .show > .nav-link {
    background-color: #fff;
    color: #000 !important;
}

/* history-tracking page */
._historyTracking-page .card-body .table tr th .custom-control-label::before, ._historyTracking-page .card-body .table tr th .custom-control-label::after {
    top: -5px;
}

._card {
    background: transparent;
    box-shadow: none;
    border: none;
}

.card .card-body .list-items-block .list-header, .card .card-body .list-items-block .list-item {
    display: flex;
    text-align: left;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    padding: 12px 10px;
    margin-bottom: 10px;
}

.list-header .header-menu-name-1, .list-header .header-menu-name-2, .list-header .header-menu-name-3, .list-header .header-menu-name-4, .list-header .header-menu-name-5 {
    flex: 1;
}

.list-header .header-menu-name-1, .list-header .header-menu-name-2, .list-header .header-menu-name-3, .list-header .header-menu-name-4 {
    cursor: pointer;
}

.list-header .header-menu-name-0 {
    width: 26px;
}

.list-header .header-menu-name-6 {
    width: 80px;
}

.list-header .header-menu {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.list-header .header-menu i {
    padding-left: 5px;
}

.card .card-body .list-items-block .list-item:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.30);
}

.list-item .item-order, .list-item .item-sender, .list-item .item-receiver, .list-item .item-carrier, .list-item .item-qty {
    flex: 1;
    padding: 10px 0px 0px;
}

.list-item .item-id, .list-item .item-name, .list-item .item-service {
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

.list-item span {
    font-size: 12px;
}

.list-items-block .custom-control {
    min-height: auto;
}

.list-items-block .item-checkbox {
    margin-top: 19px;
    margin-right: 5px;
}

.list-item .item-order svg {
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.list-item .item-carrier img {
    max-width: 80px;
}

.list-item .item-carrier .ups-icon {
    width: 30px;
}

.list-item .row-record {
    display: flex;
    align-items: center;
}

.list-item .item-order .item-status {
    padding-top: 5px;
    padding-left: 32px;
}

.list-item .row-record .item-name {
    width: 55px;
}

.list-item .row-record .item-name-small {
    font-size: 12px;
    width: 45px;
}

.list-item .row-record .badge {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
}

.list-item .item-action a > svg {
    margin-right: 5px;
}

.list-item .item-action a {
    font-size: 11px;
    width: 80px;
    margin: 3px 0px;
    padding: 3px 12px;
    text-align: left;
}

.list-item .item-order-action .btn-warning {
    color: #fff;
}

/*rewards*/
#collaps_aeroplan_up:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
    transform: rotate(90deg);
    transition: all linear 0.25s;
    float: right;
    line-height: inherit;
}

#collaps_aeroplan_down:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    transform: rotate(0deg);
    transition: all linear 0.25s;
    float: right;
    line-height: inherit;
}

#collaps_refer_up:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00d";
    transform: rotate(90deg);
    transition: all linear 0.25s;
    float: right;
    line-height: inherit;
}

#collaps_refer_down:after {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    transform: rotate(0deg);
    transition: all linear 0.25s;
    float: right;
    line-height: inherit;
}

/*signup*/

#_mainContainer._fixed-popup-container {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    padding: 0;
    z-index: 9999999;
    overflow: auto;
    height: 100vh;
    width: 100%;
}

#_mainContainer._fixed-popup-container ._mainContainer {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem 2.5rem;
}

.signup-card-info {
    background: #42CCCF url(../images/bg-menu-green.jpg) top left no-repeat;
    background-size: cover;
    color: #fff;
    padding: 25px;
}

.signup-card-info .card-header h3 {
    font-size: 32px;
    padding-top: 40px;
    font-weight: 300;
}

.signup-card-info .card-header p {
    font-size: 14px;
}

.signup-card-info-img {
    width: 80%;
    max-width: 200px;
    position: absolute;
    bottom: 20px;
}

.signup-card {
    background-color: #fff;
    border: none;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    padding: 0px;
}

.signup-card .signup-card-overflow-no {
    padding: 20px;
    height: 70vh;
}

.signup-card .signup-card-overflow {
    padding: 20px;
    height: 70vh;
    max-height: 610px;
    overflow: auto;
}

.signup-card .nav-pills .nav-link {
    color: #000;
    border: 0px;
    border-bottom: 2px solid #f2f2f2;
    border-radius: 0;
    padding: 1.10rem 1rem;
    font-weight: 500;
    font-size: 14px;
}

.signup-card .nav-pills .nav-link.active, .signup-card .nav-pills .show > .nav-link {
    border: 0px;
    color: #17a0b6;
    background: #f2f2f2;
    border-bottom: 2px solid #17a0b6;
}

.signup-card .tab-content {
}

._signup-page .signup-card-form { /*overflow: hidden;*/
}

._signup-page .signup-card-form {
}

.shipping_type_radio .input-radio {
    display: inline-block;
    margin: 0px 15px 0px 0px;
}

.shipping_type_radio .input-radio span.check-sign {
    position: absolute;
    top: 2px;
    left: 7px;
    font-size: 15px;
    display: none;
}

.shipping_type_radio .input-radio span:before {
    content: "\f05d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
}

.shipping_type_radio .input-radio input[type=radio] {
    display: none;
}

.shipping_type_radio .input-radio input[type=radio] + label {
    padding: 8px 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    width: 130px;
    position: relative;
    background: #f2f2f2;
    color: #000;
    font-size: 13px;
}

.shipping_type_radio .input-radio input[type=radio]:checked + label {
    background: #34ADB8;
    color: #fff;
}

.shipping_type_radio .input-radio input[type=radio]:checked + label > span {
    display: inline;
}

.shipping_type_radio .input-radio input[type=radio] + label > img {
    padding-bottom: 5px;
}

/*.shipping_type_radio .input-radio input[type=radio]:checked + label > img {filter: brightness(0) invert(1);}*/

.sell_online_switch, .toggle-radio {
    position: relative;
}

.sell_online_switch .switch-title {
    margin-bottom: 6px;
}

.sell_online_switch .switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.sell_online_switch .switch-field label {
    float: left;
    display: inline-block;
    width: 70px;
    height: 25px;
    background-color: #f2f2f2;
    color: #000;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    text-shadow: none;
    padding: 6px 14px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sell_online_switch .switch-field label:hover {
    cursor: pointer;
}

.sell_online_switch .switch-field input:checked + label {
    background-color: #34ADB8;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.sell_online_switch .switch-field label:first-of-type {
    border-radius: 4px 0 0 4px;
}

.sell_online_switch .switch-field label:last-of-type {
    border-radius: 0 4px 4px 0;
}

.sell_online_switch2 {
    margin-top: 35px;
}

.switch {
    position: absolute;
    top: 50%;
    left: 0;
    width: 140px;
    height: 38px;
    text-align: center;
    background: #34ADB8;
    transition: all 0.2s ease;
    border-radius: 25px;
}

.switch span {
    position: absolute;
    width: 20px;
    height: 4px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -4px;
    background: #fff;
    display: block;
    transform: rotate(-45deg);
    transition: all 0.2s ease;
}

.switch span:after {
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 12px;
    margin-top: -8px;
    background: #fff;
    transition: all 0.2s ease;
}

input[type=radio] {
    display: none;
}

.switch label {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.2);
    width: 70px;
    line-height: 38px;
    transition: all 0.2s ease;
}

label[for=yes] {
    position: absolute;
    left: 0px;
    height: 20px;
}

label[for=no] {
    position: absolute;
    right: 0px;
}

#no:checked ~ .switch {
    background: #eb4f37;
}

#no:checked ~ .switch span {
    background: #fff;
    margin-left: -8px;
}

#no:checked ~ .switch span:after {
    background: #fff;
    height: 20px;
    margin-top: -8px;
    margin-left: 8px;
}

#yes:checked ~ .switch label[for=yes] {
    color: #fff;
}

#no:checked ~ .switch label[for=no] {
    color: #fff;
}

.signup-card .nav-pills .nav-link.first-radius {
    -webkit-border-top-left-radius: .50rem;
    -moz-border-radius-topleft: .50rem;
    border-top-left-radius: .50rem;
}

.signup-card .nav-pills .nav-link.last-radius {
    -webkit-border-top-right-radius: .50rem;
    -moz-border-radius-topright: .50rem;
    border-top-right-radius: .50rem;
}

.signup-card .nav-pills .nav-link.first-last-radius {
    -webkit-border-top-left-radius: .50rem;
    -moz-border-radius-topleft: .50rem;
    border-top-left-radius: .50rem;
    -webkit-border-top-right-radius: .50rem;
    -moz-border-radius-topright: .50rem;
    border-top-right-radius: .50rem;
}

.associations-tab .tab-logo {
    padding: 0px;
    margin: 0 10px 0 0;
    border: 2px solid #f3f3f3;
    border-radius: 5px;
    max-width: 100px;
    min-width: 100px;
    background: #fff;
    cursor: pointer;
    position: relative;
}

.associations-tab .tab-logo.active {
    background: #fff;
    border: 2px solid #42CCCF;
    background: #42CCCF;
}

.associations-tab .tab-logo.active img {
    filter: brightness(0) invert(1);
}

.associations-tab .tab-logo:before {
    position: absolute;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    padding: 5px;
}

.associations-tab .tab-logo.active:before {
    content: "\f05d";
}

.associations-border {
    border-left: 1px solid #EEEEEE;
}


.flag-icon {
    width: 16px !important;
    height: 11px !important;
    min-width: 16px !important;
    min-height: 11px !important;
    display: inline-block;
    background: url(../images/flag-sprite.png) no-repeat;
}

.flag-icon.flag-AD {
    background-position: -16px 0
}

.flag-icon.flag-AE {
    background-position: -32px 0
}

.flag-icon.flag-AF {
    background-position: -48px 0
}

.flag-icon.flag-AG {
    background-position: -64px 0
}

.flag-icon.flag-AI {
    background-position: -80px 0
}

.flag-icon.flag-AL {
    background-position: -96px 0
}

.flag-icon.flag-AM {
    background-position: -112px 0
}

.flag-icon.flag-AN {
    background-position: -128px 0
}

.flag-icon.flag-AO {
    background-position: -144px 0
}

.flag-icon.flag-AR {
    background-position: -160px 0
}

.flag-icon.flag-AS {
    background-position: -176px 0
}

.flag-icon.flag-AT {
    background-position: -192px 0
}

.flag-icon.flag-AU {
    background-position: -208px 0
}

.flag-icon.flag-AW {
    background-position: -224px 0
}

.flag-icon.flag-AX {
    background-position: -224px -165px
}

.flag-icon.flag-AZ {
    background-position: -240px 0
}

.flag-icon.flag-BA {
    background-position: 0 -11px
}

.flag-icon.flag-BB {
    background-position: -16px -11px
}

.flag-icon.flag-BD {
    background-position: -32px -11px
}

.flag-icon.flag-BE {
    background-position: -48px -11px
}

.flag-icon.flag-BF {
    background-position: -64px -11px
}

.flag-icon.flag-BG {
    background-position: -80px -11px
}

.flag-icon.flag-BH {
    background-position: -96px -11px
}

.flag-icon.flag-BI {
    background-position: -112px -11px
}

.flag-icon.flag-BJ {
    background-position: -128px -11px
}

.flag-icon.flag-BL {
    background-position: -144px -44px
}

.flag-icon.flag-BM {
    background-position: -144px -11px
}

.flag-icon.flag-BN {
    background-position: -160px -11px
}

.flag-icon.flag-BO {
    background-position: -176px -11px
}

.flag-icon.flag-BQ {
    background-position: -80px -110px
}

.flag-icon.flag-BR {
    background-position: -192px -11px
}

.flag-icon.flag-BS {
    background-position: -208px -11px
}

.flag-icon.flag-BT {
    background-position: -224px -11px
}

.flag-icon.flag-BV {
    background-position: -240px -11px
}

.flag-icon.flag-BW {
    background-position: 0 -22px
}

.flag-icon.flag-BY {
    background-position: -16px -22px
}

.flag-icon.flag-BZ {
    background-position: -32px -22px
}

.flag-icon.flag-CA {
    background-position: -48px -22px
}

.flag-icon.flag-CATALONIA {
    background-position: -64px -22px
}

.flag-icon.flag-CC {
    background-position: 0 -176px
}

.flag-icon.flag-CD {
    background-position: -80px -22px
}

.flag-icon.flag-CF {
    background-position: -96px -22px
}

.flag-icon.flag-CG {
    background-position: -112px -22px
}

.flag-icon.flag-CH {
    background-position: -128px -22px
}

.flag-icon.flag-CI {
    background-position: -144px -22px
}

.flag-icon.flag-CK {
    background-position: -160px -22px
}

.flag-icon.flag-CL {
    background-position: -176px -22px
}

.flag-icon.flag-CM {
    background-position: -192px -22px
}

.flag-icon.flag-CN {
    background-position: -208px -22px
}

.flag-icon.flag-CO {
    background-position: -224px -22px
}

.flag-icon.flag-CR {
    background-position: -240px -22px
}

.flag-icon.flag-CU {
    background-position: 0 -33px
}

.flag-icon.flag-CV {
    background-position: -16px -33px
}

.flag-icon.flag-CW {
    background-position: -32px -33px
}

.flag-icon.flag-CX {
    background-position: -240px -165px
}

.flag-icon.flag-CY {
    background-position: -48px -33px
}

.flag-icon.flag-CZ {
    background-position: -64px -33px
}

.flag-icon.flag-DE {
    background-position: -80px -33px
}

.flag-icon.flag-DJ {
    background-position: -96px -33px
}

.flag-icon.flag-DK {
    background-position: -112px -33px
}

.flag-icon.flag-DM {
    background-position: -128px -33px
}

.flag-icon.flag-DO {
    background-position: -144px -33px
}

.flag-icon.flag-DZ {
    background-position: -160px -33px
}

.flag-icon.flag-EC {
    background-position: -176px -33px
}

.flag-icon.flag-EE {
    background-position: -192px -33px
}

.flag-icon.flag-EG {
    background-position: -208px -33px
}

.flag-icon.flag-EH {
    background-position: -224px -33px
}

.flag-icon.flag-ENGLAND {
    background-position: -240px -33px
}

.flag-icon.flag-ER {
    background-position: 0 -44px
}

.flag-icon.flag-ES {
    background-position: -16px -44px
}

.flag-icon.flag-ET {
    background-position: -32px -44px
}

.flag-icon.flag-EU {
    background-position: -48px -44px
}

.flag-icon.flag-FI {
    background-position: -64px -44px
}

.flag-icon.flag-FJ {
    background-position: -80px -44px
}

.flag-icon.flag-FK {
    background-position: -96px -44px
}

.flag-icon.flag-FM {
    background-position: -112px -44px
}

.flag-icon.flag-FO {
    background-position: -128px -44px
}

.flag-icon.flag-FR {
    background-position: -144px -44px
}

.flag-icon.flag-GA {
    background-position: -160px -44px
}

.flag-icon.flag-GB {
    background-position: -176px -44px
}

.flag-icon.flag-GD {
    background-position: -192px -44px
}

.flag-icon.flag-GE {
    background-position: -208px -44px
}

.flag-icon.flag-GF {
    background-position: -224px -44px
}

.flag-icon.flag-GG {
    background-position: -240px -44px
}

.flag-icon.flag-GH {
    background-position: 0 -55px
}

.flag-icon.flag-GI {
    background-position: -16px -55px
}

.flag-icon.flag-GL {
    background-position: -32px -55px
}

.flag-icon.flag-GM {
    background-position: -48px -55px
}

.flag-icon.flag-GN {
    background-position: -64px -55px
}

.flag-icon.flag-GP {
    background-position: -80px -55px
}

.flag-icon.flag-GQ {
    background-position: -96px -55px
}

.flag-icon.flag-GR {
    background-position: -112px -55px
}

.flag-icon.flag-GS {
    background-position: -128px -55px
}

.flag-icon.flag-GT {
    background-position: -144px -55px
}

.flag-icon.flag-GU {
    background-position: -160px -55px
}

.flag-icon.flag-GW {
    background-position: -176px -55px
}

.flag-icon.flag-GY {
    background-position: -192px -55px
}

.flag-icon.flag-HK {
    background-position: -208px -55px
}

.flag-icon.flag-HM {
    background-position: -224px -55px
}

.flag-icon.flag-HN {
    background-position: -240px -55px
}

.flag-icon.flag-HR {
    background-position: 0 -66px
}

.flag-icon.flag-HT {
    background-position: -16px -66px
}

.flag-icon.flag-HU {
    background-position: -32px -66px
}

.flag-icon.flag-IC {
    background-position: -48px -66px
}

.flag-icon.flag-ID {
    background-position: -64px -66px
}

.flag-icon.flag-IE {
    background-position: -80px -66px
}

.flag-icon.flag-IL {
    background-position: -96px -66px
}

.flag-icon.flag-IM {
    background-position: -112px -66px
}

.flag-icon.flag-IN {
    background-position: -128px -66px
}

.flag-icon.flag-IO {
    background-position: -144px -66px
}

.flag-icon.flag-IQ {
    background-position: -160px -66px
}

.flag-icon.flag-IR {
    background-position: -176px -66px
}

.flag-icon.flag-IS {
    background-position: -192px -66px
}

.flag-icon.flag-IT {
    background-position: -208px -66px
}

.flag-icon.flag-JE {
    background-position: -224px -66px
}

.flag-icon.flag-JM {
    background-position: -240px -66px
}

.flag-icon.flag-JO {
    background-position: 0 -77px
}

.flag-icon.flag-JP {
    background-position: -16px -77px
}

.flag-icon.flag-KE {
    background-position: -32px -77px
}

.flag-icon.flag-KG {
    background-position: -48px -77px
}

.flag-icon.flag-KH {
    background-position: -64px -77px
}

.flag-icon.flag-KI {
    background-position: -80px -77px
}

.flag-icon.flag-KM {
    background-position: -96px -77px
}

.flag-icon.flag-KN {
    background-position: -112px -77px
}

.flag-icon.flag-KP {
    background-position: -128px -77px
}

.flag-icon.flag-KR {
    background-position: -144px -77px
}

.flag-icon.flag-KURDISTAN {
    background-position: -160px -77px
}

.flag-icon.flag-KW {
    background-position: -176px -77px
}

.flag-icon.flag-KY {
    background-position: -192px -77px
}

.flag-icon.flag-KZ {
    background-position: -208px -77px
}

.flag-icon.flag-LA {
    background-position: -224px -77px
}

.flag-icon.flag-LB {
    background-position: -240px -77px
}

.flag-icon.flag-LC {
    background-position: 0 -88px
}

.flag-icon.flag-LI {
    background-position: -16px -88px
}

.flag-icon.flag-LK {
    background-position: -32px -88px
}

.flag-icon.flag-LR {
    background-position: -48px -88px
}

.flag-icon.flag-LS {
    background-position: -64px -88px
}

.flag-icon.flag-LT {
    background-position: -80px -88px
}

.flag-icon.flag-LU {
    background-position: -96px -88px
}

.flag-icon.flag-LV {
    background-position: -112px -88px
}

.flag-icon.flag-LY {
    background-position: -128px -88px
}

.flag-icon.flag-MA {
    background-position: -144px -88px
}

.flag-icon.flag-MC {
    background-position: -160px -88px
}

.flag-icon.flag-MD {
    background-position: -176px -88px
}

.flag-icon.flag-ME {
    background-position: -192px -88px
}

.flag-icon.flag-MF {
    background-position: -144px -44px
}

.flag-icon.flag-MG {
    background-position: -208px -88px
}

.flag-icon.flag-MH {
    background-position: -224px -88px
}

.flag-icon.flag-MK {
    background-position: -240px -88px
}

.flag-icon.flag-ML {
    background-position: 0 -99px
}

.flag-icon.flag-MM {
    background-position: -16px -99px
}

.flag-icon.flag-MN {
    background-position: -32px -99px
}

.flag-icon.flag-MO {
    background-position: -48px -99px
}

.flag-icon.flag-MP {
    background-position: -64px -99px
}

.flag-icon.flag-MQ {
    background-position: -80px -99px
}

.flag-icon.flag-MR {
    background-position: -96px -99px
}

.flag-icon.flag-MS {
    background-position: -112px -99px
}

.flag-icon.flag-MT {
    background-position: -128px -99px
}

.flag-icon.flag-MU {
    background-position: -144px -99px
}

.flag-icon.flag-MV {
    background-position: -160px -99px
}

.flag-icon.flag-MW {
    background-position: -176px -99px
}

.flag-icon.flag-MX {
    background-position: -192px -99px
}

.flag-icon.flag-MY {
    background-position: -208px -99px
}

.flag-icon.flag-MZ {
    background-position: -224px -99px
}

.flag-icon.flag-NA {
    background-position: -240px -99px
}

.flag-icon.flag-NC {
    background-position: 0 -110px
}

.flag-icon.flag-NE {
    background-position: -16px -110px
}

.flag-icon.flag-NF {
    background-position: -32px -110px
}

.flag-icon.flag-NG {
    background-position: -48px -110px
}

.flag-icon.flag-NI {
    background-position: -64px -110px
}

.flag-icon.flag-NL {
    background-position: -80px -110px
}

.flag-icon.flag-NO {
    background-position: -96px -110px
}

.flag-icon.flag-NP {
    background-position: -112px -110px
}

.flag-icon.flag-NR {
    background-position: -128px -110px
}

.flag-icon.flag-NU {
    background-position: -144px -110px
}

.flag-icon.flag-NZ {
    background-position: -160px -110px
}

.flag-icon.flag-OM {
    background-position: -176px -110px
}

.flag-icon.flag-PA {
    background-position: -192px -110px
}

.flag-icon.flag-PE {
    background-position: -208px -110px
}

.flag-icon.flag-PF {
    background-position: -224px -110px
}

.flag-icon.flag-PG {
    background-position: -240px -110px
}

.flag-icon.flag-PH {
    background-position: 0 -121px
}

.flag-icon.flag-PK {
    background-position: -16px -121px
}

.flag-icon.flag-PL {
    background-position: -32px -121px
}

.flag-icon.flag-PM {
    background-position: -48px -121px
}

.flag-icon.flag-PN {
    background-position: -64px -121px
}

.flag-icon.flag-PR {
    background-position: -80px -121px
}

.flag-icon.flag-PS {
    background-position: -96px -121px
}

.flag-icon.flag-PT {
    background-position: -112px -121px
}

.flag-icon.flag-PW {
    background-position: -128px -121px
}

.flag-icon.flag-PY {
    background-position: -144px -121px
}

.flag-icon.flag-QA {
    background-position: -160px -121px
}

.flag-icon.flag-RE {
    background-position: -176px -121px
}

.flag-icon.flag-RO {
    background-position: -192px -121px
}

.flag-icon.flag-RS {
    background-position: -208px -121px
}

.flag-icon.flag-RU {
    background-position: -224px -121px
}

.flag-icon.flag-RW {
    background-position: -240px -121px
}

.flag-icon.flag-SA {
    background-position: 0 -132px
}

.flag-icon.flag-SB {
    background-position: -16px -132px
}

.flag-icon.flag-SC {
    background-position: -32px -132px
}

.flag-icon.flag-SCOTLAND {
    background-position: -48px -132px
}

.flag-icon.flag-SD {
    background-position: -64px -132px
}

.flag-icon.flag-SE {
    background-position: -80px -132px
}

.flag-icon.flag-SG {
    background-position: -96px -132px
}

.flag-icon.flag-SH {
    background-position: -112px -132px
}

.flag-icon.flag-SI {
    background-position: -128px -132px
}

.flag-icon.flag-SK {
    background-position: -144px -132px
}

.flag-icon.flag-SL {
    background-position: -160px -132px
}

.flag-icon.flag-SM {
    background-position: -176px -132px
}

.flag-icon.flag-SN {
    background-position: -192px -132px
}

.flag-icon.flag-SO {
    background-position: -208px -132px
}

.flag-icon.flag-SOMALILAND {
    background-position: -224px -132px
}

.flag-icon.flag-SR {
    background-position: -240px -132px
}

.flag-icon.flag-SS {
    background-position: 0 -143px
}

.flag-icon.flag-ST {
    background-position: -16px -143px
}

.flag-icon.flag-SV {
    background-position: -32px -143px
}

.flag-icon.flag-SX {
    background-position: -48px -143px
}

.flag-icon.flag-SY {
    background-position: -64px -143px
}

.flag-icon.flag-SZ {
    background-position: -80px -143px
}

.flag-icon.flag-TC {
    background-position: -96px -143px
}

.flag-icon.flag-TD {
    background-position: -112px -143px
}

.flag-icon.flag-TF {
    background-position: -128px -143px
}

.flag-icon.flag-TG {
    background-position: -144px -143px
}

.flag-icon.flag-TH {
    background-position: -160px -143px
}

.flag-icon.flag-TIBET {
    background-position: -176px -143px
}

.flag-icon.flag-TJ {
    background-position: -192px -143px
}

.flag-icon.flag-TK {
    background-position: -208px -143px
}

.flag-icon.flag-TL {
    background-position: -224px -143px
}

.flag-icon.flag-TM {
    background-position: -240px -143px
}

.flag-icon.flag-TN {
    background-position: 0 -154px
}

.flag-icon.flag-TO {
    background-position: -16px -154px
}

.flag-icon.flag-TR {
    background-position: -32px -154px
}

.flag-icon.flag-TT {
    background-position: -48px -154px
}

.flag-icon.flag-TV {
    background-position: -64px -154px
}

.flag-icon.flag-TW {
    background-position: -80px -154px
}

.flag-icon.flag-TZ {
    background-position: -96px -154px
}

.flag-icon.flag-UA {
    background-position: -112px -154px
}

.flag-icon.flag-UG {
    background-position: -128px -154px
}

.flag-icon.flag-UM {
    background-position: -144px -154px
}

.flag-icon.flag-US {
    background-position: -160px -154px
}

.flag-icon.flag-UY {
    background-position: -176px -154px
}

.flag-icon.flag-UZ {
    background-position: -192px -154px
}

.flag-icon.flag-VA {
    background-position: -208px -154px
}

.flag-icon.flag-VC {
    background-position: -224px -154px
}

.flag-icon.flag-VE {
    background-position: -240px -154px
}

.flag-icon.flag-VG {
    background-position: 0 -165px
}

.flag-icon.flag-VI {
    background-position: -16px -165px
}

.flag-icon.flag-VN {
    background-position: -32px -165px
}

.flag-icon.flag-VU {
    background-position: -48px -165px
}

.flag-icon.flag-WALES {
    background-position: -64px -165px
}

.flag-icon.flag-WF {
    background-position: -80px -165px
}

.flag-icon.flag-WS {
    background-position: -96px -165px
}

.flag-icon.flag-XK {
    background-position: -112px -165px
}

.flag-icon.flag-YE {
    background-position: -128px -165px
}

.flag-icon.flag-YT {
    background-position: -144px -165px
}

.flag-icon.flag-ZA {
    background-position: -160px -165px
}

.flag-icon.flag-ZANZIBAR {
    background-position: -176px -165px
}

.flag-icon.flag-ZM {
    background-position: -192px -165px
}

.flag-icon.flag-ZW {
    background-position: -208px -165px
}

.tooltip {
    z-index: 1070000;
}

.create-shipment-block {
    min-width: 920px;
}

.create-shipment-block-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.create_shipment_head {
    display: flex;
    text-align: left;
    background: #efefef;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    padding: 12px 10px;
    margin-bottom: 10px;
}

.create_shipment_head .head-list {
    flex: 1;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
}

.create_shipment_head .is_sort {
    cursor: pointer;
}

.create_shipment_head .is_sort i {
    padding-left: 5px;
}

.create_shipment_head .head-list--checkbox {
    width: 30px;
    flex: none;
}

.create_shipment_head .head-list--checkbox .custom-control {
    min-height: auto;
}

.create_shipment_head .head-list--items {
    width: 80px;
    flex: none;
}

.create_shipment_head .head-list--info {
    width: 40px;
    flex: none;
}

.create-shipment-row__select-all {
    padding: 10px 0px 20px;
    text-align: center;
    font-size: 16px;
}

.create-shipment-row:hover {
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.30);
}

.create-shipment-row {
    border-radius: 8px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    padding: 5px 10px;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
}

.create-shipment-row > div.table-tab {
    display: flex;
    flex-wrap: wrap;
    min-height: 60px;
    align-items: center;
}

.create-shipment-row > div.table-tab .table-head {
    height: 60px;
    flex: 1;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
}

.create-shipment-row > div.table-tab .table-head.table-head--checkbox {
    width: 30px;
    flex: none;
}

.table-head--checkbox .custom-control {
    min-height: auto;
    margin-top: 14px;
}

.create-shipment-row > div.table-tab .table-head.table-tab--items {
    width: 80px;
    flex: none;
}

.create-shipment-row > div.table-tab .table-head.table-tab--info {
    width: 40px;
    flex: none;
}

body .create-shipment-row .table-tab-info-box {
    position: relative;
    min-height: 50px;
    padding: 5px;
}

body .create-shipment-row .table-tab-action .table-tab-action-box {
    position: relative;
    border: 1px solid #f4f6f8;
    border-radius: 5px;
    overflow: hidden;
    min-height: 50px;
    padding: 5px;
}

body .create-shipment-row .table-tab-action span._is-hover {
    display: none;
    position: absolute;
    background: #17a2b8;
    text-align: center;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

body .create-shipment-row .table-tab-action:hover:not(.current) span._is-hover {
    display: block;
    display: flex;
}

body .create-shipment-row .table-tab-action.current > div {
    background: #f4f6f8;
    color: #222;
    border-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 10px solid #f4f6f8;
}

.__is-hover-action {
    position: absolute;
    text-align: center;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    align-items: center;
    justify-content: flex-end;
    opacity: 0;
    display: none;
}

.create-shipment-row > div.table-tab:hover .__is-hover-action {
    opacity: 1 !important;
    display: flex;
}

.table-tab-content {
    display: none;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 35px;
    background-color: #f4f6f8;
    margin-bottom: 5px;
}

.table-tab-content.current {
    display: inherit;
}

.table-tab-content .table-tab-content-card {
    margin-top: 15px;
}

.table-tab-content .table-tab-content-card:first-child {
    margin-top: 0px !important;
}

.table-tab-content-head {
    background: #fff;
    padding: 10px 15px 10px;
    border-bottom: 1px solid #f4f6f8;
    color: #000;
}

.table-tab-content-body {
    background: #fff;
    padding: 15px 15px 1px;
}

.table-tab-content-footer {
    padding-top: 10px
}

.create-shipment-row.current {
    z-index: 999999;
}

.maskbg {
    background: rgba(0, 0, 0, .5);;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
}

.maskbg.show {
    display: block;
}

.create-shipment-row .table-tab--courier .courier {
    line-height: 100%;
}

.create-shipment-row .table-tab--courier .courier img {
    margin-bottom: 5px;
}

.create-shipment-row .table-tab--price {
    font-size: 16px;
    font-weight: 400;
}

.create-shipment-row .fa-question-circle {
    font-size: 18px;
}

.progress.progress_table-bar {
    position: relative;
    height: 12px;
    width: 125px;
    border-radius: 10px;
    background-color: #f4f6f8;
    margin: 0 auto 5px 0;
    min-width: 10px;
    border-radius: 10px !important;
    text-align: center;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    transition: width .6s ease;
    min-width: 10px;
    border-radius: 10px;
    display: inline-block;
    margin: 0 auto;
}

.progress.progress__med-rating .progress-bar {
    background-color: #ffc938;
}

.form-group-view .view-label {
    margin-bottom: 0px;
    color: #000;
}

.form-group-view .view--control {
    padding: 10px 0px;
}


/*card-courier*/
.card-courier {
    max-width: 650px;
    margin: 0 auto
}

.courier-card-title {
    font-size: 1.2rem;
    color: #000;
}

.courier-card-info {
}

.courier-lists {
    padding: 20px 0px
}

.courier-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid white;
    border-radius: 8px;
    background-color: white;
    box-shadow: 0 2px 15px rgba(40, 78, 102, 0.1);
    cursor: pointer;
    will-change: transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), border 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 20px;
}

.courier-list:hover {
    -webkit-transform: translateY(-1%);
    transform: translateY(-1%);
    box-shadow: 0 10px 20px rgba(40, 78, 102, 0.1);
}

.courier-list .courier-icon-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 100%;
}

.courier-list .courier-icon {
    width: 70px;
    height: 35px;
    margin-right: 15px;
    border-radius: 2px;
    background-color: #f2f3f4;
    border: 1px solid #eff1f4;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.courier-icon-i {
    background-color: #dfe3e8;
}

.courier-list .courier-icon .feather {
    width: 24px;
    height: 30px;
}

.courier-list .courier-name {
}

.courier-list .courier-info {
}

.modal .courier-lists {
    padding: 0px;
}

.modal .list-group.p10 {
    padding: 10px;
}

/*switch-yesno syle*/
.switch-yesno {
    font-size: 1rem;
    position: relative
}

.switch-yesno input {
    position: absolute;
    height: 1px;
    width: 1px;
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    padding: 0
}

.switch-yesno input + label {
    position: relative;
    margin-bottom: 0;
    min-width: calc(calc(2.375rem * .8) * 2);
    border-radius: calc(2.375rem * .8);
    height: calc(2.375rem * .8);
    line-height: calc(2.375rem * .8);
    display: inline-block;
    cursor: pointer;
    outline: none;
    user-select: none;
    vertical-align: middle;
    text-indent: calc(calc(0) + .5rem)
}

.switch-yesno input + label::before, .switch-yesno input + label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(calc(2.375rem * .8) * 2);
    bottom: 0;
    display: block
}

.switch-yesno input + label::before {
    right: 0;
    background-color: #dee2e6;
    border-radius: calc(2.375rem * .8);
    transition: 0.2s all
}

.switch-yesno input + label::after {
    top: 2px;
    left: 2px;
    width: calc(calc(1) - calc(2px * 2));
    height: calc(calc(1) - calc(2px * 2));
    border-radius: 50%;
    background-color: white;
    transition: 0.2s all
}

.switch-yesno input:checked + label::before {
    background-color: #17a1b8
}

.switch-yesno input:checked + label::after {
    margin-left: calc(2.375rem * .8)
}

.switch-yesno input:focus + label::before {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(0, 136, 221, .25)
}

.switch-yesno input:disabled + label {
    color: #868e96;
    cursor: not-allowed
}

.switch-yesno input:disabled + label::before {
    background-color: #e9ecef
}

.switch-yesno.switch-yesno-sm {
    font-size: .875rem;
    margin-left: 5px
}

.switch-yesno.switch-yesno-sm input + label {
    min-width: calc(calc(1.9375rem * .8) * 2);
    height: calc(1.9375rem * .8);
    line-height: calc(1.9375rem * .8);
    text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem)
}

.switch-yesno.switch-yesno-sm input + label::before {
    width: calc(calc(1.9375rem * .8) * 2)
}

.switch-yesno.switch-yesno-sm input + label::after {
    width: calc(calc(1.9375rem * .8) - calc(2px * 2));
    height: calc(calc(1.9375rem * .8) - calc(2px * 2))
}

.switch-yesno.switch-yesno-sm input:checked + label::after {
    margin-left: calc(1.9375rem * .8)
}

.switch-yesno + .switch-yesno {
    margin-left: 1rem
}


@media only screen and (max-width: 1440px) {
    .sideNav.fixed {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

    .associations-tab .tab-logo {
        max-width: 110px;
        min-width: 110px;
    }
}

@media only screen and (max-width: 935px) {
    .card .card-body .list-items-block .list-header, .card .card-body .list-items-block .list-item {
        width: 860px;
    }

    .card .card-body .list-items-block {
        overflow-x: auto;
    }

    .list-item .item-order {
        flex: 1.1;
    }

    .list-header .header-menu-name-1 {
        flex: 1.1;
    }
}


@media only screen and (max-width: 990px) {
    .sideNav.fixed {
        -webkit-transform: translateX(-105%);
        -ms-transform: translateX(-105%);
        transform: translateX(-105%);
    }

    #sideNav {
        width: 180px;
        transform: -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    #_mainContainer {
        padding-left: 0px !important;
    }

    .sidenav-overlay {
        height: 100%;
        position: fixed;
        width: 100%;
        top: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.15);
        z-index: 999;
    }

    .associations-border {
        border-left: none;
    }
}

@media (min-width: 1400px) {
    /*#_mainContainer._fixed-popup-container {display: flex; align-items: center; justify-content: center;}*/
}

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

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .modal-lg {
        max-width: 750px;
    }

}

@media only screen and (min-width: 768px) {
    ._xs-collapsible-content {
        display: block !important;
    }

    ._signup-page .signup-card-form {
        -webkit-border-top-right-radius: 0px;
        -webkit-border-bottom-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomright: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    ._signup-page .signup-card-info {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .shipping-nav-tabs .nav-tabs .nav-item a {
        color: #999;
        border: 1px solid #dee2e6;
        margin-right: 5px;
        width: 160px;
        height: 58px;
        border-radius: .25rem;
        margin-bottom: 5px;
    }

    .associations-tab .tab-logo {
        max-width: 80px;
        min-width: 80px;
    }

}


@media only screen and (max-width: 767px) {
    ._topContainer, ._mainContainer {
        padding: 1rem;
    }

    ._logo {
        margin-right: auto;
    }

    ._logo-associations-navbar {
        background: #fff;
        padding: 5px 5px;
        margin-top: -10px;
        margin-bottom: 5px;
        text-align: center;
    }

    .flot-actions-show-md .flot-action {
        opacity: 1 !important
    }

    .card-header .btn-small {
        padding: .25rem .5rem !important;
        line-height: 1.5 !important;
    }

    .daterangepicker .show-ranges .show-calendar {
        width: 250px;
    }

    .daterangepicker .ranges ul {
        width: 247px;
    }

    .daterangepicker .drp-selected {
        width: 100%;
        padding-bottom: 10px;
    }

    .daterangepicker .ranges, .daterangepicker .ranges ul {
        width: 100% !important
    }

    ._xs-collapsible {
        cursor: pointer;
    }

    ._xs-collapsible:after {
        content: '\002B';
        color: #000;
        float: right;
        font-size: 24px;
    }

    ._xs-collapsible.active:after {
        content: "\2212";
    }

    ._xs-collapsible-content {
        display: none;
    }

    .overview-step-hight {
        height: auto;
    }

    .payment-tab {
        height: auto;
    }

    #_mainContainer._fixed-popup-container ._mainContainer {
        padding: 0.5rem 1.5rem 2.5rem !important;
    }

    .signup-card .signup-card-overflow {
        height: inherit !important;
        max-height: inherit !important;
    }

    ._signup-page .card-title {
        line-height: 20px;
    }
}

@media only screen and (max-width: 576px) {
    #_mainHeader .navbar-nav .dropdown-menu-big {
        min-width: 10rem;
    }

    .flot-actions-show-xs .flot-action {
        opacity: 1 !important
    }

    table tr.rs-xs {
        display: block;
    }

    table tr.rs-xs .rs-xs-12 {
        width: 100%;
        display: block;
    }

    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
        padding: 0px 5px 0 10px;
    }

    .progress_bar > li:before {
        width: 1.8em;
        height: 1.8em;
        line-height: 1.5em;
    }

    .progress_bar > li:after {
        top: 1.3em;
    }

    .progress_bar > li span {
        display: none;
    }

    .card-title-subtitle {
        position: relative;
        padding-left: 10px;
    }

    .shipping-nav-tabs .nav-tabs .nav-item {
        width: 50%;
    }

    .shipping-nav-tabs .nav-tabs .nav-item a {
        width: auto;
    }

    .modal-checkout {
        max-width: 95%;
    }
}

@media only screen and (max-width: 390px) {
    .shipping-nav-tabs .nav-tabs .nav-item a {
        width: auto;
        height: 75px;
    }

    .associations-tab .tab-logo {
        max-width: 70px;
        min-width: 70px;
    }
}

@media only screen and (max-width: 380px) {
    ._logo {
        width: 95px;
    }

    .progress_bar > li:before {
        font-size: 15px;
        margin-bottom: 0;
    }

    .progress_bar > li:after {
        top: 0.9em;
    }
}

._table-style .custom-control .custom-control-label::before,
._table-style .custom-control .custom-control-label::after {
    left: 0
}

.flot-action .btn-icon, button.feather-btn-sm {
    line-height: 18px
}


@media all\0 {
    /* IE8 uses \0 */
    ._historyTracking-page .card-body .table tr th .custom-control-label::before, ._historyTracking-page .card-body .table tr th .custom-control-label::after {
        top: 4px;
    }

    ._table-style .custom-control {
        padding: 0px;
        margin-top: 0px;
        width: 15px;
    }
}

@media screen and (min-width: 0\0
) and (min-resolution: +72dpi) {
    /* IE 9 and above */
    ._table-style .custom-control .custom-control-label::before,
    ._table-style .custom-control .custom-control-label::after {
        left: 0
    }

    .flot-action .btn-icon, button.feather-btn-sm {
        line-height: 18px
    }
}


/* custom */
.no-button-styling {
    cursor: pointer !important;
    border: none !important;
    outline: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.integration-name {
    font-size: 20px !important;
    margin-top: 8px !important;
}

.input-group-integration {
    width: 70%;
    display: table;
    border-collapse: collapse;
}

.input-group-integration > div {
    display: table-cell;
    border: 1px solid #ddd;
    vertical-align: middle; /* needed for Safari */
}

.input-group-icon {
    background: #eee;
    color: #777;
    padding: 0 12px
}

.input-group-area {
    width: 100%;
}

.input-group-integration input {
    height: 12px;
    border: 0;
    display: block;
    width: 100%;
    padding: 18px;
}

.delete-btn {
    background-image: linear-gradient(-180deg, #fc716d, #c00f19);
    color: white;
    border: none;
}

.saved-quote-header-color {
    background: #369fb247 !important;
    box-shadow: 0px -5px 8px -2px #c3c3c3 !important;
}

.hover-card:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12) !important;
}


/* Added new*/
.horizontal-swap-container img {
    height: 25px;
    filter: grayscale(1) invert(0.7);
}

.swap-left, .swap-right {
    overflow: hidden;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.swap-left, .swap-right {
    border: 1px solid #dadce0;
    border-radius: 4px;
}

.horizontal-swap-container {
    background-color: #fff;
    color: #5f6368;
    margin: auto -15px;
    padding: 5px;
    border-radius: 100%;
    box-sizing: border-box;
    height: 40px;
    position: relative;
    -webkit-transition: background-color 150ms ease 0ms;
    width: 40px;
    z-index: 1;
}

.horizontal-swap-container:hover {
    background: whitesmoke;
}

.horizontal-swap-container:hover img {
    filter: grayscale(1) invert(0.4);
}

@media (min-width: 992px) {
    .horizontal-swap-container {
        margin: auto -15px;
    }

    .swap-left {
        padding-right: 1.7rem;
    }

    .swap-right {
        padding-left: 1.7rem;
    }

    .half-circle-left, .half-circle-right {
        background-color: white;
        border: 1px solid #dadce0;
        border-radius: 100%;
        box-sizing: border-box;
        height: 40px;
        position: absolute;
        top: 8px;
        width: 40px;
    }

    .half-circle-left {
        left: 100%;
        top: 50%;
        transform: translate(-18px, -20px);
    }

    .half-circle-right {
        left: -22px;
        top: 50%;
        transform: translate(0px, -20px);
    }
}

@media (max-width: 768px) {
    .horizontal-swap-container img {
        transform: rotate(90deg);
    }

    .horizontal-swap-container {
        margin: -15px auto;
    }

    .swap-left {
        padding-bottom: 1.7rem;
    }

    .swap-right {
        padding-top: 1.7rem;
    }

    .half-circle-left, .half-circle-right {
        background-color: white;
        border: 1px solid #dadce0;
        border-radius: 100%;
        box-sizing: border-box;
        height: 40px;
        position: absolute;
        top: 8px;
        width: 40px;
    }

    .half-circle-left {
        left: 50%;
        top: 100%;
        transform: translate(-20px, -16px);
    }

    .half-circle-right {
        left: 50%;
        top: 0;
        transform: translate(-20px, -24px);
    }
}

/* custom */
._material-form-group-with-border .form-control-sm {
    border: 1px solid #dfdfdf;
    border-radius: 4px !important;
    padding-left: 10px !important;
}

td .form-control-sm {
    width: 100%;
}

.form-control-sm {
    padding: 6px .5rem;
    height: 35px !important;
}

.form-control:disabled, .form-control[readonly], .form-control:disabled + label, .form-control[readonly] + label {
    background-color: #e9ecef !important;
    opacity: 1;
}

.form-control:disabled+label {
    background-color: #00000000 !important;
}

.stackble .custom-control-label::before, .stackble .custom-control-label::after {
    top: -10px;
    left: -10px;
}

.create-shipment-block .list-header, .create-shipment-block .list-item {
    box-shadow: none !important;
}

.create-shipment-block .list-item {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}

.create-shipment-block .item-sender, .create-shipment-block .item-order {
    padding-right: 0.4rem !important;
    display: flex;
}

.create-shipment-block .header-menu {
    color: #6c757d!important;
    font-size: 13px;
}

.description-item {
    flex: 2 !important;
}

.name-item {
    flex: 1.5 !important;
}

form.needs-validation .form-control.invalid, form.needs-validation .form-control-sm.invalid {
    border-color: #dc3545;
}