@charset "utf-8";
/* CSS Document */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img, input, textarea, select {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: 'Montserrat', sans-serif;
}
a:link, a:visited{
text-decoration:none;
}
a:hover{
color:#323256;
text-decoration:none;
}
:root {
  touch-action: pan-x pan-y;
  height: 100% 
}
/*html {
overflow: auto;
}
*/
body {
line-height: 1;
background-color:#F0F0F0 !important;
-webkit-text-size-adjust: 100%;
}

*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td {
margin: 0;
padding: 0;
}
html, .fixedPopUp, .fixedShopCntSub, .fixedPopUpStartFinalFs .orderInfoRight, .fixedPopUpStartFinalFs .orderInfoLeft{
overflow-y:auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-color: #DBDBDB transparent;
scrollbar-width: thin;
}
html::-webkit-scrollbar, .fixedPopUp::-webkit-scrollbar, .fixedShopCntSub::-webkit-scrollbar, .fixedPopUpStartFinalFs .orderInfoRight::-webkit-scrollbar, .fixedPopUpStartFinalFs .orderInfoLeft::-webkit-scrollbar {
width: 8px;
height:100%;
cursor: ew-resize;
}
html::-webkit-scrollbar, .fixedShopCntSub:-webkit-scrollbar, .fixedPopUpStartFinalFs .orderInfoRight:-webkit-scrollbar, .fixedPopUpStartFinalFs .orderInfoLeft:-webkit-scrollbar{
width: 8px;
}
html::-webkit-scrollbar-track, .fixedPopUp::-webkit-scrollbar-track, .fixedShopCntSub::-webkit-scrollbar-track, .fixedPopUpStartFinalFs .orderInfoRight::-webkit-scrollbar-track, .fixedPopUpStartFinalFs .orderInfoLeft::-webkit-scrollbar-track {
background: rgba(219, 219, 219,.5);
}
html::-webkit-scrollbar-thumb, .fixedPopUp::-webkit-scrollbar-thumb, .fixedShopCntSub::-webkit-scrollbar-thumb, .fixedPopUpStartFinalFs .orderInfoRight::-webkit-scrollbar-thumb, .fixedPopUpStartFinalFs .orderInfoLeft::-webkit-scrollbar-thumb {
background: #eb2327;
}

