/*
* Common CSS
*
*/
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'roboto';
    color: #404041;
    background-color: #f8f4f8;
    height: 100%;
    font-size: 14px;
}

a:hover, a:focus, a:active, a {
    cursor: pointer;
    color: #2196F3;
    text-decoration: none;
    outline: 0 none;
}

:focus {
    outline: 0 none;
}

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

.icon, .glyphicon {
    cursor: pointer
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin: 10px 0 15px;
    font-family: roboto-medium;
}

.h2, h2, h3 {
    font-size: 24px;
}

h4, h5 {
    font-family: roboto-medium;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 18px;
}

.a-link {
    color: #2196F3 !important;
}

.red {
    color: red!important;
}

.green {
    color: #43a047 !important;
    font-size: 12px;
    font-family: roboto-medium;
}

button.bg-green {
    background-color: #43a047 !important;
    padding: 5px 16px !important;
    font-size: 14px;
    text-transform: initial !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    will-change: unset;
    min-width: 88px;
    line-height: 36px !important;
}

button.bg-skyblue, button.bg-skyblue:focus {
    background-color: #2cb9e3 !important;
}

.page-title {
    font-size: 24px;
    font-family: roboto-medium;
}

.inner-title {
    font-family: "roboto-medium", sans-serif;
    font-size: 16px;
    margin: 0 10px 0 0;
    display: inline-block;
}

li, ol, ul {
    list-style-type: none;
    padding: 0;
}

ol, ul {
    margin-bottom: 10px;
}

label {
    font-weight: normal;
    margin-bottom: 0px;
}

.text-bold {
    font-family: roboto-medium;
}

.upload-filename {
    background: transparent;
    border: 0 none;
    margin: 8px 10px;
    min-width: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hint {
    float: left;
    margin-top: -18px;
    font-size: 12px;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.red{
    color :#FF0000;
}

.caps {
    text-transform: uppercase
}

[class^="ico-"], [class*="ico-"] {
    background-image: url(../../images/sprite.png);
    background-repeat: no-repeat;
    background-size: 400px 400px;
}

[class^="vmsprite-"], [class*="vmsprite-"] {
    background-image: url(../../images/vm-sprite.png);
    background-repeat: no-repeat;
    background-size: 400px 400px;
}

[class^="prodimg-"], [class*="prodimg-"] {
    background-image: url(../../images/product-details.png);
    background-repeat: no-repeat;
    background-size: 800px 40px;
}

.ico-tooltip {
    background-position: -326px -210px;
    width: 22px;
    height: 20px;
    display: inline-block;
    background-size: 460px 460px;
    cursor: pointer
}

.ico-alert-success, .ico-alert-error, .ico-alert-info, .ico-alert-warning {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-image: url(../../images/sprite.png);
    background-repeat: no-repeat;
    background-size: 800px 800px;
}

.ico-alert-success {
    background-position: -14px -514px;
}

.ico-sort-asc {
    width: 14px;
    height: 18px;
    float: left;
    background-position: -383px -185px
}

.ico-alert-error {
    background-position: -161px -514px;
}

.ico-alert-info {
    background-position: -354px -514px;
}

.ico-alert-warning {
    background-position: -257px -514px;
}

.ico-download {
    width: 28px;
    height: 20px;
    display: inline-block;
    background-position: -255px -259px;
}

.ico-search {
    width: 26px;
    height: 22px;
    background-position: -397px -160px;
    display: inline;
    background-size: 700px 700px;
    position: absolute;
    margin: 22px 0 0 0px;
    cursor: pointer;
    top: 0px;
    right: 0px;
}

.ico-clear {
    background-position: -329px -123px;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 9;
    right: 55px;
    top: 6px;
    cursor: pointer;
    border-radius: 50%;
    padding-left: 8px;
}

.alert {
    border: 0 none;
    padding: 10px;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btn, .dropdown-menu, .form-control {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #404041;
}

.dropdown .btn, .dropdown-menu>li>a {
    padding: 8px;
}

.btn-download, .btn-download:hover {
    background: transparent;
    color: #2196f3 !important;
    padding-right: 0px;
}

.alert-hint {
    background-color: #e7e8ea;
}

.alert-info {
    color: #000;
    background-color: #f7cf9b;
}

.vm.alert-info {
    color: #000;
    background-color: #ebf4fc;
}

.alert-danger {
    color: #e96570;
    background-color: #fff0f1;
}

.tooltip .tooltip-inner {
    max-width: 300px;
    width: auto;
    color: #000;
    background-color: #F8F8F8;
    text-align: left;
    border: 1px solid #909090;
    white-space: normal;
}

.clearfix {
    clear: both;
}

.container {
    max-width: 95%;
}

.logo {
    width: 190px;
}

/*End Common Style*/

/* @media (max-width: 1400px) {
    .container {
        max-width: 1170px;
    }
} */

/*Form Fields Style*/

.mdl-radio.is-checked .mdl-radio__outer-circle {
    border-color: #f90 !important;
}

.mdl-radio.is-diabled .mdl-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54) !important;
}

.is-checked .mdl-radio__label, .is-checked .mdl-checkbox__label {
    color: #f90;
}

.mrx-orders-nav-radio.is-checked .mdl-radio__label {
    font-family: roboto-medium !important;
    color: #f90 !important;
}

.mrx-orders-nav-radio.is-upgraded .mdl-radio__outer-circle, .vm-radio-navs.is-upgraded .mdl-radio__outer-circle {
    border-color: #BDBBBD;
}

.mrx-orders-nav-radio.is-upgraded .mdl-radio__label, .vm-radio-navs.is-upgraded .mdl-radio__label {
    font-family: roboto-light;
    color: #BDBBBD;
    font-size: 17px;
}

.vm-radio-navs.is-upgraded.is-checked .mdl-radio__label {
    font-family: roboto-medium;
}

.vm-tab-nav .nav-link.active {
    color: #51C3C4 !important;
}

.mdl-radio.is-diabled .mdl-radio__inner-circle {
    background-color: rgba(0, 0, 0, .54) !important;
}

.mdl-radio.is-checked .mdl-radio__inner-circle {
    background-color: #f90;
}

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border-top: 0px solid #f90;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
}

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #f90;
    border: 8px solid #f90;
}

.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
}

.vm.mdl-radio.is-checked .mdl-radio__outer-circle {
    border-color: #51C3C4 !important;
}

.vm.mdl-radio.is-checked .mdl-radio__inner-circle {
    background-color: #51C3C4;
}

.vm.mdl-radio.is-diabled .mdl-radio__inner-circle {
    background-color: rgba(0, 0, 0, .54) !important;
}

.vm.mdl-radio.is-diabled .mdl-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54) !important;
}

.vm.is-checked .mdl-radio__label, .vm.is-checked .mdl-textfield__label, .vm.is-checked .mdl-checkbox__label {
    color: #51C3C4;
}

.vm.is-disabled .mdl-radio__label, .vm.is-disabled .mdl-textfield__label, .vm.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
}

.vm.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 1.7px solid #51C3C4;
}

.vm.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #51C3C4;
    border: 0px solid #51C3C4;
}

.vm.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    top: 0px;
    left: 0px;
}

.vm.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
}

label.error {
    font-size: 12px !important;
    color: red !important;
    position: absolute;
    /* right: 70px; */
    /* line-height: 15px; */
    /* width: 100%; */
    left: 0;
    text-align: left;
}

.selectBox-error {
    color: red!important;
}

#enterpriseType-error~.mdl-radio__label {
    margin-bottom: 15px;
    display: block;
}

#termsAndCondition-error {
    display: block;
    left: 0px;
    width: 100%;
    top: 21px;
    font-size: 12px !important;
}

#terms_and_conditions-error {
    display: inherit;
    position: absolute;
    top: 27px;
    pointer-events: none;
}

.terms_and_conditions {
    vertical-align: middle;
}

#mrx-forgotpwd label.error, #vm-forgotpwd label.error {
    width: 276px;
}

.error-msg {
    color: red !important;
    position: absolute;
}

.entypelabel {
    font-size: 16px;
    line-height: 24px;
}

input.error {
    /* background-image: linear-gradient(0deg,#f44336 2px,rgba(213,0,0,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0) !important;
    background-size: 100%; */
    transition: .3s;
    border-bottom: 1px solid red;
}

.mdl-selectfield__select.error+label.error {
    left: 0;
    bottom: -8px;
}

.mdl-selectfield__select.error+label+label+.mdl-selectfield__box {
    background-image: linear-gradient(0deg, #f44336 1px, rgba(213, 0, 0, 0) 0), linear-gradient(0deg, rgba(0, 0, 0, .26) 1px, transparent 0) !important;
    border: none;
}

.mdl-textfield--floating-label input.error+label+label, .mdl-selectfield--floating-label select.error+label+label {
    color: #f44336 !important;
}

.checkbox label.error {
    display: contents;
    left: 0px;
    width: 100%;
}

/*End Form Fields Style*/

/*Tabs Style*/

.nav-tabs.mrx-tab-nav .nav-link.active, .nav-tabs.mrx-tab-nav .nav-link.active:focus, .nav-tabs.mrx-tab-nav .nav-link.active:hover {
    color: #f90 !important;
    border-bottom: 4px solid #f90 !important;
    background: transparent;
}

.nav-tabs.mrx-tab-nav {
    border-bottom: 1px solid rgba(0, 0, 0, .12) !important;
    margin-bottom: 15px;
}

.nav-pills.mrx-tab-nav .nav-link, .nav-tabs.mrx-tab-nav .nav-link, .nav-pills.vm-tab-nav .nav-link, .nav-tabs.vm-tab-nav .nav-link {
    padding: 10px 24px;
    color: #BDBBBD !important;
    font-family: roboto-light;
    font-size: 17px;
    border: 0px;
}

.nav-tabs.vm-tab-nav .nav-link.active, .nav-tabs.vm-tab-nav .nav-link.active:focus, .nav-tabs.vm-tab-nav .nav-link.active:hover {
    color: #51C3C4 !important;
    border-bottom: 4px solid #51C3C4 !important;
    background: transparent;
    border: 0px;
}

.nav-tabs.vm-tab-nav {
    border-bottom: 0px solid rgba(0, 0, 0, .12) !important;
}

.nav-pills.vm-tab-nav .nav-link, .nav-tabs.vm-tab-nav .nav-link {
    padding: 10px 24px;
    color: #aaa !important;
}

/* End Tabs Style*/

/*Header CSS*/

.header {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 3px 2px 2px -1px #ccc;
    top: 0;
    z-index: 1030;
    position: fixed !important;
    right: 0;
    left: 0;
    border-width: 0 0 1px;
    /* min-height: 88px; */
}

.breadcrumb {
    clear: both;
    width: 100%;
    display: inline-flex;
    padding: 0 0 5px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background-color: transparent !important;
}

.ico-switch {
    background-position: -354px -514px;
    display: inline-block;
    width: 20px;
    height: 20px;
    z-index: 999;
    position: relative;
    background-position: -218px -261px;
}

.userdetails {
    margin-top: 15px;
    color: #58595b;
    min-width: 160px;
    font-size: 14px;
}

.userdetails li {
    line-height: 20px;
}

/* End Header CSS*/

/*Login CSS*/

.login-box {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: content-box;
    background-color: #FFF;
    width: 80%;
    max-width: 861px;
    min-height: 180px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
}

.login-box-mrx-vm {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: content-box;
    background-color: #FFF;
    padding: 60px;
    width: 940px !important;
    padding: 0px !important;
    min-height: 180px;
    position: absolute;
    top: 45%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.login-box-mrx-vm .login-box-content .mdl-textfield {
    width: 97% !important;
}

.login-box-content .mdl-textfield {
    width: 358px;
}

.login-box-content {
    border-left: 1px solid #FF9900;
    padding-left: 50px !important;
}
.login-vm-box-content {
    border-left: 1px solid #51C3C4 ;
    padding-left: 50px !important;
}


.login-box-mrx-vm .login-box-content {
    border-left: 0px solid #FF9900;
    padding-right: 34px;
    padding: 30px 34px 25px 50px !important;
}


.registration.login-box-logo{
    text-align: center;
}

.mrx .login-box-logo {
    text-align: center;
    margin-top: 19%;
}

.msq-login-box-content{
    border-left: 1px solid #51C3C4 ;
    padding-left: 50px !important;
}
.msq-login-box-content  .is-checked .mdl-checkbox__label,
.msq-registration-page-2 .is-checked .mdl-checkbox__label {
    color: #51C3C4 !important;
}
.msq-login-box-content .mdl-checkbox.is-checked .mdl-checkbox__box-outline,
.msq-registration-page-2 .mdl-checkbox.is-checked .mdl-checkbox__box-outline{
    border-top: 0px solid #51C3C4!important;
}
.msq-login-box-content .mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.msq-registration-page-2 .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background-color: #51C3C4!important;
    border: 8px solid #51C3C4!important;
}
.msq-login-box-content  .ico-search {
    background-position: -509px -91px!important;
}
.msq-registration-page-2 .card .open-header {
    border-bottom: 5px solid #51C3C4!important;

}
.msq-registration-page-2 .is-checked .mdl-radio__label,
.msq-registration-page-2 .is-checked .mdl-checkbox__label{
    color: #51C3C4 !important;
}
.msq-registration-page-2 .mdl-radio.is-checked .mdl-radio__outer-circle {
    border-color: #51C3C4 !important;
}
.msq-registration-page-2 .mdl-radio.is-checked .mdl-radio__inner-circle {
    background-color: #51C3C4 !important;
}
.msq-logo-registration{
    margin-left: 32px;
    border-left: 1px solid #ccc;
    padding: 20px 36px;

}
.msq-only-logo-registration{
    margin-left: 20px;
    padding: 20px 0px;
}
.mrx-logo-registration{
    /* margin-left: 20px; */
}
.msq-logo-registration img,
.msq-only-logo-registration img{
    width:150px;
}

.vm .login-box-logo {
    text-align: center;
    margin-top: 20% !important;
    margin-bottom: 27% !important;
    width: 232px;
    margin: auto;
}

.form-control:focus {
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

.form-group .toggle-password {
    position: absolute;
    top: 37px;
    right: 4px;
}

.forgot-link {
    font-size: 14px;
    margin-right: 11px;
    font-style: italic;
    color: #2196F3 !important;
}

.login-tooltip, .toggle-password, .toggle-password-reset {
    position: absolute;
    top: 26px;
    right: 0px;
}

.toggle-confirm_password {
    position: absolute;
    top: 27px;
    right: 4px;
}

.register-link {
    font-size: 17px;
}

.vm-login {
    line-height: 22px;
}

/* End Login CSS*/

/*Button Style*/

.active.custom-file-control:focus:before, .active.custom-file-control:hover:before, .active.focus.custom-file-control:before,
/* .btn.active.focus,
.btn.active:focus,
.btn.active:hover,
.btn:active.focus,
.btn:active:focus,
.btn:active:hover, */

.custom-file-control:active.focus:before, .custom-file-control:active:focus:before, .custom-file-control:active:hover:before,
/* .open>.btn.dropdown-toggle.focus,
.open>.btn.dropdown-toggle:focus,
.open>.btn.dropdown-toggle:hover, */

.open>.dropdown-toggle.custom-file-control:focus:before, .open>.dropdown-toggle.custom-file-control:hover:before, .open>.dropdown-toggle.focus.custom-file-control:before {
    background: transparent;
}

.active.custom-file-control:before,
/* .btn.active,
.btn.focus,
.btn:active,
.btn:focus,
.btn:hover, */

.custom-file-control:active:before, .custom-file-control:focus:before, .custom-file-control:hover:before, .focus.custom-file-control:before,
/* .open>.btn.dropdown-toggle, */

.open>.dropdown-toggle.custom-file-control:before {
    background: transparent;
}

.checkbox label {
    font-size: 14px !important;
    line-height: 18px !important;
    color: #404041;
    display: inline;
}

.btn.btn-raised:disabled, .btn.btn-raised[disabled], button.bg-green:disabled, button.bg-green[disabled] {
    background-color: #ddd !important;
    color: #aaa !important;
    cursor: not-allowed;
}

#ncpdpForm input:disabled {
    border-bottom: 2px dotted !important;
    color: #ddd !important;
    border-bottom-style: dotted !important;
}

#ncpdpForm input:disabled>.ico-search {
    cursor: not-allowed;
}

