@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: 'Saira', 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{
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 {
width: 8px;
height:100%;
cursor: ew-resize;
}
html::-webkit-scrollbar, .fixedShopCntSub:-webkit-scrollbar{
width: 8px;
}
html::-webkit-scrollbar-track, .fixedPopUp::-webkit-scrollbar-track, .fixedShopCntSub::-webkit-scrollbar-track {
background: rgba(219, 219, 219,.5);
}
html::-webkit-scrollbar-thumb, .fixedPopUp::-webkit-scrollbar-thumb, .fixedShopCntSub::-webkit-scrollbar-thumb {
background: #d3b213;
}

: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 #d3b213;
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: #d3b213 !important;
border: 1px solid #d3b213 !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: #d3b213 !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.svg);
}
.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);
}
.rightAccountAreaCntOptionsUser:before {
background-size: 18px;
background-image: url(../images/iconmonstr-user-13.svg);
}
.rightAccountAreaCntOptionsBusiness:before {
background-size: 18px;
background-image: url(../images/iconmonstr-building-24.svg);
}
.rightAccountAreaCntOptionsDevices:before{
background-size: 18px;
background-image: url(../images/iconmonstr-text-ckeck-lined.svg);
}
.rightAccountAreaCntOptionsTimeDevices:before{
background-size: 18px;
background-image: url(../images/iconmonstr-text-check-list-lined2.svg);
}
.claimIcons:before {
background-size: 18px;
background-image: url(../images/iconmonstr-error-2.svg);
}
.productListsa:before {
background-size: 23px;
background-image: url(../images/iconmonstr-list-lined.svg);
}
.usersListsa:before {
background-size: 23px;
background-image: url(../images/iconmonstr-user-30.svg);
}
.driverCheckListsa:before {
background-size: 22px;
background-image: url(../images/iconmonstr-text-check-list-lined.svg);
}
.docsListsa:before {
background-size: 20px;
background-image: url(../images/iconmonstr-note-36.svg);
}

