@import url("https://fonts.googleapis.com/css?family=Montserrat|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;700&family=Ubuntu:wght@300;500&display=swap');
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');
    src: url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body {
    overflow-x: hidden !important;
    background: #f6f7f8 !important;
    font-family:'Poppins' !important
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:'Ubuntu' !important;}
.fancybox-opened.customClass .fancybox-inner{min-height:100vh}
:root {
    --defColor: #00a8e6;
    --white: #ffffff;
    --focusInputBack: #e7ecf0 ;
    --inputBack: #f1f5f7;
    --inputColor: #5D6177;
}

.w100 {
    width: 100%!important;
}

.w20{
    width: 20%;
}

.w25{
    width: 25%;
}

.w30{
    width: 30%!important;
}

.w40{
    width: 40%!important;
}

.w45{
    width: 45%!important;
}

.w55{
    width: 55%!important;
}

.w50{
    width: 50%!important;
}

.w60{
    width: 60%;
}

.w70{
    width: 70%;
}

.w80{
    width: 30%;
}

.wmc{
    width: max-content!important;
}

.dwrap{
    flex-wrap: wrap;
}

.jcenter{
    justify-content: center;
}
.jend{
    justify-content:end
}
.tcenter{
    text-align: center;
}

.jsb{
    justify-content: space-between;
}

.prelative{
    position: relative;
}

.defcolor{
    color: #058ef0;
}

.fw400{
    font-weight: 400!important;
}

.fw500{
    font-weight: 500!important;
}

.fw600{
    font-weight: 600!important;
}

.defbg{
    background: #058ef0;
}

.jspacearound{
    justify-content: space-around;
}

.ainherit{
    align-items: inherit !important;
}

.dnone{
    display: none!important;
}

.ln-10{line-height: 10px !important}
.ln-14{line-height: 14px !important}
.ln-18{line-height: 18px !important}
.ln-20{line-height: 20px !important}
.ln-25{line-height: 25px !important}
.ln-30{line-height: 30px !important}
.ln-40{line-height: 40px !important}

.fn-10 {
    font-size: 10px !important
}

.fn-12 {
    font-size: 12px !important
}

.fn-14 {
    font-size: 14px !important
}

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

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

.fn-22 {
    font-size: 22px !important
}

.fn-30 {
    font-size: 30px !important
}
.fn-10vmin {
    font-size: 8vmin !important
}

.light {
    font-weight: 300 !important
}

.reg {
    font-weight: 400 !important
}

.medium {
    font-weight: 500 !important
}

.bold {
    font-weight: 900 !important
}

.h100{height:100% !important;}


.m0 {
    margin: 0px !important
}

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

.mr5{
    margin-right: 5px!important;
}
.mr10{
    margin-right: 10px!important;
}

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

.ml15{
    margin-left: 15px!important;
}
.ml-auto{margin-left:auto !important}
.mr-auto{margin-right:auto !important}
.ml5{
    margin-left: 5px!important;
}

.ws{white-space: nowrap!important;}

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

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

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

.mt50{
    margin-top: 50px!important;
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt8 {
    margin-top: 8px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt20 {
    margin-top: 20px !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb20 {
    margin-bottom: 20px !important
}

.mb40 {
    margin-bottom: 40px !important
}

.r180{
    transform: rotate(180deg)!important;
}

.ml5{
    margin-left: 5px;
}

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

.p0 {
    padding: 0px !important
}

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

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

.pb15{
    padding-bottom: 15px;
}

.p20{
    padding: 20px;
}

.pl0 {
    padding-left: 0px !important
}

.pl5 {
    padding-left: 5px !important
}

.pl10 {
    padding-left: 10px !important
}

.pl20 {
    padding-left: 20px !important
}

.pr0 {
    padding-right: 0px !important
}

.pt5 {
    padding-top: 5px !important
}

.pt10 {
    padding-top: 10px !important
}

.pt15 {
    padding-top: 15px !important
}

.br-radius-18 {
    border-radius: 18px !important
}

.br-radius-12 {
    border-radius: 12px !important
}

.br-radius-6 {
    border-radius: 6px !important
}

.br-radius-9 {
    border-radius: 9px !important
}
.cl-white{color:white !important;}
.mauto {
    margin-left: auto !important;
    margin-right: auto !important
}

table td,
table th {
    vertical-align: middle !important
}

.c-blue {
    color: #0d85db !important
}
.c-c7ddec{color:#fff !important}
.g-checkbox {
    position: relative;
    width: 60px;
    padding: 4px 5px;
    background: white;
    box-shadow: 0px 0px 7px #ccc inset;
    border-radius: 20px;
}

.g-checkbox input {
    display: none !important
}

.cgray{
    color: #9e9e9e!important;
}

.fbox{
    display: flex!important;
    width: max-content!important;
    justify-content: space-between!important;
    align-items: center!important;
}

.jend{
    justify-content: end!important;
}
.inv-5{filter:invert(.5)}
.inv-1{filter:invert(1)}
.inv-2{filter:invert(.2)}
select.ddf{margin-top: 0!important;}

.g-checkbox span {
    transition: .3s all;
    margin-left: 0px;
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .1);
    border: 1px solid #ccc;
;
    background-color: #ccc;
    border-radius: 100%
}

.tUp{
    text-transform: uppercase!important;
}

.g-checkbox input:checked+span {
    background-color: #0a99ff;
    margin-left: 28px !important
}

.sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 999;
}

.flex-fullheight {
    align-items: stretch !important;
}

.y-center {
    align-items: center;
}

.x-center {
    justify-items: center;
}

.justify-start-end {
    justify-content: space-between !important
}

.order1 {
    order: 1
}

.order2 {
    order: 2
}

.order3 {
    order: 3
}

.order4 {
    order: 4
}

.d-flex {
    display: flex;
    align-items: center;
    justify-items: center
}
.jst-center{justify-content: center !important;}
.alg-center{align-items: center !important;}
.flex-column{flex-direction: column !important;}
.flex-expand{flex:1}
.viewsiter {
    padding: 5px;
    background: white !important;
    border-radius: 4px;
    box-shadow: -1px 0px 4px black;
    width: 300px;
    max-width: 300px;
    position: absolute !important;
    left: 100%;
    top: 50%;
    transform: translatey(-50%);
}

.controller-auth .login-wrapper .left-container,
.controller-resetpswd .login-wrapper .left-container {
    background-image: url(https://d3o47ov0yc40fm.cloudfront.net/assets/images/login-banner2@2x.jpg);
    background-color: #c8bad8;
}

.login-wrapper,
.left-container {
    min-height: 100vh;
    background-image: url(https://d3o47ov0yc40fm.cloudfront.net/assets/images/login-banner2@2x.jpg);
    background-size: cover;
    background-color: #94c6c3;
    width: 70%;

}

/* .col-md-6.m-0.p-0.right-container {
    background: rgb(255, 255, 255);
}

.col-md-6.m-0.p-0.left-container {
    min-height: 100vh;
    background-image: url(https://d3o47ov0yc40fm.cloudfront.net/assets/images/login-banner2@2x.jpg);
    background-size: cover;
    background-color: #94c6c3;
} */

.right-container-wrap {
    display: block;
    margin-left: 3em;
    margin-right: 3em;
    margin-top: 13vh;
}

.right-container-wrap h3{
    font-family: Roboto !important;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 28px;
  line-height: 35px;
}

.main-container-wrap {
    padding: 50px 20px;
    text-align: left;
}

@media (max-width:767px) {
    div.right-container{width: 100%!important;}
    .xup{display: block!important;}
}

.app-store-wrap{
    position: absolute;
    width: 100%;
    bottom: 20px;
    left: 0;
}

.app-store-wrap img{
    max-width: 90%!important;
}


.mechantAbText{
    position: absolute;
    bottom: 10%;
    left: 6%;
}

/* Merchant styles */

.merchantTopText{
    position: absolute;
    top: 10%;
    left: 6%;
    font-size: 40px;
    font-family: Roboto;
    font-weight: 700;
    color: #fff;
    display: flex;
    align-items: center;
    text-shadow: 0px 0px 20px #0006;
}


.cusText1 h3{
    font-size: 40px;
    color: #fff;
    text-shadow: 0px 0px 20px #0006;
}

.cusText1 p{
    font-size: 40px;
    color: #fff;
    text-shadow: 0px 0px 20px #0006;
    margin-top: 16px;
    font-weight: 700;
    position: relative;
    top: 14px;
}

.merchantTopText span:first-child{
    width: 45px;
    height: 55px;
    display: inline-block;
    background: url('../images/logowite1.png') no-repeat center;
    background-size: 100% 100%;
    margin-right: 11px;
    filter: drop-shadow( 0px 0px 20px #0006);
}

/* hgf */

.login-wrapper,
.right-container {
    min-height: 100vh;
    text-align: center;
    position: relative;
}

.right-container{
    box-shadow:0px 0px 10px rgba(0,0,0,.2);
    width: 30%!important;
    background: #fff!important;
}

.xforming .cvinpute  input{
    border: none!important;
    background: #f9f9f9!important;
    padding: 25px 36px!important;
}

#username, #password{
    padding-left: 50px!important;
}

.xforming .cvinpute i{
    margin-left: 10px!important;
    font-size: 20px!important;
    top: 21px!important;
}



.viewsiter.ifrmviewbg[style] {
    background-color: white !important;
}

.viewcontain {
    text-align: justify;
    cursor: wait;
    display: block;
    position: relative;
}

.viewsiter:before {
    box-shadow: -2px 2px 2px rgba(0, 0, 0, .5);
    content: " ";
    width: 16px;
    height: 16px;
    background: white;
    left: -8px;
    top: 50%;
    transform: translatey(-50%) rotate(45deg);
    position: absolute;
}

.msg {
    min-width: 180px;
    width: auto !important;
    display: inline-block;
    max-width: 90%;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 1px 8px #d8e7ff;
    padding: 12px 10px;
    text-align: justify;
    margin: 15px 0
}

.msg.left_msg {
    direction: ltr;
    background: rgba(210, 255, 82, 1);
    background: -moz-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(210, 255, 82, 1)), color-stop(100%, rgba(145, 232, 66, 1)));
    background: -webkit-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%);
    background: -o-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%);
    background: -ms-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%);
    background: linear-gradient(to bottom, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2ff52', endColorstr='#91e842', GradientType=0);
}

.msg.right_msg {
    direction: rtl;
    background: rgba(147, 206, 222, 1);
    background: -moz-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147, 206, 222, 1)), color-stop(41%, rgba(117, 189, 209, 1)), color-stop(100%, rgba(73, 165, 191, 1)));
    background: -webkit-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
    background: -o-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
    background: -ms-linear-gradient(top, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
    background: linear-gradient(to bottom, rgba(147, 206, 222, 1) 0%, rgba(117, 189, 209, 1) 41%, rgba(73, 165, 191, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0);
}

.divider-date {
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 11px
}

.divider-date span {
    background-color: white;
    position: relative;
    padding: 0 10px
}

.divider-date:before {
    margin: auto;
    content: " ";
    width: 90%;
    top: 50%;
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    border-top: 1px solid #ccdee5
}

.sendername {
    font-size: 11px
}

.datemsg {
    font-size: 9px
}

.left_msg .datemsg {
    float: right
}

.right_msg .datemsg {
    float: left
}

.left_msg:before,
.right_msg:before {
    position: absolute;
    left: -10px;
    top: 20px;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #c5fb4f transparent transparent;
}

.right_msg:before {
    left: inherit !important;
    right: -10px;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #83c5d7;
}

.glyphicon {
    position: relative;
    top: 6px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.glyphicon-asterisk:before {
    content: "\2a";
}

.glyphicon-plus:before {
    content: "\2b";
}

.glyphicon-euro:before {
    content: "\20ac";
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-cloud:before {
    content: "\2601";
}

.glyphicon-envelope:before {
    content: "\2709";
}

.glyphicon-pencil:before {
    content: "\270f";
}

.glyphicon-glass:before {
    content: "\e001";
}

.glyphicon-music:before {
    content: "\e002";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-heart:before {
    content: "\e005";
}

.glyphicon-star:before {
    content: "\e006";
}

.glyphicon-star-empty:before {
    content: "\e007";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-film:before {
    content: "\e009";
}

.glyphicon-th-large:before {
    content: "\e010";
}

.glyphicon-th:before {
    content: "\e011";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-zoom-in:before {
    content: "\e015";
}

.glyphicon-zoom-out:before {
    content: "\e016";
}

.glyphicon-off:before {
    content: "\e017";
}

.glyphicon-signal:before {
    content: "\e018";
}

.glyphicon-cog:before {
    content: "\e019";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-home:before {
    content: "\e021";
}

.glyphicon-file:before {
    content: "\e022";
}

.glyphicon-time:before {
    content: "\e023";
}

.glyphicon-road:before {
    content: "\e024";
}

.glyphicon-download-alt:before {
    content: "\e025";
}

.glyphicon-download:before {
    content: "\e026";
}

.glyphicon-upload:before {
    content: "\e027";
}

.glyphicon-inbox:before {
    content: "\e028";
}

.glyphicon-play-circle:before {
    content: "\e029";
}

.glyphicon-repeat:before {
    content: "\e030";
}

.glyphicon-refresh:before {
    content: "\e031";
}

.glyphicon-list-alt:before {
    content: "\e032";
}

.glyphicon-flag:before {
    content: "\e034";
}

.glyphicon-headphones:before {
    content: "\e035";
}

.glyphicon-volume-off:before {
    content: "\e036";
}

.glyphicon-volume-down:before {
    content: "\e037";
}

.glyphicon-volume-up:before {
    content: "\e038";
}

.glyphicon-qrcode:before {
    content: "\e039";
}

.glyphicon-barcode:before {
    content: "\e040";
}

.glyphicon-tag:before {
    content: "\e041";
}

.glyphicon-tags:before {
    content: "\e042";
}

.glyphicon-book:before {
    content: "\e043";
}

.glyphicon-print:before {
    content: "\e045";
}

.glyphicon-font:before {
    content: "\e047";
}

.glyphicon-bold:before {
    content: "\e048";
}

.glyphicon-italic:before {
    content: "\e049";
}

.glyphicon-text-height:before {
    content: "\e050";
}

.glyphicon-text-width:before {
    content: "\e051";
}

.glyphicon-align-left:before {
    content: "\e052";
}

.glyphicon-align-center:before {
    content: "\e053";
}

.glyphicon-align-right:before {
    content: "\e054";
}

.glyphicon-align-justify:before {
    content: "\e055";
}

.glyphicon-list:before {
    content: "\e056";
}

.glyphicon-indent-left:before {
    content: "\e057";
}

.glyphicon-indent-right:before {
    content: "\e058";
}

.glyphicon-facetime-video:before {
    content: "\e059";
}

.glyphicon-picture:before {
    content: "\e060";
}

.glyphicon-map-marker:before {
    content: "\e062";
}

.glyphicon-adjust:before {
    content: "\e063";
}

.glyphicon-tint:before {
    content: "\e064";
}

.glyphicon-edit:before {
    content: "\e065";
}

.glyphicon-share:before {
    content: "\e066";
}

.glyphicon-check:before {
    content: "\e067";
}

.glyphicon-move:before {
    content: "\e068";
}

.glyphicon-step-backward:before {
    content: "\e069";
}

.glyphicon-fast-backward:before {
    content: "\e070";
}

.glyphicon-backward:before {
    content: "\e071";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-pause:before {
    content: "\e073";
}

.glyphicon-stop:before {
    content: "\e074";
}

.glyphicon-forward:before {
    content: "\e075";
}

.glyphicon-fast-forward:before {
    content: "\e076";
}

.glyphicon-step-forward:before {
    content: "\e077";
}

.glyphicon-eject:before {
    content: "\e078";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-minus-sign:before {
    content: "\e082";
}

.glyphicon-remove-sign:before {
    content: "\e083";
}

.glyphicon-ok-sign:before {
    content: "\e084";
}

.glyphicon-question-sign:before {
    content: "\e085";
}

.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-screenshot:before {
    content: "\e087";
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-arrow-up:before {
    content: "\e093";
}

.glyphicon-arrow-down:before {
    content: "\e094";
}

.glyphicon-share-alt:before {
    content: "\e095";
}

.glyphicon-resize-full:before {
    content: "\e096";
}

.glyphicon-resize-small:before {
    content: "\e097";
}

.glyphicon-exclamation-sign:before {
    content: "\e101";
}

.glyphicon-gift:before {
    content: "\e102";
}

.glyphicon-leaf:before {
    content: "\e103";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-warning-sign:before {
    content: "\e107";
}

.glyphicon-plane:before {
    content: "\e108";
}

.glyphicon-random:before {
    content: "\e110";
}

.glyphicon-comment:before {
    content: "\e111";
}

.glyphicon-magnet:before {
    content: "\e112";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-retweet:before {
    content: "\e115";
}

.glyphicon-shopping-cart:before {
    content: "\e116";
}

.glyphicon-folder-close:before {
    content: "\e117";
}

.glyphicon-folder-open:before {
    content: "\e118";
}

.glyphicon-resize-vertical:before {
    content: "\e119";
}

.glyphicon-resize-horizontal:before {
    content: "\e120";
}

.glyphicon-hdd:before {
    content: "\e121";
}

.glyphicon-bullhorn:before {
    content: "\e122";
}

.glyphicon-certificate:before {
    content: "\e124";
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-thumbs-down:before {
    content: "\e126";
}

.glyphicon-hand-right:before {
    content: "\e127";
}

.glyphicon-hand-left:before {
    content: "\e128";
}

.glyphicon-hand-up:before {
    content: "\e129";
}

.glyphicon-hand-down:before {
    content: "\e130";
}

.glyphicon-circle-arrow-right:before {
    content: "\e131";
}

.glyphicon-circle-arrow-left:before {
    content: "\e132";
}

.glyphicon-circle-arrow-up:before {
    content: "\e133";
}

.glyphicon-circle-arrow-down:before {
    content: "\e134";
}

.glyphicon-globe:before {
    content: "\e135";
}

.glyphicon-tasks:before {
    content: "\e137";
}

.glyphicon-filter:before {
    content: "\e138";
}

.glyphicon-fullscreen:before {
    content: "\e140";
}

.glyphicon-dashboard:before {
    content: "\e141";
}

.glyphicon-heart-empty:before {
    content: "\e143";
}

.glyphicon-link:before {
    content: "\e144";
}

.glyphicon-phone:before {
    content: "\e145";
}

.glyphicon-usd:before {
    content: "\e148";
}

.glyphicon-gbp:before {
    content: "\e149";
}

.glyphicon-sort:before {
    content: "\e150";
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}

.glyphicon-sort-by-order:before {
    content: "\e153";
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}

.glyphicon-sort-by-attributes:before {
    content: "\e155";
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}

.glyphicon-unchecked:before {
    content: "\e157";
}

.glyphicon-expand:before {
    content: "\e158";
}

.glyphicon-collapse-down:before {
    content: "\e159";
}

.glyphicon-collapse-up:before {
    content: "\e160";
}

.glyphicon-log-in:before {
    content: "\e161";
}

.glyphicon-flash:before {
    content: "\e162";
}

.glyphicon-log-out:before {
    content: "\e163";
}

.glyphicon-new-window:before {
    content: "\e164";
}

.glyphicon-record:before {
    content: "\e165";
}

.glyphicon-save:before {
    content: "\e166";
}

.glyphicon-open:before {
    content: "\e167";
}

.glyphicon-saved:before {
    content: "\e168";
}

.glyphicon-import:before {
    content: "\e169";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-send:before {
    content: "\e171";
}

.glyphicon-floppy-disk:before {
    content: "\e172";
}

.glyphicon-floppy-saved:before {
    content: "\e173";
}

.glyphicon-floppy-remove:before {
    content: "\e174";
}

.glyphicon-floppy-save:before {
    content: "\e175";
}

.glyphicon-floppy-open:before {
    content: "\e176";
}

.glyphicon-credit-card:before {
    content: "\e177";
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-cutlery:before {
    content: "\e179";
}

.glyphicon-header:before {
    content: "\e180";
}

.glyphicon-compressed:before {
    content: "\e181";
}

.glyphicon-earphone:before {
    content: "\e182";
}

.glyphicon-phone-alt:before {
    content: "\e183";
}

.glyphicon-tower:before {
    content: "\e184";
}

.glyphicon-stats:before {
    content: "\e185";
}

.glyphicon-sd-video:before {
    content: "\e186";
}

.glyphicon-hd-video:before {
    content: "\e187";
}

.glyphicon-subtitles:before {
    content: "\e188";
}

.glyphicon-sound-stereo:before {
    content: "\e189";
}

.glyphicon-sound-dolby:before {
    content: "\e190";
}

.glyphicon-sound-5-1:before {
    content: "\e191";
}

.glyphicon-sound-6-1:before {
    content: "\e192";
}

.glyphicon-sound-7-1:before {
    content: "\e193";
}

.glyphicon-copyright-mark:before {
    content: "\e194";
}

.glyphicon-registration-mark:before {
    content: "\e195";
}

.glyphicon-cloud-download:before {
    content: "\e197";
}

.glyphicon-cloud-upload:before {
    content: "\e198";
}

.glyphicon-tree-conifer:before {
    content: "\e199";
}

.glyphicon-tree-deciduous:before {
    content: "\e200";
}

.glyphicon-briefcase:before {
    content: "\1f4bc";
}

.glyphicon-calendar:before {
    content: "\1f4c5";
}

.glyphicon-pushpin:before {
    content: "\1f4cc";
}

.glyphicon-paperclip:before {
    content: "\1f4ce";
}

.glyphicon-camera:before {
    content: "\1f4f7";
}

.glyphicon-lock:before {
    content: "\1f512";
}

.glyphicon-bell:before {
    content: "\1f514";
}

.glyphicon-bookmark:before {
    content: "\1f516";
}

.glyphicon-fire:before {
    content: "\1f525";
}

.glyphicon-wrench:before {
    content: "\1f527";
}
.p-0 {
    padding: 0px  !important;
}

.p0 {
    padding: 0 2px !important;
}

.m0 .jqte {
    margin: 0 !important;
}

.p1 {
    padding: 1% 0 !important;
}

.m1 {
    margin: 1% 0 !important;
}

.m1r {
    margin: 0px 2px !important;
}

@keyframes createBox {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

html,
body {
    font-family: "Poppins" !important;
    font-weight: 300;
    margin: 0;
    padding: 0;
    height: 100%;
    font-size: 13px;
    background-color: #f6f7f8 !important;
    transition: all 0.5s cubic-bezier(0.685, 0.0473, 0.346, 1);
}

select.picker-select {
    visibility: hidden;
}

ul,
li {
    margin: 0;
    padding: 0;
}

.login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    height: 100%;
    z-index: 1;
}



.login-left {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-clip-path: polygon(0 0, 28% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 28% 0, 100% 100%, 0 100%);
    background-color: #009de0;
    z-index: 0;
}

.login-right {
    margin-top: 50%;
    background: #ffffff;
}

.container-fluid {
    padding: 0 !important;
}

.container-fluid.merchant-left {
    height: 100% !important;
}

.container {
    min-width: 100%;
}

.container.merchant-left {
    height: 100% !important;
}

.row.merchant-left {
    height: 100% !important;
}

.inner-addon {
    position: relative;
}

/* style icon */
.inner-addon .glyphicon {
    position: absolute;
    padding: 6px;
    pointer-events: none;
}

/* align icon */
.left-addon .glyphicon {
    left: 0;
}

.right-addon .glyphicon {
    right: 0;
}

/* add padding  */
.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}


.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.login_wrap {
    display: block;
    margin: auto;
    padding-top: 7%;
}

.login_wrap .uk-panel {
    margin: auto auto 20px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.login_logo {
    height: 80px;
    width: 80px;
    margin: auto;
    padding-top: 40px;
    background: url("../images/store-logo4.png") no-repeat;
}

.uk-button {
    border-top-color: #ff2596;
    border-right-color: #ff2596;
    border-bottom-color: #ff2596;
    border-left-color: #ff2596;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    font-size: 27px;
    font-family: "Montserrat", sans-serif;
    padding: 26px;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    color: #ffffff;
    background-color: #ff5db1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5db1), to(#9882ff));
    background-image: -webkit-linear-gradient(top, #ff5db1, #9882ff);
    background-image: -moz-linear-gradient(top, #ff5db1, #9882ff);
    background-image: -ms-linear-gradient(top, #ff5db1, #9882ff);
    background-image: -o-linear-gradient(top, #ff5db1, #9882ff);
    background-image: linear-gradient(to bottom, #ff5db1, #9882ff);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FF5DB1, endColorstr=#9882FF);
}

/*.help-block.form-error{
bottom: -20px;
right:0;
position: absolute;
z-index:100;
border:1px solid #D85030;
padding:5px 8px;
background:#FFF1F0;
font-size:12px;
}*/

.help-block.form-error {
    bottom: -42px;
    left: 27%;
    position: absolute;
    z-index: 100;
    border: 1px solid transparent;
    padding: 5px 8px;
    background: #ffccc0;
    font-size: 12px;
    font-family: Inter;
}

.help-block.form-error:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(71, 77, 93, 0);
    border-bottom-color: #d85030;
    border-width: 9px;
    margin-left: -9px;
}

.uk-form-row {
    position: relative !important;
}

.header_wrap {
    height: 52px;
    position: relative;
    z-index: 11
}

.header_wrap .left,
.main_wrapper .left_panel {
    width: 260px;
    /* border-right: 1px solid #eeeeee; */
}

.header_wrap img{
    max-height: 52px !important;
    width: auto !important;}
#adminpanel .header_wrap img,
.main-header h1 img {
    max-height: 35px !important;
    width: auto !important;
    min-width: inherit !important;
    margin-top:-5px !important;
    margin-left:10px !important
}
.main-header{
    background: rgb(8,149,250);
    background: -moz-linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    background: -webkit-linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    background: linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0895fa",endColorstr="#1b5580",GradientType=1);
    border-radius:0px !important;
}
.header_wrap h1,
.main-header h1 {
    margin: 0;
    padding: 0px 10px 0px 15px;
    text-align: left;
    line-height: 52px;
}

.header_wrap .right {
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 20px;
    border-left: 1px solid #eeeeee;
    height: 52px;
}

.main_wrapper {
    position: relative;
    height: 100%;
}

.main_wrapper .left_panel {
    /* background: -webkit-linear-gradient(90deg, #8252fa 0%, #eca2f1 100%);
  background: linear-gradient(90deg, #8252fa 0%, #eca2f1 100%); */
    background: #fff;
    color: rgb(255, 255, 255);
    min-height: 1200px;
    position: relative;
    z-index: 2;
    /* box-shadow: 0 2px 22px 0 rgba(0, 0, 0, 0.2), 0 2px 30px 0 rgba(0, 0, 0, 0.35); */
}

.main_content {
    width: 100%;
    position: absolute;
    z-index: 1;
}

.modal-open .main_content {
    z-index: inherit !important
}

.main_content .inner {
    padding-top: 5px;
    padding-left: 275px;
    padding-right: 15px;
}

.breadcrumbs {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

.breadcrumbs .inner {
    padding-left: 0px;
}

.breadcrumbs .inner h2 {
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #000;
    font-size: 16px
}

.content {
    margin: 20px;
}

.content_wrap {
    background: #ffffff;
    padding: 20px 20px 10px 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    border-radius: 5px;
    margin-top: 5px
}

.navbar .pull-left.main-sidebar,
.header_wrap .pull-left.main-sidebar {
    min-width: 260px;
    height: 52px !important
}

.menu {
    width: 260px;
    display: block;
    padding-top: 24px !important;
    padding-bottom: 40px !important;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.result-search-panel {
    position: absolute;
    left: 11px;
    top: 122%;
    width: 150%;
    z-index: 12;
}
.result-search-panel-content {
    z-index: 1;
    position: relative;
    background: white;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.57);
    padding: 15px;
    border: 1px solid #ccc;
}
.foundimgmerch{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:10px;background: rgba(0,0,0,.1)}
.foundimgmerch.small{width:45px;height:45px}
.result-search-panel:before{content:" ";position: fixed;left:0;top:0;background: rgba(0,0,0,.4);width:100%;height:100%}
.menu li:hover {
    padding: 0 !important;
    margin: 0 !important;
    color: #3255f9 !important;
}

.menu ul li.active {
    color: #3255f9 !important;
    animation: createBox 0.25s;
    border-radius: 30px;
    text-transform: uppercase;
    cursor: pointer;
}

.menu ul li.active a,.menu ul li a:hover,.menu ul li > span:hover {
    color: #048def;
    background: #038ced;
    color: white !important;
    border-radius: 9px !important;
}
.menu ul li.active a img,.menu ul li a:hover img,.menu ul li > span:hover img{filter:invert(1)}
.uk-h3 {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 30px;
    font-weight: 900;
}

.menu a,
.menu li > span {
    margin: 10px 15px 0;
    border-radius: 30px;
        color: rgb(82, 82, 82);
    display: block;
    text-decoration: none;
    position: relative;
    text-transform: capitalize;
    cursor: pointer;
    font-size: 0.9142em;
    padding: 10px 8px;
    line-height: 1.625rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#adminpanel .logo-desktop {
    max-width: 180px;
    min-width: 180px;
}

.menu a:hover {
    text-decoration: none;
    color: #3271f9 !important;
}

.menu i {
    width: 20px;
}

.preloader {
    display: block;
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    height: 64px;
    width: 64px;
    /* border: 1px solid #eeeeee; */
    background: url("../images/Preloader_2.gif") no-repeat;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 25px !important;
}

.spacer {
    height: 20px;
}

#tab-content {
    padding-top: 18px;
}
table.dataTable.collapsed tbody tr:not(.child) td:first-child:before{content:"\f107";font-family:FontAwesome;position: relative;margin-right:5px;font-size:18px;color:#ccc}
table.dataTable.collapsed tbody tr.dt-hasChild td:first-child:before{content:"\f106";}
table.dataTable.collapsed tbody tr.child{box-shadow:0px 0px 10px rgba(0,0,0,.2) inset}
.dtr-details{width:100%;}
table.dataTable.collapsed tbody tr.dt-hasChild{background-color: #ecf0f7 !important;}
.dtr-details li{display: flex;justify-content: space-between; }

#table_list_length,
#table_list_info,
.dataTables_length {
    float: left;
    margin-top: 10px;
}

#table_list_filter,
#table_list_paginate,
.dataTables_filter,
.dataTables_paginate {
    float: right;
}

#table_list_paginate a,
.dataTables_paginate a {
    margin-right: 10px;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    display: none;
}

.qq-upload-list {
    display: none;
}

#table_list .uk-thumbnail {
    max-height: 65px;
    width: 65px;
    padding: 8px;
    min-height: 65px;
}

.multi_option_value {
    display: none;
}

.multi_option_value.visible {
    display: block;
}

.addnewprice,
.removeprice {
    color: #8cc14c;
    font-size: 25px;
    text-align: right;
    display: block;
    margin-right: 20px;
}

.header_wrap h4 {
    margin-top: 5px;
}

#google_map_wrap {
    border: 1px solid #e4e7ea;
    width: 100%;
    height: 300px;
    margin-top: 10px;
}

.new-booking-link a,
a.edit-order,
a.view-receipt,
a.view-order-history,
a.mail-contact-customer,.btn-blue {
    padding: 4px 8px 4px 8px;
}

.view-receipt-pop {
    width: 400px;
    padding: 10px;
}

.receipt-main-wrap {
    width: 410px;
    margin: auto;
}

.receipt-wrap.order-list-wrap {
    width: 380px;
    padding: 15px 10px;
}

.input-block .label {
    width: 50%;
    float: left;
    color: rgb(29, 29, 29);
    text-align: left;
}

.input-block .value {
    width: 50%;
    float: right;
    text-align: right;
    /*text-transform:capitalize;*/
}

.order-list-wrap {
    border: 1px solid #e4e7ea;
    /*border-top:3px solid #3399FF;*/
    min-height: 100px;
    background: #ffffff;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 10px;
}

.item-order-list {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #e4e7ea;
}

.item-row .a,
.item-row .b,
.item-row .c,
.item-row .d,
.summary-wrap .a {
    float: left;
    min-height: 1px;
}

.item-row .manage,
.summary-wrap .manage {
    float: right;
}

.item-row .a {
    width: 25px;
    text-indent: 5px;
}

.item-row .c {
    margin-right: 4px;
}

.item-row .d,
.summary-wrap .b {
    width: 80px;
    text-align: right;
}

.item-row .b {
    margin-right: 5px;
    width: 170px;
    word-break: normal;
}

.item-row a {
    font-size: 18px;
    margin-right: 5px;
    color: #9a9a93;
}

.summary-wrap .a {
    text-align: right;
    width: 210px;
}

.action-wrap {
    padding: 10px;
}

#ui-datepicker-div,
.mt-frm,
.mt-frm-activation {
    display: none;
}

#total_sales_chart,
#total_sales_chart_by_item {
    width: 100%;
    height: 250px;
}

.chart {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.admin-settings-page .uk-thumbnail-small {
    max-height: 56px;
    width: 334px;
}

.merchant-status {
    margin-left: 5px
}

.merchant-status:hover {
    color: #fff;
}

.summernote {
    min-height: 200px;
}

.assignpage-form li {
    cursor: move;
}

.login_wrap h3 {
    text-transform: capitalize;
}

#frm_table_list caption {
    display: none;
}

#notice-merchant-stats {
    position: absolute;
    top: 0;
    left: 30%;
}

.twillio-logo,
.clickatel-logo {
    background: url("../images/twilio.png") no-repeat;
    background-size: contain;
    height: 80px;
    width: 350px;
    margin-bottom: 10px;
}

.clickatel-logo {
    background: url("../images/clickatel-logo.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 10px;
}

.nexmo-logo {
    background: url("../images/nexmo_logo.png") center center no-repeat #128ec3;
    background-size: contain;
    height: 80px;
    width: 350px;
    margin-bottom: 10px;
    margin-top: 20px;
}

.language-wrapper {
    position: absolute !important;
    right: 20px;
    top: 8px;
}

.sms-package-wrap li {
    border: 1px solid #ccc;
    float: left;
    list-style: none;
    margin-right: 8px;
    padding: 8px;
    /*text-transform:capitalize;*/
    text-align: center;
    min-height: 300px;
}

.sms-package-wrap .uk-panel {
    min-height: 250px;
}

.sms-package-wrap h3 {
    text-transform: uppercase;
}

.sms-package-wrap {
    text-align: center;
}

.promo {
    text-decoration: line-through;
    color: #ff0000;
}

.sms_credit_wrap {
    position: absolute;
    right: 10px;
    top: 20px;
}

.module-index .content_wrap,
.module-dashboard .content_wrap,
.module-dashBoard .content_wrap,
.module-dashBoard2 .content_wrap {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0px !important
}

#adminpanel.module-dashboard:before,#adminpanel.module-index:before{
    content:" ";
    position: absolute;
    left:0px;top:0px;width:100%;
    padding-top:33%;
    background: rgb(8,149,250);
    background: -moz-linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    background: -webkit-linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    background: linear-gradient(129deg, rgba(8,149,250,1) 0%, rgba(8,149,250,1) 48%, rgba(27,85,128,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0895fa",endColorstr="#1b5580",GradientType=1);
    border-radius:0px 0px 35% 80%
}
#adminpanel.module-dashboard .main-header,#adminpanel.module-index .main-header{background: none !important;}
#adminpanel.module-dashboard .left_panel,#adminpanel.module-index .left_panel{border-radius: 0px 17px 0px 0px}
#adminpanel.module-dashboard .breadcrumbs .uk-h2,#adminpanel.module-index .breadcrumbs .uk-h2{color:white}
#adminpanel.module-dashboard .breadcrumbs .uk-h2 small,#adminpanel.module-index .breadcrumbs .uk-h2 small{color:#ccc;}
.user-access-list i {
    display: none;
    padding-left: 10px;
}

.user-access-list li {
    list-style: none;
    padding: 2px;
    margin-bottom: 5px;
}

.user-access-list li input {
    margin-right: 10px;
}

#table_list .options {
    display: none;
}

#admin_header_codes {
    height: 300px;
}

.big-textarea {
    height: 250px !important;
}

.uk-form-row ul li {
    list-style: none;
    margin-bottom: 10px;
}

.uk-form-row ul span {
    padding-left: 8px;
}


#merchant .right .uk-h3 {
    font-size: 12px;
}

#gallery-preview {
    padding-top: 10px;
    padding-bottom: 10px;
}

#gallery-preview li {
    list-style: none;
    display: inline-table;
    padding-right: 10px;
}

.add_new_holiday,
.extra_charge_add_new_row,
.remove_charge_row {
    font-size: 30px;
    color: #000;
    display: block;
    margin-left: 200px;
    margin-top: 5px;
}

.extra_charge_add_new_row,
.remove_charge_row {
    display: inline;
    margin-left: 10px;
    vertical-align: middle;
}

.more_charge_row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.holiday_row {
    margin-left: 200px;
    margin-top: 5px;
}

.holiday_row a {
    display: inline;
    font-size: 30px;
    color: #000;
    margin-left: 5px;
}

.small_date {
    width: 100px;
}

.payment-provider-list img {
    margin-left: 5px;
    margin-right: 15px;
    max-width: 6%;
}

.payment-provider-list span {
    padding-left: 5px;
}

.csv-processing-wrap .indent {
    margin: 0 0 0 30px;
    padding: 0;
}

.csv-processing-wrap .non-indent {
    margin: 0;
}

.new-order-link a,.new-booking-link a,.new-stuart-link a,.new-viewnote-link a {
    color: #ffffff;
}

.new-order-link a:hover,.new-booking-link a:hover,.new-stuart-link a:hover,.new-viewnote-link a:hover {
    color: #fff;
    text-decoration: underline;
}

.header_wrap .left.small {
    width: 190px;
}

.header_wrap .right h3 {
    font-size: 14px;
}

.earnings-wrap ul {
    display: table;
    margin: auto;
}

.earnings-wrap ul li {
    display: table-cell;
}

.earnings-wrap ul li .rounded-box {
    margin: 5px;
    padding: 8px 9px;
    min-width: 210px;
    text-align: center;
    background: #333333;
    color: #fff;
    min-height: 120px;
}

.earnings-wrap ul li .rounded-box h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.earnings-wrap ul li .rounded-box a,
.white-link {
    color: #fff;
}

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
}

.ingredients-label {
    font-weight: 400;
    color: #659f13;
    margin-top: 5px !important;
    font-style: normal !important;
}

.currentController_merchant p.uk-text-small {
    margin: 0;
    padding: 0;
}

.box-line-bottom {
    border-bottom: 1px solid #ccc;
}

.box-line-bottom h3,
.box-line-bottom p {
    margin: 0;
    padding: 0;
}

.withdrawal-info {
    margin-top: 20px;
}

.withdrawals-ul li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

.box-grey {
    min-width: 300px;
    border: 1px solid #ccc;
    text-align: center;
}

.box-grey.payment {
    min-height: 150px;
}

.withdrawals-ul li {
    cursor: pointer;
}

.box-grey h4 {
    background: #444444;
    color: #fff;
    padding: 8px;
}

.box-grey .inner {
    padding: 8px;
}

.withdrawals-ul li.active h4 {
    background: #00a8e6;
}

.paypal-account-wrap,
.bank-info-wrap {
    margin-top: 15px;
    display: none;
}

.withdrawal-info .help-block {
    display: none !important;
}

.bank-info-wrap {
    margin-left: 30px;
}

.required {
    color: red;
    padding-left: 5px;
}

.withdrawal-info {
    display: none;
}

/* .payout_action,
#table_list .withdrawal-status {

    text-transform:capitalize;
} */

.w-list {
    margin-bottom: 8px;
}

.receipt-wrap .spicydish-icon,
.spicydish-icon {
    max-width: 20px;
    display: block;
}

.fax_credit_wrap {
    position: absolute;
    right: 220px;
    top: 8px;
}

.receipt-wrap {
    position: relative;
}

.close-receipt {
    display: block;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 5px;
}

.cash_tr {
    display: none;
}

.two_flavors_position {
    display: none;
}

.d-wrap{flex-wrap: wrap!important;}
.w-100{width:100%}
.customPicke.w100{width: 100%!important;}
.white-space{white-space: nowrap !important}
.limit-content {
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.6em;
    line-height: 1.8em;
}

.admin-access-list li {
    list-style: none;
    padding-bottom: 3px;
    padding-top: 3px;
}

.admin-access-list li i {
    display: none;
}

.admin-access-list li input,
.admin-access-list li .icheckbox_minimal {
    margin-right: 10px;
}

.rc_logo {
    display: block;
    max-height: 70px;
    max-width: 200px;
}

.uk-form-row ul.uk-tab li {
    margin-bottom: 0;
    list-style: none;
}

.mytable {
    display: table;
}

.mytable .col {
    display: table-cell;
}

.mytable .col .spicydish-icon {
    margin-right: 5px;
}

.uk-notify {
    z-index: 99999 !important;
}

.foodgallery_preview li {
    float: left;
}

.foodgallery_preview li img {
    height: 70px;
    width: 70px;
}

.foodgallery_preview:before {
    content: "";
    display: block;
    clear: both;
}

.foodgallery_preview li a {
    display: block;
    font-size: 12px;
    padding: 0 5px;
}

#logo-small {
    height: auto;
    max-width: 15%;
}

.big-text-area {
    height: 100px !important;
    width: 50%;
}

.currentController_merchant .row,
.currentController_admin .row {
    width: 100%;
    display: table;
}

.currentController_merchant .row .col-md-6,
.currentController_admin .row .col-md-6 {
    display: table-cell;
    width: 50%;
}

.text-right {
    text-align: right;
}

.concat-text {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

#table_list .concat-text {
    max-width: 200px;
}

.price_with_tax {
    margin-top: 5px;
    display: block;
}

/* taxable cart  css*/

.new-cart-parent {
    padding-top: 10px;
}

.new-cart-parent p {
    margin: 0;
}

.row::after,
.row::before {
    content: " ";
    display: table;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-5 {
    width: 41.6667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-9 {
    width: 75%;
}

#new-cart .txt-indent {
    text-indent: 30%;
}

.print_wrap {
    padding: 5px 10px 10px;
}

.receipt-main-wrap {
    width: auto;
}

.receipt-wrap.order-list-wrap {
    width: auto;
}

/* taxable cart  css*/

.email-provider-list {
    display: table;
    margin: 0;
    padding: 0;
}

.email-provider-list li {
    display: table-cell;
    padding: 8px;
}

.email-settings span {
    padding-left: 10px;
}

.tag {
    display: inline-block;
    padding: 3px 5px;
    background: #31708f;
    color: #fff;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
}
.tag.decline,.tag.cancelled{background: #fcc !important;color: #b77070 !important;}
.tag.accepted,.tag.delivered,.tag.complete,.tag.paid{
    background: #e5fcf0 !important;
    color: #4dc985;
}
.tag.sent {
    background: #3c763d;
}

.tag.pending,
.tag.suspended,
.tag.blocked,
.tag.expired,
.tag.paid,
.tag.unpaid {
    background: #da314b;
}

.tag.new {
    background: #3c763d;
}

.tag.denied {
    background: orange;
}

.template-modal {
    width: 900px;
}

.template-modal.template-modal-small {
    width: 500px;
}

.template-modal .inner {
    padding: 10px 10px 30px;
}

.template-modal-header {
    border-bottom: 1px solid #e5e5e5;
    padding: 15px;
}

.template-modal-header h4 {
    margin: 0;
    padding: 0;
}

.box-rounded {
    margin: auto;
    padding: 10px;
    border: 1px solid #ddd;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
}

.full-width {
    width: 100%;
    margin-bottom: 15px;
}

table.full-width td {
    padding: 5px;
    vertical-align: top;
}

table.full-width input {
    width: 100%;
}

.template-modal textarea {
    min-height: 180px;
    width: 100%;
}

.template-modal .mytable {
    width: 100%;
}

.template-modal input:disabled,
.template-modal textarea:disabled {
    background: #ddd !important;
}

.email-template-table input[type="checkbox"] {
    margin-top: 2px !important;
}

/** PRELOADER **/
.main-preloader {
    position: fixed;
    top: 0;
    z-index: 999999;
    background: rgba(50, 50, 50, 0.85) none repeat scroll 0 0;
    width: 100%;
    height: 100%;
    display: none;
}

.main-preloader .inner {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20%;
    width: 100%;
}

.ploader {
    margin: 60px auto;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(247, 93, 52, 0.2);
    border-right: 1.1em solid rgba(247, 93, 52, 0.2);
    border-bottom: 1.1em solid rgba(247, 93, 52, 0.2);
    border-left: 1.1em solid #f75d34;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

.ploader,
.ploader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

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

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

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

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

/**END preloader*/



.dataTables_wrapper .dataTables_filter input{
    border: none!important;
}

.button-border {
    display: block;
    border: 1px solid #e0e0e0;
    padding: 10px 20px;
}

.button-border:hover {
    text-decoration: none;
}

.state-list {
    border-top: none;
}

.button-pad {
    padding: 5px;
    display: block;
}

.state-list {
    padding-left: 25px;
}

.district-list {
    padding-left: 40px;
}

.state-ul,
.state-ul li.state-li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.area-list {
    margin: 0;
    padding: 0;
}

.collapse-state-list {
    font-size: 18px;
    color: #000;
}

.collapse-state,
.add_city1 {
    color: #000;
    margin-left: 20px;
}

.location_table_rates .options {
    display: none;
}

.location_table_rates a {
    padding-left: 10px;
}

#location_table_rates td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.membership_type_1,
.membership_type_2 {
    margin-top: 15px;
    display: none;
}

.review-comment {
    display: block;
}

#uk_tab .chosen-container-multi,
.uk_tab .chosen-container-multi,
.uk_tab .chosen-container-single {
    width: 500px !important;
}

#uk_tab li a {
    border: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
}

.review_cancel_pop_wrap {
    width: 300px;
    padding: 10px;
}

.review_cancel_pop_wrap .mytable {
    width: 100%;
}

.request_cancel_approved,
.request_cancel_decline {
    border: 1px solid #ccc;
    display: table;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
}

.center {
    text-align: center;
}

.website_logo_preview img {
    margin-bottom: 10px;
}

.image_multiple_preview {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.image_multiple_preview .col {
    flex-grow: 1;
    min-width: 25%;
    max-width: 25%;
    border: 1px solid #ccc;
}

.image_multiple_preview .col a {
    display: block;
    text-align: center;
}

.image_multiple_preview .col img {
    display: block;
    margin: auto;
    max-width: 40%;
}

#sked_table td {
    vertical-align: middle;
}

.left.main_content {
    top: 0;
}

.dn {
    display: none !important
}

.uk-panel-box {
    padding: 2px 5px !important;
    display: inline-block !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}

.left_panel .menu>ul>li>span:before {
    content: "\f107";
    font: normal normal normal 14px / 1 FontAwesome;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.left_panel .menu>ul>li>span {
    position: relative;
}

.left_panel .menu>ul>li>ul {
    display: none;
}

.left_panel .menu>ul>li>ul li a {
    font-size: 11px;
    padding:8px 10px !important;
    margin-top:2px !important;
    margin-left:35px !important;
}

.left_panel .menu>ul>li>ul {
    padding-left: 15px !important
}

.left_panel .menu>ul>li.openedmenu>span:before {
    content: "\f106";
}

.menu li.openedmenu>span {
    color: #048def !important
}
.menu li.openedmenu > ul{padding-bottom:20px !important;padding-top:5px !important;}
.openedmenu > ul{position: relative;overflow: hidden}
body:not(.smallmenu) li.openedmenu > ul:before{content:" ";position: absolute;left:31px;top:0px;height:100%;width:1px;border-left:1px dashed #ccc }

.left_panel .menu>ul>li.openedmenu {
    color: #3255f9 !important;
    animation: createBox 0.25s;
    cursor: pointer;
}
.left_panel .menu img{margin-right:15px;}
.text-overflow {
    width: 100%;
    display: block;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
}


.msglist {
    background-color: white;
}

.gbtd {
    background-color: #dce3f1;
    color: black;
}

.table>tbody>tr>td.vertaligcen {
    vertical-align: middle !important;
}

.inblock {
    display: inline-block;
    white-space: nowrap;
    padding: 5px 10px !important;
    margin-bottom: 7px !important;
    cursor: pointer
}

.inblock:hover {
    background-color: lightblue !important;
    transform: scale(1.01);
}

.sticky.bgwhite {
    background-color: white !important
}

[codemirror] {
    max-height: 200px;
    border: none !important;
    border-radius: 3px !important;
    color: #f4f4f4 !important;
    background: #f4f4f4 url(/upload/loader.gif?g=87) center center no-repeat !important;
}

.CodeMirror {
    height: auto !important
}

.CodeMirror-scroll {
    max-height: 600px;
}

.ifrmview {
    opacity: 0;
}

.ifrmviewbg {
    background: url(/upload/loader.gif?g=87) center no-repeat;
    position: relative;
    overflow: hidden;
}



.ifrmviewbg .overly {
    cursor: pointer;
    background: rgba(0, 0, 0, .4);
    border-radius: 4px;
    left: 0px;
    width: 100%;
    position: absolute;
    z-index: 222;
    top: 0px;
    top: 0px;
    height: 100%;
}

.ifrmviewbg input {
    opacity: 0;
    position: absolute;
}

.ifrmviewbg:hover .overly {
    background: rgba(0, 0, 0, .1);
}

.ifrmviewbg input:checked+.overly {
    display: none;
    background: none !important;
    border: 1px solid lightblue;
    box-shadow: 0px 0px 4px lightblue
}

.owl-carouselframe:not(.owl-loaded) * {
    display: none
}

/* .owl-carouselframe {} */

.owl-carouselframe:not(.owl-loaded) {
    border: 1px solid #ccc;
    border-radius: 2px;
    min-height: 100px;
    background-color: #f8f6f6;
    padding: 10px;
    box-shadow: 0px 0px 5px #ccc;
    background: #f8f6f6 url(/upload/loader.gif?g=87) center no-repeat;
}

.ifrmview.loaded {
    opacity: 1
}

.ifrmview:not(.loaded) {
    max-height: 200px
}

.ifrmviewbg[style] {
    background-color: transparent !important;
}

.owl-carouselframe .ifrmview {
    margin-left: 4px;
}

.highlight {
    animation: highlight 700ms ease-out;
    animation-iteration-count: 5;
    padding: 5px !important;
    border-radius: 5px !important;
}

.owl-carouselframe .owl-item .ifrmviewbg:before {
    cursor: grab;
    content: "";
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
    display: block;
    left: 0px;
    z-index: 999
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
}

@keyframes highlight {
    0% {
        box-shadow: 0px 0px 5px #F8796B;
        border-style: solid;
        border-width: 4px;
        border-color: #F8796B;
    }

    100% {
        border-color: transparent;
        border-width: 0px;
        border: none;
    }
}

.colcart1,
.colcart2,
.colcart3,
.colcart4 {
    min-height: 1px;
}

.colcart1 {
    width: 35px;
    float: left;
}

.colcart3,
.colcart4 {
    float: right;
}

.colcart3 {
    width: 60px
}

.colcart4 {
    width: 43px
}

.productname_div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    background: transparent;
    line-height: 32px;
}

.productname_div:hover,
.productname_div:not(.collapsed) {
    background-color: #cfeffc;
}

.item-row .base-price {
    margin-left: 10px
}

.rowflexed {
    float: none;
    display: table-cell;
    vertical-align: middle;
    display: flex;
    align-items: center;
    font-size: 11px;
    border-bottom: 2px solid #ccc
}

.rowflexed:last-child {
    border: none !important
}

.list_of_addons_cat {
    width: 100%
}

.whtspc {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.catname_addon {
    width: 100px
}

.rowflexed .colcart1 {
    width: 28px;
}

.list_of_addons_cat .addonitm,
.list_of_addons_cat .productname_div {
    border-top: 1px solid #ccc;
    line-height: 24px;
}

.details_item_div {
    padding-top: 7px;
    padding-left: 7px
}

.addonitm .base-price {
    margin-left: 2px
}

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

.list_of_addons_cat .addonitm:first-child,
.list_of_addons_cat .productname_div:first-child {
    border: none !important
}

.numprodqty {
    background: #fff;
    color: #000;
    width: 23px;
    height: 23px;
    display: inline-block;
    border-radius: 40px;
    font-weight: bold;
    line-height: 23px;
    font-size: 12px;
    margin-top: 4px;
}

.productname_div.collapsed .numprodqty {
    background-color: #10174d;
    color: white
}

.catname_addon.pk_product {
    width: 65px !important
}

.details_product_div {
    padding-top: 0px
}

/*.dataTables_wrapper {*/
/*    overflow-x: auto !important;*/
/*    overflow-y: visible !important;*/
/*}*/

.card {
    padding: 25px 15px;
    background: #fbfbfb;
    box-shadow: 0 1rem 1rem -.75rem rgba(105,96,215,.175);
    border: 1px solid #f2f2f2;
    margin: 15px 0px;
    overflow: hidden
}
.module-dashboard .card.update-card,.module-index .card.update-card{padding:15px 15px }

.notetables .dataTables_filter {
    display: none !important;
}

.navbarbutton {
    margin: 10px 0px 0px 16px !important;
    background-color: transparent !important;
    border: none !important;
}
.navbarbutton .fa-bars{font-size:25px !important;}
/*searchtable*/

.inputing  label{
    display: flex;
    align-items: center;
    padding: 10px 10px;
    padding-left: 10px;
    background: #f1f6f9;
    border-radius: 5px;
    padding-left: 19px;
}

.inputing > div > label input{
    border: none;
    height: 22px;
    background: transparent;
    padding-left: 8px;
    font-family: Inter;
    font-weight: 500;
    font-size: 1.1rem;
    color: #A7ACC5;
}

.blurtag + img{box-shadow:0px 0px 10px green !important}
.inputing > div > label input:focus-visible{
    outline: transparent!important;
}
/*searchtable*/

/*Input new Style*/
input.uk-form-label{
    font-family: Inter !important;
    color: #414456 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
}

textarea.iptStyle,input.iptStyle,select.iptStyle,textarea.uk-form-width-large ,.form-group input.form-control,table td input.form-control,.form-control.iptStyle, input.uk-form-width-large,.chosen-container.chosen-container-multi{
    border: none!important;
    background: var(--inputBack) !important;
    padding: 5px 17px !important;
    border-radius: 7px !important;
    font-family: inter;
    font-size: 1.14rem;
    color: var(--inputColor)!important;
    min-height: 46px;
    font-weight: 400!important;
}
select.iptStyle{color:#00a8e6 !important;}
.form-control.iptStyle input{background: transparent !important;border:none !important;box-shadow:none !important;}
.form-control.iptStyle input:focus{border:none !important;box-shadow:none !important}
input.iptStyle:focus,.form-control.iptStyle:focus{
    background: var(--focusInputBack)!important;
}

input.uk-form-width-large:focus{
    background: var(--focusInputBack)!important;
}

/*Input New Style*/

/*Table New Designr*/
.tableStyle{
    font-family: Inter;
}

.tableStyle thead{
    text-transform: uppercase!important;
}

.tableStyle  thead > tr > th{
    border-bottom: 2px dotted transparent!important;
}

.tableStyle  tbody > tr > td,
.tableStyle  tbody > tr > th,
.tableStyle  tfoot > tr > td,
.tableStyle  tfoot > tr > th{
    border-top: 2px dotted #f6f6f6ba!important;
    padding: 15px 13px !important;
    font-size: 13px !important;
    color: #8e8989;
}

body#merchant .tableStyle  thead > tr > td,body#merchant .tableStyle  thead > tr > th{
    border-top: none !important;
    padding: 15px 13px !important;
    font-size: 12px !important;
    font-weight: 600;
    color: #a09c9c;
}

.tableStyle .datatag{
    white-space: nowrap;
}

.tableStyle .tag{background: #e5fcf0;color: #4dc985;}
.tableStyle .tag1{background: #fef0f4!important;color: #f2416c;}
.tableStyle .tag2{background: #f9f2d9!important;color: #f9c303}
.tableStyle .tag3{background: #eaf5fb!important;color: #04a1fa}
.tableStyle .tag4{background: #f1f5f7!important;color: #5D6177}
.tableStyle .tag.pending {background: #f1f5f7!important;color: #5D6177}
.tableStyle .tag.rejected{background: #fef0f4!important;color: #f2416c;}
.tableStyle .tag.approved{background: #e5fcf0;color: #4dc985;}



.tableStyle .dataTables_length select {
    padding: 10px 15px;
}



.tableStyle .dropdown .btn-primary {
    color: #7D8197;
    background-color: #f2f6f8;
    border-color: transparent;
    font-family: Inter;
    font-size: 13px;
    padding: 9px 20px;
    border-radius: 5px;
}
.tableStyle .dropdown .btn-primary:hover{
    color: #03a0f9!important;
    background-color: #edf6fc !important;
    border-color: transparent;
}

.tableStyle .btn-primary.active,.tableStyle .btn-primary:active, .tableStyle .open > .dropdown-toggle.btn-primary {
    color: #03a0f9!important;
    background-color: #edf6fc !important;
    border-color: transparent!important;
}

.tableStyle .customPicke .dropdown-menu{width: 110px!important;min-width: 110px!important;left:-15px;border: none;top: 42px;box-shadow: 0 0 13px #c3c1c1;}

.tableStyle thead > tr > td:last-child, .tableStyle thead > tr > th:last-child {
    text-align: right;
    padding-right: 30px !important;
}

.tableStyle tbody > tr > td:last-child,
.tableStyle tbody > tr > th:last-child,
.tableStyle tfoot > tr > td:last-child,
.tableStyle tfoot > tr > th:last-child {
    text-align: right;
}

/* Category Filter Head Table */
.customPicke{margin-right: 10px;}
.customPicke > button{border: none;padding: 12px 10px;font-family: Inter;background-color: #ebf6fb!important;color: #1ea1fe!important;}
.customPicke button.dropdown-toggle:focus{outline: thin dotted #fff0 !important;background-color: #ebf6fb!important;}
.customPicke .dropdown-menu.open{border: none;font-family: Inter;}
.customPicke .dropdown-menu > li > a{padding: 8px 20px}
/* End Filter */

.btn-grub {
    background-color: #0a99ff !important;
    color: white !important;
    font-size: 14px !important
}
.btn-grub.clight {
    background-color: #65b5ee !important;
}

.tblHead > a{
    min-width: 117px;
    justify-content: space-evenly !important;
    max-width: 117px;
}

.twBtn:not(.uk-button-success):not(.uk-button-primary){
    background: #ebf6fb !important;
    color: #0a99ff !important;
}

.customPicke1 > div > .dropdown-toggle{
    padding: 15px 0px;
    border: none;
    border-radius: 5px 0px 0px 5px;
    background: #ebf6fb;
    width: 100%;
    padding-right: 30px;
    padding-left: 15px;
}

.customPicke1 > button{
    padding: 14px 15px;
    border-radius: 0px 5px 5px 0;
    background: #0a99ff;
    cursor: pointer;
}



.customPicke1 .dropdown-menu{border: none;border: none;
    width: max-content;
    min-width: max-content;}
.customPicke1 .form-control{border: none;
    box-shadow: none;
    background: #f1f6f9;}

.tableStyle.uk-table th, .tableStyle.uk-table td {
    padding: 8px;
    border-bottom: none!important;
}

#table_list .dropdown-menu{
    right: 0 !important;
    left: auto !important;
    border-color: transparent!important;
}
.uk-table th, .uk-table td {
    border-bottom: none!important;
}

table.dataTable.no-footer {
    border-bottom: 1px dotted #eee!important;
}

.ghjk{
    position: relative;
    right: 18px;
    color: darkred!important;
}

table.dataTable thead th, table.dataTable thead td{
    text-align: center!important;
}

table.dataTable thead th:nth-child(1),table.dataTable thead th:nth-child(2),
table.dataTable thead td:nth-child(1),table.dataTable thead td:nth-child(2){
    text-align: left!important;
}

table.dataTable tbody th, table.dataTable tbody td{
    text-align: center!important;
}

table.dataTable tbody th:nth-child(1),table.dataTable tbody th:nth-child(2),
table.dataTable tbody td:nth-child(1):not(.dataTables_empty),table.dataTable tbody td:nth-child(2){
    text-align: left!important;
}
.dataTable thead th{white-space: nowrap}
.datatag.tleft{text-align: left!important;}
.dblock{display: block!important;}
.daterangepicker.opensright::before {display: none!important;}
.daterangepicker{box-shadow: 0px 0px 17px #cdcaca;}

.dflex{display: flex!important;}

.footing{display: flex;align-items: center;justify-content: space-between;padding: 10px 0;padding-top: 30px;}

/* Paging Style */
#frm_table_list{
    position: relative;
}
.paging{
    font-family: Inter;
    font-size: 13px;}

div#table_list_info {margin-top: 0 !important;font-family: Inter;}
div#table_list_length{margin-top: 0!important;}
#table_list_length label{
    font-family: Inter;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;}
/* EndPaging */

#table_list_length select{
    border: none;
    padding: 0px 15px;
    margin: 0px 4px;
    border-radius: 3px;
    background: #f1f6f9;
}

.noData{
    text-align: center;
    color: #929292;
    margin-top: 26px;
}

.headState .uk-button{
    padding: 4px 12px;
    background: #f1f6f9;
    color: #444;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    text-shadow: none;
    font-family: Inter;
}

.headState .uk-button:hover{border-color: transparent!important;}



.headState .uk-button-success{
    background: #0a99ff !important;
    color: #fff;
}
.searchbox-admin{position: relative}
.searchbox-admin:before{
    content:" ";
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left:20px;
    background: url('/assets/images/admin/search.svg') no-repeat;
    background-size: cover;
    width:25px;height:25px;
}
.searchbox-admin input {
    padding: 5px 10px !important;
    padding-left: 45px !important;
    line-height: 27px !important;
    min-height: auto !important;
    background: rgba(255, 255, 255, 0.8) !important;
    font-size: 13px;
    max-width: 300px;
    margin-left: 12px;
}
.searchbox-admin input:focus{background-color: white !important}
.flex-wrap{flex-wrap: wrap !important;}
.update-card {color: #fff;}
.gap10{gap:10px}
.card {background-color: #fff;border-radius: 5px;-webkit-box-shadow: 0 1rem 1rem -.75rem rgba(105,96,215,.175);box-shadow: 0 1rem 1rem -.75rem rgba(105,96,215,.175);border: none;margin-bottom: 30px;}
.bg-c-yellow {background: -webkit-gradient(linear, left top, right top, from(#fe9365), to(#feb798));background: linear-gradient(to right, #fe9365, #feb798);}
.bg-c-green {background: -webkit-gradient(linear, left top, right top, from(#0ac282), to(#0df3a3));background: linear-gradient(to right, #0ac282, #0df3a3);}
.bg-c-blue {background: -webkit-gradient(linear, left top, right top, from(#0a9fc2), to(#0dc8f3));background: linear-gradient(to right, #0a9fc2, #0dc8f3);}
.bg-c-pink {background: -webkit-gradient(linear, left top, right top, from(#fe5d70), to(#fe909d));background: linear-gradient(to right, #fe5d70, #fe909d);}
.bg-c-violet {background: -webkit-gradient(linear, left top, right top, from(#d35dfe), to(#9097fe));background: linear-gradient(to right, #d35dfe, #9097fe);}
.bg-c-lite-green {background: -webkit-gradient(linear, left top, right top, from(#01a9ac), to(#01dbdf));background: linear-gradient(to right, #01a9ac, #01dbdf);}
.card .card-header {background-color: transparent;border-bottom: none;padding: 25px 20px;}
.card-block {padding: 1.25rem;}
.card .card-footer {background-color: #fff;border-top: none;padding: .75rem 1.25rem;}
.update-card .card-footer {background-color: transparent;border-top: 1px solid #fff;}
.card h4{font-size:1.5rem;margin-bottom:8px}
.text-white {color: #fff !important;}
.content_wrap .card{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}


.newStyle input[type="checkbox"]{
    border: 1px solid #eee!important;
    width: 1.75rem!important;
    height: 1.75rem!important;
    border-radius: 0.45em!important;
}

.newStyle input[type="checkbox"]:checked{
    border: 1px solid #00a8e6 !important;
    background: #00a8e6 !important;
    color: #fff;
}

.newStyle input[type="checkbox"]:checked::before {
    font-size: 16px!important;
    color: #fff!important;
    width: 100%!important;
    height: 100%!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    font-weight: 100!important;
}

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

.myStyle2 .uk-form-row{
    width: 100%;
    display: flex;
    align-items: center;
}

.myStyle2 .uk-form-row label{
    width: 23%!important;
    padding-right: 15px;
}
.custom12 .uk-form-row .customSelect4{
    width: 30%!important;
}

.mb-50{
    margin-bottom: 50px;
}

.ln25{
    line-height: 25px!important;
}

.mb30{
    margin-bottom: 30px;
}

.myStyle3 > .uk-form-row{
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.myStyle3 .uk-form-row label{
    width: 20%!important;
    padding-right: 15px;
}

.myStyle3 .form-control{
    box-shadow: none;
    width: max-content!important;
}

.myStyle2 .form-control{
    box-shadow: none;
    width: max-content!important;
}

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

.btn-group-lg > .btn, .btn-lg {
	padding: 12px 16px!important;
}

.a-center{
    align-items: center;
}

.fw-400{
    font-weight: 400;
}

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

.customSelect5 button {
	background: #ebf6fb !important;
	color: #2ea8fe !important;
	border: none;
	padding: 11px;
	border-radius: 6px;
}

#invoice_gen_reate_cmnt{
    width: 100%!important;
}

.customImg{
    border: none !important;
    border-radius: 15px !important;
}

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

.removeImg{
    width: 25px;
    height: 25px;
    display: block;
    background: #058ef0 url(../images/merchant/close1.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    top: 0;
    right: 25%;
    border-radius: 100%;
    border-radius: 100px;
    border: 1px solid #058ef0;
    transition: 0.3s all;
}

.remimg2{
    right: 2%;
    top: 5px;
}

.deleteIm{
    width: 25px;
    height: 25px;
    display: block;
    background: #058ef0 url(../images/merchant/close1.png) no-repeat center;
    background-size: 50%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    border-radius: 100px;
    border: 1px solid #058ef0;
    transition: 0.3s all;
    color: transparent;
}

.p-relative{
    position: relative;
}

.viweIm{
    border: none!important;
    border-radius: 15px!important;
    overflow: hidden!important;
}


.merInfoSubBtn > button{
    font-size: 16px !important;
    padding: 4px 25px !important;
    font-family: Inter;
}

.w-max{
    width: max-content!important;
}

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

.btn-costum-primary{
    background: #00a8e6 !important;
    border-color: #00a8e6 !important;
}

.xstyle .iptStyle , .xstyle .uk-form-width-large{
    width: 30%!important;
}



.xstyle .customSelect4{
    width: 30%!important;
}

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

.assignpage-form li{
    margin-bottom: 10px;
}

#username , #password{
    padding-left: 50px!important;
}

.jqtStyle .jqte{
    width: 100%!important;
    margin-top: 10px!important;
}

.btTitleSet{
    background: #ebf6fb !important;
    color: #0a99ff !important;
    padding: 11px 54px!important;
    margin-right: 12px!important;
}

ul.settList{
    margin-top: 0!important;
}

.settList li{
    width: 100%;
    text-align: center;
}

.icheckbox_flat, .iradio_flat {
    background-image: url(../images/merchant/radio_button_group.png)!important;
    -webkit-background-size: 176px 22px!important;
    background-size: 55px 55px!important;
    filter: grayscale();
    opacity: 0.2;
    width: 24px!important;
    height: 24px!important;
}

.iradio_flat.checked{
    background-position: 2px -2px!important;
    filter: none;
    opacity: 1;
}

.iradio_flat{
    background-position: 2px -28px !important;

}

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

.w-auto{
    width: auto!important;
}
.myStyle2 .g-checkbox input{
    position: absolute;
    opacity: 0;
    z-index: 5;
    width: 100%!important;
    height: 100%!important;
    display: block!important;
}

.myStyle3 .g-checkbox input{
    position: absolute;
    opacity: 0;
    z-index: 5;
    width: 100%!important;
    height: 100%!important;
    display: block!important;
}

#total_commission_status_chosen{width: auto!important;}

.contImaging{
    padding: 12px;
    background: #fff;
    border-radius: 10px;
}

.imgCardDAsh{
    width: 20px;
}

.spnCardDash{
    display: flex;
    width: max-content;
    color: #fff;
}

.spnCardDash img{
    width: 18px;
    height: 18px;
    position: relative;
    top: 1px;
}

.newCardDashboard > p{
    color: #fff;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}


.footerCardDash{
    color: #fff;
    margin-top: 5px;
    opacity: 0.8;
}


.footerCardDash img{
    width: 15px;
    transition: 0.3s all;
    cursor: pointer;
}

.footerCardDash img:hover{
    transform: scale(1.3);
}

.newCardDashboard{padding: 10px;width: 24%;border-radius: 7px;}
.listcardstatic{display: flex;justify-content: space-between;align-items: center;padding: 15px !important;background: #fff;border-radius: 10px;}
.listcardstatic .newCardDashboard:nth-child(1){
    background: rgb(245,38,156);
    background: linear-gradient(150deg, rgba(245,38,156,1) 0%, rgba(159,52,249,1) 100%);
}

.listcardstatic .newCardDashboard:nth-child(2){
    background: rgb(23,204,254);
    background: linear-gradient(150deg, rgba(23,204,254,1) 0%, rgba(32,86,245,1) 100%);
}

.listcardstatic .newCardDashboard:nth-child(3){
    background: rgb(251,200,51);
    background: linear-gradient(150deg, rgba(251,200,51,1) 0%, rgba(245,64,57,1) 100%);
}

.listcardstatic .newCardDashboard:nth-child(4){
    background: rgb(103,255,54);
    background: linear-gradient(150deg, rgba(103,255,54,1) 0%, rgba(46,183,2,1) 100%);
}

.ds-welcome{
    margin-bottom: 0!important;
}

.welcomDash{
    margin-bottom: 15px;
    justify-content: space-between;
}

.welcomDash > div:last-child{
    width: 22%;
}

.welcomDash > div:last-child > div{
    margin-bottom: 0!important;
}

.welcomDash > div:first-child{
    width: 76%;
}

.xmme{
position: relative;
}

.xmme > p{
    position: absolute;
    top: 22%;
    transform: translateX(-50%);
    left: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 29px;
    font-weight: 600;
    opacity: 0;
}

#merchant .header_wrap h1{
	background: rgb(255, 255, 255);
    padding-top: 10px;
}

a.merchant-status{
    margin-top: 10px;
    padding: 5px 20px;
    border: none;
    background: #e5fcf0;
    color: #4dc985;
    font-weight: 900;
    text-shadow: none;
}

#section-static{
margin-top: 20px;
}

.static_sale_month{
    margin-top: 0;
}

.titleRestur{
    font-weight: 600 !important;
    font-family: Poppins !important;
}


.xmme1{
    position: relative;
}

.xmme1 > p {
	position: absolute;
	top: 16%;
	transform: translateX(-50%);
	left: 50%;
	font-size: 20px;
	text-align: center;
	line-height: 29px;
	font-weight: 600;
    opacity: 0;
}

.xmme2 > p{
    position: absolute;
    top: 30%;
    transform: translateX(-50%);
    left: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 29px;
    font-weight: 600;
    opacity: 0;
}

.apexcharts-legend{
    display: flex;
    justify-content: center;
}

.apexcharts-legend-series{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}

#section-marketing h1{
    font-family: Poppins !important;
}

#section-static h3  , #section-orders h3 , #section-populars h3  {
    font-family: Poppins !important;
}

#table_list.merchanSaleMonthly thead th:nth-child(2){
    text-align: center!important;
}

#table_list.merchanSaleMonthly tbody tr td:nth-child(2){
    text-align: center!important;
}

.contChart .apexcharts-legend.apx-legend-position-bottom, .contChart .apexcharts-legend.apx-legend-position-top {
	flex-wrap: nowrap!important;
    display: flex!important;
}

.contChart{
    margin-top: 20px;
    flex-wrap: wrap;
}

.contChart > div{
    box-shadow: 0px 0px 20px #f3f3f3;
    border-radius: 7px;
    width: 32%!important;
    margin-bottom: 25px;
    min-height: 370px;
}

/* .contChart > div.w50{
    width: auto!important;
} */

.contChart .apexcharts-legend-marker{
    border-radius: 50px!important;

}

.contChart .apexcharts-text tspan {
	font-family: inherit;
	font-family: Poppins!important;
	/* letter-spacing: 1px; */
}

.contChart .apexcharts-legend-text{
    font-family: Poppins!important;
}

.contChart > div h5{
    font-family: Poppins!important;
}

.contChart .apexcharts-text{
    font-family: Poppins!important;
}

.secTitle{
    width: 100%;
    text-align: center;
    font-size: 19px;
    padding-bottom: 15px;
}

.contNodata{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.contNodata > div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.contNodata p{
    text-align: center;
    width: 100%;
    font-size: 27px;
    color: rgb(172, 172, 172);
}

.contNodata img{
    width: 70px;
}

.commTable{
    margin-bottom: 0;
}

.view-actions:hover{
    text-decoration: none!important;
    cursor: pointer;
}

.customClass{
    top: 0!important;
    width: 25%!important;
    left: 75%!important;
    border-radius: 0 !important;
}

.viewActionPop{
    padding: 18px!important;
    font-family: Poppins!important;
}

.viewActionPop h3{
    margin-bottom: 0px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    font-family: Poppins !important;
    margin-bottom: 25px;
}

.br0{
    border-radius: 0!important;
}

.viewActionPop{
    background: #fff;
}

.viewActionPop ul {
    list-style: none;
    padding-left: 5px;
}

.viewActionPop ul li{
    min-height: 57px;
    border-left: 1px solid #ccc;
    padding: 0px 10px;
    position: relative;
}

.viewActionPop .content{
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
    background: #F9F9F9;
}

.viewActionPop .usName{
    font-weight: 500;
    font-size: 14px;
    color: #8c8c8c;
    text-transform: uppercase;
}

.customClass1{
    min-height: 100vh!important;
overflow-y: auto!important;
background: #fff!important;
}

.txp11{
    display: block;
width: 20px;
height: 20px;
background: #7da364;
border-radius: 100%;
left: -10px;
position: absolute;
z-index: 2;
top: -21px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}

.viewActionPop ul li:first-child .txp11{
    top: -10px;
}

.btCustomAction{
    color: #ccc;
font-size: 15px;
background: url(../images/merchant/history1.png) no-repeat center;
background-size: 100% 100%;
width: 20px;
height: 20px;
display: block;
}

/* #merchant .fancybox-desktop.fancybox-wrap{
    transform: translateX(100%);
    transition: 0.5s all!important;
} */

#merchant .customClass{
    transform: translateX(100%);
    transition: 0.5s all!important;
}

#merchant .fancybox-opened.customClass{
    transform: translateX(0%)!important;
}

 .titleLogg{
    margin: 0 4px;
font-weight: bold;
}

.itemLogg{
    margin: 0 7px;
    text-decoration: underline;
}

.viewActionPop small {
    word-wrap: break-word;
}


.ixon .mobileapp2{
    display: block;
    height: 26px;
    background: url(../images/admin/mobile.png) center;
    background-size: 100% 100%;
    width: 18px;
}
#table_list_filter label{margin:0px !important}
.ixon .single_mob{
    display: block;
    height: 23px;
    background: url(../images/admin/web.png) center;
    background-size: 100% 100%;
    width: 22px;
}
.ixon .grubpos{
    display: block;
    height: 23px;
    background: url(../images/admin/grubpos.svg) center;
    background-size: 100% 100%;
    width: 22px;
}
.ixon .kiosk{
    display: block;
    height: 23px;
    background: url(../images/admin/kiosk.svg) center;
    background-size: 100% 100%;
    width: 22px;
}

.ixon .grub24_web{
    display: block;
    height: 26px;
    background: url(../images/admin/mobgrub.png) center;
    background-size: 100% 100%;
    width: 18px;
}

.ixon .mobileapp2_new{
    display: block;
    height: 26px;
    background: url(../images/admin/mobile.png) center;
    background-size: 100% 100%;
    width: 18px;
}

.ixon .single_mob_new{
    display: block;
    height: 23px;
    background: url(../images/admin/web.png) center;
    background-size: 100% 100%;
    width: 22px;
}

.ixon .grub24_web_new{
    display: block;
    height: 26px;
    background: url(../images/admin/mobgrub.png) center;
    background-size: 100% 100%;
    width: 18px;
}


.ixon{
    display: flex;
justify-content: center;
align-items: center;
}

/* #chart4 .apexcharts-legend-series,#chart5 .apexcharts-legend-series{
    text-align: left!important;
    display: flex!important;
    justify-content: left!important;
}
#chart4 .apexcharts-legend.apx-legend-position-right,#chart5 .apexcharts-legend.apx-legend-position-right{
    display: flex!important;
align-items: center!important;
justify-content: center!important;
text-align: left!important;
} */


@media only screen and (min-width:768px) {

    .xmme1 > p {
        top: 4vw !important;
        left: 50%!important;
        font-size: 18px!important;
        line-height: 1.8vw!important;
        opacity: 0;
    }

    .xmme2 > p {
        top: 10vw !important;
        left: 50%!important;
        font-size: 18px!important;
        line-height: 1.8vw!important;
        opacity: 0;
    }

    .xmme > p {
        top: 4vw !important;
        left: 50%!important;
        font-size: 18px!important;
        line-height: 1.8vw!important;
        opacity: 0;
    }

    #section-marketing h1{
        font-size: 1vw !important;

    }


    #section-data > div:first-child{
        width: 73%;
    }

    #section-data > div:last-child{
        width: 27%;
    }

    #section-static > div:first-child{
        width: 73%;
    }

    #section-static > div:last-child{
        width: 27%;
    }

    #section-data > div:last-child > div{
        margin-bottom: 0!important;
    }

    #section-static > div:last-child > div{
        margin-bottom: 0!important;
        margin-top: 0!important;

    }

    #section-marketing{
        display: flex;
        justify-content: stretch;
    }

    #section-marketing  .card{
        height: 95%!important;
    }

    .settList{
        overflow: auto;
        max-height: 65vh;
    }
    .removeImg {width: 1.8vw!important;height: 1.8vw!important;}
    body.smallmenu .left_panel {
        background-color: rgb(255, 255, 255);
        width: 75px !important
    }

    body.smallmenu .header_wrap .pull-left.main-sidebar,
    body.smallmenu .navbar .pull-left.main-sidebar,
    body.smallmenu .header_wrap .pull-left.main-sidebar .left {
        min-width: auto !important;
        width: 75px !important
    }

    body.smallmenu .header_wrap .changemenuside {
        margin: 0px !important
    }

    body.smallmenu .menu a {
        font-size: 10px !important
    }
    body.smallmenu .menu a > span ,body.smallmenu .menu span > span{display:none !important;}
    body.smallmenu .menu li >  span {
        margin: 0px !important;
        font-size: 10px !important;
        width: 100% !important;
        white-space: normal
    }

    body.smallmenu .header_wrap .pull-left.main-sidebar img,
    body.smallmenu .main-header h1 img {
        display: none !important
    }

    body.smallmenu .left_panel>.menu {
        margin: 0;
        width: 75px !important
    }

    body.smallmenu .left_panel .menu>ul>li>ul {
        padding: 0px !important;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, .1) inset;
        background: rgb(230, 242, 255);
    }

    body.smallmenu .left_panel>.menu li>a,
    body.smallmenu .left_panel>.menu li>span {
        color: rgb(83, 83, 83);
        position: relative;
        width: 100%;
        padding-left: 10px !important;
        margin: 0px !important;
        white-space: normal !important;
        padding-right: 13px !important
    }

    body.smallmenu .menu ul li.active::after,
    body.smallmenu .menu ul li.active::before {
        width: 10px !important;
        height: 10px !important
    }

    body.smallmenu .menu ul li.active::before {
        top: -10px !important;
    }

    body.smallmenu .menu ul li.active {
        border-radius: 15px 0px 0px 15px !important
    }

    body.smallmenu .left_panel>.menu li>span {
        width: 54px;
        margin-right: 0
    }

    body.smallmenu .left_panel>.menu li .fa {
        font-size: 24px;
        margin-right: 25px;
        display: none !important
    }

    body.smallmenu .main_content>.inner {
        padding-left: 87px
    }

    body.smallmenu .left_panel>.menu li>a:hover {
        color: black;
    }

    body.smallmenu .left_panel>.menu li>span:hover,body.smallmenu .left_panel>.menu li>a:hover,
    body.smallmenu .left_panel>.menu li.active>a,
    body.smallmenu .openedmenu>span {
        text-decoration: none;
        color: #fff !important;
        border-radius: 0px !important;

    }
    body.smallmenu .left_panel .menu li >span,body.smallmenu .left_panel .menu li >a{text-align: center}
    body.smallmenu .left_panel .menu img{margin-right:10px !important;width:28px !important;}
    body.smallmenu .left_panel .menu>ul>li>span::before {
        right: 6px;
        top: 50%;
        font-size: 11px;
        transform: translateY(-50%);
        content: "\f105";

    }



    body.smallmenu .changemenuside i:before {
        content: "\f0c9"
    }

    .changemenuside {
        margin-left: 10px;
        margin-top: 5px;
        height: 44px
    }
}

@media only screen and (max-width:460px) {
    .uk-panel-box {
        width: 100% !important
    }

    .welcomDash > div:first-child {
        width: 100%;
    }

    .newCardDashboard {
        width: 100%;
        margin-bottom: 11px;
    }

}

@media only screen and (max-width : 767px) {
    .myStyle3 > .uk-form-row{padding-left: 0;}
    .flex-sm-wrap{flex-wrap: wrap;}
    .xstyle .iptStyle{width: 100%!important;}

    .xstyle .customSelect4{width: 100%!important;}
    .xstyle .uk-form-row{flex-wrap: wrap;}
    #logo-small{width: 100%!important;max-width: 100%!important;}
    .myStyle2 .uk-form-row label{width: 100%!important;}
    .myStyle2 .uk-form-row .customSelect4{width: 100%!important;}
    #percent_commision{margin-left: 0!important;margin-top: 10px;width: 100%!important;}
    .tableStyle #table_list_length{width: 100%;margin: auto;float: none;display: flex;justify-content: center;margin-top: 19px !important;}
    .tableStyle .dataTables_wrapper {overflow-x: inherit !important;}
    .tableStyle .tblHead{display: flex!important;margin: 20px 0 !important;flex-wrap: wrap;
        justify-content: left !important;}
    .tableStyle .tblHead a{margin-bottom: 10px}

    .header_wrap .pull-left.main-sidebar {
        background: transparent !important;
        min-width: inherit !important
    }

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

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

    .d-sm-wrap{
        flex-wrap: wrap;
    }

    .ml-sm-0{
        margin-left: 0px!important;
    }

    .left_panel {
        position: fixed !important;
        left: -300px;
        opacity: 0;
        top: 0;
        overflow-y: auto;
        z-index: 99999 !important;
        height: 100% !important;
        min-height: 100% !important;
        transition: 0.6s left;
    }

    .main_content>.inner {
        padding-left: 15px !important
    }

    .openMenu .left_panel {
        left: 0;
        opacity: 1;
    }

    .openMenu {
        overflow: hidden !important;
    }

    .openMenu .overlymenu {
        position: fixed;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        height: 100%;
        z-index: 99998
    }
}

@media only screen and (max-width : 992px) {
    .login-left {
        display: none;
    }

    .login-right {
        margin-top: 20%;
        background: #ffffff;
    }
}

/*** RESPONSIVE ***/
@media(min-width:767px){

    .j-sm-center {justify-content: center!important;}
    div.tblHead1 > a {
        min-width: 8vw !important;
        justify-content: space-evenly !important;
        max-width: 14vw !important;
        font-size: 1vw !important;
        padding: 0.8vw 1vw !important;
    }
    #table_list{margin-top: 15px;}
    .tblHead > a {
        min-width: 8vw!important;
        justify-content: space-evenly !important;
        max-width: 8vw!important;
        font-size: 1vw !important;
        padding: 0.8vw 1vw !important;
    }

    .tblHead > a span > svg{width: 1.5vw!important;}
    .customPicke > button{border: none;
        padding: 12px 10px;
        font-family: Inter;
        background-color: #ebf6fb!important;color: #1ea1fe!important;
        font-size: 1vw !important;
    }

    .customPicke{width: 15vw!important;}


}

.tyuh{
    margin-top: 33px;
    margin-bottom: 50px;
}

.okl{
    font-size: 14px;
    font-weight: 500;
}

.cdf{
    width: 35%!important;
}
body.show_filterbox{overflow:hidden !important;}
#adminpanel.show_filterbox .left.main_content{z-index:2}
table.collapsed td.dtr-control{padding-left:40px !important;}
.modalfilter_admin{position: fixed;left:100%;top:0px;width:100%;height:100%;background: rgba(0,0,0,.4);z-index:-150}
.modalfilter_content_admin{padding:20px 15px;position: absolute;right:0px;transform: translateX(100%);transition:.4s all;background: white;overflow:auto;height:100%;max-width:100%;width:500px;z-index:12;}
body.show_filterbox .modalfilter_admin{left:0px !important;z-index:150}
body.show_filterbox .modalfilter_admin .modalfilter_content_admin{transform:translateX(0%);}
.btnclose_filter {
    position: absolute;
    top: 50%;
    right: 516px;
    width: 40px;
    height: 40px;
    background: white;
    padding: 10px 14px;
    border-radius: 100%;
    box-shadow: 0px 0px 10px #ffffffa3;
    cursor: pointer;
}

.modalfilter_content_admin .chosen-container.chosen-container-multi{width:100% !important;}
.chosen-choices,.chosen-choices:focus {
    background: transparent !important;
    border: none !important;
    box-shadow:none !important;
    min-height:40px;
    padding-right:30px !important;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.chosen-choices:before {
    content:"\f067";
    font:normal normal normal 14px/1 FontAwesome;
    font-size: 17px;
    background: #c7e8ff;
    padding: 5px 7px;
    border-radius: 100%;
    color: #0a99ff;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top:50%;
    width:28px;height:28px;
    transform: translateY(-50%);
}
.chosen-container-multi .chosen-choices li.search-choice {
    border: none !important;
    padding: 10px 20px 10px 5px !important;
    background-image: none !important;
    background: linear-gradient(180deg, rgba(10,153,255,1) 0%, rgba(10,153,255,1) 49%, rgba(8,141,230,1) 51%, rgba(8,141,230,1) 100%) !important;
    color: #fff !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(/assets/images/merchant/delete.png) center no-repeat !important;
    background-size: 73% !important;
}
.blockquote .quote::after, .blockquote .quote::before {
    display: inline-block;
    content: '\201C';
    font-size: 350%;
    font-family: helvetica neue,Helvetica,Arial,sans-serif !important;
    height: .25em;
    line-height: 1ex;
    vertical-align: middle;
    margin-inline-end: 2%;
    opacity: .55;
}
.blockquote .quote::after {
    content: '\201D';
    line-height: 1.7ex;
    margin-inline: 2% 0;
}
.blockquote .quote{max-height:150px !important;overflow: auto !important;margin-bottom:0px !important;}
.rl{position:relative !important}
.commentbg:before{opacity:.3;position: absolute;top:0px;left:0px;width:100%;height:100px;background: url(/assets/images/admin/comment.svg) no-repeat;background-position: 103% -20px;background-size: auto 100%;z-index:1;content:" "}
.ratcontainimg {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
}
.ratcontainimg img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-width: 200%;
    z-index: -1;
}
#reviewCarousel .carousel-indicators li{margin:0px 2px !important;border:1px solid #ccc;width:8px !important;height:8px !important;}
#reviewCarousel .carousel-indicators .active{background: #ccc}
.carousel-indicators {
    bottom: -12px !important;
    margin-bottom: 0px !important;
}
.bgdashcar{
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,0.6418767336035978) 89%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,0.6418767336035978) 89%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,0.6418767336035978) 89%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    position: relative;
}

.t_note{
    background: #e95757;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-family: Ubuntu;
    font-size: 17px;
    z-index: 1;
}

.cont_note{
    position: absolute;
    right: 13px;
    display: flex;
    align-items: center;
}

.tx_note{
    background: #fff;
    padding-right: 36px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    border-radius: 4px;
    position: relative;
    left: 29px;
}

label.uk-form-label,.form-group > .control-label{font-weight:normal !important;}
.httpsmode{position: relative;float:left}
.httpsmode input{padding-left:80px !important;}
.httpsmode:before{content:"https://";position: absolute;left:25px;top:11px;}
.stickybaradd {position: sticky;top:0px;background: white !important;z-index:11;padding:10px 10px;}
.brbot1{border-bottom:1px solid rgba(0,0,0,.1)}
.custometabs{border:none !important;margin-top:20px !important;}
.custometabs li{margin:0px !important;border:none !important;margin-right:15px;border-radius:0px !important;margin-bottom: 10px !important;}
.custometabs li a{border:none !important;color:#a2a2a2 !important;font-weight:500;border-bottom:2px solid white !important;}
.custometabs li.uk-active > a,.custometabs li:hover > a{border-bottom:2px solid #019cf4 !important;color:#019cf4 !important;background: transparent;}



.titLable{
    width: 25%;
    margin-right: 10px!important;
    font-family: Inter !important;
    color: #414456 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
}


.titLable{
    font-family: Inter !important;
    color: #414456 !important;
    font-weight: 500 !important;
    font-size: 1rem !important;
}


#poluplar_items_dash .polular_item{box-shadow: 0px 0px 5px rgba(0,0,0,.4);transition: .4s transform;border:2px solid #17649c;background-color: white;border-radius:100px;margin-left:13px;width:36px;height:36px;display: inline-flex;justify-content: center;}
#poluplar_items_dash .polular_item:hover{transform:scale(1.2)}
#poluplar_items_dash .polular_item img{width:21px;}
#poluplar_items_dash .polular_item .tooltip{white-space:nowrap;top:50px}
#poluplar_items_dash .polular_item:hover .tooltip{opacity:1 !important;display:block !important;}
#poluplar_items_dash .tooltip-inner{max-width: inherit !important;}


@media(min-width:767px) and (max-width:1200px){
    div.tblHead {justify-content: start!important;}
    div.headTbl {flex-wrap: wrap!important;}
}
@media(min-width: 767px){
    .columnstwoform .uk-form-row:not(.fullrow){min-height:42px !important;padding-left:10px !important;margin:0px !important;margin-bottom:15px !important;max-width:50% !important;width:50% !important;float:left !important;}
    .columnstwoform .uk-form-row:not(.fullrow) input,.columnstwoform .uk-form-row:not(.fullrow) .httpsmode{width:100% !important;}
    .columnstwoform .uk-form-row.fullrow{float:left !important;width:100% !important;margin-bottom:15px !important;display:block !important;}
    .columnstwoform .uk-form-row.fullrow input,.columnstwoform .uk-form-row.fullrow .chosen-container{width:100% !important}
}
@media(max-width:767px){
    .titLable{width: 90%!important;}
    #adminpanel.module-dashboard:before,#adminpanel.module-index:before{
        padding-top:100%;border-radius:0px !important;
    }
    .blockquote .quote{max-height: inherit !important;
        overflow: visible !important;
        margin-bottom: 20px !important;}
    .btnclose_filter {
        right: 30px;
        top: 15px;
        z-index: 1111111;
        box-shadow: 0px 0px 10px rgba(0,0,0,.1);
    }
    .d-sm-none{display: none!important;}
    .mb-sm-5{margin-bottom: 5px!important;}
    .mb-sm-10{margin-bottom: 10px!important;}
    .footing{flex-wrap: wrap!important;}
    .footing > *{width: 100% !important;text-align: center;display: flex;justify-content: center;margin: 6px 0;}
    table.dataTable > tbody > tr.child ul.dtr-details{width: 100%!important;}
    table.dataTable > tbody > tr.child ul.dtr-details > li {display: flex;justify-content: space-between;align-items: center;}
    table.dataTable > tbody > tr.child span.dtr-title{text-align: left;}
    .tblHead {display: flex!important;flex-wrap: wrap!important;justify-content: space-around !important;}
    .tblHead > a {margin-bottom: 10px !important;margin-right: 5px !important;}
    .paging {text-align: center;display: flex;justify-content: center;}
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
        left: -8px!important;
    }
    .titleItemTable p {max-width: 70vw!important;}
}

table tbody td.dataTables_empty{text-align: center!important;padding:14px !important;color:#ccc}

@media (min-width: 1200px) {
    .titLable{font-size: 0.9vw !important;}
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

    .login-wrapper .right-container-wrap {
        width: 100%;
        margin: auto;
    }



    .login-wrapper .main-container {
        width: 100%;
        min-height: auto;
    }

    .main-container-wrap {
        padding: 20px;
    }

    .form-label-group>label,
    .btn-green,
    .form-control-text {
        font-size: 12px;
    }

    .form-control-text {
        min-height: 45px;
    }

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .maxw22vw{max-width:22vw !important;}
    .maxw40vw{max-width:40vw !important;}
    .c-c7ddec{color:#7d7979 !important}
    .navbar-nav .open .dropdown-menu{
        position: absolute !important;
        float: left !important;
        margin: 2px 0 0 !important;
        background-color: white !important;
        border: 1px solid rgba(0,0,0,.15) !important;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
        box-shadow: 0 6px 12px rgba(0,0,0,.175) !important;
    }
    .headTbl.d-flex.disable-xs .inputing{margin-bottom:10px !important;}
    #table_list_filter{float:none !important}
    #adminpanel .main-header{padding-top:15px !important;}
    .searchbox-admin input{max-width:210px !important;}
    .result-search-panel {
        position: fixed;
        left: 10px;
        right:10px;
        top: 80px;
        width: auto;
    }
    .d-flex.disable-sm{display: block !important}
    #adminpanel.module-dashboard:before{padding-top:450px;border-radius:0px 0px 0% 77%}
    .navbar .pull-left.main-sidebar{min-width:auto !important}
    /* .searchbox-admin input{} */
    .o-sm-auto{
        overflow : auto!important;
    }

    .o-sm-hidden{
        overflow : hidden!important;
    }


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

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


    .flex-wrap-xs{flex-wrap: wrap !important}
    .w-sm-100{
        width: 100%!important;
    }
    .mb-sm-10{
        margin-bottom: 10px!important;
    }
    .logok-wrapper {
        display: none;
    }

    .login-wrapper .left-container {
        min-height: 35vh;
    }

    .main-container-wrap {
        padding: 20px;
    }

    .form-label-group>label,
    .btn-green,
    .form-control-text {
        font-size: 12px;
    }

    .form-control-text {
        min-height: 45px;
    }

    .f-sm-wrap{
        flex-wrap: wrap!important;
    }

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

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .searchbox-admin input{max-width:160px !important;}
    .d-flex.disable-xs,.d-flex.disable-sm{display: block !important}
    .login-wrapper .left-container {
        min-height: 50vh;
    }

    .col-md-6.m-0.p-0.left-container {
        min-height: 50vh;
    }

    .login-wrapper .right-container-wrap {
        width: 100%;
        margin: auto;
        padding: 2em;
    }

    .login-wrapper .main-container {
        width: 100%;
        min-height: auto;
    }

    .form-label-group>label,
    .btn-green,
    .form-control-text {
        font-size: 12px;
    }

    .form-control-text {
        min-height: 45px;
    }

    .app-store-wrap img {
        max-width: 100%;
    }

}

/*** END RESPONSIVE ***/