.btn-full {
    width: 100%;
    line-height: 40px !important;
    margin: 10px 0px;
    font-size: 17px !important;
}

.b-100 {
    min-width: 100% !important;
}

.btn-normal {
    width: 100%;
    line-height: 40px !important;
    margin: 10px 0px;
    background-color: #fff !important;
    border: 1px #FF9900 solid !important;
    font-size: 17px !important;
    text-transform: initial !important;
    color: #FF9900 !important;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0px 16px !important;
    will-change: unset;
}

.vm-button {
    background-color: #51C3C4 !important;
    color: #FFF !important;
    padding: 11px 15px;
    font-size: 14px;
}

.mrx-button {
    background-color: #FF9900 !important;
    color: #FFF !important;
    padding: 11px 10px;
    font-size: 14px;
}

.btn-mrx {
    background-color: #f90 !important;
    font-size: 14px;
    text-transform: initial !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0px 16px !important;
    will-change: unset;
    min-width: 88px;
    line-height: 36px !important;
}

.btn-vm {
    background-color: #51C3C4 !important;
    text-transform: initial !important;
    font-size: 14px;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0px 16px !important;
    will-change: unset;
    min-width: 88px;
    line-height: 36px !important;
}

.ico-my-savings {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: -1041px -606px;
    background-size: 1100px 1100px;
}

.mySavings .saving span:nth-child(2) {
    font-size: 16px;
    vertical-align: top;
    font-weight: bold;
}

.mySavings .duration {
    font-size: 10px;
    color: #414042;
    line-height: 13px;
    font-family: 'roboto-light';
}

.mySavings {
    border: 1px solid #F4D09F;
    padding-right: 17px;
    border-radius: 10px;
    margin-top: 6px;
    margin-right: 5%;
}

.vSplitter {
    background: #ccc;
    width: 1px;
    height: auto;
    display: inline-block;
    margin: 15px 0;
}

.mySavings .title {
    font-size: 15px;
    font-family: 'piedra-regular';
    color: #939598;
    padding-top: 3px;
}

.savingIconWrapper {
    width: 50px;
    background-color: #fff0dc;
    height: 65px;
    vertical-align: top;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 10px;
}

.swicthLogin {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.btn-raised>* {
    vertical-align: middle;
}

.bmd-form-group .bmd-label-static, .bmd-form-group.is-filled .bmd-label-floating, .bmd-form-group .is-filled .bmd-label-floating, .bmd-form-group.is-focused .bmd-label-floating, .bmd-form-group .is-focused .bmd-label-floating {
    font-size: 14px;
}

.custom-file-control:disabled, .disabled.custom-file-control, .form-control.disabled, .form-control:disabled, .form-control[disabled], [disabled].custom-file-control, fieldset[disabled][disabled] .custom-file-control, fieldset[disabled][disabled] .form-control {
    background-color: transparent;
}

/*End Button Style*/

/*dropdown*/

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333 !important;
    white-space: nowrap;
    font-size: 17px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.float-right>.dropdown-menu {
    right: 0;
    left: auto !important;
    border-radius: 0;
}

/*End dropdown CSS*/

/*Register CSS*/

.register-title {
    text-transform: none;
    font-family: roboto, sans-serif;
    font-size: 18px;
}

.ncpdp-register {
    display: inline-block;
    line-height: 24px;
    height: 35px;
    margin-top: 20px;
}

.registration .bmd-form-group {
    width: 330px !important;
}

.card .open-header {
    border-bottom: 5px solid #f90;
    height: 64px;
    background-color: #fff;
}

.card .open-header a {
    margin-top: 5px;
}

.card .close-header:hover {
    background: rgba(0, 0, 0, .04);
}

.card .close-header {
    height: 50px;
}

.vm .card .open-header {
    border-bottom: 5px solid #51C3C4;
    height: 64px;
    background-color: #fff;
}

.card {
    margin-bottom: 14px;
}

#comments {
    resize: none !important;
    border: 1px solid #404041 !important;
    margin: 0 0 0px 0;
    padding: 5px;
    border-bottom: 0;
    margin-top: 20px;
}

.glyphicon-chevron-down, .glyphicon-chevron-up {
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
}

#ncpdp:disabled+i {
    cursor: default;
}

#ncpdpForm .mdl-checkbox__label {
    font-size: 14px;
}

/* End Register CSS*/

/*Footer*/

.footer-top {
    background-color: #eee;
    padding: 10px 0 20px 170px;
}

.footer {
    width: 100%;
    z-index: 10;
    margin-top: 30px;
}

.footer, .footer-text>a, .footer-text>h4, .footer-text>p, .footer-text p>a, .footer-text ul li>a {
    font-family: roboto-medium;
    color: #727272 !important;
    font-size: 14px;
}

.copyright {
    height: 50px;
    background-color: #fefefe;
    padding: 15px 0 15px 170px;
    font-size: 15px;
}

.footer-top {
    background-color: #eeeeee;
    padding: 10px 0 20px 170px;
}

.ncpa {
    width: 90px;
}

.footer-text>h4 {
    font-size: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid #727272;
}

.etrust {
    width: 100px;
}

.footer-list-item{
    padding-right: 20px !important;
}

.footer-images {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 206px;
}

/*End Footer CSS*/

/*Sidebar*/

.navbar {
    padding: 15px 10px;
    background: transparent;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
}

.wrapper {
    align-items: stretch;
    min-height: 100%;
    /* height: 100%; */
    width: 100%;
    top: 0px;
    left: 0;
}

#sidebar {
    width: 140px;
    background: #FFF;
    position: fixed;
    color: #666;
    transition: all 0.3s;
    -moz-box-shadow: 3px 0px 3px -2px #ccc;
    -webkit-box-shadow: 3px 0px 3px -2px #ccc;
    box-shadow: 3px 0px 3px -2px #ccc;
    height: 100%;
    margin-top: -14px;
    z-index: 99;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar ul li {
    padding: 0px;
    font-size: 14px;
    display: block;
    color: #aaa;
    cursor: pointer;
    border-bottom: 1px solid #FFF;
}

#sidebar ul li:hover, #sidebar ul li.active {
    color: #FFF;
    background-color: #FF9900;
    text-decoration: none;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

#sidebar.vm ul li:hover, #sidebar.vm ul li.active {
    color: #FFF;
    background-color: #51C3C4;
    text-decoration: none;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out;
}

#sidebar a {
    text-decoration: none;
    display: block;
    color: #aaa;
    position: relative;
}

#sidebar ul li:hover a, #sidebar ul li.active a {
    color: #FFF;
}

.top-menu .ico {
    width: 30px;
    height: 32px;
    display: block;
    margin: 0 auto;
}

.ico-buy {
    background-position: -2px -3px;
}

#sidebar ul li:hover .ico-buy, #sidebar ul li.active .ico-buy {
    background-position: -2px -43px;
}

.ico-sell {
    background-position: -32px -3px;
}

#sidebar ul li:hover .ico-sell, #sidebar ul li.active .ico-sell {
    background-position: -32px -43px;
}

.ico-orders {
    background-position: -62px -3px;
}

#sidebar ul li:hover .ico-orders, #sidebar ul li.active .ico-orders {
    background-position: -62px -43px;
}

.ico-wishlist {
    background-position: -92px -3px;
}

.ico-dashboard {
    background-position: -187px -3px;
}

#sidebar ul li:hover .ico-dashboard, #sidebar ul li.active .ico-dashboard {
    background-position: -187px -43px;
}

#sidebar ul li:hover .ico-wishlist, #sidebar ul li.active .ico-wishlist {
    background-position: -92px -43px;
}

.bottom-menu {
    position: fixed;
    bottom: 50px;
    float: left;
    width: 140px;
}

.bottom-menu li a {
    padding: 8px 5px !important;
    display: inline-block;
    line-height: 24px;
}

.bottom-menu .ico {
    width: 30px;
    height: 24px;
    float: left;
    margin: 0 auto;
}

.border-bottom {
    border-bottom: 1px solid #CCC !important;
}

.border_bottom {
    border-bottom: 1px solid #000 !important;
}

.bg_color {
    background-color: #F8F8F9;
}

.ico-chat {
    background-position: -2px -178px;
}

#sidebar ul li:hover .ico-chat {
    background-position: -2px -221px;
}

.ico-myaccount {
    background-position: -40px -178px;
}

#sidebar ul li:hover .ico-myaccount, #sidebar ul li.active .ico-myaccount {
    background-position: -40px -221px;
}

.ico-logout {
    background-position: -80px -178px;
}

#sidebar ul li:hover .ico-logout {
    background-position: -80px -221px;
}

.dashboard-content {
    margin: 100px 0 80px 140px;
    /* margin: 100px auto 0; */
}

#content {
    padding: 20px;
    min-height: 85vh;
    transition: all 0.3s;
}

.navbar-btn {
    margin: 90px -10px 0 0;
    padding: 5px 9px;
}

.orders-count, .post-count {
    position: absolute;
    background-color: #f90;
    color: #fff;
    min-width: 20px;
    height: 20px;
    border-radius: 50px;
    display: inline-block;
    line-height: 20px;
    padding: 0 4px;
    margin: -42px 0px 0px -22px;
    font-size: 12px;
    right: 22px;
}

span.orders-count:empty, span.post-count:empty,
span.orders-count.show:empty, span.post-count.show:empty {
    display: none!important;
}

.post-count {
    margin: -42px 0px 0 -4px;
}

.orders-count.vm {
    background-color: #51C3C4;
}

#sidebar ul li:hover .orders-count, #sidebar ul li.active .orders-count, #sidebar ul li:hover .post-count, #sidebar ul li.active .post-count {
    background-color: #fff;
    color: #f90;
}

#sidebar ul li:hover .orders-count.vm, #sidebar ul li.active .orders-count.vm {
    background-color: #fff;
    color: #51C3C4;
}

.toggle-icon {
    display: none;
}

/* Fix for Datepicker overlapping header fixed tab */
.bootstrap-datetimepicker-widget.dropdown-menu { z-index: 1031; }

@media (max-width: 575px) {
    .dashboard-content {
        margin: 80px 0 30px 0 !important;
    }
    #sidebar {
        margin-top: -12px;
    }
    #sidebar ul li {
        padding: 14px 0;
    }
}

@media (max-width: 1250px) {
    .toggle-icon {
        position: fixed;
        top: 10px;
        left: 0px;
        z-index: 99;
        transition: all 0.3s;
        margin-left: -14px;
        display: block;
        margin-left: 0px;
    }
    .toggle-icon .navbar-btn {
        margin-left: 0px;
    }
    .hidden-lg {
        display: none !important;
    }
    #sidebar {
        margin-left: -250px;
        overflow-y: auto
    }
    .showsidebar {
        margin-left: 0px !important;
    }
    #sidebar.active {
        margin-left: 0;
    }
    .dashboard-content {
        margin: 0;
    }
    .bottom-menu {
        position: relative !important;
        margin-top: 42px;
    }
    .toggle-icon #sidebarCollapse i {
        padding: 10px;
        background-color: #f90;
    }
    .toggle-icon #sidebarCollapse {
        padding: 0px;
    }
    .vm.toggle-icon #sidebarCollapse i {
        background-color: #51C3C4;
        color: #fff;
    }
    .container {
        padding-left: 25px;
        max-width: 96% !important;
    }
    #postitem .product-title {
        font-size: 16px;
        line-height: 20px;
    }
    #max_price-error, #min_price-error {
        width: 194px !important;
    }
    .md-width-6 {
        flex: 0 0 59%;
        max-width: 59%;
    }
    .md-width-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .purchase-wrapper .table-detail thead th.lot, .purchase-wrapper .table-detail thead th.exp_date {
        padding-left: 8px;
    }
}

@media (max-height: 800px) {
    .bottom-menu {
        position: relative !important;
        margin-top: 62px;
    }
}

/* End Sidebar*/

/*MDL Select*/

.mdl-selectfield__box>.mdl-selectfield__arrow-down__container {
    width: auto;
}

.mdl-selectfield--floating-label {
    margin-top: -4px;
}

.mdl-selectfield.is-disabled .mdl-selectfield__box {
    border-bottom: 2px dotted;
    color: rgba(0, 0, 0, 0.26);
    border-bottom-style: dotted;
}

.mdl-selectfield__box {
    border-bottom-color: #bbbbbb;
}