.rightAccountAreaCntOptions {
padding-left: 26px;
}
.rightAccountAreaCntOptions:hover {
color: #d3b213; 
-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;
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: #d3b213;
border: 1px solid #d3b213 !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;
}
.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:#d3b213;
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 #d3b213;
background-color:#d3b213;
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 {
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, .addImageIcon, .actionsBTn{
cursor: pointer;
background: #d3b213;
border: 1px solid #d3b213;
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;
}
.addImageIcon{
float:left;
}
.actionsBTn{
background-color:#f8f8f8;
border-color:#f8f8f8;
color:#333;
float:left;
margin-right:20px;
}
#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: #d3b213;
content: '';
display: inline-block;
visibility: visible;
border: 2px solid #d3b213;
}
.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:#d3b213 !important;
}
.getOrderDetails{
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;
}
.getOrderDetailsIcon{
background-image:url(../images/iconmonstr-magnifier-text-lined.svg);
}
.cancelOrderIcon, .cancelBreakRequest, .cancelBreakTime{
background-image:url(../images/iconmonstr-x-mark-lined.svg);
}
.confirmOrderIcon, .confirmOrderIconKitchen, .confirmBreakRequest{
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{
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{
position:relative;
float:left;
width:100%;
font-weight:500;
line-height:1.4;
margin-bottom:10px;
padding-bottom: 10px;
border-bottom: 1px solid #E3E3E3;
}
.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: 22px;
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: #FFF48E;
border-radius: 2px;
padding:10px !important;
width:calc(100% - 20px)  !important;
margin-bottom:20px !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: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    z-index: 10;
	min-height:80px;
	margin-bottom:5px;
	resize:none;
    border: 1px solid #f3f3f3;
    background-color: #fafafa;
	    background: #F3F3F3;
    border-color: #F3F3F3;
	border-radius:5px;
}
.popUpOrderBtns, .startWorkBtn, .askForTimeBreakBtn, .askForTimeBreakReceived, .askForTimeBreakActive, .logOutBtn, .dailyReportsBtn{
position:relative;
cursor: pointer;
    background: #d3b213;
    border: 1px solid #d3b213 !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:#d3b213;
}
.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 #d3b213;
cursor:pointer;
background-color:#FFF;
-webkit-transition: .2s;
transition: .2s;
}
.confirmNotToCallAgainBtn:hover, .confirmNotToCallAgainBtnActive{
color:#FFF;
background-color:#d3b213;
-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{
position:relative;
float:left;
padding:4px;
padding-left:8px;
padding-right:8px;
border-radius:2px;
margin-right: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{
    background: #d3b213;
	 border-color: #d3b213;
	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:#d3b213;
border-color:#d3b213;
-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;
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;
}
.statusExtraClsNew{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.statusExtraClsNew{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.statusExtraClsLate,  .breakDiv_98, .breakDiv_99{
       color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.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:#34b233 !important;
border-color:#34b233 !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 #d3b213;
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 #d3b213;
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 #d3b213;
border-radius: 2px;
z-index: 0;
background-color: #d3b213;
}
/* 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: #d3b213;
width: 24px; height: 24px;
border: 3px solid #d3b213;
-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;
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:#d3b213;
margin-top:10px;
}
.dividerd{
margin-top:10px;
}
.deliveryOrderCntAdd{
position:relative;
float:left;
width:80%;
margin-top:20px;
line-height:1.6;
font-size:16px;
}
.deliveryOrderCntAddPmt{
width:100%;
}
.deliveryOrderCnt_3, .breakDiv_0{
  color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.deliveryOrderCnt_3 a, .deliveryOrderCnt_3 .deliveryOrderCntTotal{
  color: #004085;
}
.deliveryOrderCnt_4, .deliveryOrderCnt_6{
   color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.deliveryOrderCnt_4 a, .deliveryOrderCnt_4 .deliveryOrderCntTotal, .deliveryOrderCnt_6 a, .deliveryOrderCnt_6 .deliveryOrderCntTotal{
  color: #856404;
}
.deliveryOrderCnt_5, .deliveryOrderCnt_7{
   color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.deliveryOrderCnt_5 a, .deliveryOrderCnt_5 .deliveryOrderCntTotal, .deliveryOrderCnt_7 a, .deliveryOrderCnt_7 .deliveryOrderCntTotal{
  color: #155724;
}
.deliveryOrderCntFoooter{
position:relative;
float:left;
width:50%; 
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: calc(50% - 10px);
  
}
.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:#d3b213;
color:#FFF;
font-weight:500;
border:1px solid #d3b213;
}
.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 #d3b213;
z-index:1;
padding-bottom:15px;
padding-top:15px;
display:flex;
}
.fixedPazarInfoCntHS{
position:relative;
float:left;
width:50%;
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: #d3b213;
    border: 1px solid #d3b213 !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;
}
.formCnt{
position:relative;
float:left;
width:50%;
margin-bottom:50px;
}
.formCnt .fieldsArea{
width:100%;
}
.addImageIconUploading, .addImageIconUploadingFull, .addImageIconUploading2{
width:150px;
opacity:0.8 !important;
background-position:center !important;
background-size:30px !important;
background-repeat:no-repeat !important;
background-image:url(../images/loaderAjax3.svg) !important;
}
.addImageIconUploadingFull{
width:100%;
background-size:50px !important;
background-image:url(../images/loaderAjax3Dark.svg) !important;
}
.addImageIconUploading2{
    width: 232px!important;
opacity:0.8 !important;
background-position:center !important;
background-size:65px !important;
background-repeat:no-repeat !important;
background-image:url(../images/loaderAjax5.svg) !important;
}
.middleSubContainerHeadlineTwo a{
color:#333;
}
.middleSubContainerHeadlineTwo a:hover{
text-decoration:underline;
}

.middleSubContainerHeadlineTwoActive{
text-decoration:underline !important;
}
.middleSubContainerHeadlineTwoO{
margin-left:40px;
}
body .newValue{
margin-bottom:0  !important;
width:calc(100% - 100px)  !important;
}
.saveOtherInfo{
float:right  !important;
}
.fieldsAreaO{
width:100%;
}
.catsDiv{
position:relative;
float:left;
margin-left:20px;
height:40px;
}
.fieldsAreaO .formCnt{
margin-bottom:20px;
}
.formCntOther select{
width:150px;
}
.formCntOther input{
margin-left:20px;
width:calc(100% - 190px) !important
}
.bigCntModuleCntPro .fieldsArea{
width:70%;
margin-top:20px;
}
.bigCntProductCnt .fieldTitle {
position:relative;
float:left;
    width: 220px;
    margin-right: 10px;
    text-align: right;
    padding: 6px;
    font-size: 16px;
    color: #666;
    line-height: 1.3;
    vertical-align: top;
}
.addImageIconN, .addImageIconN2, .addImageIconNVideo {
    width: 232px;
    height: 100px;
    line-height: 100px;
    border: 1px dashed #ddd;
    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;
    background-color: #fff;
    z-index: 999;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	    color: #333;
    background-color: #f3f3f3;
	border: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius:5px;
}
.fieldsArea .chosen-container{
position:relative;
float:left;
width:calc(100% - 263px) !important;
}
.fieldsArea .fieldTitle{
line-height:28px;
}
.fieldsArea .otherInput{
line-height:28px;
width: calc(100% - 263px) !important;
}
.note-editor{
    float: left;
width: calc(100% - 263px) !important;
}
#tags {
    float: left;
    border: 1px solid #e2e9ef;
    border-top: 1px solid #cbd3e2;
    padding: 4px;
    background-color: #FFF;
   width: calc(100% - 263px) !important;
    min-height: 90px;
}
#tags input {
    float: left;
    background: #F3F3F3;
    border: 0;
    margin: 8px;
    padding: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: auto;
    font-size: 15px;
}
#tags span.tag {
position:relative;
float:left;
    cursor: pointer;
    display: block;
    float: left;
    color: #fff;
     background-color: #F3F3F3;
    color: #333;
    padding: 8px;
      margin: 8px;
	margin-right:0;
	margin-bottom:0;
    background-image: url(../images/iconmonstr-x-mark-lined3.svg);
    background-repeat: no-repeat;
    background-size: 16px;
       padding-right: 30px;
    background-position: center right 5px;
    border-radius: 5px;
     font-size: 15px;
}
.productListT{
color:#333;
border:none;
-webkit-transition: .2s;
transition: .2s;
}
.productListT:hover{
color:#333;
text-decoration:none !important;
border-bottom:1px solid #333;
-webkit-transition: .2s;
transition: .2s;
}
.descDivView{
margin-top:40px;
}
.descDivView img{
/*width:100% !Important;
height:auto !Important;*/
}
.descDivView img, .descDivView iframe {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.descDivView ol li, .descDivView ul li{
margin-left:30px;
width:calc(100% - 30px);
}
.descDivView a{
color:#333 !Important;
text-decoration:underline;
}
.bannerCover{
position:relative;
float:right;
width:50%;
}
body .middleSubContainerHeadlineTwoV{
padding-bottom:40px;
margin-bottom:40px;
}
.middleSubContainerHeadlineTwoVTx{
position:relative;
float:left;
    font-size: 22px;
width:50%;
}
.middleSubContainerHeadlineTwoV{
display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.newReportBtn{
position:relative;
float:right;
cursor: pointer;
    background: #d3b213;
    border: 1px solid #d3b213 !important;
    text-shadow: none;
    padding: 4px 15px 5px;
    padding-top: 0;
    padding-bottom: 0;
     color: #FFF;
    font-weight: 500;
    font-size: 15px;
    height: 38px;
    line-height: 36px;
    background-image: none;
    border-radius: 3px;
	margin-top:20px;
}
body .bigCntProductCntReport .middleContainerPostJob{
position:relative;
float:left;
margin:0;
margin-top:5px;
margin-bottom:20px;
padding:15px !important;
width:calc(100% - 32px);
}
.bigCntProductCntReport .fieldsArea{
width:100%;
margin-right:0;
}
.bigCntProductCntReport .fieldsArea .fieldTitle{
text-align:left;
width:100%;
padding-left:0;
padding-right:0;
}
.bigCntProductCntReport .addImageIconN, .bigCntProductCntReport .addImageIconN2, .addImageIconNVideo{
width:100%;
}
.addImageIconN, .addImageIconN2 , .addImageIconNVideo{
display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
} 
.submitBtnsBtnClaim{
float:left;
margin-top:26px;
margin-bottom:40px;
width:100%;
text-align:center;
cursor:pointer;
padding-left:0;
padding-right:0;
}
.priortyCnt{
position:relative;
float:left;
    font-size: 12px;
    margin-right: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
    cursor: pointer;
    height: 30px;
    background-position: 9px 5px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../images/waning_1.png);
    padding-left: 34px;
    line-height: 30px;
    margin-top: 10px;
    padding-right: 10px;
	height: 60px;
    line-height: 86px !important;
    text-align: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background-position: 9px 5px;
    background-repeat: no-repeat;
    background-size: 20px;
    width: calc(25% - 31px);
    background-position: center top 8px;
	margin-top:0;
}
.priortyCnt_4{
margin-right:0;
}
.priortyCnt_2{
    background-image: url(../images/waning_2.png);
}
.priortyCnt_3{
    background-image: url(../images/waning_3.png);
}
.priortyCnt_4{
    background-image: url(../images/waning_4.png);
}
.priortyCntActive{
    border-color: #999999;
}
.mobLogo{
position:relative;
float:left;
height:45px;
background-position:center left;
cursor:pointer;
width:100px;
background-size:contain;
background-repeat:no-repeat;
background-image:url(../images/cropped-Hebs-Logo.png);
}
.submitAReportBtn{
position:relative;
float:right;
margin-right:10px;
cursor:pointer;
width:auto;
margin-top:8px;
height:32px;
line-height:32px;
font-size:15px;
font-weight:500;
 color:#aaa;
    background-size: 30px;
background-repeat:no-repeat;
background-image:url(../images/iconmonstr-wrench-9.svg);
background-position:center right;
padding-right:42px;
text-align:left;
}
.productInfoInTheReport{
position:relative;
float:left;
padding:15px;
border-radius:5px;
    margin-top: 10px;
width:calc(100% - 30px);
background-color:#f3f3f3;
}
.fieldsAreaOther2{
position:relative;
float:left;
width:100%;
margin-bottom:15px;
}
.fieldsAreaOther2H{
font-size:14px;
font-weight:400;
color:#666;
line-height:1.6;
}
.fieldsAreaOther2H2{
font-size:14px;
color:#060506;
font-weight:500;
line-height:1.4;
}
.photoErr, .videoErr, .fileUploadingAlert{
position:relative;
float:left;
width:calc(100% - 20px);
line-height:1.4;
font-size:14px;
color:#FF0000;
margin-top:10px;
margin-left:10px;
display:none;
}
.errMark{
border-color:#FF0000 !important;
}
.claimsCnt{
position: relative;
    float: left;
    padding: 15px;
    margin-top: 5px;
    margin-bottom: 15px;
    width: calc(100% - 30px);
    background-color: #FFF;
    border-radius: 6px;
}
.claimsCntOther{
background-color: #f8f8f8;
}
.claimsCnt_1{
  color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.claimsCnt_2 {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.claimsCnt_3 {
         color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.claimsCnt_4 {
       color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.claimsCntNo{
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 20px;
}
.claimsCntSts{
position:relative;
float:right;
padding:10px;
font-size:15px;
border-radius:5px;
color:#FFF;
}
.claimsCnt_1 .claimsCntSts{
background-color:#004085;
}
.claimsCnt_2 .claimsCntSts{
background-color:#856404;
}
.claimsCnt_2 .changeStatusBtn {
  background-color: #FF0000;
    color: #FFF;
}
.claimsCnt_3 .claimsCntSts{
background-color:#721c24;
}
.claimsCnt_3 .changeStatusBtn {
  background-color: #721c24;
    color: #FFF;
}
.claimsCnt_4 .claimsCntSts{
background-color:#155724;
}
.claimsCnt_4 .changeStatusBtn {
  background-color: #155724;
    color: #FFF;
}
.productTitleInClaim{
position:relative;
float:left;
width:100%;
margin-top:20px;
font-size:16px;
color:#333;
}
.productDescInClaim{
font-size:14px;
line-height:1.4;
}
body .claimsCntStsPr{
    background-position: center left 10px;
    background-size: 20px;
	background-repeat:no-repeat;
margin-right:15px;
padding-left:40px;
    background-color: #f3f3f3 !important;
	color:#333;
	font-size:14px;
    border: 1px solid #f3f3f3;
}
.claimsCnto_1{
    background-image: url(../images/waning_1.png);
}
.claimsCnto_2{
    background-image: url(../images/waning_2.png);
}
.claimsCnto_3{
    background-image: url(../images/waning_3.png);
}
.claimsCnto_4{
    background-image: url(../images/waning_4.png);
}
.deliveryOrderCntFoooter {
    position: relative;
    float: left;
    width: 100%;
    top: 15px;
    margin-top: 10px;
}
.changeStatusBtn{
    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: calc(50% - 10px);
}
.changeStatusBtn {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.xdsoft_datetimepicker .xdsoft_label{
font-weight:normal !important;
}
.interventionsNo{
position:relative;
float:right;
line-height:50px;
cursor:pointer;
font-weight:600;
font-size:18px;
}
.subclaimCnts{
position:relative;
float:left;
width:100%;
}
.claimsCntOther_1 .claimsCntSts{
background-color:#004085;
}
 
.claimsCntOther_2 .claimsCntSts {
  background-color: #FF0000;
    color: #FFF;
}
 
.claimsCntOther_3 .claimsCntSts {
  background-color: #721c24;
    color: #FFF;
}
 
.claimsCntOther_4 .claimsCntSts {
  background-color: #155724;
    color: #FFF;
}
.pastDeviceReportsH{
position:relative;
float:left;
width:100%;
text-align:center;
margin-top:40px;
font-size:18px;
font-weight:500;
margin-bottom:20px;
}
.claimsCntNo span{
position:absolute;
}
.descDiv{
position:relative;
float:left;
width:calc(70% - 20px) !important;
}
.reportsDivAdminViewCnt{
position:relative;
float:right;
background-color:#E3E3E3;
padding:15px;

width:calc(30% - 30px);
border-radius:5px;
}
.viewClaimCnt, .viewClaimCntSub{
position:relative;
float:left;
width:100%;
}
.viewClaimCntIn{
width:calc(100% - 2px);
border:1px solid #E3E3E3;
border-bottom:0;
margin-bottom:40px;
}
.viewClaimCntSub{
border-bottom:1px solid #E3E3E3;
overflow:hidden;
}
.viewClaimCntLeft, .viewClaimCntRight{
position:relative;
float:left;
width:calc(25% - 20px);
text-align:right;
font-size:16px;
line-height:1.4;
padding:10px;

}
.viewClaimCntLeft{
text-align:left;
font-weight:500;

}
.viewClaimCntLeft:before{
position:absolute;
right:0;
content:"";
background-color:#E3E3E3;
    top: -20px;
width:1px;
height:1000px;
}
.viewClaimCntRight{
text-align:left;
width:calc(75% - 20px);
}
.middleSubContainerHeadlineTwoA{
position: absolute;
    left: -30px;
}
.middleSubContainerHeadlineTwoA:hover{
text-decoration:none !important;
}
.middleSubContainerHeadlineTwo222{
margin-bottom:40px;
padding:0;
 border:none;
}
.middleSubContainerHeadlineTwo2222{
margin-bottom:20px;
margin-top:60px !important;
}
#printThis{
position:relative;
float:right;
font-size:16px;
cursor:pointer;
}
.filtersAddOnCntList{
margin:0;
font-weight:400;
margin-bottom:0;
width:100% !important;
}
.filtersAddOnCntListErr label{
color:#F90000 !important;
}
.newDriverCheckInBtn{
position:relative;
float:left;
cursor: pointer;
    background: #d3b213;
    border: 1px solid #d3b213 !important;
width:calc(100% - 2px);
height:38px;
text-align:center;
line-height:38px;
color: #FFF;
    font-weight: 500;
    font-size: 15px;
	    border-radius: 3px;
}
.errorAreaSucc{
position:relative;
float:left;
  border: 1px solid #d3b213;
width:calc(100% - 32px);
font-weight:500;
font-size:15px;
text-align:center;
line-height:
    border-radius: 4px;
	margin-bottom:15px;
	    padding: 15px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}


@media (max-width:1400px) {
.bigCntIN{
width:98%;
}
.rightAccountArea{
margin-top: 5px;
}
.textAreaCnt{
padding:10px;
width:calc(100% - 22px);
}
.bigCntProductCntReport .fieldsArea .fieldTitle{
margin-right:0;
}
body .middleSubContainerHeadlineTwo{
padding-bottom: 10px;
}
.middleSubContainerHeadlineTwoDesc{
padding-top: 6px;
}
.fieldsArea .otherInput {
     width: calc(100% - 18px) !important;
}

}