.bg-white { background: #fff; }
.box-shadow { box-shadow: 0px 1px 3px #3333333d; }
.text-shadow { text-shadow: 1px 1px 1px #333; }
.text-shadow-darkblue { text-shadow: 1px 1px 1px #052f50; }
.text-shadow-darkgreen { text-shadow: 1px 1px 1px #052f50; }
.text-transform-uppercase { text-transform: uppercase; }
.custom-dialog-textarea {
    width: 100%;
    margin-bottom: -20px;
    margin-top: 15px;
    background: #fbfbfb;
    height: 70px;
    padding: 7px;
    border: 1px #f7f6f6 solid;
}

.oldPrice-x {
    display: block;
    font-size: 11px;
    text-decoration: line-through;
    margin-bottom: -5px;
    color: red;
}
.text-shadow-darkblue .color-darkblue {  text-shadow: 1px 1px 1px #FFF; }

.color-darkblue {
    color: #052f50 !important;
}

.text-shadow-darkgreen .color-darkgreen {  text-shadow: 1px 1px 1px #FFF; }

.color-darkgreen {
    color: #005a0f !important;
}

.color-red2 {
    color: #bf0707 !important;
}
.color-white2 {
    color: #fff !important;
}

.color-pink2 {
    color: #f27e9a !important;
 }
.color-green2 {
    color: #008416 !important;
}
.color-blue2 {
    color: #007aff !important;
}
.color-orange2 {
    color: #EDB312 !important;
}

.text-center {
    text-align: center;
}
.opacity {
    opacity:0.1;
}

.opacity-0-3 {
    opacity:0.3;
}

body {
    background: url(../../img/logo-bg.jpg) no-repeat center center;
}


.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

/*****************************************************************************/
.bg-navbar  { background: #fff; }
.bg-toolbar { background: #fff;  }

/*.bg-navbar i,
.bg-toolbar i,
.bg-toolbar a .tabbar-label { color:#fff !important;  }*/

.logo {
    margin: 30px 0 0 0;
    max-height: 75px;
}

.logo-slogan {
    font-size: 13px;
    font-weight: 600;
    padding: 1px 4px;
    margin-top: -4px;
    border-radius: 4px;
    letter-spacing: 3px;
    text-shadow: 2px 2px 2px #333;
    margin-left: 1px;
}

@media only screen and (min-width: 330px) {     
.navbar .right a {
    margin-right: 9px;
}

}
.navbar-inner,.navbar {
    height: 50px;
    box-shadow: 0px 1px 9px #272727b3;
    overflow: visible !important;
}
.navbar a i {
    font-size: 26px;
    color: #53565d;
}
.navbar .right a {
    width: 30px;
    text-align: center;
}

.x-page-title {
    color: #fff;
    font-weight: 500;
    font-size: 17px;
}

.notification-box .notification-badge {
    position: absolute;
    margin-left: +19px;
    margin-top: -7px;
    font-size: 12px;
}

.toolbar-badge {
    position: absolute;
    margin-top: -34px;
    margin-left: -3px;
}

/*****************************************************************************/
.toolbar-inner,.toolbar {
    height: 55px;
    overflow: visible;
    padding: 0px;
    margin: 0px;
    --f7-theme-color: #a7151500;
    padding-top: 1px;
    box-shadow: 0px 0px 9px #00000061;
}
.toolbar:before {
    content: none;
}
.toolbar_icons {
    list-style: none;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}
.toolbar_icons li {
    float: left;
    width: calc( 100% / 3 );
    height: 100%;
    text-align: center;
}

ul.toolbar_icons li.item i {
    font-size: 26px;
    margin: 5px 0px;
    color: #282c35cc;
}

ul.toolbar_icons li.item a {
    display: inline-block;
    z-index: 999;
    padding: 0px !important;
    margin: 0px;
}
ul.toolbar_icons li.item.active i a,
ul.toolbar_icons li.item.active i {
    color: #008dd2;
}

.toolbar-new a .tabbar-label {
    font-size: 12px;
        overflow: visible;
}

ul.toolbar_icons .menuicon a {
    background-color: #0532a9 !important;
    border-radius: 99px;
    width: 66px;
    height: 66px;
    position: relative;
    top: -13px;
    padding: 0px !important;
    margin: 0px auto;
    line-height: normal;
}

ul.toolbar_icons .menuicon a i {
    color: #fff !important;
    font-size: 26px;
    margin-top: +12px;
}
ul.toolbar_icons .menuicon a.no-text i {
    font-size: 32px !important;
    margin-top: +16px !important;
}

ul.toolbar_icons .menuicon a .tabbar-label {
    color: #fff !important;
    position: relative;
    top: -12px;
}
/*.toolbar-cart ul.toolbar_icons li {
    width: 100%;
}*/

.toolbar-cart ul.toolbar_icons .menuicon a {
    background-color: #11a905 !important;
}

ul.toolbar_icons .menuicon .new-style{
    height: 100%;
}

ul.toolbar_icons .menuicon .new-style i {
    border-radius: 99px;
    width: 43px;
    height: 43px;
    position: relative;
    padding: 0px !important;
    margin: 0px auto;
    line-height: 44px;
    color: #fff !important;
    z-index: 9;
}

ul.toolbar_icons .menuicon .new-style i.bg-color-green {
    background-color: #11a905 !important;
}

ul.toolbar_icons .menuicon .new-style i.bg-color-blue {
    background-color: #0532a9 !important;
}

ul.toolbar_icons .menuicon .new-style .tabbar-label {
    text-transform: uppercase;
    background: #e2e2e2;
    font-weight: 650;
    border-radius: 8px;
    padding: 4px 5px 4px 10px;
    width: 57px;
    text-overflow: inherit;
    white-space: normal;
    font-size: 11px;
    position: relative;
    left: -10px;
    margin-right: -10px;
    z-index: 3;
    color: #444;
}
/*****************************************************************************/
.swiper-container {
    height: 100%;
}

.bg-img img {
    width: 100%;
    height: 100%;
    position: fixed;
    object-fit: cover;
    object-position: bottom;
}

.swiper-slide {
    text-align: center;
    color: #fff;
    padding-top: 15px;
}

.swiper-slide span.big-text {
    margin: 0 0 10px 0;
    padding: 70px 0 0 0;
    font-size: 48px;
    line-height: 50px;
    font-weight: 500;
}

.swiper-slide span.small-text {
    margin: 0 0 10px 0;
    padding: 70px 0 0 0;
    font-size: 28px;
    font-weight: 500;
}

.swiper-slide span em {
    font-style: normal;
}

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

.products-nav ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    margin-top:4px;
}

.products-nav ul li {
    float: left;
    width: calc(100% / 2);
 }

.products-nav ul li a {
    display: block;
    margin: 4px;
    text-align: center;
}

.card.products .card-footer{
    display: block;
    font-size: 13px;
    color: #333;
    font-weight: 500;
    padding: 7px 2px;
    min-height: auto;
}
.card.products button {
    display: block;
    margin: 0px auto;
    width: auto;
    background: #2e3192;
    border: 0px;
    position: relative;
    top: -10px;
    margin-bottom: -6px;
}
.card.products .badge.oldprice,
.card.products .badge.price {
    position: absolute;
    left: 3px;
    top: +5px;
}
.card.products .badge.oldprice {
    font-size: 9px;
    text-decoration: line-through;
}

.card.products .badge + .badge {
    top: +28px;

}

.page_title h2 {
    font-weight: 400;
    padding: 20px 5px 10px 5px;
    margin: 0px;
}

.card-footer {
    background-color: #f3f3f33d;
}

.card-footer .stepper {
    margin: 0px auto;
    width: 100%;
}

.card-footer .stepper .stepper-input-wrap input,
.card-footer .stepper .stepper-input-wrap {
    width: 100%;
    border: 0px;
    text-align: center;

}
/****************************************************************************/
.panel.panel-left {
    background: #282c35;
}
.panel.panel-left .top {
    border-bottom: 10px #4e535f solid;
    margin-bottom: 0px;
    border-top: 4px #4e535f solid;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

.panel.panel-left .top .text {
    font-size: 15px;
    font-weight: 600;
    color: #282c35;
}

.panel.panel-left .top .text-2 {
    font-weight: 100;
    font-size: 14px;
    padding-bottom: 10px;
}

.panel.panel-left .top .logo {
    padding: 0px;
    border-radius: 99px;
    border: 3px #fff solid;
    width: 50px;
    height: 50px;
    margin: 5px;
    box-shadow: 0px 0px 1px #2b2a2a;
}

.panel.panel-left .bottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
}
.panel.panel-left .bottom .colx {
    width: 50%;
    float: left;
}

.panel.panel-left .bottom a {
   display: block;
   padding: 10px;
}
.panel.panel-left .bottom a i {
    font-size: 20px; }
.panel.panel-left .bottom a span {
    font-size: 16px;
    font-weight: 400;
}
.panel.panel-left .bottom a.settings {
   background: #727c88;
   color:#232730;
}
.panel.panel-left .bottom a.logout {
    background: #343843;
    color:#dddee0;
}

.panel.panel-left nav ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.panel.panel-left nav ul li a {
    color: #c0c1c5;
    line-height: 40px;
    border-bottom: 1px #cccccc12 solid;
    display: block;
    margin: 0px 5px;
}

.panel.panel-left nav ul li:last-child a { border-bottom: 0px }

.panel.panel-left nav ul li a i {
    font-size: 20px;
    width: 50px;
    text-align: center;
}

.panel.panel-left nav ul li a span {
    font-size: 16px;
    font-weight: 400;
}

.not-found {
        text-align: center;
        font-size: 19px;
        color: #585858;
        font-weight: 500;
}
.not-found i {
    font-size: 100px;
    margin-bottom: 15px;
    margin-top: 30px;
    color: #61616145;
    text-shadow: #9c9b9b 2px 0px 0;
}

.agent-item .item-text {
    --f7-list-item-text-font-size: 13px;
    --f7-list-item-text-line-height: 18px;     solid;
}
.agent-item .item-subtitle {
    --f7-list-item-subtitle-font-weight:500;
}

.list.media-list.custom-list {
    margin: 10px 5px;
    border: 0px !important;
}

.list.media-list.custom-list ul {
   background: transparent;
   border: 0px !important;
}
.list.media-list.custom-list ul:after,
.list.media-list.custom-list ul:before {
    background: transparent;
}

.list.media-list.custom-list ul li {
    margin-bottom: 5px;
    border-bottom: 2px #008dd7 solid;
    background: #fff;
    margin-top: 7px !important;
}


.page-continer {
    margin: 0px 5px;
    width: calc( 100% -10px ) !important;
    background: #fff;
    border-bottom: 2px #2e3192 solid;
    padding: 10px 5px;
}

.page-continer img {
    max-width: 100%;
}

.page-continer p {
    font-size: 16px;
}

.md label.item-radio>.icon-radio {
    margin-right: 10px;
}

.add-map-list {
    margin: 0px 5px 45px 5px;
    border-bottom: 2px #008dd7 solid;
}

.progress-container p.title {
    font-size: 46px;
    font-weight: 400;
    color: #ccc;
    line-height: 40px;
}

.progress-container p {
    margin: 0px;
}

.progress-container h5 {
    margin-top: 5px;
}

.progressbar, .progressbar-infinite {
    height: 5px;
 }

.page-continer h2 {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 0px;
}
.page-continer h5 {
    margin:0px;
}

.cart-border {
    border-radius: 6px;
    background: #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
}

@-webkit-keyframes zoomOutTopRightLeft {
    0% {
        opacity: 1;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-150px) translateX(250px);
        transform: translateY(-150px) translateX(250px);
        width: 50px;
        height: 50px;
    }
}
@keyframes zoomOutTopRightLeft {
    0% {
        opacity: 1;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-150px) translateX(250px);
        transform: translateY(-150px) translateX(250px);
         width: 50px;
        height: 50px;
    }
}

@-webkit-keyframes zoomOutTopRightRight {
    0% {
        opacity: 1;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-150px) translateX(80px);
        transform: translateY(-150px) translateX(80px);
        width: 50px;
        height: 50px;
    }
}
@keyframes zoomOutTopRightRight {
    0% {
        opacity: 1;
        height: 100%;
        width: 100%;
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-150px) translateX(80px);
        transform: translateY(-150px) translateX(80px);
         width: 50px;
        height: 50px;
    }
}
.products-nav ul li:nth-child(odd) .zoomOutTopRight {
    -webkit-animation-name: zoomOutTopRightLeft;
    animation-name: zoomOutTopRightLeft;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.products-nav ul li:nth-child(even) .zoomOutTopRight {
    -webkit-animation-name: zoomOutTopRightRight;
    animation-name: zoomOutTopRightRight;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.checkout-modal textarea {
    padding: 7px;
    height: 100px;
    width: 99%;
    margin: 2px;
    box-sizing: border-box;
    border: 1px #ccc solid;
    border-bottom: 3px #007aff solid;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.16);
    box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.16);
}

.add-note {
    margin-left: calc(( 100% - 40px) / 2);
    display: inline-block;
    border: 1px #ccc solid;
    border-radius: 99px;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 27px;
    margin-top: 5px;
}
.add-note span {
    white-space: nowrap;
    display: block;
    text-align: center;
    color: #757575;
    text-transform: uppercase;
    font-size: 9px;
    margin-top: 5px;
}

.alert-icon-notification {
    border-radius: 99px;
    padding: 0px;
    text-align: center;
    text-shadow: 1px 1px 1px #33333361;
    font-size: 18px !important;
}

.notification-icon .alert-icon-notification, .notification-icon i.alert-icon-notification {
    --f7-notification-icon-size: 19px;
}
/***************************************************************************************/

.order-item .small {
    font-size: 11px !important;
}

.order-item .order-action-cancel {
    background: #a00a3a !important;
}

.agents-table {
    width: 100%;
}

.agents-table .img {
    width: 80px;
}

.agents-table .img img {
    max-width: 70px;
}

.agents-table.map .img {
    width: 48px;
}

.agents-table.map .img img {
    max-width: 48px;
}

.agents-table .detail-area .stars {
    padding: 1px 0px;
}

/*****************************************************************************************/
.md .dialog-buttons-vertical .dialog-title ,
.md .dialog-buttons-vertical .dialog-button {
    text-align: center !important;
}

.md .dialog-buttons-vertical .dialog-button {
 border-top: 1px #ccc solid;
}
/*****************************************************************************************/
.my-account-list {
    margin: 0px 5px 45px 5px;
}
.my-account-list .top {
    margin-bottom: 0px;
    border-bottom: 3px #0095da solid;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}

.my-account-list .top .text {
    font-size: 15px;
    font-weight: 600;
    color: #282c35;
}

.my-account-list .top .text-2 {
    font-weight: 100;
    font-size: 14px;
    padding-bottom: 10px;
}

.my-account-list .top .logo {
    padding: 0px;
    border-radius: 99px;
    border: 3px #fff solid;
    width: 50px;
    height: 50px;
    margin: 5px;
    box-shadow: 0px 0px 1px #2b2a2a;
}

.my-account-list.list .item-media+.item-inner {
    margin-left:0px;
}

.my-account-list .item-media i {
    font-size: 24px;
    color: #87a4b5;
    background: #dce6ec;
    border-radius: 99px;
    text-align: center;
}
.my-account-list .item-media {
    height: 52px;
    width: 35px;
}

.my-account-list .head {
    background: #0095da;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px 14px;
}
.date-filter {
    margin-bottom: 0px;
}

.date-filter input {
    font-weight: 600;
    text-align: center;
    --f7-input-text-color:#fff;
}
.date-filter.list ul:before,
.date-filter.list ul:after,
.date-filter.list ul {
    --f7-list-bg-color: transparent;
    --f7-list-border-color:transparent;
}

.date-filter.list .item-content {
    padding-right: calc(var(--f7-list-item-padding-horizontal) + var(--f7-safe-area-left));
}
/*****************************************************************************************/
.login-screen-content {
    --f7-login-screen-content-bg-color : transparent;
}
.login-page * {
    overflow-x: hidden !important;
}
.login-page .bottom-animation {
     max-width: 100%;
     bottom: 0px;
     position: fixed;
 }
.login-page .login-screen-content {
    z-index: 99;
    position: absolute;
    overflow: hidden;
    max-height: 100%;
    top:0px;
    left: 0px;
    width: 100%;
    max-width: 100%;
 }
.login-page .page-content {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    z-index: 99;
}

.z-index-10 { z-index: 10; }
.z-index-9 { z-index: 9; }
.z-index-8 { z-index: 8; }
.z-index-7 { z-index: 7; }
.login-page .login-screen-title {
     margin-bottom: 0px !important;
 }

.login-page .login-screen-subtitle {
     text-align: center;
    font-size: 19px;
    font-weight: 600;
 }

.login-page .login-blue {
    color:#ffffff;
    text-shadow: 0px 1px 1px #2e3192;
 }
.login-page .login-green {
     color:#2e3192;
     text-shadow: 0px 1px 1px #ffffff;
 }
.login-page .login-screen-content #code {
    text-align: center;
}

.login-page .login-screen-content input {
    background: #ffffffde !important;
    padding: 3px 11px !important;
    border-radius: 5px !important;
    text-align: center;
    margin-top: 3px !important;
    font-size: 29px;
    border: 1px #ccccccad solid !important;
    --f7-input-height: auto;
 }
.login-page .login-screen-content .block {
     margin-top:0px;
 }
.login-page .list {
     margin-top:5px;
     max-width: 350px;
}
@-webkit-keyframes moveclouds25{ 0%{ left: 101%; } 100%{ left: -50px; } }
@-moz-keyframes moveclouds25{ 0%{ left: 101%; } 100%{ left: -50px; } }
@-o-keyframes moveclouds25{ 0%{ left: 101%; } 100%{ left: -50px; } }

@-webkit-keyframes moveclouds40{ 0%{ left: 140%; } 100%{ left: -50px; } }
@-moz-keyframes moveclouds40{ 0%{ left: 140%; } 100%{ left: -50px; } }
@-o-keyframes moveclouds40{ 0%{ left: 140%; } 100%{ left: -50px; } }

@-webkit-keyframes moveclouds55{ 0%{ left: 170%; } 100%{ left: -50px; } }
@-moz-keyframes moveclouds55{ 0%{ left: 170%; } 100%{ left: -50px; } }
@-o-keyframes moveclouds55{ 0%{ left: 170%; } 100%{ left: -50px; } }

@-webkit-keyframes moveclouds65{ 0%{ left: 200%; } 100%{ left: -50px; } }
@-moz-keyframes moveclouds65{ 0%{ left: 200%; } 100%{ left: -50px; } }
@-o-keyframes moveclouds65{ 0%{ left: 200%; } 100%{ left: -50px; } }

.login-page .cloud-5  { position: absolute; top:5%;  }
.login-page .cloud-20 { position: absolute; top:20%; }
.login-page .cloud-35 { position: absolute; top:35%; }
.login-page .cloud-50 { position: absolute; top:50%; }

.login-page .opacity-5 { opacity:0.5; }
.login-page .opacity-7 { opacity:0.7; }
.login-page .opacity-9 { opacity:0.9; }

.login-page .moveclouds25 {
     -webkit-animation: moveclouds25 45s linear infinite;
     -moz-animation: moveclouds25 45s linear infinite;
     -o-animation: moveclouds25 45s linear infinite;
}
.login-page .moveclouds40 {
     -webkit-animation: moveclouds40 50s linear infinite;
     -moz-animation: moveclouds40 50s linear infinite;
     -o-animation: moveclouds40 50s linear infinite;
}
.login-page .moveclouds55 {
     -webkit-animation: moveclouds55 50s linear infinite;
     -moz-animation: moveclouds55 50s linear infinite;
     -o-animation: moveclouds55 50s linear infinite;
}
.login-page .moveclouds65 {
     -webkit-animation: moveclouds65 60s linear infinite;
     -moz-animation: moveclouds65 60s linear infinite;
     -o-animation: moveclouds65 60s linear infinite;
}
.login-page .btn-register,.login-page .btn-login,.login-page .btn-back,.login-page .btn-verification { width: 100%; margin-right: 15px; text-shadow: 1px 1px 1px #333; text-transform: capitalize; }
.login-page .btn-register { font-size: 14px; }
.login-page .btn-back { margin-top: 25px;}

.login-page .button-large { margin-bottom: 15px; margin-top: 10px; }
.login-page .input-clear-button { margin-right: 10px; }
.login-page .login-screen-content input.has-error {
    border-color: #ff000063 !important;
    color: #060606;
    background: #ff000029 !important;
}
.login-page .login-screen-title i{
    font-size: 60px;
    height: 65px;
    color: #FFF;
    text-shadow: 2px 2px 1px #2e3192;
    width: 65px;
}
@media screen and (min-width: 355px) {
.logo {
    margin: 40px 0px 0px 7px;   
}
}
@media screen and (min-width: 500px) {
    .max-width-500 {
       display: none;
    }

}

.user-table {
    font-size: 16px;
}
.user-table b {
    font-weight: 500;
}
.user-table .maplink {
    width: 49%;
    text-align: center;
    display: inline-block;
    margin: 15px 0px;
}
.logo-div {
    display: inline-block;
}
.logo-div img {
    max-width: 100%;
}

.red-one  {
    background: #9e0a0a;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0px;
    font-size: 14px;
}
.green-one  {
    background: #489e0a;
    color: #fff;
    font-weight: 500;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0px;
    font-size: 14px;
}
.ms-container {
    max-width: 100%;
    width: 100% !important;
    margin:5px 0px;
}
.ms-container .ms-selectable, .ms-container .ms-selection {
    width: 50% !important;
}
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
    min-height: 35px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 2px 5px !important;
}
.ms-container .ms-list {
    border: 0px !important;
    border-radius: 0px !important;
}
.ms-container .ms-selectable {
   border-right: 1px #ccc solid;
   box-sizing: border-box;
}
.ms-container .ms-list li:nth-child(even) {
    background: #fbfbfb;
}

@media only screen and (min-width: 802px) {
a {
    cursor: pointer !important;
}

.logo {
    margin: 55px 0 0 25px;
}
.page-content {
    padding-left: calc( 50% - 400px );
    padding-right: calc( 50% - 400px );
}
.page-content:not(.no-bg){
    background-image: url(../../img/main-bg/bg3-1200.png);
    background-color: #008dd2ba;
}
.x-page-title {
    color: #2e3192;
}
ul.toolbar_icons .menuicon .new-style .tabbar-label {
    font-weight: 600;
    border-radius: 5px;
    padding: 10px 17px;
    width: auto;
    font-size: 15px;
    cursor: pointer !important;
}

.vertical-timeline .icon i {
    padding: 7px;
    font-size: 25px;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.vertical-timeline .text .badge {
    --f7-badge-font-size: 13px;
    --f7-badge-size: 3px;
    --f7-badge-padding: 13px 9px;
}
.toolbar-inner, .toolbar {
    height: 80px;
}
.toolbar-new a .tabbar-label {
    font-size: 17px;
}
ul.toolbar_icons li.item i {
    margin: 12px 0px;
}
ul.toolbar_icons .menuicon a {
    width: 91px;
    height: 91px;
}
ul.toolbar_icons .menuicon a .tabbar-label {
    top: -25px;
}
ul.toolbar_icons .menuicon a.no-text i {
    font-size: 46px !important;
    margin-top: +22px !important;
}
}
@media only screen and (min-width: 999px) {
.navbar .left {
    padding-left: 150px;
}
.navbar .right {
    padding-right: 150px;
}
.logo {
    max-height: none !important;
}

}