.mdl-selectfield__label {
    color: rgba(0, 0, 0, .65) !important;
    font-size: 14px;
    top: 28px;
}

.mdl-selectfield--floating-label.is-dirty .mdl-selectfield__label, .mdl-selectfield--floating-label.is-focused .mdl-selectfield__label {
    color: rgba(0, 0, 0, .65);
}

.mdl-selectfield__list-option-box ul>li.is-selected {
    color: #f90;
    background: rgba(0, 0, 0, .12);
}

.vm-wrapper .mdl-selectfield__list-option-box ul>li.is-selected {
    color: #658bbb;
}

.vm-wrapper .modal-dialog .btn, .vm-wrapper .modal-dialog .btn:active, .vm-wrapper .modal-dialog .btn:hover {
    background-color: #51C3C4 !important;
}

.vm-wrapper .modal-dialog .modal-header {
    border-color: #51C3C4;
}

/*My Account*/

.data-label {
    font-size: 14px;
    margin-bottom: 1px;
}

.data-info {
    font-size: 14px;
    margin-bottom: 30px;
    font-weight: 700;
}

.vm_user, .mrx_user {
    max-width: 20%;
    margin: 0 0px 20px 0;
    padding-right: 20px !important;
}

/* .user:nth-child(4n+2) {
    margin-right: 0 !important;
} */

.vm_user_box, .mrx_user_box {
    background-color: #FFF;
    padding: 18px;
    min-height: 332px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
    cursor: pointer
}
.vm_payinfo_box{
    background-color: #FFF;
    padding: 18px;
    min-height: 332px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
}
.vm_user_box a, .vm_payinfo_box a {
    color: #51C3C4 !important;
    margin: 0 30px;
    font-family: roboto-medium;
}

.mrx_user_box a {
    color: #f90 !important;
    margin: 0 30px;
    font-family: roboto-medium;
}

.mrx_user_box:hover {
    box-shadow: 1px 1px 5px #dac4da;
    -moz-box-shadow: 1px 1px 5px #dac4da;
    -webkit-box-shadow: 1px 1px 5px #dac4da;
    background-color: #fffaf3;
}

.vm_user_box:hover {
    box-shadow: 1px 1px 5px #dac4da;
    -moz-box-shadow: 1px 1px 5px #dac4da;
    -webkit-box-shadow: 1px 1px 5px #dac4da;
    background-color: #f8fcff;
}

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

.mrx_user_box .pharmist {
    color: #b1b1b1;
}

.vm_circle {
    background-color: #E4F9F7;
    width: 65px;
    height: 65px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 20px;
    color: #51C3C4;
    line-height: 65px;
    margin: 0 auto 10px
}

.mrx_circle {
    background-color: #fcf4e8;
    width: 65px;
    height: 65px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    font-size: 20px;
    color: #f90;
    line-height: 65px;
    margin: 0 auto 10px
}

.vm_user_role {
    background-color: #E4F9F7;
    width: auto;
    font-size: 15px;
    color: #B2B2B2;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
}

.mrx_user_role {
    background-color: #fcf4e8;
    width: auto;
    font-size: 15px;
    color: #B2B2B2;
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
}

.vm_user_box:hover .vm_circle {
    background-color: #51C3C4;
    color: #FFF;
    transition: background-color 0.5s ease;
}

.mrx_user_box:hover .mrx_circle {
    background-color: #f90;
    color: #FFF;
    transition: background-color 0.5s ease;
}

.add-user-plus {
    font-size: 108px;
    font-style: normal;
    font-family: roboto-light;
    color: #b2b2b2;
    border-radius: 60px;
    height: 120px;
    width: 120px;
    background-color: #e1e1e1;
    border: 1px solid #b2b2b2;
    display: inline-block;
    line-height: 110px;
    margin: 70px 0 30px;
}

.add-user {
    width: 100%;
    border: 2px dashed #aaa;
    background-color: #e8e9ea;
    min-height: 332px;
    color: #b2b2b2;
    cursor: pointer
}

.add-user a {
    color: #b2b2b2;
}

.contacts {
    color: #b2b2b2 !Important;
    height: 40px
}

.ico-user-delete, .ico-user-edit {
    float: left;
    height: 19px;
    width: 16px;
    display: inline-block;
    position: relative;
}

.ico-user-delete {
    background-position: -291px -130px;
}

.ico-user-edit {
    background-position: -316px -130px;
}

@media (max-width: 1550px) {
    .mrx_user, .vm_user {
        max-width: 25%;
    }
}

@media (max-width: 1610px) {
    .mrx_user_box a {
        padding: 0 25px;
    }
}

.vmsprite-user-edit, .vmsprite-user-delete, .ico-user-edit, .ico-user-delete {
    float: left;
    height: 19px;
    width: 16px;
    display: inline-block;
    position: relative;
}

.ico-user-edit {
    background-position: -316px -130px;
}

.ico-user-delete {
    background-position: -291px -130px;
}

.disabled .ico-user-edit {
    background-position: -316px -89px;
}

.disabled .ico-user-delete {
    background-position: -290px -89px;
}

.vmsprite-user-edit {
    background-position: -33px -10px;
}

.vmsprite-user-delete {
    background-position: -8px -10px;
}

.vm-contact-info .vmsprite-user-edit, .vm-contact-info .vmsprite-user-delete {
    float: left;
    height: 19px;
    width: 16px;
    display: inline-block;
    position: relative;
}

.vm-contact-info .vmsprite-user-edit {
    background-position: -33px -7px;
}

.vm-contact-info .vmsprite-user-delete {
    background-position: -8px -8px;
}

.disabled .vmsprite-user-edit {
    background-position: -87px -7px;
}

.disabled .vmsprite-user-delete {
    background-position: -61px -10px;
}

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

.gj-textbox-md {
    margin-top: 8px;
}

/*Add user*/

.box {
    width: 34%;
    background-color: #f9f9f9;
    border: 1px solid #4a4a4a;
    padding: 10px 20px;
    float: left;
    margin: 15px 2% 15px 0;
}

.mrx-info .box {
    min-height: 275px;
}

.user-content {
    background-color: #fff;
    display: table;
}

.vm .btn-normal {
    width: 100%;
    line-height: 40px !important;
    margin: 10px 0px;
    background-color: #fff !important;
    border: 1px #51C3C4 solid !important;
    font-size: 17px !important;
    text-transform: initial !important;
    color: #51C3C4 !important;
    border-radius: 0;
    box-shadow: none !important;
    padding: 0px 16px !important;
    will-change: unset;
}

.sales-in-progress-wrapper #inprogress-sales-table-filter, .purchase-in-progress-wrapper #inprogress-purchases-table-filter, .sell-history-completed-wrapper #completed-sales-table-filter, .sales-history-canceled-wrapper #cancelled-sales-table-filter {
    left: 19px;
    min-width: 160px;
    font-size: 12px;
}

.buy-history-completed-wrapper #completed-purchases-table-filter, .buy-history-canceled-wrapper #cancelled-purchases-table-filter {
    left: 19px;
    min-width: 168px;
    font-size: 12px;
}

.sales-in-progress-wrapper #inprogress-sales-table-filter input, .purchase-in-progress-wrapper #inprogress-purchases-table-filter input, .sell-history-completed-wrapper #completed-sales-table-filter input, .sales-history-canceled-wrapper #cancelled-sales-table-filter input, .buy-history-completed-wrapper #completed-purchases-table-filter input, .buy-history-canceled-wrapper #cancelled-purchases-table-filter input {
    font-size: 12px;
}

.font-bold {
    font-weight: bold;
}

/*Modal popup*/

.modal-header .ico-close {
    margin-top: -63px;
    margin-right: -61px;
    width: 35px;
    height: 35px;
    background-position: -83px -457px;
    float: right;
    background-size: 700px 700px;
}

.modal-content .modal-header {
    border-bottom: 4px solid #FF9900;
    padding: 1rem;
}

.vm.modal-header {
    border-bottom: 4px solid #51C3C4;
}

.modal-title {
    font-size: 22px;
    font-family: roboto-medium;
}

.modal.fade {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.modal-backdrop.fade {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
}

.modal {
    position: fixed !important;
    top: 10%;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0%);
    transform: translate(0, 0%);
}

.modal-content {
    padding: 30px;
    border-radius: 10px;
}

.modal-content .ico-close.close {
    opacity: 1;
}

.header button.btn.disabled, .header a.disabled, #edit-user label.mdl-radio.disabled {
    pointer-events: none;
}

.modal-body .bmd-form-group {
    text-align: left;
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width: 625px;
        position: relative;
        margin: 30px auto;
    }
}

/* Color Change for label*/

.mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-focused .mdl-textfield__label, .mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: #404041;
    font-size: 12px !important;
}

.is-fouced .mdl-textfield__input {
    border-bottom-color: #404041 !important;
}

.mdl-textfield__label:after {
    background-color: #404041;
}

.content {
    margin-top: 100px;
    background-color: #FFF;
    padding: 40px;
    /* display: table; */
}

.nomargin {
    margin: 0 !important;
}

/* .nopadding {
    padding: 0 !important;
} */

.margin-tb15 {
    margin: 15px 0;
}

.margin-rt {
    margin-top: 26px;
    margin-right: 30px;
}

.cart-btn-orange {
    background-color: transparent;
    border: 0px;
    color: #f90;
    padding: 9px 17px 3px;
    margin: 20px 0px 0px;
    cursor: pointer;
}

.cart-btn-blue {
    background-color: transparent;
    border: 0px;
    color: #51C3C4;
    padding: 9px 17px 3px;
    margin: 0px;
    cursor: pointer;
}

.cart-btn-orange .ico-cart {
    margin: 2px 0 0 -4px;
    background-position: -441px -98px;
    background-size: 800px 800px;
}

.cart-btn-orange:focus, .checkout_btn:focus {
    outline: none;
}

.cart-count-vm {
    color: #58595B;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding-top: 8.5px;
}

.cart-count {
    color: #58595B;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding-top: 7.5px;
}

.cart-image .preview-image {
    border: 1px solid #ccc;
    margin-right: 10px;
    max-width: 85px;
    max-height: 85px;
    height: 100%;
    float: left;
}

#my-content ul, #vm-content ul {
    background: #fffaf3;
}

.checkout-items h4 {
    padding: 0 12px;
    margin: 2px 0 8px;
    background-color: #fff;
    font-size: 18px;
}

#my-content, #vm-content {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    border: 1px solid #bbbbbb;
    padding-top: 8px;
    padding-bottom: 8px;
    position: absolute;
    right: 189px;
    top: 66px;
    background: #fff;
    width: 100%;
    max-width: 328px;
    display: none;
}

#my-content .vendorName, #vm-content .vendorName {
    background: #939598;
    color: #fff;
    padding: 8px 0;
    font-family: roboto-medium;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.mat-fab.mat-primary, .mat-mini-fab.mat-primary, .mat-raised-button.mat-primary {
    background-color: #f90;
    color: #fff;
    cursor: pointer;
    border: 0px;
}

.ico-info {
    width: 22px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background-position: -526px -325px;
    background-size: 591px 580px;
    vertical-align: sub;
}

.checkout_btn {
    padding: 5px 0px 5px;
}

.width100 {
    width: 100%;
}

#my-content .cart-items-row, #vm-content .cart-items-row {
    margin: 5px 10px 0px;
    padding: 10px 0px 10px 10px;
    width: 100%;
    border-bottom: 1px solid #939598;
}

#my-content .cart-items-row:last-child, #vm-content .cart-items-row:last-child {
    border-bottom: 0px !important;
}

#my-content .checkout_border, #vm-content .checkout_border {
    border-top: 1px solid #939598;
    padding-top: 10px;
}

.margin-rl10 {
    margin: 0 10px!important;
}

.item-count {
    min-width: 20px;
    height: 20px;
    background: #fff;
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    margin-top: -3px;
    border: 1px solid #9e9e9e;
    text-align: center;
    margin: 0px 5px;
}

/* VM shoppingcart quantity increase box width */
.vm-cart-content .item-count { min-width: 35px; }
/* VM shoppingcart quantity increase box width Ends */

.cart-detail {
    position: relative;
}

.popup-table th {
    background-color: #f9f4ed;
    font-size: 12px;
    font-family: roboto-medium;
    padding: 5px 0px;
    font-weight: normal;
    border-spacing: 0px 0px;
    border-collapse: collapse;
}

/* .checkout-items{
    background: #fffaf3;
    max-height: 420px;
    overflow: auto;
} */

.cart-details {
    background: #fffaf3;
    max-height: 420px;
    overflow: auto;
}

/* ::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: #949699;
    border: 1px solid #ccc;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f5f5f5;
} */

.cart-items-row p {
    color: #9e9e9e;
}

.paddingr-20 {
    padding-right: 20px;
}

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

.radio_padding .mdl-textfield, .select_padding .form-group.bmd-form-group {
    padding-top: 0 !important;
}

.margin_0 {
    margin: 0px;
}

.nopadding {
    padding: 0px;
}

.cart-btn-orange .ico-cart {
    width: 52px;
    height: 47px;
    float: left;
    margin: 1px 0 0 -4px;
}

.cart-text {
    padding-top: 8px;
    display: flex;
}

.btn_primary_bg {
    background-color: #f90;
    color: #fff;
}

.btn-minus {
    margin-left: -33px;
}

.table-items {
    float: left;
    display: inline-block;
    font-size: 12px;
    padding-right: 12px;
    width: 80px;
    padding: 15px 0 0;
}

.list-row td {
    padding: 0px;
}

.table-checkbox-column {
    padding: 10px 0 0 20px !important;
}

.list-row:hover {
    background-color: #fffaf3!important;
}

.cell-label {
    font-size: 11px;
    color: #aaa;
}

.padding-20 {
    padding: 20px;
}

.th_marginl {
    margin-left: -10px;
}

.table-detail th {
    background-color: #f9f4ed;
    font-size: 12px;
    font-family: roboto-medium;
    padding: 5px 0px;
    font-weight: normal;
    border-bottom: 0px !important;
    border-top: 0px !important;
    height: 80px;
}

.list-row {
    background-color: #fff;
    border-bottom: 6px solid #EBE5EB;
    height: 60px;
}

.table-items .preview-image {
    max-width: 67px;
    max-height: 67px;
    width: 100%;
    margin: 5px;
    height: auto;
}

