/*
Theme Name: clok
Description: clok Theme
Version: 4.5.3.3
Author: Initial-B
Text Domain: clok
*/

/*
chill orange = f78c0e
red = cc0b22
green = 2db73a
*/

body {font-family: 'Quicksand', sans-serif; background-color:#292c33; color:#9ea5b3;padding-top:70px;}

h1, h2, h3, h4 {color:#f78c0e;}

h1 {font-size:2.4em; font-weight:700;}
h2 {font-size:2em;font-weight:700;margin-bottom:0px; padding-bottom:5px;  padding-top: 10px;}
h3 {font-size:1.7em;font-weight:700;}
h4 {font-size:1.5em;font-weight:700;margin-top:0px; margin-bottom:0px; padding-bottom:5px;}
h5 {font-size:1.2em;font-weight:700;margin-top:0px; margin-bottom:0px; padding-bottom:5px;}

.header {width:100%; height:80px; text-align: center; display:block; position:absolute; top:0px; left:0px; background-color: #22252a;}

.nav {padding-top:10px;}
.nav ul  {}
.nav ul li {display:inline-block;}
.nav ul li a {padding:5px 20px; color:#9ea5b3; font-size:1.4em; font-weight:500; text-decoration: none;}
.nav ul li a:hover {color:#f78c0e;}

p {font-size:1em;font-weight:500;}

section {width:100%; display:block; overflow:hidden; padding-top:20px; padding-bottom:20px;/*border-bottom:1px solid #9ea5b3;*/ }

.content {max-width:1200px;margin:0 auto; padding-left:20px; padding-right:20px;display: block;overflow: hidden;}

.row {width:98%;margin:1%; overflow:hidden; padding-top:10px; padding-top:10px;}

.col10 {width:8%; height:auto; float:left;margin:1%;}
.col20 {width:18%; height:auto; float:left;margin:1%;}
.col25 {width:23%; height:auto; float:left;margin:1%;}
.col30 {width:28%; height:auto; float:left;margin:1%;}
.col33 {width:31%; height:auto; float:left;margin:1%;}
.col40 {width:38%; height:auto; float:left;margin:1%;}
.col50 {width:48%; height:auto; float:left;margin:1%;}
.col60 {width:58%; height:auto; float:left;margin:1%;}
.col70 {width:68%; height:auto; float:left;margin:1%;}
.col80 {width:78%; height:auto; float:left;margin:1%;}
.col80 {width:88%; height:auto; float:left;margin:1%;}

.clokholder {width:100%; height:auto; text-align:center;}
.clokholder h1 {font-size:100px;margin-top:200px;}
.clokholder h1 span {font-size:120px; color:#cccccc;}

.clock {
  background-color: #030303;
  color: #f78c0e;
  position: relative;
  padding: 10px 20px;
  font-size: 35px;
  border-radius: 3px;
  float:left;
  width:80px;
  margin-right:60px;
  display: block;
}

.tablinks {float:left;width:auto;display:block}
.tablinks a {text-decoration: none;display:inline-block; font-size:17px;color:#f78c0e;padding:21px;margin-right:10px; margin-left:10px;background-color:#22252a; border-top-right-radius:5px;border-top-left-radius:5px;}
.tablinks .active {background-color:#292c33;border-top:1px solid #22252a;border-left:1px solid #22252a;border-right:1px solid #22252a;}

.agencyadmin {display:none;}
.clientadmin {display:none;}
.propertyadmin {display:none;}
.jobadmin {display:none;}

label {line-height: 30px;}
input {padding:8px; border:0px; border-radius:3px; width:90%; margin:0 auto;}
select {padding:8px; border:0px; border-radius:3px; width:90%; margin:0 auto;}
textarea {padding:8px; border:0px; border-radius:3px; width:90%; height:100px; margin:0 auto;-webkit-box-shadow: 4px 5px 8px -2px rgba(0,0,0,0.47);
box-shadow: 4px 5px 8px -2px rgba(0,0,0,0.47);border:1px solid #d5d2d2;}
.startbut {margin-top: 7px;padding:7px 20px; color:#ffffff; background-color:#d6722f;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;}
.stopbut {padding:7px 20px; color:#ffffff; background-color:#923e06;display:inline-block; text-decoration:none;border-radius:3px;}
.submitbut {margin-top: 7px;padding:7px 20px; color:#ffffff; background-color:#d6722f;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;}

.stintmodal {display:none; position:fixed; top:0px; left:0px; width:100%; height:100vh; background-color:rgba(0,0,0,0.8);}
.livestint {width:60%;margin:0 auto;overflow:hidden;padding:40px;position:absolute;top:100px;left:50%;margin-left:-33%;background-color:rgba(255,255,255,1);border-radius: 10px;}
.livestint p {font-size: 1.2em;}
.swStartButton {margin-top: 7px;padding:7px 20px; color:#ffffff; background-color:#2db73a;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;cursor: pointer;}
.swPauseButton {margin-top: 7px;padding:7px 20px; color:#ffffff; background-color:#f78c0e;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;cursor: pointer;}
.swStopButton {float:right;margin-top: 7px;padding:7px 20px; color:#ffffff; background-color:#cc0b22;display:block; text-decoration:none; border-radius:3px;margin-right:20px;cursor: pointer;}
#thetimer .values {font-size:71px;}
#thetimer {clear:left;}

.stintwrap {margin:bottom:1px;overflow:hidden;}
.stintwrap p {padding: 5px;margin: 5px; color:#f78c0e;}
.stintwrap:nth-child(even) {background-color:#2d3039;}
.stinttimevalue {color:#f78c0e;}
.whitetext {color:#ffffff;}
.greytext {color:#9ea5b3;}

.jobheader {clear:left;display: block;margin-top:100px;}
.viewnotes {color:#fff; font-size:1em; padding-left:20px;text-decoration: none;}
.stintnotes {display:none;}
.stintnotes p{color:#9ea5b3;}


.querytimebut {margin-top: 7px;padding:10px 20px; color:#ffffff; background-color:#d6722f;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;border:0px;}
.invoicesetbut {margin-top: 7px;padding:10px 20px; color:#ffffff; background-color:#d6722f;display:inline-block; text-decoration:none; border-radius:3px;margin-right:20px;border:0px;}