:focus {
outline: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset,img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

caption,th {
text-align: left;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
h1{
font-weight: 500;
}

q:before,q:after {
content: '';
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

a img {
border: none
}
ul{
list-style:none;
}
a{
text-decoration:none;
}
ul {
list-style: outside none none;
}
/*body, div, span, b, strong, ul, li{
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}*/
.bigCnt{
position:relative;
float:left;
width:100%;
}
.bigCntIN{
position:relative;
margin:0 auto;
width:1400px;
}
.bigCntModule{
position:relative;
float:left;
width:100%;
}
.signup_frm {
position:relative;
float:left;
margin-top:60px;
padding: 30px 30px 50px;
background: none repeat scroll 0 0 #ffffff;
border-top: 5px solid #eb2327;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
width: 450px;
}
.errorArea {
position:relative;
float:left;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #f2dede;
border: 1px solid #ebccd1;
color: #a94442;
padding: 8px;
margin-bottom: 10px;
font-size: 13px;
width: 100%;
margin-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
width: calc(100% - 42px);
float: right;
margin-bottom: 20px;
padding-left: 15px;
} 
#comErr {
display: none;
margin-bottom: 40px;
}
.inputField {
position:relative;
float:left;
margin: 0 auto;
width: 100%;
z-index: 2;
} 
.inputFieldHeader {
position:relative;
float:left;
font-size: 15px;
color: #333;
text-align: right;
padding: 15px 5px 12px 0;
width: 116px;
}
.form-field {
border: 1px solid #e2e2e2;
display: block;
float: left;
font-size: 14px;
font-weight: 300;
outline: medium none;
margin-bottom: 25px;
padding: 13px 10px;
width: 280px;
color: #060506;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #e9e9e9;
background-color: #fafafa;
}
.g-recaptcha{
position:relative;
float:left;
}
.inputFieldBeforeBtnErr, .inputFieldBeforeBtnemail, .inputFieldBeforeBtnForgot, .inputFieldBeforeBtnLink {
color: #FF0000;
font-size: 12px;
display: none;
}
.inputFieldBeforeBtnErr, .inputFieldBeforeBtnForgot {
width: 300px;
margin-left: 123px;
line-height: 1.3;
margin-top: 10px;
}
.inputFieldBtn {
margin-top: 15px;
}
.signInBtn {
background-color: #eb2327 !important;
border: 1px solid #eb2327 !important;
color: #ffffff;
cursor: pointer;
font-size: 14px; 
font-weight: 400;
height: 44px;
letter-spacing: 0.5px;
margin: 0;
max-width: 100%;
padding: 5px;
width: 160px;
position:relative;
float:left;
text-transform:uppercase;
}
#signUpBtn:hover {
opacity: 1;
}

.headerArea {
position: fixed;
top: 0;
left: 0px;
width: 100%;
height: 60px;
background-color: #FFF;
z-index: 999;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
background-size: contain;
}
.linksCntTop{
position: relative;
float: left;
z-index:1;
 
}
.headerHrefs {
padding: 0!important;
position: relative !important;
float: left !important;
font-size: 15px !important;
font-weight: 500 !important;
color: #333333 !important; 
margin-left: 8px !important;
line-height: 60px !important;
margin-right: 8px !important;
letter-spacing: 0.02em;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.headerHrefs:hover, .headerHrefs a:hover, .headerHrefsActive {
color: #eb2327 !important;
text-decoration: none !important;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.rightAccountArea {
position:relative;
float: right;
margin-top: 11px;
padding-right: 10px;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 3px;
z-index:1;
border: 1px solid transparent;
}
.rightAccountContainer, .rightAccountContainerNon {
position:relative;
float:left;
padding-left: 32px;
height: 32px;
width: 16px;
background-position: center left;
padding-right: 4px;
cursor: pointer;
background-size: contain;
background-repeat: no-repeat;
background-image: url(../images/iconmonstr-user-20-s240.png);
}
.rightAccountContainerNon{
padding:0;
width:32px;
background-position:center;
}
.rightAccountContainerArr {
position:relative;
float:left;
height: 32px;
width: 16px;
background-position: center left;
cursor: pointer;
left: 10px;
background-repeat: no-repeat;
background-size: 12px;
background-image: url(../images/downArrNew2.png);
}
 
.sublistContainer {
position: absolute;
width: 130px;
background-color: #FFF;
z-index: 999;
min-height: 60px;
top: 45px;
right: -11px;
display: none;
min-width: 215px;
width: auto;
border: 1px solid #f3f3f3;
border-radius: 0 0 5px 5px;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.sublistContainerLineEliminator {
position: absolute;
height: 2px;
background-color: #FFF;
z-index: 99999;
width: 62px;
right: 0;
top: -2px;
display: none;
}
.sublistContainerClicked {
min-height: 30px;
display: block;
filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.1));
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.rightAccountAreaCntOptions {
position: relative;
float: left;
width: calc(100% - 40px);
height: 38px;
line-height: 38px;
cursor: pointer;
border-bottom: 1px solid #F3F3F3;
margin-left: 20px;
margin-right: 20px;
font-size: 14px;
color: #333;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
text-align: left;
}
.rightAccountAreaCntOptions:before {
position: absolute;
content: "";
top: 0;
left: -8px;
width: 24px;
height: 38px;
background-position: center;
background-repeat: no-repeat;
background-size: 14px 16px;
background-image: url(../images/myProfileIcon.svg);
}
.rightAccountAreaCntOptionsLoggout:before {
background-size: 18px;
background-image: url(../images/logoutIcon2.svg);
}
.rightAccountAreaCntOptionsLoggoutO:before{
    background-size: 18px;
    background-image: url(../images/iconmonstr-layer-multiple-alt-lined.svg);
    }
    .rightAccountAreaCntOptionsLoggoutO2:before{
        background-size: 18px;
        background-image: url(../images/iconmonstr-archive-6.svg);
        }
.rightAccountAreaCntOptions {
padding-left: 26px;
}
.rightAccountAreaCntOptions:hover {
color: #eb2327; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.rightAccountAreaClicked {
border: 1px solid transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
background-color: #FFF;
}
.headerNotFixed{
position:relative;
float:left;
width:100%;
height:60px;
}
.bigCntModuleCnt{
width: calc(100% - 42px);
background-color: #FFF;
border: 1px solid;
border-color: transparent;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 7px;
margin: 20px 0px 10px 0px;
border-style: none;
padding: 20px;
}
.listTopArea {
position:relative;
float:left;
border-bottom: 1px solid #dadada;
padding: 20px;
padding-top: 0;
padding-bottom: 0;
height: 40px;
margin-left: -20px;
margin-top: -20px;
background: #f3f3f3 url(../images/allCommon-Icons.png) repeat-x 0px -2857px;
width: 100%;
padding: 20px;

padding-bottom: 0;
margin-left: -20px;
margin-top: -20px;
background-color: #E3E3E3;
background-image: none;
border-bottom: 1px solid #D3D3D3;
height: auto;
padding-bottom: 12px;

}
.appListTable, .appListTable2 {
position: relative;
float: left;
border-collapse: collapse;
font-size: 12px;
margin-left: -20px;
width: calc(100% + 40px) !important;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
td {
text-shadow: 0 1px 0 #ffffff;
line-height: 1.3;
height: 32px;
padding: 5px;
padding-top: 3px;
padding-bottom: 2px;
text-align: left;
font-size: 12px;
color: #777;
border-bottom: 1px solid #d3d3d3;
font-weight: 300;
word-wrap: break-word;
}
th {
font-weight: 300;
font-size: 13px;
color: #777;
background: #e4e4e4 url(../images/allCommon-Icons.png) repeat-x 0px -2689px;
text-shadow: 0 1px 0 #ffffff;
line-height: 32px;
height: 32px;
padding: 5px;
padding-top: 3px;
padding-bottom: 2px;
text-align: left !important;
font-size: 12px;
color: #777;
border-bottom: 1px solid #d3d3d3;
font-weight: normal;
}
.appListTable td, .appListTable2 td {
color: #333;
font-size: 14px;
padding-top: 7px;
padding-bottom: 7px;
font-weight: normal !important;
border-color: #F3F3F3;
line-height: 1.4;
text-shadow: none !important;
}
.appListTable th, .appListTable2 th {
line-height: 32px;
height: 32px;
padding: 5px;
padding-top: 3px;
padding-bottom: 2px;
width: 10px;
text-align: center;
background: #E3E3E3 !important;
border-top: 1px solid #F3F3F3;
border-bottom: none;
color: #888888 !important;
font-size: 14px;
text-shadow: none !important;
} 
.listBtns, .listBtnsOther {
position: relative;
float: left;
white-space: pre;
outline: medium none;
margin-right: 3px;
cursor: pointer;
margin-left: -7px;
text-shadow: none;
color: #333333;
font-weight: 500;
font-size: 15px;
height: 38px;
line-height: 36px;

padding: 4px 15px 5px;
padding-top: 0;
padding-bottom: 0;
cursor:pointer;
background-color: #FFD233;
background-image: none;
border-radius: 3px;
text-shadow: none;
background-color: #D3D3D3;
border: 1px solid #D3D3D3;
color: #333333;
cursor:pointer;
}
.addBtns, .confirmOrderBtnPopUp {
cursor:pointer;
background: #eb2327;
border: 1px solid #eb2327 !important;
text-shadow: none;
padding: 4px 15px 5px;
padding-top: 0;
padding-bottom: 0;
position:relative;
float:right;
color: #FFF;
font-weight: 500;
font-size: 15px;
height: 38px;
line-height: 36px;
background-image: none;
border-radius: 3px;
}
.fixedPopUpStartFinalFs .confirmOrderBtnPopUp {
    position: fixed;
    right: 40px;
    bottom: 40px;
    z-index: 999999;
}
.appListTable checkbox, .appListTable radio, .fieldsArea checkbox, .fieldsArea radio {
position: relative;  
color: inherit;
font: inherit;
margin: 0;
margin: 5px;
margin-left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
top: 2px;
outline: 2px solid #F9685F;
}
.appListTable [type="checkbox"]:not(:checked),  .appListTable [type="checkbox"]:checked, .appListTable [type="radio"]:not(:checked), .appListTable [type="radio"]:checked, .fieldsArea [type="checkbox"]:not(:checked),  .fieldsArea [type="checkbox"]:checked, .fieldsArea [type="radio"]:not(:checked), .fieldsArea [type="radio"]:checked {
position: absolute !important;
left: -9999px;
}
.appListTable [type="checkbox"]:not(:checked) + label, .fieldsArea [type="checkbox"]:checked + label, .fieldsArea [type="radio"]:not(:checked) + label, .fieldsArea [type="radio"]:checked + label {  
position: relative;
overflow: hidden;
float:left;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;

-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
.fieldsArea label{
min-height:41px;
}
/* checkbox aspect */
.appListTable [type="checkbox"] + label:before, .appListTable [type="checkbox"] + label:after, .appListTable [type="radio"] + label:before, .appListTable [type="radio"] + label:after, .fieldsArea [type="checkbox"] + label:before, .fieldsArea [type="checkbox"] + label:after, .fieldsArea [type="radio"] + label:before, .fieldsArea [type="radio"] + label:after {
content: '';
position: absolute;
right: 0;
z-index: 1;

-webkit-transition: .2s;
transition: .2s;
}
.appListTable [type="checkbox"] + label:before, .appListTable [type="checkbox"] + label:after, .appListTable [type="radio"] + label:before, .appListTable [type="radio"] + label:after, .fieldsArea [type="checkbox"] + label:before, .fieldsArea [type="checkbox"] + label:after, .fieldsArea [type="radio"] + label:before, .fieldsArea [type="radio"] + label:after {
left:0;
right:auto;
}
/* Unchecked styles */
.appListTable [type="checkbox"]:not(:checked) + label:before, .appListTable [type="radio"]:not(:checked) + label:before, .fieldsArea [type="checkbox"]:not(:checked) + label:before, .fieldsArea [type="radio"]:not(:checked) + label:before {
top: 0px;
width: 15px; 
height: 15px;
border: 2px solid #8C8C8C;
border-radius: 5px;
}
.appListTable [type="checkbox"]:not(:checked) + label:after, .appListTable [type="radio"]:not(:checked) + label:after, .fieldsArea [type="checkbox"]:not(:checked) + label:after, .fieldsArea [type="radio"]:not(:checked) + label:after {
top: 0px;
width: 15px; height: 15px;
border: 2px solid #8C8C8C;
border-radius: 5px;
z-index: 0;
}
/* Checked styles */
.appListTable [type="checkbox"]:checked + label:before, .appListTable [type="radio"]:checked + label:before, .fieldsArea [type="checkbox"]:checked + label:before, .fieldsArea [type="radio"]:checked + label:before {
top: 3px;
right: 12px;
width: 3px;
height: 8px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
background-color:#eb2327;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
.appListTable [type="checkbox"]:checked + label:before, .appListTable [type="radio"]:checked + label:before , .fieldsArea [type="checkbox"]:checked + label:before, .fieldsArea [type="radio"]:checked + label:before {
left: 2px;
right:auto;
}
.appListTable [type="checkbox"]:checked + label:after, .appListTable [type="radio"]:checked + label:after, .fieldsArea [type="checkbox"]:checked + label:after, .fieldsArea [type="radio"]:checked + label:after {
top: 0px;
width: 15px; height: 15px;
border: 2px solid #eb2327;
background-color:#eb2327;
z-index: 0;
border-radius:5px;
}
/* disabled checkbox */
.appListTable [type="checkbox"]:disabled:not(:checked) + label:before, .appListTable [type="checkbox"]:disabled:checked + label:before, .appListTable [type="radio"]:disabled:not(:checked) + label:before, .appListTable [type="radio"]:disabled:checked + label:before , .fieldsArea [type="checkbox"]:disabled:not(:checked) + label:before, .fieldsArea [type="checkbox"]:disabled:checked + label:before, .fieldsArea [type="radio"]:disabled:not(:checked) + label:before, .fieldsArea [type="radio"]:disabled:checked + label:before {
top: 0;
box-shadow: none;
background-color: #444;
width: 15px; height: 15px;
border: 3px solid #444;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.appListTable [type="checkbox"]:disabled + label, .appListTable [type="radio"]:disabled + label, .fieldsArea [type="checkbox"]:disabled + label, .fieldsArea [type="radio"]:disabled + label {
color: #555;
}
.appListTable [type="checkbox"]:disabled:not(:checked) + label:hover:before, .appListTable  [type="radio"]:disabled:not(:checked) + label:hover:before, .fieldsArea [type="checkbox"]:disabled:not(:checked) + label:hover:before, .fieldsArea  [type="radio"]:disabled:not(:checked) + label:hover:before {
border-color: #E27A76;
}
.appListTable [type="checkbox"]:not(:checked) + label, .appListTable [type="checkbox"]:checked + label{
position:relative;
padding-left: 26px;
font-size: 15px;
margin-left: 10px;
color: #000000;
line-height: 23px;
}

.fieldsArea [type="checkbox"]:not(:checked) + label, .fieldsArea [type="checkbox"]:checked + label {
position:relative;
float: left;
padding-left: 26px;
font-size: 15px;
margin-top: 4px;
margin-left: 10px;
color: #000000;
line-height: 23px;
}
.appListTable th, .appListTable2 th {
background: #E3E3E3 !important;
border-top: 1px solid #F3F3F3;
border-bottom: none;
color: #888888 !important;
font-size: 14px;
text-shadow: none !important;
}
.tdInitial {
width: 10px !important;

}
.tdTitle {
width: 200px !important;
}
.listBottomArea {
position:relative;
float:left;
width: 100%;
padding: 20px;
padding-top: 7px;
padding-bottom: 7px;
margin-left: -20px;
background: #f3f3f3 url(../images/allCommon-Icons.png) repeat-x 0px -2857px;
border-top: 1px solid transparent;
background-color: #F0F0F0 
}
.listTotalList {
position:relative;
float:left;
line-height: 24px;
margin-left: -5px;
color: #888888 !important;
font-size: 14px !important;
}
.paginationArea {
position:relative;
float: right;
text-align: center;
}
.paginationArea span, .paginationArea div{
position:relative;
float:left;
}
.paginationArrows:link, .paginationArrows:visited, .paginationCurrent, .paginationCurrent2, .paginationArrows:link, .paginationArrows:visited, .paginationCurrent, .paginationCurrent2, .paginationCurrentPassive:link {
position:relative;
text-align: center;
width: 24px;
height: 24px;
float: left;
margin: 1px;
font-size: 12px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
color: #888888 !important;
font-size: 14px !important;
font-weight: normal !important;
padding-left: 4px;
padding-right: 4px;
}
.paginationArrows:link, .paginationArrows:visited, .paginationCurrent, .paginationCurrent2 {
text-align: center;
width: 24px;
height: 24px;
float: left;
margin: 1px;
font-size: 12px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
color: #333333 !important;
background-color: transparent;
}
body .paginationCurrent2, body .paginationArrows:hover, body .paginationCurrent:hover {
color: #333333 !important;
background-color: transparent;
}
.bigCntModuleCnt {
padding-bottom: 0;
}
.selectInputShowcase {
position: relative;
float: left;
width: 70px;
height: 24px;
color: #666;
margin-bottom: 5px;
margin-top: 5px;
border: 1px solid #e2e9ef;
border-top: 1px solid #cbd3e2;
font-weight: 300;
background-color: #FFF;
padding: 2px;
font-size: 12px;
outline: medium none;
}
.onoffswitch-label:before, .onoffswitch-label:after{
display:none !important;
}
body .onoffswitch-label {
position: static !important;
padding-left: 0 !important;
font-size: 0 !important;
margin-top: 0 !important;
height: auto !important;
float: none !important;
margin-left: 0 !important;
color: transparent !important;
line-height: 20px !important;
}
.activePassiT .onoffswitch-label, body .onoffswitch-label {
background-color: #D3D3D3;
border-color: #D3D3D3;
display: inherit !important;
}
body .onoffswitch-switch {
background: #888888;
border: 1px solid #888888;
}
body .onoffswitch-inner:after {
background-color: #D3D3D3;
color: #888888;
padding-right: 12px;
line-height: 23px;
}
.activePassiT .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, body .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
background-color: #FFF !important;
border: 1px solid #FFF !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
line-height: 23px;
}
.activePassiT .onoffswitch-inner:before, body .onoffswitch-inner:before {
background-color: rgb(70 144 255) !important;
}
.headeralert{
position:relative;
float:left;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
font-size: 15px;
text-align: center;
text-transform: uppercase;
}
#comErr {
display: none;
margin-bottom: 40px;
} 
body .profileSocialArea {
position: relative;
float: left;
width: 100%;
margin-top: 0;
margin-left: 0;
}
body .middleSubContainerHeadlineTwo {
position: relative;
float: left;
font-weight: 500;
font-size: 20px;
line-height: 1;
padding-bottom: 25px;
border-bottom: 1px solid #E3E3E3;
width: 100%;
color: #333;
margin: 0px;
}
body .middleContainerPostJob {
padding: 45px;
width: calc(100% - 90px);
overflow: unset;
}
.middleSubContainerHeadlineTwoDesc {
position: relative;
float: left;
padding-bottom: 10px;
padding-top: 10px;
line-height: 18px;
font-size: 12px;
width: 100%;
}
.fieldsArea, .fieldsAreaOther {
position:relative;
float:left;
width: calc(50% - 12px);
margin-right: 12px;
margin-top: 10px;
}
.fieldTitle {
position:relative;
float:left;
width: 180px;
margin-right: 10px;
padding: 6px;
line-height: 1.3;
vertical-align: top;
width: 100%;
font-weight: normal;
color: #333333;
font-size: 14px;
text-align: left;
}
.inputFields, .selectInput, .mapAddressUpdate {
position: relative;
float: left;
width: 280px;
height: 18px;
color: #666;
margin-bottom: 5px;
margin-top: 5px;
border: 1px solid #e2e9ef;
border-top: 1px solid #cbd3e2;
font-weight: 300;
padding: 2px;
font-size: 12px;
outline: medium none;
}
body .selectInput {
height: 40px;
line-height: 40px;
color: #333333;
background: #F3F3F3;
border-color: #F3F3F3;
padding-left: 8px;
padding-right: 8px;
margin-top: 0;
font-weight: normal;
border-radius: 5px;
font-size: 15px;
width: 100%;
font-weight: normal;
}
body .inputFields {
position: relative;
float: left;
height: 38px;
line-height: 38px;
color: #333333;
border: 1px solid #e2e9ef;
border-top: 1px solid #cbd3e2;
outline: medium none;
background: #F3F3F3;
border-color: #F3F3F3;
padding-left: 8px;
padding-right: 8px;
margin-top: 0;
font-weight: normal;
border-radius: 5px;
font-size: 14px;
margin-bottom: 5px;
font-weight: normal;
width: calc(100% - 18px) !important;
padding-top: 0;
padding-bottom: 0;
}
body .fieldsAreaLeft {
margin-left: 0;
width: calc(100% - 12px);
}
.submitBtnsBtn, .submitBtns{
cursor: pointer;
background: #eb2327;
border: 1px solid #eb2327;
text-shadow: none;
padding: 4px 15px 5px;
padding-top: 0;
padding-bottom: 0;
position: relative;
float: right;
color: #FFF;
font-weight: 500;
font-size: 15px;
height: 38px;
line-height: 36px;
background-image: none;
border-radius: 3px;
}

#cancelBtn{
background-color: #D3D3D3;
border: 1px solid #D3D3D3;
color: #333333;
margin-right:20px;
}
.generatePassword{
position:absolute;
right: 10px;
top: 5px;
color: #333333;
font-size: 14px;
text-decoration:underline;
cursor:pointer;
}
.inputFieldsJobInfoErr, .inputErr{
border-color:#F90000 !important;
}
.fieldsAreaTxtFull{
width:100%;
margin-left:0;
}
.checkboxLabelInfo  {
position: relative;
float: left;
cursor: pointer;
color: #404040;
padding: 6px; 
font-size: 13px;
line-height: 22px;
padding-left: 0;
font-size: 12px;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 5px;
margin-left: 5px;
}
body  .radioBoxNew, body  .radioBoxNew[type="radio"]:checked, body  .radioBoxNew[type="radio"]:not(:checked){
position: relative !important;
float: left !important;
color: inherit;
font: inherit;
margin: 0;
margin: 5px;
left:0 !important;
margin-left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
margin-right:10px;
}
input[type='radio']:after {
width: 13px;
height: 13px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #C4C4C4;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #C4C4C4;
}
input[type='radio']:checked:after {
width: 13px;
height: 13px;
border-radius: 15px;
top: -2px;
left: -1px;
position: relative;
background-color: #eb2327;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #eb2327;
}
.checkboxLabelInfo   span{
position:relative;
float:left;
margin-right:20px;
}
body .checkboxLabelInfo {
min-height:10px;
}
.tdUpdate .bussLogo{
left:0!important;
margin:0!important;
position:relative!important;
float:left !important;
width:80px !important;
height: 40px !important;
object-fit: contain!important;
}
.paginationCurrent2{
font-weight:600 !important;
color:#eb2327 !important;
}
.getOrderDetails, .editOrderBtn{
position:relative;
float:left;
cursor:pointer;
width:30px;
height:30px;
background-position:center;
background-repeat:no-repeat;
margin:10px;
margin-top:0;
margin-bottom:0;
}
.editOrderBtn{
background-image:url(../images/iconmonstr-pencil-thin2.svg);
}

.getOrderDetailsIcon, .getOrderDetailsIconUpsell{
background-image:url(../images/iconmonstr-magnifier-text-lined.svg);
}
.cancelOrderIcon, .cancelBreakRequest, .cancelBreakTime{
background-image:url(../images/iconmonstr-x-mark-lined.svg);
}
.confirmOrderIcon, .confirmOrderIconKitchen, .confirmBreakRequest, .confirmOrderIconEdit{
background-image:url(../images/iconmonstr-checkbox-22.svg);
}
.transferIcon{
background-image:url(../images/iconmonstr-arrow-right-alt-lined.svg);
}
.fixedPopUp {
position: fixed;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
background-color: rgba(255,255,255,0.7);
overflow: auto;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.fixedPopUpStart {
background-color: rgba(255,255,255,0.9);
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.fixedPopUpCnt {
position: relative;
float: left;
width: 90%;
margin-left: 5%;
margin-top: 10vh;
margin-bottom: 10vh;
background-color: #FFF;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
display: flex;
flex-wrap: wrap;
align-items: center;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.fixedPopUpCnt {
position: relative;
float: left;
width: 60%;
margin-left: 20%;
margin-top: 10vh;
margin-bottom: 10vh;
background-color: #FFF;
border-radius: 2px;
overflow: hidden;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
display: flex;
flex-wrap: wrap;
align-items: center;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.divider, .dividerOther{
position:relative;
float:left;
width:100%;
height:1px;
}
.fixedPopUpStartup {
width: 600px;
left: 50%;
margin-left: -300px;
}
.closePopUpBtn, .removeItemFromCart, .closePopUpBtnFinal, .clearAddressInput {
position: absolute;
right: 20px;
top: 20px;
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: 22px;
z-index: 999;
cursor: pointer;
background-image: url(../images/iconmonstr-x-mark-thin-240-1.png);
}
.getOrderDetailsCnt{
position:relative;
float:left;
padding:30px;
font-size:16px;
line-height:1.4;
color:#333;
width:calc(100% - 60px);
}
.getOrderDetailsCnt .productItemsCnt, .orderListTrKi .productItemsCnt{
position:relative;
float:left;
width:100%;
font-weight:500;
line-height:1.4;
margin-top:10px;
padding-bottom: 10px;

}
.getOrderDetailsCntH{
position:relative;
float:left;
width:100%;
margin-bottom:30px;
text-align:center;
color: #060506;
font-weight: 500;
line-height: 1.4;
font-size: 28px;
}
.getOrderDetailsCntH2{
font-size: 18px;
margin-bottom:20px;
}
.productItemsCntTotal{
font-size:18px;
margin-top:20px;
border-bottom:none !important;
}
.productItemsCntSub{
font-weight:normal !important;
padding-bottom:0 !important;
margin-top:10px !important;
margin-bottom:0 !important;
border-bottom:none !important;
}
.productItemsCntSubMsg{
background: #F3F3F3;
border-radius: 2px;
padding:10px !important;
width:calc(100% - 20px)  !important;
margin-bottom:20px !important;
}
.orderListTrKi .productItemsCntSubMsg{
    margin-top: 0 !important;
    font-size: 13px  !important; 
}
.exfd-hidden-scroll {
overflow-y: hidden;
}
.orderListTr{
background-color:#FFF;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.orderListTr:hover{
background-color:#F3F3F3;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.getOrderDetailsCntSubH{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
     font-size: 16px;
    color: #060506;
}
.textAreaCnt{
position: relative;
    float: left;
    width: calc(100% - 47px);
    padding: 10px 30px 10px 15px;
    appearance: none;
    color: #060506;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    z-index: 10;
	min-height:80px;
	margin-bottom:20px;
	resize:vertical;
    border: 1px solid #e9e9e9;
    background-color: #fafafa;
}
.popUpOrderBtns, .startWorkBtn, .askForTimeBreakBtn, .askForTimeBreakReceived, .askForTimeBreakActive, .logOutBtn, .dailyReportsBtn{
position:relative;
cursor: pointer;
    background: #eb2327;
    border: 1px solid #eb2327 !important;
    text-shadow: none;
    padding: 4px 15px 5px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    float: right;
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    background-image: none;
	
    border-radius: 3px;
}
.popupHelpImg{
position:relative;
width:40px;
height:40px;
margin-left:10px;
object-fit: contain;
}
.fixedPopUpStartFinal{
width:80%;
margin-left:10%;
}
.orderInfoLeft{
position:relative;
float:left;
width:50%;
}
.getOrderDetailsCntOrderConfirm .orderInfoLeft{
margin-right:20px;
width:calc(50% - 20px);
}
.getOrderDetailsCnt img{
position:relative;
float:left;
object-fit: contain!important;
width:150px;
height:65px;
left:50%;
margin-top:-15px;
margin-left:-75px;
margin-bottom:15px;
}
.orderInfoRight{
margin-right:0 !important; 
float:right!important; 
}
.orderInfoOderCnt{
margin-top:30px;
}
.orderInfoRight .productItemsCnt, .orderInfoOderCnt .productItemsCnt{
text-align:center;
border-color:#FFF;
padding-bottom:0;
margin-bottom:4px;
}
.orderInfoRight .productItemsCnt span, .orderInfoOderCnt .productItemsCnt span{
font-weight:300;
}
.cofirmOrderPopCntIn{
position:relative;
float:left;
width:100%;
}
.orderInfoRight .fieldsArea{
width:100%;
}
.dirverCntOnPopUp{
position:relative;
float:left;
padding:6px;
margin-bottom:10px;
width:calc(100% - 37px);
font-size:15px;
line-height:1.4;
color:#333;
    margin-left: 25px;
}
.dirverCntOnPopUpH{
position:relative;
float:left;

line-height:1.4
}
.dirverCntOnPopUpH:before{
position:absolute;
content:"";
width:7px;
height:7px;
left:-16px;
top:7px;
border-radius:50%;
}
.dirverCntOnPopUpH_1:before{
background-color:#34b233;
}
.dirverCntOnPopUpH_2:before{
background-color:#000;
}
.dirverCntOnPopUpH_3:before{
background-color:#FF0000;
}
.dirverCntOnPopUpH_4:before{
background-color:#FF9900;
}
.dirverCntOnPopUp span{
font-weight:500;
}
.driverStatusTop{
font-weight:500;
}
.driverStatusTop_1{
color:#34b233;
}
.driverStatusTop_2{
color:#000;
}
.driverStatusTop_3{
color:#FF0000;
}
.driverStatusTop_4{
color:#FF9900;
}

 

.showErrorOnPopUp{
position:relative;
float:left;
width:100%;
line-height:1.4;
color:#FF0000;
font-size:15px;
display:none;
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
.confirmedOrderSuccess{
position:fixed;
top:50%;
left:50%;
display:none;
    height: 300px;
    width: 300px;
	margin-left:-150px;
	margin-top:-150px;
}
.circ{
    opacity: 0;
    stroke-dasharray: 130;
    stroke-dashoffset: 130;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}
.tick{
    stroke-dasharray: 50;
    stroke-dashoffset: 50;
    -webkit-transition: stroke-dashoffset 0.8s 0.35s ease-out;
    -moz-transition: stroke-dashoffset 0.8s 0.35s ease-out;
    -ms-transition: stroke-dashoffset 0.8s 0.35s ease-out;
    -o-transition: stroke-dashoffset 0.8s 0.35s ease-out;
    transition: stroke-dashoffset 0.8s 0.35s ease-out;
}
.drawn + svg .path{
    opacity: 1;
    stroke-dashoffset: 0;
}
.footerArea {
position:relative;
float:left;
    width: 100%;
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
    color: #aaa;
    text-shadow: 0 2px 0 #fff;
    margin-bottom: 10px;
}
.footerArea a{
 color: #aaa;
}
.footerFixedCtSpancer{
position:relative;
float:left;
width:100%;
min-height:300px;
}
.footerFixedCt{
position:fixed;
bottom:0;
z-index:9;
left:0;
width:100%;
}
.fixedShopCnt{
position:relative;
float:left;
bottom:0;
width:200px;
background-color:#FFF;
border:1px solid #E3E3E3;
border-radius:5px 5px 0 0;
margin-left:20px;
}
.fixedShopCntSub{
position:absolute;
left:0;
bottom:0;
width:100%;
-webkit-box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px;
    box-shadow: rgb(0 0 0 / 30%) 0 1px 3px;
border-bottom:0;
max-height:70vh;
overflow-y:auto;
}
.footerFixedCts{
position:relative;
float:left;
width:100%;
}
.fixedShopCntG{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:15px;
color:#FFF;
height:40px;
border-radius:5px 5px 0 0;
line-height:40px;
}
.fixedShopCntG_1{
background-color:#eb2327;
}
.fixedShopCntG_2{
background-color:#B87B24;
}
.driversNameInFixedPop{
position:relative;
float:left;
padding:10px;
padding-left:25px;
padding-right:10px;
background-color:#FFF;
border-bottom:1px solid #E3E3E3;
color:#333;
line-height:1.4;
width:calc(100% - 35px);
cursor:pointer;
}
.driversNameInFixedPop:before{
left: 10px;
    top: 17px;
}
.driversNameInFixedPop .dirverCntOnPopUpH {
font-size:13px;
}
.driversNameInFixedPop .dirverCntOnPopUpH span{
font-weight:500;
}
.driversNameInFixedPop{
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;}
.driversNameInFixedPop:hover{
    background-color: #F3F3F3;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}
.getOrderDetailsCntDriverPopUp .appListTable{
margin-top:20px; margin-left: 0 !important;
width: 100% !important;
}
.regularUserDiv{
position:relative;
width:12px; 
display: inline-block;
height:12px;
background-position:center;
background-repeat:no-repeat;
background-image: url(../images/tick_1.svg);

}
.orderedMoreThanOnceCls:before{
position:absolute;
content:"";
width:20px;
height:20px;
margin-left:-22px;
background-position:center;
background-repeat:no-repeat;
background-image: url(../images/iconmonstr-error-filled.svg);
}
.confirmNotToCallAgainBtn{
position:relative;
float:left;
height:36px;
line-height:36px;
padding-left:15px;
padding-right:15px;
color:#333;
font-size:16px;
    border-radius: 3px;
border:2px solid #eb2327;
cursor:pointer;
background-color:#FFF;
-webkit-transition: .2s;
transition: .2s;
}
.confirmNotToCallAgainBtn:hover, .confirmNotToCallAgainBtnActive{
color:#FFF;
background-color:#eb2327;
-webkit-transition: .2s;
transition: .2s;
}
.confirmNotToCallAgainBtnActive{
min-height:36px;
height:auto;
}
.absItemsOnTopLeft{
position:absolute;
left:30px;
top:30px;
width:530px;
}
.moreThanOneOrderAlert{
position:relative;
float:left;
width:100%;
margin-top:10px;
font-size:16px;
color:#FF0000;
}
.moreThanOneOrderAlertG{
color:#006600;
}
.filterLeft{
position:relative;
float:left;
}
.filterRight{
position:relative;
float:right;
}
.searcchTopHeader{
position:relative;
float:left;
width:100%;
    font-size: 15px;
    color: #444;
    line-height: 30px;
    min-height: 30px;
}
.searchIcon{
position: absolute;
    z-index: 1;
    cursor: pointer;
    left: auto;
    right: 6px;
    opacity: 1 !important;
	    top: 8px !important;
		width:20px;
}
body #search {
    top: 0;
    height: 38px !important;
    line-height: 38px !important;
	background-color:#FFF;
	min-width: 300px;
}
.tdUpdate  a, .tdUpdate  a:visited, .tdUpdate  a:hover{
color: #333;
}
.tdUpdate  a:hover{
text-decoration:underline;
}
.orderInfoRight .transferIcon{
background-image:none;
}
.storeListOnPopUp, .storeListOnPopUpPmt{
position:relative;
float:left;
padding:4px;
padding-left:8px;
padding-right:8px;
border-radius:2px;
margin-right:10px;
margin-bottom:10px;
border:1px solid  #444;
cursor:pointer;
font-size:15px;
color:#444;
-webkit-transition: .2s;
transition: .2s;
}
.openStore{
color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.closesSoonCl{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.closedStore{
 color:#721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.storeListOnPopUpActive, .storeListOnPopUp:hover, .storeListOnPopUpPmtActive, .storeListOnPopUpPmt:hover{
    background: #eb2327;
	 border-color: #eb2327;
	color:#FFF;
 	-webkit-transition: .2s;
transition: .2s;
}
.disabledInput{
opacity:0.8;
cursor:not-allowed
}
.inputBoxCXnt{
position:relative;
float:left;
width:100%;
}
.signup_frmOther{
width:40%;
margin-left:30%;
padding:0;
border:none;
box-shadow: unset;
background-color:transparent;
}
.appLogin .bigCntIN{
width:100%;
}
.inputFieldsNo{
position:relative;
float:left;
width:calc(33.33% - 10px);
margin:4px;
border-radius:8px;
height:120px;
line-height:120px;
text-align:center;
font-weight:bold;
font-size:60px;
cursor:pointer;
background-color:#FFF;
border:1px solid #ccc;
}
.appLogin .inputFieldLast{
    padding: 0;
    width: 100%;
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 26px;
	-webkit-transition: .2s;
transition: .2s;
}
.appLogin .inputFieldsNo:hover, .appLogin .inputFieldsNo:active{
background-color:#eb2327;
border-color:#eb2327;
-webkit-transition: .2s;
transition: .2s;
}
.deleteAll, .appLogin .deleteAll:hover, .appLogin .deleteAll:active{
background-color:transparent;
border-color:transparent;
font-size: 42px;
}
.backspace, .appLogin .backspace:hover, .appLogin .backspace:active{
background-color:transparent;
border-color:transparent;
background-position:center;
background-repeat:no-repeat;
background-image:url(../images/iconmonstr-backspace-lined2.svg);
background-size: 80px;
}
.appLogin .inputFieldBeforeBtn{
margin-top:20px;
}
.appLogin .inputFieldBeforeBtn .inputFieldHeader{
display:none;
}
.appLogin .inputFieldBeforeBtn .g-recaptcha{
left:50%;
height:90px;
margin-left:-151px;
}
.appLogin .signInBtn{
height:68px;
float:left;
width:100%;
line-height:58px;
border-radius:8px;
letter-spacing:2px;
font-size: 36px;
    font-weight: 500;
}
.appLogin .inputFieldBeforeBtn  .inputFieldBeforeBtnErr{
    margin-top: 0;
    left: 50%;
    margin-left: -150px;
    text-align: center;
}
.appLogin  .inputFieldBeforeBtnErr{
margin-bottom:30px;
}
.appLogin .errorArea{
text-align:center;
font-size: 16px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.storeNmeH{
position:absolute;
height:60px;
line-height:60px;
font-weight:500;
font-size:24px;
color: #000;
width: 100%;
  text-align: center;
  z-index:0;
}
.orderInfoLeftSp{
margin-right:50px;
width:calc(50% - 50px);
}
body .inputFieldsK{
height: 40px;
    line-height: 40px;
	margin-bottom:40px;
    padding: 20px;
    width: calc(100% - 42px) !important;
}
.orderListTrKi{
    position: relative;
    float: left;
    padding: 10px;
    width: calc(14% - 35px);
    margin-top: 20px;
    margin-right: 20px;
    border-radius: 6px;
    background-color: #e2e3e5;
}
.statusExtraClsNew{
    color: #000;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.statusExtraClsNew{
    color: #000;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.statusExtraClsLate,  .breakDiv_98, .breakDiv_99{
       color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}
.statusExtraClsFinished{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.fixedPopUpStartFinalS{
width:40%;
margin-left:30%;
min-height:300px;
}
.startWorkBtn, .askForTimeBreakBtn, .askForTimeBreakReceived, .askForTimeBreakActive, .logOutBtn, .dailyReportsBtn{
float:left;
width:200px;
left:50%;
margin-left:-100px;
padding-left:0;
padding-right:0;
text-align:center;
text-transform:uppercase;
}
body .askForTimeBreakReceived{
background-color:#F0F0F0 !important;
border-color:#333  !important; 
color:#333 !important;
}
body .askForTimeBreakActive{
background-color:#eb2327  !important;
border-color:#eb2327  !important; 
color:#FFF !important;
}
.confirmOrderBtnPopUpLoadining{
opacity:0.7;
    cursor: not-allowed;
}
.usrsStrDiv{
position:relative;
float:left;
width:14px;
height:14px;
background-color:#CCC;
cursor:pointer;
border-radius:50%;
}
 
.usrsStrDiv_0{
background-color:#CCC;
color:#CCC;
}
.usrsStrDiv_1{
background-color:#34b233;
color:#34b233;
}
.usrsStrDiv_2{
background-color:#000;
color:#000;
}
.usrsStrDiv_3{
background-color:#FF0000;
color:#FF0000;
}
.usrsStrDiv_4{
background-color:#FF9900;
color:#FF9900
}
.statusDriverTop{
position:relative;
float:left;
margin-top:8px;
}
.usrsStrDiv:before{
position: relative;
  float: left;
  color: inherit;
  font-size: 14px;
  content: attr(title);
  margin-left: 20px;
  width: 200px;
}
.checkboxes, .radioBox {
position: relative;  
color: inherit;
font: inherit;
margin: 0;
margin: 5px;
margin-left: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
top: 2px;
position: absolute;
left: -9999px;
outline: 2px solid #F9685F;
}
.getOrderDetailsCnt [type="checkbox"]:not(:checked),.getOrderDetailsCnt  [type="checkbox"]:checked, .getOrderDetailsCnt [type="radio"]:not(:checked), .getOrderDetailsCnt  [type="radio"]:checked {
position: absolute;
left: -9999px;
}
.getOrderDetailsCnt [type="checkbox"]:not(:checked) + label, .getOrderDetailsCnt [type="checkbox"]:checked + label,.getOrderDetailsCnt  [type="radio"]:not(:checked) + label, .getOrderDetailsCnt [type="radio"]:checked + label {  
position: relative;
overflow: hidden;
float:left;
cursor: pointer;
display: inline-block;

-webkit-user-select: none; /* webkit (safari, chrome) browsers */
-moz-user-select: none; /* mozilla browsers */
-khtml-user-select: none; /* webkit (konqueror) browsers */
-ms-user-select: none; /* IE10+ */
}
/* checkbox aspect */
.getOrderDetailsCnt [type="checkbox"] + label:before, .getOrderDetailsCnt [type="checkbox"] + label:after, .getOrderDetailsCnt  [type="radio"] + label:before, .getOrderDetailsCnt [type="radio"] + label:after {
content: '';
position: absolute;
left: 0;
z-index: 1;

-webkit-transition: .2s;
transition: .2s;
}
/* Unchecked styles */
.getOrderDetailsCnt [type="checkbox"]:not(:checked) + label:before, .getOrderDetailsCnt  [type="radio"]:not(:checked) + label:before {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #eb2327;
border-radius: 2px;
}
.getOrderDetailsCnt [type="checkbox"]:not(:checked) + label:after,.getOrderDetailsCnt  [type="radio"]:not(:checked) + label:after {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #eb2327;
border-radius: 2px;
z-index: 0;
}
/* Checked styles */
.getOrderDetailsCnt [type="checkbox"]:checked + label:before, .getOrderDetailsCnt [type="radio"]:checked + label:before {
top: 3px;
left: 12px;
width: 4px;
height: 10px;
left: 3px!important;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #FFF;
border-bottom: 2px solid #FFF;
-webkit-transform: rotateZ(37deg);
transform: rotateZ(37deg);

-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
.getOrderDetailsCnt [type="checkbox"]:checked + label:after, .getOrderDetailsCnt  [type="radio"]:checked + label:after {
top: 0px;
width: 20px; 
height: 20px;
border: 2px solid #eb2327;
border-radius: 2px;
z-index: 0;
background-color: #eb2327;
}
/* disabled checkbox */
.getOrderDetailsCnt [type="checkbox"]:disabled:not(:checked) + label:before, .getOrderDetailsCnt [type="checkbox"]:disabled:checked + label:before, .getOrderDetailsCnt [type="radio"]:disabled:not(:checked) + label:before, .getOrderDetailsCnt [type="radio"]:disabled:checked + label:before {
top: 0;
box-shadow: none;
background-color: #eb2327;
width: 24px; height: 24px;
border: 3px solid #eb2327;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
}
.getOrderDetailsCnt [type="checkbox"]:disabled + label, .getOrderDetailsCnt [type="radio"]:disabled + label {
color: #555;
}
.getOrderDetailsCnt [type="checkbox"]:disabled:not(:checked) + label:hover:before, .getOrderDetailsCnt  [type="radio"]:disabled:not(:checked) + label:hover:before {
border-color: #E27A76;
}	
.getOrderDetailsCnt [type="checkbox"]:not(:checked) + label, .getOrderDetailsCnt [type="checkbox"]:checked + label, .getOrderDetailsCnt [type="radio"]:not(:checked) + label, .getOrderDetailsCnt [type="radio"]:checked + label {
    float: left;
    padding-left: 38px;
    font-size: 16px;
    color: #060506;
    line-height: 24px;
    width: calc(100% - 129px);
}
.confirmOrderByChickenLabel{
margin-bottom:30px;
}
.errCheckBox{
position:relative;
float:left;
width:100%;
color:#FF0000;
font-size:16px;
line-height:1.4;
margin-top: -25px;
    margin-bottom: 30px;
	display:none;
	-webkit-transition: .2s;
transition: .2s;
}
.errCheckBoxActive{
display:block;
-webkit-transition: .2s;
transition: .2s;
}
.bigCntriver{
width:100%;
margin:0;
}
.bigCntriver .bigCntIN{
padding:0;
margin:0;
width: 90%;
margin-left:5%;
}
.bigCntriver .bigCntModuleCnt{
margin-top:0;
padding:0;
width:100%;
background-color: transparent;
}
.dirverCntOnPopUpHD:before{
display:none;
}
.dirverCntOnPopUpHD{
width:100%;
margin-top:30px; 
}
.listHeadersCnt{
position:relative;
float:left;
font-size:20px;
min-height:40px;
cursor:pointer;
text-transform:uppercase;
width:100%;
}
.listHeadersCntS{
position:relative;
float:left;
width:100%;
font-size:13px;
font-style:italic;
line-height: 1.4;
  text-transform: none;
}
.listHeadersCntHH{
position:relative;
float:left;
}
.deliveryOrderCnt{
position:relative;
float:left;
padding:15px;
 margin-top:20px;
width:calc(100% - 30px);
background-color:#FFF;
border-radius:6px;
}
 
.deliveryOrderCntNO{
position:relative;
float:left;
font-size:14px;
line-height:20px;
}
.deliveryOrderCntNane{
position:relative;
float:left;
font-weight:500;
font-size:16px;
margin-top:10px;
}
.deliveryOrderCntNOPhone{
position:relative;
float:right;
font-size:16px;
color: #060506;
cursor:pointer;
line-height:20px;
}
.deliveryOrderCntNOPhone a{
color: #060506;
}
.deliveryOrderCntNOPhone:before{
position:relative;
float:left;
content:"";
height:20px;
width:20px;
background-position:center;
display: none;
background-size: contain;
background-repeat:no-repeat;
background-image:url(../images/iconmonstr-phone-thin2.svg);
}
.deliveryOrderCntTotal{
position:relative;
float:right;
font-weight:600;
font-size:22px;
color:#eb2327;
margin-top:10px;
}
.dividerd{
margin-top:10px;
}
.deliveryOrderCntAdd{
position:relative;
float:left;
width:100%;
margin-top:20px;
line-height:1.6;
font-size:16px;
}
.deliveryOrderCntAddPmt{
width:100%;
}
.deliveryOrderCnt_3, .breakDiv_0{
       color: #000;
    background-color: #F0F0F0;
    border-color: #fdfdfe;
}
.deliveryOrderCnt_3 a, .deliveryOrderCnt_3 .deliveryOrderCntTotal{
  color: #004085;
}
.deliveryOrderCnt_4, .deliveryOrderCnt_6{
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.deliveryOrderCnt_4 a, .deliveryOrderCnt_4 .deliveryOrderCntTotal, .deliveryOrderCnt_6 a, .deliveryOrderCnt_6 .deliveryOrderCntTotal{
  color: #000;
}
.deliveryOrderCnt_5, .deliveryOrderCnt_7{
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.deliveryOrderCnt_5 a, .deliveryOrderCnt_5 .deliveryOrderCntTotal, .deliveryOrderCnt_7 a, .deliveryOrderCnt_7 .deliveryOrderCntTotal{
  color: #000;

}
.deliveryOrderCntFoooter{
position:relative;
float:left;
width:100%;
top:15px;
margin-top:10px;
}
.viewOrderDetails, .orderStatusUpdate{
position:relative;
float:left;
width:50%;
text-align:center;
font-size:15px;
border-radius:6px;
background-color:#FFF;
cursor:pointer;
height:50px;
line-height:50px;
margin-left:0;
  margin-bottom: 14px;
  width: 100%;
  
}
.viewOrderDetailssP{
    position: relative;
    float: right;
    cursor: pointer;
    width: 30px;
    background-color:  transparent;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 10px;
    margin-top: -4px;
    margin-bottom: 0;
    background-image: url(../images/iconmonstr-magnifier-text-lined.svg);
}
.markDelivered, .orderStatusUpdate, .pickUpBtn{
float:right;
}
.orderStatusUpdate{
background-color:transparent;
}
.deliveryOrderCntAdd img{
position: relative;
  height: 20px;
  margin-top: 5px;
  top: 3px;
  left: -3px;
}
.cancelForm{
position:relative;
float:left;
height:45px;
padding-left:10px;
padding-right:10px;
text-align:center;
line-height:45px;
font-size:18px;
border-radius:6px;
font-weight:500;
margin-top:20px;
cursor:pointer;
background-color:#F0F0F0;
border:1px solid #F0F0F0;
}
.confirmAction, .goOnDeliveryBtn2{
position:relative;
float:right;
margin-top:20px;
height:45px;
padding-left:10px;
padding-right:10px;
border-radius:6px;
text-align:center;
line-height:45px;
font-size:18px;
cursor:pointer;
background-color:#eb2327;
color:#FFF;
font-weight:500;
border:1px solid #eb2327;
}
.goOnDeliveryBtn, .startDeliveryBtn{
position: relative;
  float: right;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  text-transform: none;
   padding-left: 12px;
  padding-right: 12px;
   border-radius: 6px;
  background-color: #FF9900;
  color: #FFF;
  cursor:pointer;
}
.startDeliveryBtn{
background-color:#34b233;
color:#FFF;
}
.getOrderDetailsCntHP{
position:relative;
float:left;
width:100%;
line-height:1.6;
text-align:center;
font-size:16px;
}
.markDelivered{
background-color: #FF0000;
  color: #FFF;
}
.pickUpBtn {
background-color: #FF9900;
  color: #FFF;
}
.noIncomingOrders{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:16px;
margin-top:30px;
margin-bottom:60px;
}
.dirverCntOnPopUpH_2{
font-weight:500;
margin-top:30px;
}
.popUpCnt2{
position:relative;
float:left;
padding:15px;
border-radius:6px;
width:calc(100% - 30px);
background-color: #F0F0F0;
margin-bottom:30px;
}
.popUpCnt2H{
position:relative;
float:left;
width:100%;
font-size:15px;
margin-bottom:5px;
line-height:1.4;
}
.popUpCnt2H2{
position:relative;
float:left;
width:100%;
margin-top:6px;
margin-bottom:0;
font-size:13px;
} 
body .getOrderDetailsCntNonM .inputFieldsK{
margin-bottom:15px;
background-color:#FFF;
}
.getOrderDetailsCntNonM .startWorkBtn, .getOrderDetailsCntNonM .askForTimeBreakBtn, .askForTimeBreakReceived, .askForTimeBreakActive, .getOrderDetailsCntNonM .logOutBtn, .getOrderDetailsCntNonM .dailyReportsBtn{
left:0;
margin-left:0;
width:100%;
padding-left:0;
padding-right:0;
height:48px;
line-height:48px;
text-align: center;
  font-size: 15px;
  border-radius: 6px;
  cursor:pointer;
  text-transform:none;
}
.getOrderDetailsCntNonM .askForTimeBreakBtn, .askForTimeBreakReceived, .askForTimeBreakActive{
background-color:#000;
color:#FFF;
border-color:#000 !important;
}
.getOrderDetailsCntNonM .logOutBtn, .getOrderDetailsCntNonM .dailyReportsBtn{
background-color:#FF0000;
color:#FFF;
border-color:#FF0000 !important;
}
.bussLogoDriver{
position:relative;
float:right;
width:auto;
height: 30px !important;
  margin-top: -10px !important;
}
.breakAletrs{
position:relative;
float:left;
padding:10px;
padding-right:10px;
height:20px;
line-height:20px;
border-radius:6px;
font-size:14px
}
.breakDiv_0{
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.breakDiv_1, .breakDiv_2{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.breakBgCnt{
position:relative;
float:left;
width:100%;
margin-top:30px;
}
.breakBgCntH{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:16px;
margin-bottom:10px;
}
.breakBgCntHG{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:22px;
margin-bottom:10px;
}
.popUpCnt2H22{
font-size:14px;
margin-top:10px;
line-height:1.4;
}
.fixedShopCntSub .driversNameInFixedPop{
margin-top:0;
}
.driverClickBtnOnBreak{
position:relative;
float:left;
     cursor: pointer;
    width: 80px;
    height: 30px;
 }
.alertTopHeader{
    position: relative;
    top: -10px;
    padding: 6px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-radius: 50%;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-color: #FF0000;
}
.orderStausDiv{
position:relative;
float:left;
padding:10px;
padding-right:10px;
min-height:20px;
line-height:20px;
border-radius:6px;
font-size:14px
}
.orderStausDiv_7{
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.orderStausDiv_98, .orderStausDiv_99{
       color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.orderStausDiv_2{
      color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.orderStausDiv_3{
   color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}
.orderStausDiv_4{
 color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}
.orderStausDiv_5{
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.orderStausDiv_6{
   color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.filtersAddOnCnt{
position:relative;
float:right;
    width: auto !important;
    font-weight: 500;
}
.filtersAddOnCnt label{
font-size:14px;
line-height:20px  !important;
}
.totalOrdersInfo{
position:relative;
float:left;
width:100%;
margin-top:20px;
text-align:center;
display:flex;
justify-content: center;
margin-bottom:20px;
}
.totalOrdersInfoH{
position:relative;
float:left;
width:auto;
margin-right:30px;
font-size:18px;
font-weight:500;
}
.fixedPazarInfoCnt{
position:fixed;
bottom:0;
width:100%;
background-color:#FFF;
border-top:1px solid #eb2327;
z-index:1;
padding-bottom:15px;
padding-top:15px;
display:flex;
}
.fixedPazarInfoCntHS{
position:relative;
float:left;
width:100%;
text-align:center;
font-size:16px;
font-weight:500;
}
.listHeadersCntD{
margin-top:30px;
text-align:center;
width:100%;
}
.getOrderDetailsCntNonM  .dailyReportsBtn{
background-color:#0C5A90  !Important;
border-color:#0C5A90  !Important;
color:#FFF !Important;
}
.ui-widget div, .ui-widget span{
float:none;
}
.ui-widget td{
height:auto;
}
.ui-widget { font-size: 12px; }
.ui-datepicker .ui-datepicker-header{
width:99%;
}
.filtersAddOnCnt2{
height:26px;
line-height:26px;
margin-bottom:10px;
font-size:14px
}
.filtersAddOnCnt2T{
position:relative;
float:left;
margin-left:15px;
margin-right:15px;
height:26px;
line-height:26px;
font-size:14px
}
body .filtersAddOnCnt input{
background-color:#FFF;
height:26px  !Important;
line-height:26px  !Important;
font-size:13px  !Important;
text-align:center;
width:80px  !Important;
}
.reportsCnt{
position: relative;
    float: left;
    width: calc(100% + 40px);
    margin-left: -20px;
}
.reportsCntBtn{
position:relative;
float:left;
width:auto;
cursor: pointer;
    background: #eb2327;
    border: 1px solid #eb2327 !important;
    text-shadow: none;
    padding: 4px 15px 5px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
     color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    background-image: none;
    border-radius: 3px;
}
.reportsCntBtnCnt{
position:relative;
float:left;
padding:20px;
width:calc(100% - 40px);
}
.topContainerReports{
position:relative;
float:left;
width: calc(100% + 40px);
    margin-left: -20px;
}
.topContainerReports_line, .topContainerReports_pie{
position:relative;
float:left;
width:70%;
height:400px;
}
.topContainerReports_pie{
width:30%;
}
.topContainerReports_lineLoading{
background-position:center;
background-repeat:no-repeat;
background-size:64px;
background-image:url(../images/Iphone-spinner-2.gif);
}
.google-visualization-title {
  text-align: center;
  margin: 0 auto;
}
.generalReportsKitchen{
margin-left:20px;

}
.generalAgentReports{
margin-left:20px;
}
#startTime, #endTime{
margin-left:5px;
    width: 60px !important;
}
.ui-datepicker, .ui-datepicker-title{
font-family: 'Montserrat', sans-serif !important;

}
.ui-datepicker-title{
font-weight:normal;
}
.ui-widget-header{
background:#ccc !important;
border-color:#ccc !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #ddd !important;
	background:#ddd !important;
     font-weight: normal !important;
    color: #444 !important;
	    font-size: 14px  !important;
}
.ui-widget-content a {
    color: #333333;
	font-size: 14px  !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
font-weight: normal !important;
    color: #444 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #ddd !important;
    background: #ddd !important;
    color: #444 !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
     border: 1px solid #ddd !important;
    background: #ddd !important;
    font-weight: bold;
   color: #444 !important;
}
.ui-datepicker .ui-datepicker-prev:hover span, .ui-datepicker .ui-datepicker-next:hover span{
     background-image: url("images/ui-icons_ffffff_256x240.png") !important;
 }
.ui-timepicker-viewport{

}
.ui-timepicker-viewport{
overflow-y:auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
scrollbar-color: #DBDBDB transparent;
scrollbar-width: thin;
}
.ui-timepicker-viewport::-webkit-scrollbar {
width: 3px;
height:100%;
cursor: ew-resize;
}
.ui-timepicker-viewport::-webkit-scrollbar{
width:3px;
}
.ui-timepicker-viewport::-webkit-scrollbar-track {
background: rgba(219, 219, 219,.5);
}
.ui-timepicker-viewport::-webkit-scrollbar-thumb {
background: #eb2327;
}
.ui-timepicker{
z-index: 99999999999999;
    position: relative;
}
.restoreCanceledOrderBtn{
position:relative;
float:left;
font-size:16px;
cursor:pointer;
margin-top:10px;
    background: #eb2327;
    border: 1px solid #eb2327 !important;
	color:#FFF;
	    font-weight: 500;
    font-size: 15px;
	    height: 32px;
    line-height: 32px;
    background-image: none;
    border-radius: 3px;
	    padding: 0 15px 0 15px;
}
.filterRightBtn{
position:relative;
float:left;
color:#333!important;
text-decoration:underline !important;
}
#mapCnt{
position:relative;
float:left;
height:600px;
width:100%;
margin-bottom:20px;
}
.mapAddressUpdate{
width:120px;
}
.barazoBtn, .barazimetBtn{
position:relative;
float:left;
margin-left:20px;
    cursor: pointer;
    background: #eb2327;
    border: 1px solid #eb2327 !important;
    text-shadow: none;
    padding: 4px 15px 5px;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    float: right;
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    background-image: none;
    border-radius: 3px;
}
.totalOrdersInfoHs{
position:relative;
float:right;
text-align:right;
font-size:16px;
} 
.totalOrdersInfoHOth{
width:100%;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #ddd;
}
.printCntArea{
display:none;
}
.totalOrdersInfoHT, .printContainer{
position:relative;
float:left;
width:100%;
}
.printDriverInfo, .printDriverInfoAll{
position:absolute;
right:0;
bottom:20px;
} 
.printDriverInfoAll{
bottom:0;
}
#images_preview {
    position: absolute;
    display: none;
}
.addImageIcon {
    position: relative;
    float: left;
    width: 300px;
    height: 200px;
    line-height: 200px;
    border: 1px solid #F3F3F3;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-pack: center;
    box-align: center;
    font-size: 13px;
    cursor: pointer;
    border-radius:5px;
    background-color: #fff;
    z-index: 999;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #000;
    background-color: #F3F3F3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .addImageIconUploading{
    background-size: 24px;
    background-image: url(../images/ajax-loader.gif) !important;
    background-size:16px;
    background-color:#FFF;
    }
    .tdUpdate .bussLogoImg{
    height:80px;
    height: 80px !important;
}
.fieldsAreaASD, .fieldsAreaASDOther{
    position: relative;
    float: left;
    display: none;
    width:100%;
}
.fieldsAreaASDOtherC{
    position: relative;
    float: left;
     width:60%;
     margin-right: 40%;
}
.fieldsAreaASDOtherC .inputFields{
    width:calc(25% - 30px) !important;
    margin-right: 15px !important;
    margin-top: 15px !important;
}
.fieldsAreaASDOtherC .inputFieldsasd{
    margin-right: 0!important;
}
.addMoreOptions, .removeOptions{
    position: absolute;
    right: -74px;
    bottom: 6px;
    cursor: pointer;
    background: #eb2327;
    border: 1px solid #eb2327;
    text-shadow: none;
    padding: 4px 15px 5px;
    padding-top: 0;
    padding-bottom: 0;
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 36px;
    line-height: 36px;
    background-image: none;
    border-radius: 5px;
}
.removeOptions{
    color: #eb2327;
    right: -84px;
    background: #FFF;
    border: 1px solid #eb2327;
}
.previousOrdersCnt {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 60px;
    margin-bottom: 30px;
    display: flex;
        justify-content: center;
        align-items: center;
}
.previousOrdersCnt:before {
    position: absolute;
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    top: -40px;
    content: attr(title);
}
.latestOrderCnt {
    position: relative;
    float: left;
    border-radius: 5px;
    padding: 10px;
    width: calc(50% - 42px);
    margin-right: 20px;
    margin-bottom: 20px;
    background-color: #F0F0F0;
    border: 1px solid #F0F0F0;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}
.latestOrderCnH {
    position: relative;
    float: left;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 10px;
    font-size: 16px;
}
.fixedPopUpStartFinalFs{
    width: 100%;
    min-height: 100vh;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
} 
body #clientPhoneNo{
    width:140px !important;
    margin-right: 15px;
}
body #destinationAddress{
    width: calc(100% - 192px) !important;
}
.menuHeaderND{
    position: relative;
    float: left;
    height: 30px;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px;
    cursor: pointer;
    border: 1px solid #eb2327;
    border-radius: 5px;
    -webkit-transition: .2s;
    transition: .2s;
    float: right;
    margin-bottom: 3px;
}
.menuHeaderND:hover, .menuHeaderNDActive{
    color: #FFF;
    background-color: #eb2327;
    -webkit-transition: .2s;
transition: .2s;
}
.fixedPopUpStartFinalFs .orderInfoOderCnt{
    margin-top: 0;
}
.menuBigCnt{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.menuBigCntL{
    position: relative;
    float: left;
    width: 100px;
}
.menuBigCntLC{
    position: relative;
    float: right;
    width:calc(100% - 115px)
}
.variationOptionsS{
    position: relative;
    float: right;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    padding-left: 10px;
    margin-right:10px;
    margin-bottom:10px;
    font-size: 12px;
    padding-right: 10px;
    border: 1px solid #eb2327;
    -webkit-transition: .2s;
    transition: .2s;
}
.menuProductCnt, .menuProductCntV{
    position: relative;
    float: left;
    width: calc(50% - 8px);
    border: 1px solid #F3F3F3;
    cursor: pointer;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-shadow: 0px 1px 2px 0px #00000033;
    -webkit-transition: .2s;
transition: .2s;
}
.menuProductCnt:hover, .variationOptionsS:hover{
    background-color: #F3F3F3;
    -webkit-transition: .2s;
transition: .2s;
}
.menuBigCnt .bussLogoImgR{
    margin: 0;
    width: 80px;
    left: 0;
    height: 80px;
}
.marginRight{
    margin-right: 0 !important;
}
.menuProductCntS{
    position: relative;
    float: right;
    padding-top: 6px;
    width: calc(100% - 95px);
}
.menuProductCntSH{
    position: relative;
    float: left;
    width: 100%;
    font-weight: 500;
    color: #333;
    font-size: 14px;
    line-height: 1.3;
}
.linethrough{
    float: left;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 10px;
    top: 3px;
    position: relative;
}
.actualPrice, .actualPriceCart{
    position: relative;
    float: left;
    font-size: 16px;
    color: #eb2327;
    font-weight: 600;
}
.actualPriceCart{
    float: none;
}
.addCommentBtn{
    position: relative;
    float: inline-end;
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 24px;
    background-size: 18px;
    z-index: 999;
    min-width: 20px;
    height: 20px;
    cursor: pointer;
    background-image: url(../images/iconmonstr-speech-bubble-comment-thin.svg);
    margin-left: 15px;
    cursor: pointer;
}
.addCommentBtn:before{
    position: relative;
    content: "Shto koment";
    font-size: 12px;
}
.commentBox{
    position: relative;
    float: left;
    height: 38px;
    line-height: 38px;
    color: #333333;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #cbd3e2;
    outline: medium none;
    background: #F3F3F3;
    border-color: #F3F3F3;
    padding-left: 8px;
    padding-right: 8px;
    margin-top: 0;
    font-weight: normal;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: normal;
    width: calc(100% - 18px) !important;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    display: none;
    -webkit-transition: .2s;
    transition: .2s;
}
.cartItemList:hover .commentBox{
    border: 1px solid #FFF;
    border-top: 1px solid #FFF;
     background: #FFF;
    border-color: #FFF;
    -webkit-transition: .2s;
    transition: .2s;
}
.commentBoxActive{
     display:block;
     -webkit-transition: .2s;
    transition: .2s;
}


.variationOptionsS span{
float:none;
}
.cartItemList{
    position:relative;
    float: left;
    padding: 10px;
    border-bottom: 1px solid #F3F3F3;
    margin-bottom: 10px;
    width:calc(100% - 20px);
    font-size: 14px;
    border-radius:5px;
    -webkit-transition: .2s;
    transition: .2s;
}
.cartItemList:hover{
    background-color: #F3F3F3;
    -webkit-transition: .2s;
    transition: .2s;
}
.cartItemListTotal{
    background-color: #FFF !important;
}
.cartItemListH{
    position:relative;
    float: left;
    font-size: 14px;
}

.cartCntPopUp{
    position:relative;
    float: left;
    width: calc(100% - 20px);
}
.cartTotal{
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #eb2327;
}
.qtyMngCnt{
    position:relative;
    float: right;
}
.removeItemCnt{
    position:absolute;
    right: -20px;
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    z-index: 999;
    cursor: pointer;
    background-image: url(../images/iconmonstr-x-mark-thin-240-1.png);
}
.qtyDown, .qtyUp{
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    color: #eb2327;
    line-height: 20px;
    border: 1px solid #eb2327;
    font-weight: bold;
    font-size: 20px;
}
.qtyUp{
    color: #FFF;
    background-color: #eb2327;;
}
.qtyNo{
    position: relative;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    width: 40px;
    text-align: center;
    height: 20px;
    color: #000;
    border-radius: 5px;
    line-height: 20px;
    font-size: 13px;
    font-weight: normal;
    border: 1px solid #eb2327;
}
.fixedPopUpStartFinalFs .orderInfoLeft{
    position: fixed;
    left: 5px;
    width: calc(50% - 40px);
    height: 90vh;
    padding: 10px;
    padding-top: 0;
}
.fixedPopUpStartFinalFs .orderInfoRight{
    position: fixed;
    right: 25px;
    left: auto;
    width: calc(50% - 40px);
    height: 90vh;
    padding: 10px;
    padding-top: 0;
    overflow-x: hidden;
}

.fixedPopUpStartFinalFs .getOrderDetailsCnt{
    height: calc(100vh - 60px);
}
.fixedPopUpStartFinalFs .closePopUpBtn{
    position: fixed;
    right: 45px;
}
.transportiCnt{
    position:absolute;
    left: 0;
}
.addCommentBtnActive:before{
    position: relative;
    content: "Largo komentin";
    font-size: 12px;
    cursor: pointer;
}
.transportiCntasd{
    position: relative;
}
.orderInfoRight .fieldsAreaMin{
    width: auto;
    margin-right: 40px;
}
.searchListCntDestination{
    position: relative;
    float: left;
    border-radius: 5px;
    padding: 10px;
    width: calc(25% - 42px);
    margin-right: 20px;
    margin-bottom: 20px;
    line-height: 1.4;
     font-size: 16px;
    background-color: #F0F0F0;
    border: 1px solid #F0F0F0;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
}

.searchListCntDestination:hover, .searchListCntDestinationActive {
    border: 1px solid #e0a841;
    -webkit-transition: .2s;
    transition: .2s;
}
.linksCntTop img{
    position: relative;
    float: left;
    width: 40px;
    margin-top: 10px;
}
.statusDriverTopM{
    position: relative;
    float: left;
    width: calc(100% - 106px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.orderListTrKiG{
    position: relative;
    float: left;
    padding: 10px;
    width: 100%;
    margin: -10px;
    margin-top: -10px;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-bottom: 10px;
    border-radius: 6px 6px 0 0;
    font-size: 11px;
    background-color: #f3f3f3;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #000;
}
.orderInfoLeftSpG{
    position: relative;
    float: left !important;
    width: 100% !important;
}
.orderInfoLeftSpG [type="checkbox"]:not(:checked) + label, .orderInfoLeftSpG [type="checkbox"]:checked + label, .orderInfoLeftSpG [type="radio"]:not(:checked) + label, .orderInfoLeftSpG [type="radio"]:checked + label{
    width: 85%;
    font-size: 13px;
}
.orderListTrKi .getOrderDetailsCntSubH{
font-size: 13px;
}
.orderListTrKi .inputFieldsK{
padding:5px;
height: 20px;
line-height: 20px;
font-size: 13px;
width: calc(100% - 12px) !important;
background-color: #FFF !important;
margin-bottom: 15px;
}
.orderListTrKi .errCheckBox{
    font-size: 13px;
   
}
.orderListTrKi .productItemsCnt, .orderListTrKi .productItemsCnt{
    font-size: 13px;
    padding-bottom: 0;
}
.orderInfoLeftSpG{
    margin-top:20px
}


@media (max-width:1400px) {
.bigCntIN{
width:98%;
}
}
.userID_addresssdsf{
    background-color: #FFF;
    height:auto;
    border-radius:0;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    width: calc(100% - 2px);
}
.orderReadyFromKitcheBtn{
    width: 100%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.printOrder{
    position: relative;
    float: right;
    margin-left: 20px;
    cursor: pointer;
    background: #eb2327;
    border: 1px solid #eb2327 !important;
    padding: 0 15px 0;
    color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    background-image: none;
    border-radius: 3px;
}