input.mdl-slider.mdl-js-slider.is-upgraded {
    color: orange !important;
    height: 10px;
    margin: 0 !important;
}

.mdl-slider__container {
    width: 100% !important;
    height: 50px;
}

.mdl-slider__background-flex {
    margin-left: 0 !important;
}

.mdl-slider__background-lower {
    background: #FF9900;
}

.common-modal .modal-title {
    margin: 0 auto;
}

.common-modal .btn-orange {
    padding: 9px 17px 7px;
    min-width: 88px;
}

.common-modal .ico-alert-info {
    background-position: -218px -317px;
    width: 44px!important;
    height: 44px!important;
    background-size: 500px 500px !important;
    position: absolute;
    margin: -6px 0 0 -50px;
}

.common-modal .modal-header .ico-close {
    position: absolute;
    right: 42px;
}

.rating-xs {
    font-size: 1.5em !important;
}

.rating-container .star:last-child {
    margin-right: 0px;
}

/* Quick Search*/

.quicksearch {
    padding-right: 28px;
}

.typeahead__container.cancel:not(.loading) .typeahead__cancel-button:hover, .typeahead__label .typeahead__cancel-button:hover {
    color: #404041 !important;
}

.quicksearch-wrapper {
    position: relative;
}

.quicksearch-wrapper .clear-quicksearch {
    /* position: absolute;
    top: 12px;
    right: 50px;
    cursor: pointer;
    font-size: 16px;
    padding: 0 3px;
    z-index: 999;
    color:#404041; */
}

.typeahead__cancel-button {
    z-index: 9999;
}

.search-btn {
    min-width: 50px;
    background: #ff9900 !important;
}

.search-btn .ico-search, .vm_search-btn .ico-search {
    width: 36px;
    height: 35px;
    background-position: -397px -220px;
    display: inline;
    background-size: 700px 700px;
    position: absolute;
    margin: 0px 0 0 0px;
    cursor: pointer;
    top: 0px;
    right: 0px;
    z-index: 9999;
}

.quicksearch-wrapper .quicksearch-results {
    display: none;
    position: absolute;
    position: absolute;
    width: 100%;
    background: #fff;
    padding: 4px 2px;
    box-shadow: 1px 1px 1px #e0e0e0;
    z-index: 999;
    top: 45px;
}

.quicksearch-wrapper .quicksearch-results ul {
    padding: 0;
    margin: 0;
}

.quicksearch-wrapper .quicksearch-results ul li a {
    display: block;
    padding: 3px 6px;
    color: #404041;
    cursor: pointer;
}

.quicksearch-wrapper .quicksearch-results ul li a:focus, .quicksearch-wrapper .quicksearch-results ul li a:hover {
    background: #ffe8c5 !important;
}

.quicksearch-wrapper .quicksearch-results ul li.active {
    background: #ffe8c5 !important;
}

.clear-quicksearch {
    display: none;
}

.quicksearch-wrapper .search-btn {
    min-width: 40px;
}

.vm.quicksearch-wrapper .search-btn {
    min-width: 40px;
}

.quicksearch-wrapper .input-group-btn {
    font-size: 0;
    white-space: nowrap;
}

.quicksearch-wrapper .input-group-btn, .quicksearch-wrapper .input-group-btn>.btn {
    position: relative;
}

.quicksearch-wrapper .input-group-btn button, .quicksearch-wrapper .input-group-btn button:visited {
    border: 0 none;
    background: transparent;
}

.quicksearch-wrapper .ico-search {
    width: 32px;
    height: 23px;
    background-position: -393px -233px;
    background-size: 700px 700px;
    position: relative;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    z-index: 9;
    margin-top: 9px;
}

.btn-orange {
    padding: 9px 17px 9px;
    min-width: 88px;
}

.ripple-effect {
    background-position: center;
    transition: background 0.8s;
}

.btn-mrx:focus, .btn_primary_bg:focus{
    background-color: #f49609!important;
    color: #fff;
}

.btn-vm:focus, .btn-vm:hover {
    background-color: #51C3C4 !important;
    color: #fff;
}

.btn-vm:disabled, .btn-mrx:disabled {
    background-color: #aaa !important;
    color: #333 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

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

.btn-border-blue, .btn-border-blue:focus, .btn-border-blue:hover {
    color: #51C3C4;
    border: 1px solid #51C3C4;
    padding: 9px 35px 7px;
    cursor: pointer;
    min-width: 88px;
    background: #fff;
}

/* End Quick Search */

/* table pagination */

.page-prev.disabled .page-link, .page-next .page-link, .page-link:hover, .page-link, .page-next.disabled .page-link {
    background: transparent;
    border: 0px;
    color: #6c757d;
    box-shadow: none;
}

.page-prev.disabled .page-link, .page-next.disabled .page-link {
    opacity: 0.4;
    cursor: not-allowed;
}

.icon-left, .icon-right {
    font-size: 12px;
}

.select-page {
    width: 57px;
}

.padding-tb {
    padding: 20px 0px 22px;
}

.font-12, .select-page .mdl-selectfield__box-value {
    font-size: 12px;
}

.select-page .mdl-selectfield {
    padding: 20px 0 14px
}

.arrow-ptb {
    padding: 14px 0px;
}

/* End table pagination */

.switched-on .switch {
    background: rgb(31, 156, 31);
}

.switched-on .switch-medium small {
    right: 0px;
    left: unset;
}

.switched-on .switch-medium:after {
    content: "ON";
    float: left;
    margin-left: 10px;
    color: #fff;
}

.ico-partial {
    width: 14px;
    height: 18px;
    float: left;
    background-position: -364px -178px;
}

.loading-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.loading-wrapper .loading-overlay {
    z-index: 99;
    position: absolute;
    width: 54px;
    height: 18px;
    top: 50%;
    margin-top: -9px !important;
    left: 50%;
    margin-left: -27px !important;
}

.loading-wrapper .loading-overlay .spinner {
    margin: 0 auto 0;
    width: 70px;
    text-align: center;
    z-index: 999;
    position: relative;
}

.loading-wrapper .loading-overlay .spinner.mrx-spinner>div {
    background-color: #f90;
}

.loading-wrapper .loading-overlay .spinner.vm-spinner>div {
    background-color: #51C3C4;
}

.loading-wrapper .loading-overlay .spinner>div {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.loading-wrapper .loading-overlay .spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loading-wrapper .loading-overlay .spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.loading-wrapper .overlay-bg {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.7);
}

.loading-wrapper.inner-pane {
    position: absolute;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
}

.ml-auto {
    margin-left: auto;
}

.inline-block {
    display: inline-block;
}

.matchrx-notification {
    background-color: #F0F0F0;
    border-radius: 0px;
    color: #7D7E7F;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
    font-family: roboto-medium;
    height: 86px;
    text-align: center;
    margin: auto 0;
    font-size: 20px;
    vertical-align: middle;
    padding-top: 15PX;
    box-shadow: -1px 3px 17px -1px rgba(0, 0, 0, 0.50);
}

.matchrx-notification .ico-alert-success {
    background-size: 600px 600px;
    background-position: -1px -378px;
    vertical-align: middle;
}

.matchrx-notification .ico-alert-succes {
    background-size: 400px 400px;
    background-position: 13px -244px;
    vertical-align: middle;
    width: 50px !important;
}

.matchrx-notification .ico-alert-error {
    background-size: 400px 400px;
    background-position: -66px -244px;
    vertical-align: middle;
    width: 50px !important;
}

.matchrx-notification .ico-alert-warning {
    background-size: 500px 500px;
    background-position: -155px -312px;
    vertical-align: middle;
    width: 50px !important;
}

.matchrx-notification .close {
    font-size: 30px;
    top: 17px;
    right: 11px;
    color: #000;
}

.matchrx-notification .close:hover {
    color: #999A9B;
}

.matchrx-notification:hover {
    box-shadow: -1px 3px 17px -1px rgba(0, 0, 0, 0.75);
}

.is-intermediate .mdl-checkbox__tick-outline {
    background-image: url(../../images/sprite.png) !important;
    background-repeat: no-repeat !important;
    background-size: 416px 417px !important;
    background-position: -221px -390px !important;
    -webkit-mask: unset !important;
    background-color: #f90;
}

.is-intermediate span.mdl-checkbox__box-outline {
    border-color: #f90 !important;
}

.cancel, .text-blue {
    cursor: pointer;
    color: #2196f3 !important;
    text-decoration: none;
    outline: 0 none;
}

/* .is-focused  span{
    color: #f44336;
} */

#ncpdpForm .mdl-textfield__label {
    color: #9C9C9C !important;
}

#mrx-forgotpwd .is-focused .mdl-textfield__label, #guestlogin-form .is-focused .mdl-textfield__label, #mrxform .is-focused .mdl-textfield__label, #vmform .is-focused .mdl-textfield__label, #mrxRegistrationForm .is-focused .mdl-textfield__label, #mrxRegistrationForm .is-focused .mdl-selectfield__label, #vm-forgotpwd .is-focused .mdl-textfield__label, #ncpdpForm .is-focused .mdl-selectfield__label, #edit-user .is-focused .mdl-textfield__label {
    color: #000;
    font-size: 12px !important;
}

#mrxform .is-dirty .mdl-textfield__label, #mrx-forgotpwd .is-dirty .mdl-textfield__label, #vmform .is-dirty .mdl-textfield__label, #guestlogin-form .is-dirty .mdl-textfield__label, #vm-forgotpwd .is-dirty .mdl-textfield__label {
    font-size: 12px !important;
}

#mrx-forgotpwd .is-focused .mdl-textfield__label span, #guestlogin-form .is-focused .mdl-textfield__label span, #mrxform .is-focused .mdl-textfield__label span, #vmform .is-focused .mdl-textfield__label span, #mrxRegistrationForm .is-focused .mdl-textfield__label span, #mrxRegistrationForm .is-focused .mdl-selectfield__label span, .is-focused select#ncpdpState~.mdl-selectfield__label:after, #edit-user .is-focused .mdl-textfield__label span, #vm-forgotpwd .is-focused .mdl-textfield__label span {
    color: #ff4081 !important;
    font-size: 12px !important;
}

#mrx-forgotpwd .modal-body {
    padding-top: 0px !important;
}

.margin-auto {
    margin: 0 auto;
}

.filter-apply {
    padding-right: 5px;
}

.filter-apply .btn-mrx {
    line-height: 46px !important;
}

.icon-orange {
    color: #f90;
    text-align: center;
}

.sortby-items td {
    border: 1px solid #9E9E9E;
    font-size: 13px;
    cursor: pointer;
}

.sortby-items {
    margin-top: -4px;
    padding-left: 5px;
}

/* .rating-container .filled-stars{
    left: 1px !important;
    top: -1px !important;
} */

/* .filled-stars .glyphicon-star{
    font-size: 18px;
} */

.package-color-seal {
    color: #000 !important;
    width: 163px;
}

.package-color-nonseal {
    color: #000 !important;
    width: 187px;
}

.vertical-align-t {
    vertical-align: top;
}

.ico-download-blue {
    width: 28px;
    height: 20px;
    display: inline-block;
    background-position: -263px -219px;
}

.sort-text {
    width: 134px;
    height: 25px;
    margin-right: 6px;
}

.vertical-align-m {
    vertical-align: middle;
}

.pointer {
    cursor: pointer;
}

.shippingContent .col-md-4.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.px-0.mx-3.is-upgraded {
    width: 120px !important;
}

.shippingContent .mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label.px-0.mx-3.is-dirty.is-upgraded {
    width: 40px;
}

.category-menu-filter::after {
    border: 0px;
}

.category-menu-filter span {
    float: right;
    padding: 5px;
}

.sort-text-center {
    margin: 0 auto;
    width: 134px;
    height: 25px;
    font-size: 8px;
}

.width-47 {
    width: 47px;
}

.width-95 {
    width: 95px;
}

#vmform .mdl-textfield__label, #mrxform .mdl-textfield__label, #mrxRegistrationForm .mdl-textfield__label {
    color: rgba(0, 0, 0, .55);
}

#mrxform .mdl-textfield__input {
    border-bottom: 1px solid #B1B1B1;
}

#mrxform .ico-info {
    background-position: -526px -329px;
}

.is-upgraded .mdl-textfield__label {
    font-size: 14px !important;
    color: rgba(0, 0, 0, .65) !important;
}

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

.line-h-13 {
    line-height: 13px;
}

.line-h-16 {
    line-height: 16px;
}

.line-h-18 {
    line-height: 18px;
}

.vmsprite-truck {
    height: 19px;
    width: 20px;
    display: inline-block;
    position: relative;
    background-position: -116px -7px;
}

label#ndc_number-error {
    margin-top: 42px;
}

.mrl-13 {
    margin-left: -12px !important;
    margin-right: -13px !important;
}

.vm-table .table-detail th {
    background-color: #EBF4FC;
    font-size: 12px;
    font-family: roboto-medium;
    padding: 5px 0px;
    font-weight: normal;
    border-bottom: 0px !important;
    border-top: 0px !important;
    height: 80px;
    color: #757575;
}

.vm-table .table-detail tbody tr:hover .icon-show {
    display: inline-block;
}

.vm-table .table-header th {
    height: unset !important;
}

.vm-table .table-items {
    width: 116px;
}

.icon-blue {
    color: #51C3C4;
}

.vm-table .table-hover tbody tr:hover {
    background-color: #F8FCFF !important;
}

.vm-table .icon-blue {
    color: #51C3C4;
}

.vm-table .sort-icon {
    margin-top: 5px;
    margin-left: 10px;
}

.vm-table .sort-text {
    width: 134px;
    height: 25px;
    margin-right: 6px;
}

#inprogress-sales-table input::placeholder, #comment input::placeholder {
    font-style: italic;
}

#inprogress-sales-table::-webkit-input-placeholder, #comment::-webkit-input-placeholder {
    font-style: italic;
}

#inprogress-sales-table:-moz-placeholder, #comment:-moz-placeholder {
    font-style: italic;
}

#inprogress-sales-table::-moz-placeholder, #comment::-moz-placeholder {
    font-style: italic;
}

#inprogress-sales-table:-ms-input-placeholder, #comment:-ms-input-placeholder {
    font-style: italic;
}

.p-16 {
    padding-bottom: 16px;
}

.txtcolor-58 {
    color: #58595B;
}

.text-grey {
    color: #9e9e9e;
}

