/* Core Settings */
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
body{font-family:'open_sansregular',sans-serif !important;font-size:87.5%;margin:0;background:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x}
h1,h2,h3,h4,h5,h6{font-family:'open_sanssemibold',sans-serif !important;color:#8d4867;font-size:1.2em}
strong{font-family:'open_sanssemibold',sans-serif !important}
div[name='toggle_debug_info']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;text-decoration:underline;color:#c12e2a;padding:10px;cursor:pointer}
div[name='debug_info']{display:none;padding:10px}
div[name='debug_info'] pre{word-wrap:break-word;white-space:pre-wrap;word-break:break-word}

/* Header */
header{display:block;width:100%;max-width:960px;margin:auto}
div.header{display:inline-block;padding:5px;text-align:left}
div.header a{text-decoration:none;font-family:'open_sanssemibold',sans-serif !important;font-size:1.3em;color:#8d4867}
div.header img{width:auto;height:35px;vertical-align:middle;margin-bottom:4px;margin-right:5px;border:none !important}
nav{position:relative;float:right;top:10px;right:0;margin:auto}
nav button{display:inline-block;font-family:'open_sansregular',sans-serif !important;cursor:pointer;border-radius:5px;border:1px solid #723651;color:#fefefe;padding:5px 10px;text-shadow:1px 1px 0 rgba( 0,0,0,.5 );background:#b26085;margin-right:5px}
nav button:hover{border-color:#9c3b68;background:#e37eb8}
nav button[disabled='disabled']{color:#a3a3a3}

/* Body Content */
section{display:block;width:100%;max-width:960px;margin:auto}
div.content{padding:5px;min-height:350px}

/* Footer */
footer{display:block;width:100%;max-width:960px;margin:auto;margin-bottom:50px;padding:30px 0px 0px 0px;text-align:center}
footer div{padding:10px;font-size:0.8em}
div.footer{padding:10px;font-size:0.8em}
div.appicons{width:100%;padding:0px}
div.appicons div.appnote{padding:0px;font-size:1.2em;max-width:435px;text-align:center;margin:auto;padding-bottom:10px}
div.appicons div.appbadge{display:inline-block;padding:5px}
@media screen and (max-width:400px){
div.appicons div.appbadge{display:block;width:100%;padding:5px}
}
div.appicons div.appbadge img{text-decoration:none;border:0;width:auto;height:40px !important}
div.appicons div.appbadge[data-type='windows'] img{border-radius:5px}

input[type='submit']{width:100%;min-height:25px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:5px;margin:0}
input[type='submit']:hover{background:#275b6c}

/* Mobile Switching */
form[name='mobileswitcher']{display:inline-block;margin:0;padding:0}
form[name='mobileswitcher'] input[type='submit']{position:relative;width:100%;max-width:200px;min-height:25px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:5px;margin:0}
form[name='mobileswitcher'] input[type='submit']:hover{background:#275b6c}

/* Mobile Switch Overlay (if width is too small, tell user to switch to mobile version) */
div#mobileswitchoverlay{display:none;position:fixed;top:0;left:0;z-index:101;width:100%;min-height:100%;height:auto !important;height:100%;margin:auto;background-color:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;text-align:center}

@media screen and (max-width:685px){
	div#mobileswitchoverlay{display:block}
}

/* Other Public Settings */
.red{color:#ef4f4f !important}
.blue{color:#314e8c !important}
p.heading{font-size:1.1em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important}
p.headingblue{font-size:1.1em;color:#314e8c;font-family:'open_sanssemibold',sans-serif !important}
div.headingmain{font-size:1.3em;color:#314e8c;margin:15px;text-align:center;font-family:'open_sanssemibold',sans-serif !important}
.center{text-align:center}
div#logintitle{color:#314e8c}
input,select,button,textarea{font-family:inherit}
input,select{font-size:1em;padding:10px}
div.rowcontain{padding:10px 0px}
div.content[name='center']{margin:auto;text-align:center}
p.fpw{color:#5f5f5f}
.smallinfo{font-size:0.8em !important;color:#000000 !important}
.m2cblue{color:#2c276c !important}
.m2cred{color:#d92726 !important}
span.info{color:#8d4867;margin-left:5px}
span[name='nowrap']{white-space:nowrap}
div[name='good'],span[name='good'],.good{color:#008000 !important}
div[name='bad'],span[name='bad'],.bad{color:#ff0000 !important}
div[name='ok'],span[name='ok'],.ok{color:#ff7e00 !important}
div[name='none'],span[name='none'],.none{color:rgba(95,95,95,0.5) !important}
div[name='even']{background:rgba(208,240,253,0.1) !important}
div[name='odd']{background:rgba(208,240,253,0.3) !important}
div[name='attention']{background:rgba(255,0,0,0.06) !important}
div[name='requested']{background:rgba(255,161,20,0.1) !important;color:#acacac !important}
div[name='requested'] span.info{color:#acacac !important}
hr{border:0;height:0;border-top:1px solid rgba(0, 0, 0, 0.1);border-bottom:1px solid rgba(255, 255, 255, 0.3)}
.clearboth{clear:both}
.darkred{color:#8d4867}
sup{font-size:65%}
.small-text{font-size:0.8em}

/* Loading Overlay */
div#loading-mask{position:absolute;z-index:199;top:0;left:0;width:100%;height:100%;background-color:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;text-align:center}
div#loading-mask p.loading-spinner{position:absolute;top:50%;bottom:0;left:0;right:0;margin:auto;text-align:center}
div#loading-mask p.loading-message{position:absolute;top:60%;bottom:0;left:0;right:0;margin:auto;text-align:center}
p.loading-spinner span#loading-icon{display:block;vertical-align:middle}
p.loading-message span#tryagain{cursor:pointer;text-decoration:none;color:#314e8c;border-bottom:1px dotted;font-family:'open_sanssemibold',sans-serif !important}
p.loading-message span#tryagain:hover{color: #8d4867;border-bottom-style:solid}

/* Message Box */
div.message{width:100%;border:1px solid rgba(0,0,0,0.2);border-radius:5px;background:rgba(208,240,253,0.5);padding:15px;font-size:1em}
div.message[name='error']{color:#ff0000;background:rgba(255,0,0,0.1)}
div.message[name='success']{color:#56a83c;background:rgba(86,168,60,0.1)}
div.message[name='info']{color:#b79a00;background:rgba(229,193,0,0.1)}

/* alert boxs */
.alert{width:100%;padding:15px;margin-bottom:10px;border:1px solid transparent;cursor:pointer}
.alert.noclear{cursor:default}
.alert-error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-close{float:right;font-size:2.5em;cursor:pointer}
.alert button.close{float:right;font-size:1.5em;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;line-height:1;opacity:0.2;padding:0;cursor:pointer;background:none;border:0}
.alert:hover button.close{opacity:1}

.smallnote{font-size:0.8em;color:#5f5f5f}
input[readonly="readonly"], input[readonly] {background-color:#ebebe4;border:1px solid #acacac}

/* Main Page Buttons */
div.options{width:100%;text-align:left}
div.options button{display:inline-block;width:30%;max-width:290px;margin:5px;padding:10px 5px;border:1px solid #211f41;border-radius:5px;background:#2c276c;text-align:center;font-size:inherit;color:#fefefe;text-shadow:1px 1px 0 rgba( 0,0,0,.5 );cursor:pointer}
div.options button:hover{background:#5850c2}

@media screen and (max-width:640px){
	div.options button{width:100%;max-width:620px;margin:5px 0px}
}

div[name='admin_allcleaners'],div[name='franchise_allcleaners']{width:100%;max-width:960px;margin:auto;text-align:center;border-bottom:1px solid rgba(0,0,0,0.1)}
div[name='admin_allcleaners'] select,div[name='franchise_allcleaners'] select{max-width:250px;display:inline-block;width:100%;margin-bottom:10px}
div[name='admin_allcleaners'] input,div[name='franchise_allcleaners'] input{display:inline-block;width:auto;max-width:250px;padding:10px;margin-left:10px}

div.options button[name='available_work']:before{font-family:'FontAwesome';content:'\f041';margin-right:5px}
div.options button[name='current_workareas']:before{font-family:'FontAwesome';content:'\f046';margin-right:5px}
div.options button[name='client_details']:before{font-family:'FontAwesome';content:'\f007';margin-right:5px}
div.options button[name='my_availability']:before{font-family:'FontAwesome';content:'\f073';margin-right:5px}
div.options button[name='report_sickness']:before{font-family:'FontAwesome';content:'\f133';margin-right:5px}
div.options button[name='contact_office']:before{font-family:'FontAwesome';content:'\f095';margin-right:5px}
div.options button[name='push_notifications']:before{font-family:'FontAwesome';content:'\f0a2';margin-right:5px}
div.options button[name='change_status']:before{font-family:'FontAwesome';content:'\f0ec';margin-right:5px}
div.options button[name='submit_feedback']:before{font-family:'FontAwesome';content:'\f0eb';margin-right:5px}
div.options button[name='my_finance']:before{font-family:'FontAwesome';content:'\f154';margin-right:5px}
div.options button[name='cleaner_feedback']:before{font-family:'FontAwesome';content:'\f27b';margin-right:5px}
div.options button[name='help']:before{font-family:'FontAwesome';content:'\f128';margin-right:5px}

/* All Forms */
input[name="checker"]{display:none}
div.buttons form{display:inline}

/* Login Forms */
div.loginholder,div.registerholder{width:100%;max-width:350px;margin:0 auto}
table[name='login'],table[name='register']{width:100%;border-collapse:collapse;border:0}
table[name='login'] td,table[name='register'] td{text-align:left;vertical-align:middle;padding:10px}
table[name='login'] input,table[name='register'] input{padding:5px;width:100%}

/* Register */
div.registerholder{max-width:400px}

/* My Account */
div.accountdetails{width:100%;max-width:400px;margin:0 auto}
table[name='myaccount']{width:100%;border-collapse:collapse}
table[name='myaccount'] td{text-align:left;vertical-align:middle;padding:10px}
table[name='myaccount'] input{padding:5px;width:100%}
div.recentactivity{width:100%;max-width:800px;margin:0 auto}
table[name='recentactivity']{width:100%;border:1px solid #acacac;border-collapse:collapse;font-size:0.8em}
table[name='recentactivity'] thead{font-family:'open_sanssemibold',sans-serif !important;background:rgba(208,240,253,0.5);color:#314e8c;font-size:1.2em}
table[name='recentactivity'] td{border:1px solid #acacac;padding:10px;text-align:center;vertical-align:middle}
table[name='recentactivity'] input{padding:5px;width:100%}
table[name='recentactivity'] tr.even{background:rgba(208,240,253,0.1)}
table[name='recentactivity'] tr.odd{background:rgba(208,240,253,0.3)}
table.sortable thead tr td{cursor:pointer}
table.sortable thead td:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after{content:" \25B4\25BE"}
div#viewallrecentadmin p{text-decoration:underline;cursor:pointer}
div#viewallrecentadmin p:hover{color:#2c276c !important}
div#adminactivity{display:none}

/* Available Jobs */
div#optionsbar{font-size:1em;color:#8d4867;text-align:center}
div#optionsbar div.button{display:inline-block;margin:0 2px}
div#optionsbar button{display:inline-block;float:none;width:100%;min-width:150px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba( 0,0,0,.5 );cursor:pointer;padding:5px}
div#optionsbar button:hover{background:#275b6c}
div#optionsbar button[name='availablejobs_mapview'],div#optionsbar button[name='availablejobs_mapview2']{background:#ffa114;border:1px solid #cc7a00;color:#2c2c2c;text-shadow:1px 1px 0 rgba(1,1,1,0.5)}
div#optionsbar button[name='availablejobs_mapview']:hover,div#optionsbar button[name='availablejobs_mapview2']:hover{background:#ffb23f}
div#optionsbar button[name='availablejobs_mapview']:before{font-family:'FontAwesome';content:'\f041';margin-right:5px}
div#optionsbar button[name='availablejobs_mapview2']:before{font-family:'FontAwesome';content:'\f0ce';margin-right:5px}

@media screen and (max-width:400px){
	div#optionsbar{text-align:center}
	div#optionsbar div.button{display:inline-block;width:48%}
	div#optionsbar button{min-width:0}
}

div.headingmain[data='availablejobs_oneoff'],div.headingmain[data='availablejobs_temp'],div.headingmain[data='availablejobs_regular']{margin:0;padding:15px 30px;border-bottom:1px solid #acacac;position:relative;color: #8d4867 !important}
div.jobtoggle{position:absolute;top:15px;right:20px;font-size:0.8em;width:100px;border:1px solid #acacac;background:#e6e6e6;text-align:left;padding:2px 5px;border-radius:4px;cursor:pointer}
div.jobtoggle:after{font-family:'FontAwesome';content:"\f078";float:right}
div.hidebtn:after{font-family:'FontAwesome';content:"\f077";float:right}

/* Available Work - Tabular */
table.jobstable,table.clienttable{width:100%;border-collapse:collapse;text-align:center;margin:10px 0px;cursor:default;word-wrap:break-word}
table.jobstable thead,table.clienttable thead{color:#314e8c;font-size:1em;font-family:'open_sanssemibold',sans-serif !important}
table.jobstable th,table.clienttable th{background:linear-gradient(#efefef,#fefefe);border:1px solid rgba(0,0,0,0.1);height:40px}
table.jobstable th,table.jobstable td,table.clienttable th,table.clienttable td{border-collapse:collapse}
table.jobstable tbody tr,table.clienttable tbody tr{background:rgba(208,240,253,0.1)}
table.jobstable tbody tr:hover,table.clienttable tbody tr:hover{background:rgba(208,240,253,0.5) !important}
table.jobstable tbody tr[name='requested']{background:rgba(255,161,20,0.1) !important}
table.jobstable tbody tr[name='requested'] td{color:#acacac !important}
table.jobstable td,table.clienttable td{border:1px solid rgba(0,0,0,0.1);color:#8d4867;padding:4px 2px}
table.jobstable td[data='postcode']{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
table.jobstable td[data='prefday']{width:145px}
table.jobstable td[data='preftime']{width:120px}
table.jobstable td[data='ironing']{width:75px}
table.jobstable td[data='pets']{width:50px}
table.jobstable td[data='routemap']{width:90px}
table.jobstable td[data='actions']{width:120px}
table.jobstable button,table.clienttable button{display:inline-block;width:95%;min-height:25px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:2px;margin:0}
table.jobstable button:hover,table.clienttable button:hover{background:#275b6c}
table.jobstable button[name='notifywant']{background:#33cc33;border:1px solid #339933}
table.jobstable button[name='notifywant']:hover{background:#66cc33}
table.jobstable button[name='notifyreject']{background:#ffa114;border:1px solid #cc7a00;margin-top:5px}
table.jobstable button[name='notifyreject']:hover{background:#ffb23f}
table.jobstable button[name='requested']{background:#ffa114;border:1px solid #cc7a00;cursor:not-allowed}
table.jobstable button[name='requested']:hover{background:#ffb23f}

table.jobstable td pre{font-family:'open_sansregular',sans-serif;margin:0;white-space:pre-wrap}
table.jobstable td pre[name='postcode']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table.jobstable td pre[name='town']{font-size:0.8em}

@media screen and (max-width:815px){
	table.jobstable,table.clienttable{font-size:0.8em !important}
	table.jobstable button,table.clienttable button{font-size:0.9em !important}
	div.map-container,div#routemapcontainer div.routemap{margin:0 15px}
}

/* Route Maps */
div#routemapcontainer{display:none;position:fixed;top:0;left:0;z-index:101;width:100%;min-height:100%;height:auto !important;height:100%;margin:auto;background:rgba(0,0,0,0.25)}
div#routemapcontainer > div{position:fixed;width:750px;top:50%;left:50%;margin-left:-375px;margin-top:-190px;padding:10px;background-color:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;border-radius:5px;border:1px solid #acacac;text-align:center;overflow:scroll;overflow-x:hidden;overflow-y:scroll}
div#routemapcontainer div.infowindow{width:100%;height:auto;font-size:1.2em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important;padding:5px}
div#routemapcontainer button{display:inline-block;float:none;width:100%;min-height:25px;max-width:125px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:2px;margin:0}
div#routemapcontainer button:hover{background:#275b6c}
div#routemapcontainer button[name='closewindow']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#cc3333;border:1px solid #993333}
div#routemapcontainer button[name='closewindow']:hover{background:#cc4933}
div#routemapcontainer iframe{width:100%;height:100%;min-height:350px;border:0;margin:15px 0px}

div#routemapcontainer div.routemode span{display:inline-block;max-height:35px;min-width:50px;overflow:hidden;background:#fefefe;color:#333333;padding:5px;cursor:pointer;border-top:1px;border-right:1px;border-bottom:1px;border-left:1px;border-style:solid;border-color:#aaaaaa}
div#routemapcontainer div.routemode span:hover,div#routemapcontainer div.routemode span.active{background:#eeeeee;color:#3a84df}
div#routemapcontainer div.routemode span#route_driving{border-top-left-radius:5px;border-bottom-left-radius:5px}
div#routemapcontainer div.routemode span#route_public{border-left:0px}
div#routemapcontainer div.routemode span#route_walking{border-left:0px}
div#routemapcontainer div.routemode span#route_cycling{border-left:0px;border-top-right-radius:5px;border-bottom-right-radius:5px}

div#routemapcontainer div.routemode span#route_driving:before{font-family:'iconicfont';content:'\f25f';font-size:16px;margin:5px 10px}
div#routemapcontainer div.routemode span#route_public:before{font-family:'iconicfont';content:'\f25e';font-size:16px;margin:5px 10px}
div#routemapcontainer div.routemode span#route_walking:before{font-family:'iconicfont';content:'\f264';font-size:16px;margin:5px 10px}
div#routemapcontainer div.routemode span#route_cycling:before{font-family:'iconicfont';content:'\f25d';font-size:16px;margin:5px 10px}

@media screen and (max-width:750px){
	div#routemapcontainer > div{position:absolute;top:auto;left:auto;margin-left:0;margin-top:0;width:100%;height:100% !important;border:0;border-radius:0}
	
	div.map-container,div#routemapcontainer div.routemap{margin:0 15px}
}

/* Map view */
div.map-container{position:relative;border:1px solid #babbbd;border-radius:3px}
div.map-container div.map_loader{position:absolute;width:100%;height:100%;background:#ebeef0;text-align:center;z-index:999;display:none}
div.map-container div.map_loader span.loading{position:relative;top:45%}
div#area-map{width:100%;height:auto;min-height:500px;margin:0;padding:0}
div.map_errorholder{color:#d9534f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;margin:10px 0;display:none}
div.map-options{width:100%;padding-top:10px;text-align:center}
div.map-options input{display:inline-block;margin:0  5px;padding:5px;width:auto !important;vertical-align:middle}
div.area-list div.container{max-height:250px;overflow:auto;text-align:center;padding:10px;border:1px solid #babbbd;border-radius:3px;margin:20px 0}
div.area-check{display:inline-block;width:100%;min-height:25px;max-width:150px;vertical-align:top;margin:5px 2px;border:1px solid #e6e6e6;border-radius:3px;white-space:nowrap;overflow:hidden}
div.area-check label{display:block;min-height:100%;height:auto !important;padding:5px}
div.area-check label:hover{cursor:pointer}
div.area-check:hover{background:#3399ff !important;color:#ffffff}
div.area-check[data-checked='true']{background:#336699;color:#ffffff}
div.area-check input[type='checkbox']{margin:0;margin-right:5px}

/* Client Details */
table.clienttable td[data='address']{max-width:150px}
table.clienttable td pre{font-family:'open_sansregular',sans-serif;margin:0;white-space:pre-wrap}
table.clienttable tbody tr[name='pending']{background:rgba(255,150,0,0.1)}
table.clienttable tbody tr[name='cancelled']{background:rgba(255,0,0,0.1)}
table.clienttable tbody tr[name='temporary']{background:rgba(0,255,0,0.1)}
table.clienttable tbody td[name='active'],table.clienttable tbody td[name='temporary']{color:#008000 !important;font-family:'open_sanssemibold',sans-serif !important}
table.clienttable tbody td[name='cancelled']{color:#ff0000 !important;font-family:'open_sanssemibold',sans-serif !important}
table.clienttable tbody td[name='pending']{color:#ff7e00 !important;font-family:'open_sanssemibold',sans-serif !important}
table.clienttable button{max-width:100px !important}

/* Preferred Days */
div.prefdayholder,div.preftimeholder{display:block;overflow:hidden;width:100%;font-size:0.8em;padding:2px 5px}
div.prefdayholder span,div.preftimeholder span{display:inline-block;width:12%;height:100%;max-height:18px;line-height:18px;background-color:#e3e3e3;text-decoration:none;color:#b6b6b6;cursor:help;border-radius:2px;margin:0 1px}
div.preftimeholder span{width:40% !important;max-width:none}
div.prefdayholder span[data='1'],div.preftimeholder span[data='1']{background-color:#59a6d6;color:white}

/* Popup Job Details */
div#popupcontainer{display:none;position:fixed;top:0;left:0;z-index:101;width:100%;min-height:100%;height:auto !important;height:100%;margin:auto;background:rgba(0,0,0,0.25)}
div#popupcontainer > div{position:fixed;width:500px;top:50%;left:50%;margin-left:-250px;margin-top:-190px;padding:10px;background-color:#fefefe;background:linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-moz-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-webkit-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-o-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;background:-ms-linear-gradient(top, #d0f0fd, #fefefe 324px) repeat-x;border-radius:5px;border:1px solid #acacac;overflow:scroll;overflow-x:hidden;overflow-y:scroll}
div#popupcontainer div[name='top']{display:block;width:100%;height:auto;padding:10px;text-align:center}
div#popupcontainer div[name='bottom']{display:block;width:100%;height:auto;padding:10px;border-top:1px solid #acacac;text-align:center}
div#buttons{width:100%;margin:auto}
div#popupcontainer textarea{width:100%;height:auto}
div#popupcontainer button{display:inline-block;float:none;width:100%;min-height:25px;max-width:125px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;margin:0;padding:10px}
div#popupcontainer button:hover{background:#275b6c}
div#popupcontainer button[name='closewindow'],div#popupcontainer button[name='closewindow_all']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#cc3333;border:1px solid #993333}
div#popupcontainer button[name='closewindow']:hover,div#popupcontainer button[name='closewindow_all']:hover{background:#cc4933}
div#popupcontainer span[name='errormsg']{display:none;color:#ef4f4f !important;font-family:'open_sanssemibold',sans-serif !important;margin-top:10px}
div#popupcontainer span[name='client_name']{font-family:'open_sanssemibold',sans-serif !important;color:#8d4867}
div#popupcontainer span[name='infoholder']{padding:5px}

/* Map View Job Details */
div#popupcontainer[name='jobdetails'] div[name='top']{height:auto !important}
div#popupcontainer[name='jobdetails'] div[name='bottom']{min-height:50px !important}
div#popupcontainer[name='jobdetails'] div.row{display:block;width:100%;padding:5px;text-align:center}
div#popupcontainer[name='jobdetails'] div.row{color:#8d4867}
div#popupcontainer[name='jobdetails'] span.blue{color:#314e8c}
div#popupcontainer[name='jobdetails'] span.none{color:rgba(95,95,95,0.5) !important}
div#popupcontainer[name='jobdetails'] div.row[name='client_postcode']{font-size:1.2em;font-family:'open_sanssemibold',sans-serif !important}
div#popupcontainer button[name='notifywant']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#33cc33;border:1px solid #339933}
div#popupcontainer button[name='notifywant']:hover{background:#66cc33}
div#popupcontainer button[name='notifyreject']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#ffa114;border:1px solid #cc7a00;margin-left:5px}
div#popupcontainer button[name='notifyreject']:hover{background:#ffb23f}
div#popupcontainer button[name='requested']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#ffa114;border:1px solid #cc7a00;cursor:not-allowed}
div#popupcontainer button[name='requested']:hover{background:#ffb23f}

/* Popup - Requesting Job */
div#popupcontainer div.jobdetails span[name='client_postcode'],div#popupcontainer div.jobdetails p[name='rejecthead']{font-size:1.2em;font-family:'open_sanssemibold',sans-serif !important;color:#8d4867}
div#popupcontainer button[name='confirmrequest'],div#popupcontainer button[name='confirmreject']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#33cc33;border:1px solid #339933}
div#popupcontainer button[name='confirmrequest']:hover,div#popupcontainer button[name='confirmreject']:hover{background:#66cc33}

/* Popup - Client Advise Changes */
div#popupcontainer div.clientadvise div[name='top']{height:auto !important}
div#popupcontainer div.clientadvise div[name='bottom']{height:65px !important}
div#popupcontainer div.clientadvise button[name='advisechange']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#33cc33;border:1px solid #339933}
div#popupcontainer div.clientadvise button[name='advisechange']:hover{background:#66cc33}
div#popupcontainer div.clientadvise span[data='client_surname'],div#popupcontainer div.clientadvise span[data='client_postcode']{font-family:'open_sanssemibold',sans-serif !important;color:#8d4867}

div.tempcleandates{display:none;position:relative;margin-top:5px;padding:5px;text-align:center}

div.tempcleans:hover div.tempcleandates{display:block}

/* Notifications */
div#notifications,div#pushnotifications{display:block;text-align:left;width:100%;padding:10px 0px}
div#notifications div[name='title'],div#pushnotifications div[name='title']{font-family:'open_sanssemibold',sans-serif !important;color:#8d4867;font-size:1.1em;padding-bottom:10px}
div#notifications div.notification_line,div#pushnotifications div.pushnotification_line{padding:10px 5px;margin:5px 0px;border-bottom:1px solid rgba(0,0,0,0.05)}
div#notifications div.notification_line div[name='left'],div#pushnotifications div.pushnotification_line div[name='left']{float:left;min-width:20px;margin-right:10px;text-align:center}
div#notifications div.notification_line div[name='right'],div#pushnotifications div.pushnotification_line div[name='right']{overflow:hidden}

div#notifications div.notification_line span.notification_icon{font-family:'FontAwesome';color:#314e8c}
div#notifications div.notification_line[data='interview'] span.notification_icon:before{content:"\f0c0"}
div#notifications div.notification_line[data='startdate'] span.notification_icon:before{content:"\f073"}
div#notifications div.notification_line[data='tempcover'] span.notification_icon:before{content:"\f017"}

div#pushnotifications div.pushnotification_line span.clear_pushnotification{color:#ffffff;background-color:#f0ad4e;border:1px solid #eea236;border-radius:3px;cursor:pointer;padding:2px 10px}
div#pushnotifications div.pushnotification_line span.clear_pushnotification:hover{background-color:#ec971f;border-color:#d58512}
div#pushnotifications div.pushnotification_line span.clear_pushnotification:before{font-family:'FontAwesome';content:"\f1f7";margin-right:5px}

div#pushnotifications div.pushnotification_line span.pushnotification_datecolour{margin-right:10px}
div#pushnotifications div.pushnotification_line span.pushnotification_datecolour[name='good']{color:#008000}
div#pushnotifications div.pushnotification_line span.pushnotification_datecolour[name='ok']{color:#ff7e00}
div#pushnotifications div.pushnotification_line span.pushnotification_datecolour[name='other']{color:#314e8c}

div.pushnotification_line[data-notification_type='1'] div[name='right'],div.pushnotification_line[data-notification_type='4'] div[name='right']{cursor:pointer}

/* Outstanding Events */
div#outstanding_events{display:block;text-align:left;width:100%;padding:10px 0px}
div#outstanding_events div[name='title']{font-family:'open_sanssemibold',sans-serif !important;color:#8d4867;font-size:1.1em;padding-bottom:10px}
div#outstanding_events div.eventholder{display:block;width:100%;margin:auto}
div#outstanding_events div.eventholder div.outstanding_line{width:100%;min-height:30px;background:rgba(255,161,20,0.1) !important;border-radius:5px;margin-top:5px;border:1px solid rgba(0,0,0,0.1);max-width:45%;display:inline-block;margin:10px;text-align:center}
div#outstanding_events div.eventholder div.outstanding_line:hover{background:rgba(208,240,253,0.5) !important}
div#outstanding_events div.eventholder div.outstanding_line div[name='outstanding_info']{padding:8px;line-height:30px}
div#outstanding_events div.eventholder div.outstanding_line div[name='outstanding_buttons']{white-space:nowrap}
div#outstanding_events div.eventholder div.outstanding_line div[name='outstanding_buttons']{display:block;position:relative;width:100%}
div#outstanding_events div.eventholder button{display:inline-block;min-height:25px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:10px;margin:0px;line-height:1em;font-size:1em}
div#outstanding_events div.eventholder button:hover{background:#275b6c}
div#outstanding_events div.eventholder button[name='startdate'],div#outstanding_events div.eventholder button[name='firstclean'],div#outstanding_events div.eventholder button[name='latest_updates']{background:#33cc33;border:1px solid #339933}
div#outstanding_events div.eventholder button[name='startdate']:hover,div#outstanding_events div.eventholder button[name='firstclean']:hover,div#outstanding_events div.eventholder button[name='latest_updates']:hover{background:#66cc33}

@media screen and (max-width:685px){
	div#outstanding_events div.eventholder div.outstanding_line{max-width:unset;margin:5px 0}
}

/* Popup - Outstanding Jobs */
div#popupcontainer div.interviewoutcome div[name='top']{height:auto !important}
div#popupcontainer div.interviewoutcome div[name='bottom']{height:auto !important}
div#popupcontainer div.interviewoutcome div#selecttype{display:block;text-align:center}
div#popupcontainer div.interviewoutcome div.inputholder{padding:5px}
div#popupcontainer div.interviewoutcome div#selecttype div.inputholder button{display:inline-block;width:100%;max-width:none;min-height:30px;margin-bottom:10px}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_startdate']{background:#33cc33;border:1px solid #339933}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_startdate']:hover{background:#66cc33}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_nostartdate']{background:#ffa114;border:1px solid #cc7a00}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_nostartdate']:hover{background:#ffb23f}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_nointerview']{background:#ffa114;border:1px solid #cc7a00}
div#popupcontainer div.interviewoutcome div#selecttype button[name='show_nointerview']:hover{background:#ffb23f}
div#popupcontainer div.interviewoutcome div#interview_startdate_agreed,div#popupcontainer div.interviewoutcome div#interview_startdate_none,div#popupcontainer div.interviewoutcome div#interview_none{display:none}
div#popupcontainer div.interviewoutcome button[name='submit_startdate'],div#popupcontainer div.interviewoutcome button[name='submit_nostartdate'],div#popupcontainer div.interviewoutcome button[name='submit_missedinterview'],div#popupcontainer div.firstcleanfeedback button[name='submit_firstcleanfeedback']
,div#popupcontainer div.system_updates button[name='submit_system_updates_read']{font-size:1em;height:100%;width:30%;max-width:none;min-height:30px;background:#33cc33;border:1px solid #339933}
div#popupcontainer div.interviewoutcome button[name='submit_startdate']:hover,div#popupcontainer div.interviewoutcome button[name='submit_nostartdate']:hover,div#popupcontainer div.interviewoutcome button[name='submit_missedinterview']:hover,div#popupcontainer div.firstcleanfeedback button[name='submit_firstcleanfeedback']:hover,div#popupcontainer div.system_updates button[name='submit_system_updates_read']:hover{background:#66cc33}
div#popupcontainer div.firstcleanfeedback div[name='top']{height:auto !important}

/* Report Holiday & Sickness */
div#report_holder{width:100%;text-align:center}
div#report_holder span[name='errormsg']{display:none;color:#ef4f4f !important;font-family:'open_sanssemibold',sans-serif !important;margin-top:10px}
div#report_holder div#report_buttons > div{font-size:1.2em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important;margin:20px}
div#report_holder div#report_buttons button{display:inline-block;min-height:25px;min-width:175px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:10px;margin:0px 10px}
div#report_holder div#report_buttons button:hover{background:#275b6c}
div#report_holder p[name='question']{font-size:1.1em;color:#314e8c;font-family:'open_sanssemibold',sans-serif !important}
div#report_sickness_holder,div#report_holiday_holder{width:100%;margin:auto;display:none;margin-top:30px}
div#report_holder div.row{text-align:center;padding:10px}
div#report_holder div.row[name='submit']{margin:20px}
div#report_holder div.row[name='submit'] button{display:inline-block;width:100%;max-width:300px;min-height:25px;border:1px solid #339933;border-radius:4px;background:#33cc33;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:10px;margin:0px 10px}
div#report_holder div.row[name='submit'] button:hover{background:#66cc33}
div#report_holder div.row[name='informed_no']{display:none;color:#ef4f4f;font-family:'open_sanssemibold',sans-serif !important}
div#report_holder div.inputholder{width:100%;max-width:550px;height:auto;margin:auto}
div#report_holder textarea{font-family:inherit;font-size:0.9em;width:100%}
div#report_holder div[name='date_holder']{display:inline-block;width:45%;min-height:85px;padding:10px;background:rgba(208,240,253,0.1);border-radius:5px;border:1px solid rgba(0,0,0,0.1)}
div#report_holder div[name='date_holder']:hover{background:rgba(208,240,253,0.3) !important}
div#report_holder div[name='date_holder'] > span{display:block;width:100%;font-family:'open_sanssemibold',sans-serif !important}
div#report_holder div[name='date_holder'] > select{display:block;width:100%;margin-top:10px}
div#report_holder div#report_holiday_holder div[name='date_holder'] select{display:inline-block;max-width:30%}

/* Cleaner Availability */
table#cleaner_availability{width:100%;border-collapse:collapse;text-align:center;margin:10px 0px;word-wrap:break-word}
table#cleaner_availability thead{color:#314e8c;font-size:1em;font-family:'open_sanssemibold',sans-serif !important}
table#cleaner_availability th{background:linear-gradient(#efefef,#fefefe);border:1px solid rgba(0,0,0,0.1);height:40px}
table#cleaner_availability th,table#cleaner_availability td{border-collapse:collapse}
table#cleaner_availability tbody tr{background:rgba(208,240,253,0.1)}
table#cleaner_availability td{border:1px solid rgba(0,0,0,0.1);color:#8d4867;padding:4px 2px;width:25%}
table#cleaner_availability td[data='time']{width:50%;padding:2px 15px}
table#cleaner_availability tbody tr.available{background:rgba(0,255,0,0.1)}
table#cleaner_availability tbody tr.unavailable{background:rgba(255,0,0,0.1)}
table#cleaner_availability button{max-width:100px !important}
table#cleaner_availability td[data='available']{text-align:center}
table#cleaner_availability td[data='available'] span{display:inline-block;cursor:pointer;border:2px solid rgba(0,0,0,0.1);border-radius:4px;width:40%;max-width:150px;margin:0px 5px;background:rgba(0,0,0,0.05);padding:5px}
table#cleaner_availability td[data='available'] span:hover{background:rgba(255,255,255,0.1)}
table#cleaner_availability td[data='available'] span[name='available']{color:#008000 !important;font-style:normal}
table#cleaner_availability td[data='available'] span[name='available']:before{font-family:'FontAwesome';content:"\f00c";margin-right:10px}
table#cleaner_availability td[data='available'] span[name='unavailable']{color:#ff0000 !important;font-style:normal}
table#cleaner_availability td[data='available'] span[name='unavailable']:before{font-family:'FontAwesome';content:"\f00d";margin-right:10px}
tr.available span[name='available']{border:2px solid #008000 !important}
tr.unavailable span[name='unavailable']{border:2px solid #ff0000 !important}
table#cleaner_availability div.time_holder{font-size:1em}
table#cleaner_availability div.time_slider{margin:4px auto}
div[name='submit_holder']{margin:25px}
input[name='submit_availability']{display:inline-block;width:100%;max-width:250px;min-height:50px;border:1px solid #339933;border-radius:4px;background:#33cc33;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:2px;margin:0;font-size:1.1em;-webkit-appearance:none !important}
input[name='submit_availability']:hover{background:#66cc33}
.ui-widget-header{background:#00cded !important}
.ui-widget-content{border:1px solid rgba(0,0,0,0.1) !important}
.ui-slider-handle{cursor:pointer !important}
div.center textarea{width:100%;max-width:450px}

div.companyhead{margin:15px 0px;padding:5px;min-height:1.8em;background:rgba(255,161,20,0.1) !important}
div.company_holder{width:100%;height:auto;margin:0;text-align:left;background:rgba(208,240,253,0.1);margin-bottom:10px;border:1px solid rgba(0,0,0,0.1);border-radius:5px}
div.company_holder div.company_header{display:block;width:100%;height:auto;padding:10px;font-family:'open_sanssemibold',sans-serif !important;font-size:1.2em;color:#8d4867;border-bottom:1px solid rgba(0,0,0,0.1)}
div.company_holder div.company_info{display:block;width:100%;height:auto;padding:10px;font-size:1.1em;color:#314e8c}
div.company_holder div.company_info div.left{position:relative;float:left;width:45%}
div.company_holder div.company_info div.left span{display:block;width:100%;padding:5px}
div.company_holder div.company_info div.right{position:relative;float:right;width:45%}
div.company_holder div.company_info div.right div.row{display:block;width:100%;padding:5px}

div.company_holder div.company_info div.right span{font-family:'open_sanssemibold',sans-serif !important;margin-right:10px}
div.company_holder div.company_info div.right span[name='telephone']:before{font-family:'FontAwesome';content:'\f095';margin-right:5px}
div.company_holder div.company_info div.right span[name='mobile']:before{font-family:'FontAwesome';content:'\f10b';margin-right:5px}
div.company_holder div.company_info div.right span[name='email']:before{font-family:'FontAwesome';content:'\f0e0';margin-right:5px}
div.company_holder div.company_info div.right span[name='webaddress']:before{font-family:'FontAwesome';content:'\f0ac';margin-right:5px}

/* Change Status */
div#changestatus_holder{width:100%;text-align:center}
div#changestatus_holder div#changestatus_buttons > div{font-size:1.2em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important;margin:20px}
div#changestatus_holder div#changestatus_buttons button,div#changestatus_confirm button{display:inline-block;min-height:25px;min-width:175px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:10px;margin:0px 10px}
div#changestatus_holder div#changestatus_buttons button:hover,div#changestatus_confirm button:hover{background:#275b6c}
div#changestatus_holder div#changestatus_buttons button[name='changestatus_active']{background:#33cc33;border-color:#339933}
div#changestatus_holder div#changestatus_buttons button[name='changestatus_active']:hover{background:#66cc33}
div#changestatus_holder div#changestatus_buttons button[name='changestatus_full']{background:#ffa114;border-color:#cc7a00}
div#changestatus_holder div#changestatus_buttons button[name='changestatus_full']:hover{background:#ffb23f}

/* Submit Feedback */
div#feedback_holder div#buttons > div{font-size:1.2em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important;margin:20px}
div#feedback_holder div#buttons button{display:inline-block;min-height:25px;min-width:175px;border:1px solid #163758;border-radius:4px;background:#27496c;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:10px;margin:0px 10px}
div#feedback_holder div#buttons button:hover{background:#275b6c}

input[name='submit_new_workarea']{display:inline-block;width:100%;max-width:250px;min-height:50px;border:1px solid #339933;border-radius:4px;background:#33cc33;text-align:center;text-decoration:none;color:#fefefe;text-shadow:1px 1px 0 rgba(0,0,0,0.2);cursor:pointer;padding:2px;margin:0;font-size:1.1em;-webkit-appearance:none !important}
input[name='submit_new_workarea']:hover{background:#66cc33}

div.authority_container{display:block;border:1px solid #e6e6e6;background:#ffffff;border-radius:5px;padding:10px;margin-bottom:20px}
div.authority_check{display:block;text-align:center;margin:10px auto;font-size:1.2em;cursor:pointer}
div.authority_check label{cursor:pointer}

div.button_holder{display:block;width:100%;margin:10px auto;text-align:center}
input.table-buttons{display:inline-block;-webkit-appearance:none !important;width:85px;margin:2px;padding:0.5em;font-size:1em;background-color:#336699;color:#ffffff;border:1px solid #e6e6e6;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
input.table-buttons:hover{background-color:#3399ff}

input.table-buttons[name='accept_finance_authority'],input.table-buttons[name='email_work_confirmation'],input.table-buttons[name='delete_client_payment'],input.table-buttons[name='back_my_finance'],input.table-buttons[name='back_to_home'],input.table-buttons[name='email_annual_earnings']{width:auto}

input.table-buttons[name='delete_client_payment'],input.table-buttons[name='delete_expense']{background:#d9534f}
input.table-buttons[name='delete_client_payment']:hover,input.table-buttons[name='delete_expense']:hover{background:#c12e2a}

div.earnings{font-family:'open_sanssemibold',sans-serif !important;font-size:1.3em;color:#314e8c;text-align:center;padding:20px}

/* Report Holiday & Sickness */
div.form-container{padding:10px;border:1px solid #babbbd;border-radius:3px;margin:10px 0 20px 0}
div.form-container[data-type='minimal']{padding:0;border:0}
div.form-container[data-type='minimal-nomarg']{padding:0;border:0;margin:0}
div.form-container div.form-row{display:block;width:100%}
div.form-container div.form-fields{display:inline-block;width:100%;max-width:200px;vertical-align:top;*display:inline;zoom:1;*margin-right:30px}
div.form-container div.form-fields[name='half']{max-width:100px}
div.form-container div.form-fields[name='double']{max-width:400px}
div.form-container div.form-fields[name='full']{max-width:none}
div.form-container div.form-fields[data-valign='top']{vertical-align:top !important}
div.form-container div.form-fields[data-valign='middle']{vertical-align:middle !important}
div.form-container div.form-fields[data-valign='bottom']{vertical-align:bottom !important}
div.form-container div.form-fields[name='age']{padding-left:10px;padding-bottom:10px;vertical-align:bottom}
div.form-container div.form-fields[name='age'] span[name='age'].none{font-style:italic;color:#868686}
div.form-field[name='dateselect'] select{display:inline-block;width:30%}
div.form-field[name='dateselect'] select.date-day{width:28%;margin-right:1%}
div.form-field[name='dateselect'] select.date-month{width:35%;margin-right:1%}
div.form-field[name='dateselect'] select.date-year{width:35%}
div.hidden-field{display:none !important}
div.submit-button-holder{width:100%;text-align:left}
div.submit-button-holder input{width:auto !important}

div.form-container .form-label{padding-bottom:0.65em}
div.form-container .form-field{padding-bottom:10px}
div.form-container input[type="text"],div.form-container input[type="email"],div.form-container input[type="password"],div.form-container input[type="tel"],div.form-container input[type="number"],div.form-container textarea,div.form-container input[type="date"],div.form-container input[type="file"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:100%;border:1px solid #babbbd;padding:8px}
/*div.form-container input:hover,div.form-container textarea:hover,div.form-container select:hover{color:#777777;background:#f5f5f5}*/
div.form-container select{border:0;outline:none;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:100%;border:1px solid #babbbd;padding:8px;background: #fff}
div.form-container input.dialog-btn{display:inline-block;width:100%;padding:0.5em;margin:0.5em auto;font-size:1em;background-color:#5cb85c;border:1px solid #336699;color:#fff;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
div.form-container input.dialog-btn:hover{background-color:#419641}
/* buttons */
input.table-buttons{display:inline-block;width:85px;margin:2px;padding:0.5em;font-size:1em;background-color:#336699;color:#ffffff;border:1px solid #336699;cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
input.table-buttons:hover{background-color:#3399ff}
.form-field[data-valerror='1'] input,.form-field[data-valerror='1'] select,.form-field[data-valerror='1'] textarea{border:1px solid #ebccd1;background:#f2dede}
div.form-error{color:#d9534f;font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;display:none;margin-bottom:5px}

div.form-container[name='add_client_payment'] div.form-row[name='client_name_other'],div.form-container[name='add_expense'] div.form-row[name='expense_description_other']{display:none}

div[name='datepicker'] div.ui-datepicker{font-family:'open_sansregular',sans-serif !important;font-weight:normal;font-size:1em !important}
div[name='datepicker'] div.ui-datepicker-header{background:linear-gradient(#efefef,#fefefe) !important}

div.form-container[name='annual_earnings_dates']{text-align:center}
div[name='annual_earnings_holder']{width:100%;max-width:450px;margin:0 auto}
table[name='annual_earnings']{width:100%;border-collapse:collapse;text-align:left;margin:10px 0px;word-wrap:break-word}
table[name='annual_earnings'] td{padding:5px}
table[name='annual_earnings'] th[name='amount'],table[name='annual_earnings'] td[name='amount']{text-align:center}
table[name='annual_earnings'] tr[name='total']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal;font-size:1em !important;border-top:1px solid #000000}
table[name='annual_earnings'] tr[name='total'] td{padding-top:10px}
.negative_amount{color:#ff0000}

table[name='cleaner_feedback'] td[name='rating'],table[name='cleaner_feedback'] td[name='status']{font-family:'open_sanssemibold',sans-serif !important;font-weight:normal}
table[name='cleaner_feedback'] td[name='feedback']{width:45%}
table[name='cleaner_feedback'] [data-colour='positive']{color:#008000}
table[name='cleaner_feedback'] [data-colour='neutral']{color:#ff7e00}
table[name='cleaner_feedback'] [data-colour='bad']{color:#ff0000}
table[name='cleaner_feedback'] td[name='rating'][data-colour='positive']{background:#eef7eb}
table[name='cleaner_feedback'] td[name='rating'][data-colour='neutral']{background:#fdfaec}
table[name='cleaner_feedback'] td[name='rating'][data-colour='bad']{background:#f8eded}

table[name='annual_earnings']{text-align:center}
table[name='annual_earnings'] td[data-earning_type='income']{color:#008000}
table[name='annual_earnings'] td[data-earning_type='expense']{color:#ff0000}

table.clienttable td[data='actions'] button{display:block;margin:5px auto}
table.clienttable td[data='actions'] button[name='advisechange']{background:#33cc33;border:1px solid #339933}
table.clienttable td[data='actions'] button[name='advisechange']:hover{background:#66cc33}
div#popupcontainer[name='client_pin_map']{text-align:center}
div#popupcontainer[name='client_pin_map'] div.map{width:100%;height:100%;min-height:350px;border:0;margin:15px 0px}
div#popupcontainer[name='client_pin_map'] div.infowindow{width:100%;height:auto;font-size:1.2em;color:#8d4867;font-family:'open_sanssemibold',sans-serif !important;padding:5px}
div#popupcontainer div#buttons button[name='client_pin_map']{margin-top: 15px}

div.area-check pre{margin:0;font-family:'open_sansregular',sans-serif !important;word-wrap:break-word;white-space:pre-wrap;word-break:break-word}

div#popupcontainer[name='system_updates']{display:block;z-index:9999}
div#popupcontainer[name='system_updates'] div.system_updates{width:100%;height:100%;top:unset;left:unset;margin-left:0;margin-top:0}
div#popupcontainer[name='system_updates'] div.system_updates div[name='top']{text-align:left}
div#popupcontainer div.system_updates button[name='submit_system_updates_read']{width:100%}
div#popupcontainer div.heading{font-size:1.3em;color:#8d4867}
div#popupcontainer div.update_holder,div#popupcontainer div[name='bottom']{margin-bottom:35px}

div#outstanding_events div.eventholder button[name=cico_start]{padding:10px;background:#33cc33;border:1px solid #339933;margin:5px}
div#outstanding_events div.eventholder button[name=cico_start]:hover{background:#66cc33}
div#outstanding_events div.eventholder button[name=cico_end]{padding:10px;background:#ffa114;border:1px solid #cc7a00;margin:5px}
div#outstanding_events div.eventholder button[name=cico_end]:hover{background:#ffb23f}
div#outstanding_events div.eventholder button[name=cico_delay]{padding:10px;background:#d9534f;border:1px solid #c9302c;margin:5px}
div#outstanding_events div.eventholder button[name=cico_delay]:hover{background:#c12e2a}
div#outstanding_events div.eventholder button[name=cico_change]{padding:10px;margin:5px}

div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=started]{background:#eef7eb !important}
div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=complete]{background:#f0f0f2 !important;color:#6b6b78 !important}
div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=pending]{background:#fdfaec !important}

div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=started] span.status{color:#ec971f}
div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=complete] span.status{color:#449d44}
div#outstanding_events div.eventholder div.outstanding_line[name=client_timings][data-status=pending] span.status{color:#c9302c}

div#popupcontainer[name=cico_change] div.inputholder[name=dateselect] div.ui-datepicker{margin:10px auto}
div#outstanding_events div.eventholder div.outstanding_line[name=client_timings] div[name='outstanding_buttons']{white-space:normal}

@media screen and (max-width:685px){
	div#popupcontainer[name=cico_change] div#buttons button{max-width:none;width:100%}
}

div.outstanding_line[name='survey_question']{max-width:100% !important}
div.outstanding_line[name='survey_question'] div[name='outstanding_buttons']{margin-top:10px}
div.outstanding_line[name='survey_question'] button[name='survey_submit_answer']{width:auto !important;padding:8px !important;margin-left:10px !important;background:#33cc33 !important;border:1px solid #339933 !important;line-height:initial !important}
div.outstanding_line[name='survey_question'] button[name='survey_submit_answer']:hover{background:#66cc33 !important}
div.outstanding_line[name='survey_question'] select{border:0;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:auto;border:1px solid #babbbd;padding:8px;background:#fff}
div.outstanding_line[name='survey_question'] div[name='survey_image']{width:100%;margin-top:5px;display:flex;justify-content:center;align-items:center}
div.outstanding_line[name='survey_question'] div[name='survey_image'] img{height:30px;width:auto;margin:0 5px}

div.hidden_container{background:#fdfaec;padding:0px 10px;border-radius:5px;border:1px solid #c9302c}