.order-warning-notice .ico-alert-warning {
    background-size: 1200px 1200px;
    width: 81px;
    height: 103px;
    background-position: -391px -754px;
}

.bordered-select .mdl-selectfield__box {
    border: 1px solid #bbbbbb;
    width: 62px;
}

.bordered-select .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
    border-top: 5px solid #686767;
}

.bordered-select .mdl-selectfield__box .mdl-selectfield__box-value {
    left: 8px;
    top: 1px;
}

/************Custom checbox for bootstrap table starts *****************************/

/* custom checkbox */

.bs-table-checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */

.bs-table-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */

.bs-table-checkbox-content {
    position: absolute;
    left: 10px;
    height: 20px;
    width: 20px;
    border: 2px solid #b5b5b5;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */

/* When the checkbox is checked, add a blue background */

.bs-table-checkbox input:checked~.bs-table-checkbox-content, .bs-table-checkbox input:indeterminate~.bs-table-checkbox-content {
    background-color: #f90;
    border: 2px solid #f90;
}

/* Create the checkmark/indicator (hidden when not checked) */

.bs-table-checkbox-content:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */

.bs-table-checkbox input:checked~.bs-table-checkbox-content:after {
    display: block;
}

.bs-table-checkbox input:indeterminate~.bs-table-checkbox-content:after {
    display: block;
    left: 6px;
    top: 0px;
    width: auto;
    transform: rotate(90deg);
}

/* Style the checkmark/indicator */

.bs-table-checkbox .bs-table-checkbox-content:after {
    left: 5px;
    top: 0px;
    width: 7px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btSelectItem {
    opacity: 0;
}

/************Custom checbox for bootstrap table ends *****************************/

/************Custom filter control bootstrap table Starts *****************************/

.bootstrap-table-custom-filter, .vm-bootstrap-table-custom-filter {
    position: absolute;
    z-index: 2;
    top: 35px;
    left: 3%;
    min-width: 110px;
}

.bootstrap-table-custom-filter input, .vm-bootstrap-table-custom-filter input {
    width: 100%;
    height: 25px;
    font-size: 10px;
    padding-left: 2px;
    border: 1px solid rgb(204, 204, 204);
}
.vmsprite-seller {
    width: 30px;
    height: 32px;
    display: block;
    margin: 0 auto;
    background-position: -491px -354px;
    background-size: 1000px 1000px;
}
#sidebar ul li:hover .vmsprite-seller, #sidebar ul li.active .vmsprite-seller {
    background-position: -540px -352px;
}
@media (min-width: 1451px) and (max-width: 1600px) {
    .bootstrap-table-custom-filter, .vm-bootstrap-table-custom-filter {
        left: 2%;
    }
    .box {
        width: 36%;
    }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .bootstrap-table-custom-filter, .vm-bootstrap-table-custom-filter {
        left: 1.5%;
    }
    .box {
        width: 36%;
    }
}

/************Custom filter control bootstrap table ends *****************************/

/************* Bootstrap table styles starts **************************************/

.fixed-table-container {
    border-radius: 0 !important;
    border: none !important;
}

.fixed-table-container .bs-checkbox {
    width: 50px
}

.fixed-table-container .preview-image {
    width: 65px;
}

.fixed-table-container .w25 .th-inner, .fixed-table-container .w25 .td-inner {
    width: 25px;
}

.fixed-table-container .w50 .th-inner, .fixed-table-container .w50 .td-inner {
    width: 50px;
}

.fixed-table-container .w75 .th-inner, .fixed-table-container .w75 .td-inner {
    width: 75px;
}

.fixed-table-container .w100 .th-inner, .fixed-table-container .w100 .td-inner {
    width: 100px;
}

.fixed-table-container .w125 .th-inner, .fixed-table-container .w125 .td-inner {
    width: 125px;
}

.fixed-table-container .w150 .th-inner, .fixed-table-container .w150 .td-inner {
    width: 150px;
}

.fixed-table-container .td-inner-title {
    display: block;
    color: #999;
}

.fixed-table-body .table td {
    padding: 0 !important;
}

.fixed-table-container .td-inner {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    min-height: 30px;
}

.fixed-table-container thead th .th-inner {
    overflow: unset !important;
    text-overflow: unset !important;
    white-space: normal !important;
    padding-left: 0 !important;
    padding-right: 16px !important;
}

.fixed-table-container thead th .sortable {
    cursor: pointer;
    background-position: 97% 16px !important;
    background-repeat: no-repeat;
    padding-right: 30px;
    background-size: 10px;
}

.fixed-table-body table thead th {
    vertical-align: top!important;
}

.fixed-table-body table tbody tr {
    height: 75px;
}

.fixed-table-container tbody .selected td {
    background-color: transparent;
}

.fixed-table-container .fht-cell {
    padding-bottom: 5px
}

.fixed-table-container .filter-control {
    padding-right: 30px
}

.fixed-table-container .filter-control input {
    height: 25px;
    font-size: 10px;
}

.fixed-table-container thead th .both {
    background-image: unset !important;
}

.fixed-table-container thead th .both.asc {
    background-image: unset !important;
}

.fixed-table-container thead th .both.desc {
    background-image: unset !important;
}

@media (min-width: 1600px) {
    .fixed-table-container .w25 .th-inner, .fixed-table-container .w25 .td-inner {
        width: unset;
        min-width: 25px;
    }
    .fixed-table-container .w50 .th-inner, .fixed-table-container .w50 .td-inner {
        width: unset;
        min-width: 50px;
    }
    .fixed-table-container .w75 .th-inner, .fixed-table-container .w75 .td-inner {
        width: unset;
        min-width: 75px;
    }
    .fixed-table-container .w100 .th-inner, .fixed-table-container .w100 .td-inner {
        width: unset;
        min-width: 100px;
    }
    .fixed-table-container .w125 .th-inner, .fixed-table-container .w125 .td-inner {
        width: unset;
        min-width: 125px;
    }
    .fixed-table-container .w150 .th-inner, .fixed-table-container .w150 .td-inner {
        width: unset;
        min-width: 150px;
    }
    .fixed-table-container .td-inner {
        font-size: 13px;
    }
}

@media (min-width: 1280px) and (max-width: 1300px) {
    .fixed-table-container .filter-control input {
        height: 25px;
        font-size: 10px;
    }
}

/************* Bootstrap table styles ends **************************************/
.mr-29 {
    margin-right: 29px;
}

.border-lr {
    border-right: 1px solid #C4C4C4;
    border-left: 1px solid #C4C4C4;
}

.border-l {
    border-left: 1px solid #C4C4C4;
}

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

.button_container {
    width: 126px;
    margin: 0 auto;
}

.alert_container {
    display: inline-block;
    vertical-align: top;
    line-height: 25px;
}

.qty-to-fill-input {
    width: 50px;
    display: inline-block;
}

.search-input {
    height: unset !important;
    padding-bottom: 0px !important;
    padding-top: 15px !important;
}

.search-btn, .vm_search-btn {
    height: 45px !important;
}

.typeahead__cancel-button {
    font-size: 29px;
    padding: 9px 10px !important;
}

.typeahead__container {
    font-family: roboto;
}

.typeahead__empty, .typeahead__group-search-data a:hover {
    background-color: #FFE8C5 !important;
}

.typeahead__list>li:not([disabled])>a:hover, .typeahead__list>li:not([disabled])>a:focus, .typeahead__list>li:not([disabled]).active>a, .typeahead__dropdown>li:not([disabled])>a:hover, .typeahead__dropdown>li:not([disabled])>a:focus, .typeahead__dropdown>li:not([disabled]).active>a {
    background-color: #FFE8C5 !important;
}

.typeahead__list>li {
    border-top: none !important;
}

.reset-font {
    line-height: 0px;
    font-size: 18px;
}

#forgotpwdSuccessModal .ico-alert-success, #forgotusernameSuccessModal .ico-alert-success, #vmpwdModalsuccess .ico-alert-success, #resetpwdSuccessModal .ico-alert-success, #vmResetpwdSuccessModal .ico-alert-success {
    background-position: 0px -295px;
    background-size: 500px 500px;
    vertical-align: bottom;
}

#forgotpwdSuccessModal a, #vmpwdModalsuccess a, #resetpwdSuccessModal a, #vmResetpwdSuccessModal a {
    color: #fff;
}

#vmpwdModalsuccess .modal-header, #vmResetpwdSuccessModal .modal-header {
    border-color: #51C3C4;
}

.content-success {
    margin-top: 30px;
    margin-bottom: 40px;
    width: 100%;
    margin: 30px auto 40px;
}

.border-btm-clr {
    background: #58595B;
    height: 5px;
    width: 159px;
    margin: 3px auto 5px;
}

.guest-login .login-box-logo {
    margin-top: 7%;
    margin-bottom: 7%;
}

.mrx-login .login-box-logo, .vm-login .login-box-logo {
    text-align: center;
    margin-top: 31%;
    margin-bottom: 31%;
}

.login-box-mrx-vm .login-box-logo {
    margin-top: 26%;
    margin-bottom: 30%;
}

#vmform {
    margin-top: 24%;
}

#vmform .btn-vm {
    height: 42px;
}

.text-clr {
    color: #B2B2B2;
    font-family: roboto-medium;
}

.mlr-161 {
    margin-left: -161px;
    margin-right: -161px;
}

#mrxResetPwdForm label.error, #vmResetPasswordForm label.error {
    width: 300px;
}

.page-list button, .page-list button:hover, .page-list button:focus, .page-list .btn-secondary:not(:disabled):not(.disabled).active, .page-list .btn-secondary:not(:disabled):not(.disabled):active, .page-list .show>.btn-secondary.dropdown-toggle {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #908E90;
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    padding-bottom: 2px;
    padding-left: 0px;
    padding-right: 3px;
    font-size: 12px;
    margin-left: 8px !important;
}

.page-list .dropdown-menu.show {
    transform: initial !important;
    top: 33px !important;
}

.page-list {
    color: rgba(0, 0, 0, .54);
    font-size: 12px;
    margin-right: 31px;
    margin-top: 11px;
}

.fixed-table-pagination .pagination-info {
    color: rgba(0, 0, 0, .54);
    font-size: 12px;
    margin-right: 31px !important;
}

.page-list .dropup .dropdown-toggle::after {
    border-top: .4em solid #727072;
    border-bottom: .4em solid transparent;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
    margin-left: 1.3em;
    vertical-align: middle;
}

.page-item.disabled .page-link {
    opacity: 0.4;
    font-size: 25px;
    font-weight: bold;
    color: rgba(0, 0, 0, .38) !important;
    background: transparent;
}

.page-item.disabled {
    cursor: not-allowed !important;
    pointer-events: none;
}

.page-item .page-link {
    font-size: 25px;
    font-weight: bold;
    color: rgba(0, 0, 0, .38) !important;
    background: transparent;
}

.fixed-table-pagination div.pagination .pagination {
    margin-top: -9px !important;
}

.f-bold {
    font-weight: bold;
}

.fixed-table-pagination .page-list .dropdown-menu {
    width: 60px ! important;
    min-width: 70px;
}

.fixed-table-pagination .page-list .dropdown-item.active, .fixed-table-pagination .page-list .dropdown-item:active {
    background: rgba(0, 0, 0, .12);
    color: #f90;
}

.th-inner.sortable {
    position: relative;
}

.fixed-table-container thead th .both.asc:before {
    content: "";
}

.fixed-table-container thead th .both.desc:after {
    content: "";
}

.th-inner.sortable.both:after {
    content: "\e253";
    position: absolute;
    top: 11px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    right: 3px;
    color: #929497;
    font-size: 10px;
}

.fixed-table-container thead th .both.asc:before {
    top: 14px !important;
}

.th-inner.sortable.both:before {
    content: "\e252";
    position: absolute;
    top: 19px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    right: 3px;
    color: #929497;
    font-size: 10px;
}

.fixed-table-container thead th .both.desc:before {
    top: 19px !important;
}

.scrollable .viewport .overview {
    position: initial;
}

.prod-detail-modal {
    overflow: hidden !important;
}

.fixed-table-body thead th .th-inner {
    display: inline-block;
}

.btn-orange a {
    color: #fff;
}
.ico-eye-close {
    width: 31px;
    height: 25px;
    display: inline-block;
    background-size: 800px 800px;
    background-position: -523px -756px;
}
.ico-eye-open {
    width: 31px;
    height: 25px;
    display: inline-block;
    background-size: 800px 800px;
    background-position: -492px -756px;
}
div#marketPlaceListWrapper .btn-mrx {
    padding: 5px 16px !important;
}

.mySavings .saving span:nth-child(2) {
    font-size: 16px;
    vertical-align: top;
    font-weight: bold;
    line-height: 26px;
}

.mdl-selectfield select, input[type=checkbox], input[type=radio] {
    opacity: 0;
}

input#ea_quantity~label.error {
    top: 47px;
    left: 10px;
    width: 119px;
}

.free-label {
    background-color: #58595B;
    margin: 0px;
    width: 100%;
}

.free-label h1 {
    color: #fff;
    margin: 0px;
    font-family: roboto;
    padding: 6px 0px 8px;
}

.text-orange {
    color: #f90;
}

.expirationdatewr {
    width: 260px;
}

.ship-promo b {
    padding-right: 4px;
}

.pagination-controls-wrapper .mdl-selectfield__list-option-box {
    min-width: 58px;
}

.pagination-controls-wrapper .mdl-selectfield__list-option-box li {
    min-height: 14px;
    font-size: 12px;
}

.maxwidth {
    max-width: 83px;
}
#marketPlaceListWrapper .glyphicon {
    cursor:default!important;
}
#marketPlaceListWrapper .rating-container .rating-stars{
    cursor:default!important;
}
.forgot-link:focus, .a-link:focus {
    outline: -webkit-focus-ring-color auto 5px;
    text-decoration: unset;
}

.a-link:hover {
    text-decoration: unset;
}

.btn-vm:focus {
    box-shadow: 0 0 0 0.1rem rgba(0, 123, 255, .5);
}

.checkout-positon {
    position: relative;
}

.registration .date-icon {
    position: absolute;
    right: 0;
    top: 27px;
}

.registration .mdl-textfield, .registration .mdl-selectfield {
    width: 320px;
}

.registration .mdl-selectfield__list-option-box ul>li {
    font-size: 14px;
}

select#ncpdpState~.mdl-selectfield__box {
    border-bottom-style: solid !important;
    color: #404041;
    border-bottom-width: 1px;
}

select#ncpdpState:disabled {
    cursor: not-allowed;
}

select#ncpdpState:disabled~.mdl-selectfield__box {
    border-bottom-style: dotted !important;
    cursor: not-allowed;
    color: rgba(0, 0, 0, 0.26);
    border-bottom-width: 2px;
}

select#ncpdpState:disabled~.mdl-selectfield__label:after {
    content: "";
}

select#ncpdpState~.mdl-selectfield__label:after {
    content: "*";
}

select#ncpdpState~.mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
    border-top: 5px solid rgba(0, 0, 0, .54);
}

.edit-btn {
    background-color: #fff !important;
    border: 1px solid #f90 !important;
    color: #f90 !important;
}

#vmForgotpwdModal .modal-content .modal-header, #mrxSwitchPopup .modal-content .modal-header, #vmguestPopup .modal-content .modal-header {
    border-bottom: 4px solid #51C3C4;
    padding: 1rem;
}

.ach_form.disabled, .voided_group.disabled, .sales_group.disabled {
    background-color: rgba(0, 0, 0, .12);
    pointer-events: none;
    color: #404041 !important;
}

.mdl-radio__button:focus~.mdl-radio__outer-circle {
    box-shadow: 0 0 0 8px rgba(63, 81, 181, .26);
    background-color: rgba(63, 81, 181, .26);
}

input:-webkit-autofill~.mdl-textfield__label {
    top: 4px;
}

.sell_table th:nth-child(3):after {
    content: "Minimum";
}

.sell_table th:nth-child(4):after {
    content: "Maximum";
}

.inline-flex {
    display: inline-flex;
}

#mrxRegistrationDocumentForm .mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px solid #949494;
    color: rgb(64, 64, 65);
}

#mrxRegistrationForm .mdl-checkbox__box-outline {
    top: 1px;
}

.sell_table .table {
    cursor: default;
}

.width-140 {
    width: 140;
}

.width-118 {
    width: 118px;
}

#PharmacyShippingState~.mdl-selectfield__box {
    cursor: default;
}

.expiration-date-price, .expiration-date-min, .expiration-date-max {
    word-wrap: break-word;
}

#ncpdpState~.mdl-selectfield__list-option-box li:nth-child(1), #pharmacyState~.mdl-selectfield__list-option-box li:nth-child(1){
    display: none;
}
#mrxRegistrationForm #timezone~.mdl-selectfield__list-option-box li:nth-child(1), #mrxRegistrationForm #timezone~.mdl-selectfield__list-option-box li:nth-child(1) {
    display: none;
}

.checkbox_label {
    display: contents;
}

.checkbox_label .mdl-checkbox__label {
    margin-left: 24px;
}

.mdl-selectfield select option {
    display: none;
    z-index: -1;
    position: relative;
    height: 0px;
}

.mdl-selectfield__list-option-box ul {
    z-index: 9999;
    position: relative;
}

select:not(:-internal-list-box) {
    overflow: hidden !important;
}

.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    border: 0px;
    background-color: rgba(0, 0, 0, 0.26);
}

.mdl-selectfield__select {
    width: 0 !important;
    background-color: transparent;
    border-color: transparent;
}

#edit-user .is-disabled .mdl-radio__outer-circle {
    border-color: #ccc!important;
}

#edit-user .is-disabled .mdl-radio__inner-circle {
    background: #ccc!important;
}

#pharmacyDeaExpDate, #pharmacyStateLicenseExpDate, .expirationdatewr input, #vacation-from-date, #vacation-to-date, #order_to, #order_from {
    background-image: url(../../images/calendericon.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 16px !important;
    cursor: default !important;
}

#order_to, #order_from {
    background-position-x: 96% !important;
    background-position-y: center !important;
}

.action-link {
    width: 142px;
}

label#termsAndCondition-error~.termsAndConditionText {
    line-height: 50px;
}

#ncpdp-error {
    line-height: 13.5px;
    margin-top: 3px;
}

#pharmacyDea-error {
    line-height: 13.5px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.down-csv {
    cursor: pointer;
}

.disabled {
    cursor: not-allowed;
}

.disableInputs {
    cursor: not-allowed !important;
    pointer-events: none;
}

.mdl-textfield__input:disabled, .mdl-textfield__input:read-only, .disableInputs select~.mdl-selectfield__box {
    opacity: 0.5 !important;
    cursor: not-allowed;
    border-bottom: 2px dotted !important;
    color: #000 !important;
}

a.guestCancel {
    padding: 11px 0px;
}

.ico-warning {
    width: 26px;
    height: 26px;
    display: inline-block;
    background-position: -316px -407px;
    background-size: 444px 444px;
    vertical-align: middle;
    padding-right: 32px;
}

.match-money-tooltip-container .total-match-money {
    color: #006935;
}

.match-money-tooltip-container h4, .match-money-tooltip-container p {
    color: #595959;
    font-size: 14px;
    margin: 0px;
}

.match-money-tooltip-container p {
    font-family: roboto-light;
    color: #595959;
    font-size: 14px;
    margin: 0px 0px;
}

.match-money-tooltip-container p span:nth-child(1), .match-money-tooltip-container h4 span:nth-child(1) {
    width: 215px;
    display: inline-block;
    position: relative;
}

.match-money-tooltip-container p span:nth-child(1):before {
    content: ":";
    position: absolute;
    right: 0px;
}

.bs-tooltip-top {
    opacity: 1 !important;
}

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

.is-checked input[type=checkbox]:disabled~.mdl-checkbox__box-outline .mdl-checkbox__tick-outline, #mailingSameAsShipping.disabled:checked~.mdl-checkbox__box-outline .mdl-checkbox__tick-outline, .disableInputs.is-checked .mdl-checkbox__box-outline .mdl-checkbox__tick-outline {
    cursor: not-allowed;
    color: #404041 !important;
    background-color: rgba(0, 0, 0, 0.26);
    border: 0px;
}

.disableInputs.is-checked .mdl-checkbox__label, .mdl-radio.disableInputs .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
}

.mdl-radio.disableInputs .mdl-radio__inner-circle {
    background: #ccc!important;
}

.mdl-radio.disableInputs .mdl-radio__outer-circle {
    border-color: #ccc!important;
}

.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
}

input.error~label.mdl-textfield__label:after {
    background-color: red;
}

#vm-content .cart-details {
    background: #F8FCFF;
}

.vm-modal .modal-content .modal-header {
    border-bottom: 4px solid #51C3C4;
}

.vertical-align-sup {
    vertical-align: s
}

#vm-content .checkout-items h4 {
    padding: 8px 12px;
    margin: 2px 0 8px;
    background-color: #fff;
    font-size: 24px;
    font-weight: normal;
    font-family: roboto-light;
    color: #58595B;
}

#vm-content .cart-items-row p:not(:nth-child(1)) {
    color: #9e9e9e;
    font-family: roboto-light;
}

.price-color {
    color: #5C595F;
}

.calender-wr input, .vacation-date {
    background-image: url(../../images/calendericon.png);
    background-repeat: no-repeat;
    background-position: 63px 2px;
    background-size: 16px;
    cursor: default;
}

.vacation-date {
    width: 20px;
    height: 20px;
    background-position: right;
}

.vm_search-btn {
    min-width: 50px;
    line-height: 22px;
    background: rgb(54, 94, 145) !important;
}

.login-box-content .btn-mrx {
    min-width: 144px;
}

.vm-wrapper {
    background-color: #F4F4F4;
}

.common-modal .ico-info {
    background-position: -884px -554px;
    background-size: 984px 974px;
    width: 25px;
    height: 25px;
}
.word-break{
    word-break: break-all;
}
.order-warning-notice {
    padding: 15px;
    background-color: #fffaf3;
    border-top: 5px solid #f90;
    border-bottom: 5px solid #f90;
}

/* IE edge Css start*/

input::-ms-clear, input::-ms-reveal, table th::-ms-clear, table th::-ms-expand {
    display: none;
}

@supports (-ms-ime-align:auto) {
    .mdl-checkbox.is-checked .mdl-checkbox__tick-outline, .mdl-checkbox.is-disabled .mdl-checkbox__tick-outline {
        border: 0px !important;
    }
}

.manuf-name-width {
    display: inline-block;
    width: 98%;
}

/* IE edge Css End*/

.sort-both:before {
    content: "\e252";
    position: absolute;
    top: -7px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 2px;
    color: #929497;
    font-size: 10px;
}

.sort-both:after {
    content: "\e253";
    position: absolute;
    top: -15px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 2px;
    color: #929497;
    font-size: 10px;
}

.sort-arrow-down:before {
    content: "\e253";
    position: absolute;
    top: -15px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 2px;
    color: #929497;
    font-size: 10px;
}

.sort-arrow-up:after {
    content: "\e252";
    position: absolute;
    top: -7px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 2px;
    color: #929497;
    font-size: 10px;
}

.vmsprite-logo {
    display: grid;
    background-position: -146px -452px;
    background-size: 1150px 1150px;
    padding: 44px 0px 36px;
}

#achUploadBtn-error {
    top: 32px;
}

#addToWishlistFromSearch {
    text-decoration: underline;
    padding-left: 3px;
}

.cursor-wait {
    cursor: wait !important;
}

button {
    position: relative;
    overflow: hidden !important;
}

.down-csv:focus:not(:active)::after {
    animation: unset;
}

.btn-vm:after, .btn-mrx:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 5px;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    border-radius: 100%;
    transform: scale(1, 1) translate(-50%);
    transform-origin: 50% 50%;
}

@keyframes ripple {
    0% {
        transform: scale(0, 0);
        opacity: 1;
    }
    20% {
        transform: scale(25, 25);
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: scale(40, 40);
    }
}

.btn-vm:focus:not(:active)::after, .btn-mrx:focus:not(:active)::after {
    animation: ripple 1s ease-out;
}

.vm.mdl-checkbox.is-disabled .mdl-checkbox__tick-outline {
    top: 0px;
    left: 0px;
}

.login-box-content .btn-mrx {
    line-height: 40px !important;
}

.login-box-content .btn-normal {
    line-height: 38px !important;
}

.login-box-content #mrxbutton, #guestMrxLogin {
    line-height: 36px !important;
}

#guestMrxLogin { line-height: 40px !important; width: 98%; cursor: pointer; }
.guest-login .login-box-content { border-left: none; }

.login-box-content #mrxbutton {
    min-width: 100% !important;
    height: 44px;
}

.login-box-content #vmbutton {
    min-width: 182px;
    height: 42px;
}

.line-h-25 {
    line-height: 25px;
}

.line-h-29 {
    line-height: 29px;
}

.vmsprite-info {
    background-position: -589px -91px;
    background-size: 800px 800px;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
}

.vm .typeahead__list>li:not([disabled])>a:hover, .vm .typeahead__list>li:not([disabled])>a:focus, .vm .typeahead__list>li:not([disabled]).active>a, .vm .typeahead__dropdown>li:not([disabled])>a:hover, .vm .typeahead__dropdown>li:not([disabled])>a:focus, .vm .typeahead__dropdown>li:not([disabled]).active>a, .vm .typeahead__empty {
    background-color: #EBF4FC !important;
}

.vm .mdl-selectfield__list-option-box ul>li.is-selected {
    color: #51C3C4;
}

/* quick search css start */

.search-input, .search-input:focus, .search-input:hover {
    border: 0px !important;
    border-bottom: 1px solid #A3A2A3 !important;
    background-color: transparent !important;
}

.search-btn, .vm_search-btn {
    background-color: transparent !important;
    border: 0px !important;
    border-bottom: 1px solid #A3A2A3 !important;
}

.search-input:-ms-input-placeholder {
    font-style: italic !important;
}

.search-input::-webkit-input-placeholder {
    font-style: italic !important;
}

.search-input::-moz-placeholder {
    font-style: italic !important;
}

.ico-quick-search {
    width: 36px;
    height: 35px;
    background-position: -1148px -729px;
    display: inline;
    background-size: 1200px 1200px;
    position: absolute;
    margin: 0px 0 0 0px;
    cursor: pointer;
    top: 0px;
    right: 0px;
    z-index: 9999;
}

.nav-tabs.mrx-tab-nav {
    border-bottom: 0px !important;
}

/* quick search css end*/

.vmsprite-cart-blue {
    width: 52px;
    height: 47px;
    float: left;
    margin: 1px 0 0 -4px;
    background-position: -632px -88px;
    background-size: 800px 800px;
}

/* vm start pagination */

.vm-pagination {
    margin-top: 31px;
}

.vm-pagination ul.pagination.bootpag li a {
    color: #58595B;
    font-family: 'roboto-medium';
    font-size: 15px;
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 50px;
    text-align: center;
    margin-right: 10px;
    margin-top: 3px;
}

.vm-pagination ul.pagination.bootpag .active a {
    color: #fff;
    background-color: #58595B;
}

.vm-pagination ul.pagination.bootpag .prev, .vm-pagination ul.pagination.bootpag .next, .vm-pagination ul.pagination.bootpag .last a, .vm-pagination ul.pagination.bootpag .first a {
    background-color: #51C3C4;
    background-image: url(../../images/vm-sprite.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin-right: 17px;
    border-radius: 50px;
    margin-top: 0px;
}

.vm-pagination ul.pagination.bootpag .prev.disabled, .vm-pagination ul.pagination.bootpag .next.disabled, .vm-pagination ul.pagination.bootpag .last.disabled, .vm-pagination ul.pagination.bootpag .first.disabled {
    display: none;
}

.vm-pagination ul.pagination.bootpag .last a {
    background-position: -291px -460px;
    background-size: 1300px 1300px;
}

.vm-pagination ul.pagination.bootpag .next {
    background-position: -228px -424px;
    background-size: 1200px 1200px;
}

.vm-pagination ul.pagination.bootpag .first a {
    background-position: -346px -460px;
    background-size: 1300px 1300px;
}

.vm-pagination ul.pagination.bootpag .prev {
    background-position: -357px -424px;
    background-size: 1200px 1200px;
}

.vm-pagination ul.pagination.bootpag .prev a, .vm-pagination ul.pagination.bootpag .next a {
    opacity: 0;
}

.pageEntry {
    color: #58595B;
    font-size: 15px;
    font-family: 'roboto-light';
}

.vm-count-page {
    margin: 0px 9px 0px 6px;
    width: 54px;
    height: 85px;
}

.vm-count-page .mdl-selectfield__list-option-box {
    min-width: 54px;
}

.vm-count-page .mdl-selectfield__box-value {
    left: -6px;
    top: 8px;
}

.vm-count-page .mdl-selectfield__box>.mdl-selectfield__arrow-down__container .mdl-selectfield__arrow-down {
    border-top: 5px solid #58595B;
}

.vm-count-page .mdl-selectfield__box {
    border: 1px solid #BCBCBC;
    background-color: #fff;
    text-align: center;
}

/* vm end pagination */

.login-box-mrx-vm {
    border-radius: 10px;
}

.login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link.active, .login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link.active:focus, .login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link.active:hover {
    color: #f90 !important;
    border-bottom: 4px solid #f90 !important;
    background: transparent;
    border: 0px;
}

.login-box-mrx-vm .nav-tabs.vm-tab-nav .nav-link.active, .login-box-mrx-vm .nav-tabs.vm-tab-nav .nav-link.active:focus, .login-box-mrx-vm .nav-tabs.vm-tab-nav.nav-link.active:hover {
    color: #51C3C4 !important;
    border-bottom: 4px solid #51C3C4 !important;
    background: transparent;
    border: 0px;
}

.login-box-mrx-vm .mrx-tab-nav, .login-box-mrx-vm .vm-tab-nav {
    border: 0px;
    justify-content: center;
    margin-bottom: 11px;
}

.login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link, .login-box-mrx-vm .nav-tabs.vm-tab-nav .nav-link {
    padding: 10px 31px;
    Color: #d1d1d1;
    border-bottom: 4px solid #d1d1d1 !important;
    font-size: 16px;
    border: 0px;
    font-family: 'roboto-black';
}

.login-box-mrx-vm .quicksearch-wrapper {
    display: none;
}

.login-box-mrx-vm .tab-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
    margin-top: 0px;
}

.btn-vm a {
    color: #fff !important;
}

/* Pagination */

.vm-table ul.vmpagination.pagination .page-pre, .vm-table ul.vmpagination.pagination .page-next, .vm-table ul.vmpagination.pagination .page-start, .vm-table ul.vmpagination.pagination .page-final {
    background-color: #51C3C4;
    background-image: url(../../images/vm-sprite.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 29px;
    margin-right: 17px;
    border-radius: 50px;
    margin-top: 0px;
}

.vm-table ul.vmpagination.pagination .page-pre {
    background-position: -357px -424px;
    background-size: 1200px 1200px;
}

.vm-table ul.vmpagination.pagination .page-next {
    background-position: -228px -424px;
    background-size: 1200px 1200px;
}

.vm-table ul.vmpagination.pagination .page-start {
    background-position: -346px -460px;
    background-size: 1300px 1300px;
}

.vm-table ul.vmpagination.pagination .page-final {
    background-position: -291px -460px;
    background-size: 1300px 1300px;
}

.vm-table ul.vmpagination.pagination .page-start a, .vm-table ul.vmpagination.pagination .page-final a, .vm-table ul.vmpagination.pagination .page-next a, .vm-table ul.vmpagination.pagination .page-pre a {
    opacity: 0;
}

.vm-table ul.vmpagination.pagination .page-item a.page-link {
    color: #58595B !important;
    font-family: 'roboto-medium';
    font-size: 15px;
    width: 23px;
    height: 23px;
    display: block;
    border-radius: 50px;
    text-align: center;
    margin-right: 10px;
    margin-top: 3px;
    background: transparent;
    padding: 1px;
    font-weight: normal;
}

.vm-table ul.vmpagination.pagination .page-item.active a.page-link {
    color: #fff !important;
    background-color: #58595B;
}

.vm-table .fixed-table-pagination .vmpagination {
    padding-top: 25px;
}

.vm-table .pagination-detail button, .vm-table .pagination-detail button:active, .vm-table .pagination-detail button:hover {
    border: 1px solid #BCBCBC !important;
    background-color: #fff !important;
    text-align: center;
    margin: 0px 9px 0px 6px;
    width: 54px;
    height: 42px;
    font-size: 16px !important;
    font-family: 'roboto';
    padding: 0px !important;
}

.vm-table .page-list .dropup .dropdown-toggle::after {
    margin-left: 0px;
    border-top: 5px solid #58595B;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.vm-table .page-list {
    color: #58595B;
    font-size: 15px;
    font-family: 'roboto-light';
    font-style: italic;
}

.vm-table .page-list .dropup .dropdown-toggle::after {
    margin-top: 3px;
}

.vm-table .pagination-info {
    color: #58595B;
    font-size: 15px;
    font-family: 'roboto-light';
    font-style: italic;
    margin-top: 14px;
    display: inline-block;
}

.vm-table .page-list {
    margin-right: 11px;
}

.vm-table .fixed-table-pagination {
    margin-top: 20px;
}

.logo-wrapper {
    padding: 30px 0px 25px !important;
    background-size: cover;
    background-position: 100px;
}
.logo-wrapper-vm {
    padding: 30px 0px 25px !important;
    background-size: cover;
    background-position: 100px;
}
.vm-table .dropdown-menu.show {
    left: 7px !important;
    top: -2px !important;
    border-radius: 2px;
    min-width: 57px;
}

.vm-table .dropdown-menu.show .active {
    color: #51C3C4
}

.vm-table .dropdown-menu.show a.dropdown-item {
    color: #51C3C4;
    font-style: normal;
    width: 100%;
    padding: 10px;
    text-align: center;
}

.bookmark-link {
    font-size: 14px;
    margin-right: 11px;
    font-style: italic;
    color: #2196F3 !important;
    position: absolute;
    right: 0px;
    top: -26px;
}

.down-csv~.dropdown-menu.show {
    box-shadow: 0px 0px 12px rgba(0, 0, 0, .175);
}

.vm .card-header.open-header h5 {
    margin: 10px 0px;
}

.vm .card-header.close-header h5 {
    margin: 4px 0px;
}

.vm .card-header.close-header .glyphicon-chevron-up {
    margin-top: 2px;
}

.vm .card-header.open-header .glyphicon-chevron-down {
    margin-top: 1px;
}

.ht-75 {
    height: 75px;
}

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

#sidebar ul li a {
    padding: 25px 0 23px;
    position: relative;
}

.preview-prod-detail .breadcrumb h3 {
    font-size: 20px;
    color: #58595B;
    margin: 0px 0px 7px;
}

.preview-prod-detail h4 {
    text-transform: capitalize;
    line-height: 16px;
}

.text-c-93 {
    color: #939598;
}

.vmseller-wrapper #sidebar {
    margin-top: -16px;
}
.login-credential-box{
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: content-box;
    background-color: #FFF;
    padding: 60px 1.5rem 60px 1.5rem;
    width: 800px;
    min-height: 180px;
    position: absolute;
    top: 40%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    margin: 0 auto;
}

@media (max-width: 800px) {
    .login-credential-box {
        width: unset;
        box-shadow: none;
        box-sizing: border-box;
        margin: 0;
        padding: 0 1rem 0;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: translateX(0) translateY(0);
    }
    .error-logo {
        margin-top: 2rem;
    }
}
.vm-logo {
    width: 190px;
    height: 90px;
    padding: 8px 15px 6px 8px;
    margin-right: 0px !important;
}
.vm-logo img{
    width: 100%;
    height: 100%;
}
.vm .login-box-logo img{
    width: 100%;
}

/* 404 page layout */
.notfound-wrapper h1 { color: #f90; font-size: 118px; font-family: 'roboto-medium'; padding: 0; margin: 0; line-height: 105px; }
.notfound-wrapper h3 { color: var(--c-gray-13); font-size: 48px; font-family: 'roboto-medium'; padding: 0; margin: 0; }
.notfound-wrapper a { display: inline-block; background: #f90; color: #fff; text-transform: uppercase; padding: 8px 24px; font-size: 15px; margin: 24px 0 0 0; }
.notfound-wrapper a:hover { background: #ffa826; }
.notfound-wrapper .content-wr { margin: 12% auto 0 auto; }
.notfound-wrapper .content-wr.vmwr h1 { color:#51C3C4; }
.notfound-wrapper .content-wr.vmwr a { background:#51C3C4; }
/* End of 404 page layout */

/*rajesh*/
.switchToVm .normal, .switchToMrx .normal{display:inline-block;}
.switchToVm .resize, .switchToMrx .resize{display:none;}
/**/

/* Safeguard page */
.safegaurd-wr .login-box-logo { margin: 36px 0 0 0; }
.safeguard-btn { background-image: url(../../images/sprite.png); background-repeat: no-repeat; background-size: 900px 900px; display: inline-block; }
.safeguard-btn.appstore { width: 200px; height: 61px; background-position: -475px -13px;  }
.safeguard-btn.googleplay { width: 200px; height: 61px; background-position: -691px -13px; }

/*rajesh*/
.safegaurd-wr{padding:0 1.25rem;}
.safegaurd-wr .titleInfo{font-size:16px;}
.safegaurdBtnGroup{width:100%; margin:0 auto 2rem auto !important;}
.safeguard-btn.appstore{width: 180px; height:58px; padding:0; margin:2px 0; background-position: -497px -14px;}
.safeguard-btn.googleplay {width: 180px; height:58px; padding:0; margin:2px 0; background-position: -689px -14px;}
/* End of safeguard page */

@media (max-height: 800px) {
    #sidebar ul li a {
        padding: 13px 0 15px;
    }
    #sidebar {
        overflow-y: auto;
        overflow-x: hidden;
        height: 100%;
    }
    div#product-detail {
        overflow: auto !important;
    }
    #sidebar .bottom-menu li:nth-child(2) {
        margin-bottom: 100px;
    }
}

@media (max-width: 1280px) {
    .sales-in-progress-wrapper #inprogress-sales-table-filter, .purchase-in-progress-wrapper #inprogress-purchases-table-filter, .sell-history-completed-wrapper #completed-sales-table-filter, .sales-history-canceled-wrapper #cancelled-sales-table-filter {
        width: 112px;
        min-width: 93px;
    }
    .sales-in-progress-wrapper #inprogress-sales-table-filter input, .purchase-in-progress-wrapper #inprogress-purchases-table-filter input, .sell-history-completed-wrapper #completed-sales-table-filter input, .sales-history-canceled-wrapper #cancelled-sales-table-filter input, .buy-history-completed-wrapper #completed-purchases-table-filter input {
        font-size: 9px;
    }
    .cart-btn-orange {
        margin-right: 0px;
    }
}

@media (max-width: 1023px) {
    body {
        width: 1024px;
        overflow-x: auto;
    }
    #my-postings-table td:nth-child(9), #my-postings-table th:nth-child(9) {
        width: 306px;
    }
}

@media (max-width: 1200px) {
    .packagecondition {
        padding-left: 0px !important;
    }
    .mrx_user_box a {
        padding: 0 18px !important;
    }
    .navbar-btn {
        background-color: transparent;
        margin-left: 13%;
    }
    .dashboard-content {
        margin-top: 0px !important;
    }
}

@media (max-width: 1320px) {
    .container {
        max-width: 99%;
    }
}

@media (max-width: 1500px) {
    .dashboard-content .price p:nth-child(2) {
        padding-left: 10px !important;
    }
    .package-condition-message .alert-info {
        margin-left: -46px;
    }
    .package-condition-message .alert-info {
        margin-left: 0px !important;
    }
    .sell_table th:nth-child(3):after {
        content: "Min";
    }
    .sell_table th:nth-child(4):after {
        content: "Max";
    }
    .sales-in-progress-wrapper #inprogress-sales-table-filter, .purchase-in-progress-wrapper #inprogress-purchases-table-filter, .sell-history-completed-wrapper #completed-sales-table-filter, .sales-history-canceled-wrapper #cancelled-sales-table-filter {
        left: 6px;
    }
    .buy-history-completed-wrapper #completed-purchases-table-filter, .buy-history-canceled-wrapper #cancelled-purchases-table-filter {
        left: 2%;
    }
    .box {
        width: 36%;
    }
}

@media (max-width: 1750px) {
    .approve_no {
        width: 69% !important;
        margin: 4px 0px 0px 4px !important;
        height: 85px;
        resize: none;
    }
}

@media (min-width: 1450px) {
    .quantity-sold-message {
        width: 449px;
    }
}

span.orders-count.show {
    display: unset!important;
}

/* responsive by suresh */

@media (min-width: 1200px) and (max-width: 1440px) {
    .send-message-button {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (max-width: 1440px){
    .userdetails{width:160px;}
    .userdetails li{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}

@media (max-width: 1280px) {
    .footer-top .container {
        max-width: 97%;
    }
    .mdl-selectfield__box .mdl-selectfield__box-value {
        text-overflow: ellipsis;
    }
    .my-account-mrxcontactinfo-wr .add-user{min-height:356px;}
    .my-account-mrxcontactinfo-wr .add-user-plus{margin:80px 0 30px;}
}

@media (max-width: 1250px) {
    .dashboard-content {
        margin-top: 100px !important;
    }
    .footer-top, .copyright {
        padding-left: 30px;
    }
}

@media (max-width: 1024px) {
    body {
        width: 100%;
    }
    .vm .btn-normal {
        font-size: 14px !important;
    }
    .vm_user_role {
        padding: 5px 10px !important;
    }

    /* rajesh*/
    .matchrx-notification{height:84px; font-size:18px;}
    .cart-image .preview-image{height:auto; max-width:90px; max-height:unset;}
    #my-content, #vm-content{right:178px;}
    .checkout-items .cardProductPrice{padding-right:5px;}
    .checkout-items .price-color{width: 100%; padding-right: 15px !important; text-align: right; display: block;}

    .vm-wrapper #sidebar{margin-top:-13px;}
    .toggle-icon{top:99px;}
    .vm-logo{width:124px; height:auto; padding: 0; margin:11px 20px 11px 10px !important;}
    .vmbuy-vm-quicksearch{padding:0;}
    .vmbuy-vm-quicksearch .search-input{padding:0 !important;}
    .vmbuy-vm-quicksearch .typeahead__cancel-button{line-height: 24px;}

    .vm-wrapper .ui-multiselect-checkboxes label input{position:absolute; top:6px; left:2px;}
    .vm-wrapper label.ui-corner-all{padding-left:25px !important;}
    .vm-wrapper .add-user{min-height:356px;}
    .vm-wrapper .add-user-plus{margin:80px 0 30px;}

    /* ** */
}

@media (max-width: 800px) {
    body {
        width: 100%;
    }
    .login-box {
        width: 90%;
    }
    #guestMrxLogin {
        margin-bottom: 10px;
    }
    .login-box-mrx-vm {
        width: 95% !important;
        margin: 0;
    }
    .header > .row .col-6:nth-of-type(1) {
        max-width: 46%;
    }
    .header > .row .col-6:nth-of-type(2) {
        min-width: 54%;
    }
    /*.header > .row .col-6:nth-of-type(1) .button-row {
        border: 0;
        padding-left: 0 !important;
    }*/
    .mySavings {
        margin-right: 2%;
    }
    .userdetails {
        text-align: right !important;
    }
    .toggle-icon {
        top: 96px;
    }
    .mrx_user, .vm_user {
        max-width: 33.33%;
        flex: 0 0 33.33%;
    }
    .box {
        width: 48%;
    }
    input#ea_quantity~label.error {
        top: 68px;
    }
    .footer-top, .copyright {
        padding-left: 30px;
    }
    .login-box-button > div {
        width: 100%;
        padding: 0;
    }
    .login-box-button > div button {
        width: 100%;
    }
    .page-title {
        line-height: normal;
    }
    #max_price-error, #min_price-error {
        width: auto !important;
    }
    .font-18 {
        font-size: 16px!important;
    }
    img {
        max-width: 100%;
    }
    .order-alert {
        max-width: 100%;
    }
    .posting-tab, .tab-wrapper {
        margin-top: 60px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .bulk-search-button {
        position: absolute;
        right: 230px;
    }
    #bulksearchwrapper, .quicksearch-wrapper {
        position: absolute;
        right: 30px;
    }
    .registration .mdl-textfield, .registration .mdl-selectfield {
        width: 300px;
    }
    .footer-text>p {
        margin-bottom: 10px;
    }
    .vmbuy-vm-tabs {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 60px;
    }
    .vmbuy-vm-quicksearch {
        position: absolute;
        right: 30px;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    /*rajesh*/
    .header > .row .col-6:nth-of-type(1) .button-row{margin-top:0.5rem !important;}
    .mySavings{margin:8px 20px 8px 0 !important; padding-right: 10px; font-size:20px;}
    .userdetails{width:110px; min-width:110px; margin:11px 0;}
    .cart-btn-orange{padding: 0 5px 3px !important; vertical-align:top; margin-bottom:0; margin-top:11px;}
    .mySavings .title{font-size:14px;}
    .switchToVm .resize{display:inline-block;}
    .switchToVm .normal{display:none;}

    .savingIconWrapper{width:45px; height:64px;}
    .ico-my-savings {width: 45px; height: 100%; background-position: -1045px -605px;}
    .cart-text{display:none;}

    /*dashboard pg*/
    .dashboard-content .price p:nth-child(2){padding-left:0 !important;}
    .mrx-wrapper .dashboard-content {margin-top: 97px !important;}

    /*match square*/
    .vm-logo{width:124px; height:auto; padding:0; margin:12px 20px 12px 10px !important;}
    .cart-btn-blue{margin:18px 0 !important; padding: 0px 8px 0px !important;}
    .switchTomrxSet{padding:0 !important; margin-top:0 !important; padding-left: 28px !important;}
    .vm-wrapper .userdetails{margin:14px 0 10px 0;}
    #vm-content{top:86px; right:0;}

    .vm-wrapper .dashboard-content{margin-top:99px !important;}
    .typeahead__container .typeahead__field input {padding-right:12px !important;}
    #sidebar{z-index: 100;}

    .vm-wrapper .page-title{font-size:20px;}

     #my-content, #vm-content{right:115px;}

     /* guest login*/
     .guest-login .guestMrxBtn{width:40%; margin-right:5%;}
     .guest-login .guestMrxBtn button{min-width:100%;}
     .guest-login .guestVmBtn{width:55%;}

    /*registration page*/
    .mrx-logo-registration{margin-left:0;}
    .mrx-logo-registration .logo{width: 164px;}

    #mrxRegistrationForm .registration .mdl-textfield, .registration .mdl-selectfield{width:330px;}

    /*my account*/
    #edit-user .editUserNotify{margin:10px 0 !important;}
    #edit-user .inner-title, #add-user .inner-title{width:100%; display:block; margin-bottom:0.5rem;}

    /* vm */
    .vm .filter + .sort .sort-items{margin-bottom:2.5rem !important;}
    .vm.toggle-icon{top:99px;}
    /* ** */
}

@media (max-width: 768px) {
    .container {
        max-width: 95% !important;
    }
    .toggle-icon{top:152px;}
    .vm-button{padding:5px 10px;}
    .header > .row .col-6:nth-of-type(1){max-width:35%;}
    .header > .row .col-6:nth-of-type(1) .button-row{padding-left:0 !important; border-left:none; margin:0.25rem !important}
    .header > .row .col-6:nth-of-type(2){min-width:65%;}

    .mySavings{margin: 16px 20px 16px 0 !important;}
    .cart-btn-orange{margin-top:16px;}
    .userdetails{margin:16px 0;}
    .mySavings .title, .mySavings .duration{display: inline-block;}
    .savingIconWrapper{height:50px;}
    .ico-my-savings{background-position: -1045px -613px;}
    .mrx-wrapper .dashboard-content{margin-top:153px !important;}

    #mrxRegistrationForm .registration .mdl-textfield, .registration .mdl-selectfield{width:100%;}
    #mrxRegistrationForm .checkbox label{display: inline-block; margin-bottom: 1rem;}
    .enterpriseType .radioButtonSet{width:auto;}

    #edit-user>.user-info .mr-4{width:40%; padding:0; margin-right:1rem !important; margin-bottom:.5rem; }
    .userAccessRadioButtons .mr-4{width:40%; padding:0; margin-right:1rem !important; margin-bottom:.5rem; }
    #edit-user .editSendButton{padding-right: 0; }
}

/*Rajesh*/

@media (max-width: 720px){
    .login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link, .login-box-mrx-vm .nav-tabs.vm-tab-nav .nav-link{padding:10px 25px;}
    .nav-tabs.vm-tab-nav .nav-link{padding:10px 18px;}
}

@media (max-width: 600px) {
    .col25{-ms-flex:0 0 25%; flex:0 0 25%; max-width:25%; }
    .col30{-ms-flex:0 0 30%; flex:0 0 30%; max-width:30%; }
    .col40{-ms-flex:0 0 40%; flex:0 0 40%; max-width:40%; }
    .col50{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
    .col60{-ms-flex:0 0 60%; flex:0 0 60%; max-width:60%; }
    .col70{-ms-flex:0 0 70%; flex:0 0 70%; max-width:70%; }
    .col100{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; }

    /*header*/
    .toggle-icon{top:137px;}
    .header > .row .col-6:nth-of-type(1) {max-width: 35%;}
    .header > .row .col-6:nth-of-type(2) {min-width: 65%; text-align:left !important;}
    .header > .row .col-6:nth-of-type(1) .button-row{border-left:none; padding-left:0 !important; margin-top:5px !important;}
    .logo{width:150px; }
    .cart-text{display:none;}
    .ico-my-savings {width: 40px; height: 40px; margin-top:5px; background-position: -936px -416px; background-size: 986px 750px;}
    .savingIconWrapper{width:40px; height:50px;}
    .header .saving{font-size:18px;}
    .mySavings{margin:15px 15px 0 0 !important; padding-right:5px;}
    .savingAmt{padding-top:4px !important;}
    .mySavings .title{font-size:12px; margin-right:5px; display:inline-block;}
    .mySavings .duration{font-size:8px; display:inline-block;}

    .userdetails{margin:12px 0 12px 0;}
    .cart-btn-orange{margin:15px 0 0 0; padding: 0 0 0 5px !important;}

    .vm-button{padding:5px 10px;}
    .switchToVm .resize{display:inline-block;}
    .switchToVm .normal{display:none;}
    .mrx-wrapper .dashboard-content{margin-top:124px !important;}
    #sidebar{margin-top:0;}
    .bulk-search-button{right:180px;}
    /*end */

    .footer-top .container{max-width:94% !important;}
    .typeahead__container .typeahead__field input{padding-right:12px !important;}
    .nav-pills.mrx-tab-nav .nav-link, .nav-tabs.mrx-tab-nav .nav-link, .nav-pills.vm-tab-nav .nav-link, .nav-tabs.vm-tab-nav .nav-link{padding:10px 14px; font-size:15px;}
    .nav-tabs.vm-tab-nav .nav-link{padding:10px 12px;}
    .mrx-orders-nav-radio.is-upgraded .mdl-radio__label, .vm-radio-navs.is-upgraded .mdl-radio__label{font-size:15px;}


    /*login page*/
    /* .login-box{width:84%; padding:35px 35px; top:50%;} */
    .login-box-logo{margin-bottom:5%; margin-top:5%;}
    /* .login-box-content{padding-left:0 !important; border:none;} */
    .login-box-content h3{text-align:center;}
    .welcome-pg .login-box-content .btn-full{max-width:45%;  min-width: auto; float:left; }
    .welcome-pg .login-box-content .button-row .btn:nth-child(1){margin-right:5%;}
    .welcome-pg .login-box-content .button-row .btn:nth-child(2){margin-left:5%;}
    .welcome-pg .login-box-logo{width: 50%; margin: 2% auto;}
    /*.welcome-pg .matchSeller-normal{display: none;}
    .welcome-pg .matchSeller600{display: block;}*/

    /*mrx login*/
    .login-box-mrx-vm{top:50%;}
    .login-box-mrx-vm .logo-wrapper, .login-box-mrx-vm .login-box-content{-ms-flex: 0 0 100%; flex:0 0 100%; max-width: 100%;}
    .mrx-login .login-box-logo{width:40%; margin:0 auto;}
    .login-box-mrx-vm .login-btnSet{max-width:45%; float:left;}
    .login-box-mrx-vm .login-btnSet button{min-width:100% !important;}
    .login-box-mrx-vm .login-btnSet:nth-child(1){margin-right:5%;}
    .login-box-mrx-vm .login-btnSet:nth-child(2){margin-left:5%;}
    .login-box-mrx-vm .nav-tabs.mrx-tab-nav .nav-link, .login-box-mrx-vm .nav-tabs.vm-tab-nav .nav-link{padding:15px 50px;}
    .login-box-mrx-vm .tab-wrapper{margin-bottom:5%;}
    .login-box-mrx-vm .login-box-content{padding-left:34px !important; padding-top:0 !important;}

    /*vm login*/
    .vm .login-box-logo{margin-top:0 !important; margin-bottom:0 !important;}
    .logo-wrapper-vm{-ms-flex: 0 0 100%; flex:0 0 100%; max-width:100%;}
    .logo-wrapper-vm .login-box-logo{width:30%;}
    .vm #vmform{margin-top:7%;}

    /*register login*/
    /* .registration.login-box-logo{width:50%; margin:0 auto;} */
    .registration_page .mdl-selectfield{width:90%;}
    .register-login .login-box-content .mdl-textfield{width:71%;}
    .register-login .mdl-selectfield{width:100%;}
    .register-login .button-row{width:100%;}
    .register-login .button-row button{width:50%;}

    .enterpriseType .inner-title{width:100%; margin-bottom:0.5rem;}
    .enterpriseType{margin-bottom:1rem !important;}

    /*guest-login*/
    .guest-login .login-img, .guest-login .login-box-content{-ms-flex: 0 0 100%; flex:0 0 100%; max-width: 100%;}
    .guest-login .login-box-logo{width:50%; margin:0 auto;}
    .guest-login .login-img{padding-right:15px !important;}
    .guest-login .login-box-content{padding-left:15px !important;}
    .guest-login .guestlogin-form{padding-top:5%;}
    .guest-login .login-box-content .mdl-textfield{width:100%;}
    .guest-login .guest-btnGroup{margin-top:3% !important;}
    .guest-login .guest-btnGroup .guestMrxBtn{margin-right:5%;}
    .guest-login .guest-btnGroup .guestVmBtn{margin-left:5%;}
    .guest-login .login-btnSet{width:45%;}
    .guest-login .login-btnSet button{width:100%;}

    /*vm registration*/
    .vm-logo{width:65%; height:auto;}

    /*buy*/
    #my-content, #vm-content{right:125px; top:74px;}

    /*myorder*/
    .orderTab + .row.m-0 .orderpg-radioSet{-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%;}

    .dashboard-content .price p:nth-child(2){padding-left:0 !important;}
    .view-qty{text-align:left !important;}

    /*wishlist*/
    .wishlist-wrapper .table.table-no-bordered > tbody > tr > td{padding-right:16px !important;}

    /*footer*/
    /*.footer-top .liveHelp{width:60%;}
    .footer-top .fedexImg{width:60%;}*/

    /*my account*/
    .box {width:60%; margin-right:0;}
    #edit-user .btn-normal{font-size:16px !important; padding:0 8px !important;}

    .mrx-wrapper .page-title{font-size:20px;}
    .mrx_user, .vm_user{-ms-flex:0 0 50%; flex:0 0 50%; max-width:50%;}

    /*match square*/
    .vm-wrapper .dashboard-content{margin-top:102px !important;}
    .vm.toggle-icon{top:102px;}
    .vm-logo{width:106px; height:auto; padding:0; margin: 18px 14px 18px 0px !important}
    .cart-btn-blue{margin:20px 0 !important; padding: 0px 8px 0px !important;}
    .switchTomrxSet{padding:0 !important; margin-top:0 !important; padding-left: 22px !important;}
    .vm-wrapper .userdetails{margin: 14px 0;}
    .switchToMrx .resize{display:inline-block;}
    .switchToMrx .normal{display:none;}
    .mrx-button{padding:5px 10px}
    #vm-content{top:88px;}
    /* ** */
}

@media (max-height:750px){
    .vacation-modal{top:0; padding-top:9%;}
}


.btn-orange-user-agreement {
    background-color: #f90;
    color: white;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    position: relative;
    background-position: center;
    transition: background 0.8s;
    padding: 9px 17px 7px;
    cursor: pointer;
    min-width: 88px;
    border-radius: 10px;
    font-family: century-gothic;
    border: none;
}

.btn-orange-user-agreement:hover {
    background-color: white;
    color: #f90;
}