@import 'https://fonts.googleapis.com/css?family=Raleway:400,700&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin-ext';
* {
  font-family:'Raleway',sans-serif;
  box-sizing: border-box;
}
body {
  background:#fff;
}

.color1 { color:#F97A24; }
.color2 { color:#0D1D26; }
.color3 { color:#fff; }
.color4 { color:#000; }

.bg1 { background-color:#00a1d6; }
.bg2 { background-color:#0D1D26; }
.bg3 { background-color:#fff; }
.bg4 { background-color:#000; }
.bg5 { background-color:#122835; }

.modestBtn {
  border:1px solid #f3f3f3;
  background:#f6f6f6;
  height:32px;
  text-align:center;
  border-radius:1px;
  color:#ccc;
  flex-grow:1;
  flex-basis:0;
  margin:5px 0px;
}
.modestBtn:hover {
  color:#333;
  background:#e3e3e3;
  border-color:#e0e0e0;
}
.modestBtn.active {
  background-color:#F97A24;
  border-color:#DB9B06;
  color:#fff;
  font-weight:bold;
  text-shadow: 1px 1px 1px #CC9005;
}
#priorityDiv .modestBtn {
  font-size:9.5px;
  text-transform:uppercase;
  letter-spacing:0.5px;
}

#logo {
  position:absolute;
  left:21px;
  top:17px;
}
#logo img {
  height:23px;
}
#login, #register {
  width:100vw;
  height:100vh !important;
  text-align:center;
  padding:30px;
  background:url(../img/login_bg.jpg) center center no-repeat #071016;
  background-size: cover;
  display:table-cell;
  vertical-align:middle;
}
#login input, #register input {
  margin:10px 0;
  padding:10px;
  text-align:center;
  font-size:14pt;
  width:280px;
}
#login input[type=email], #login input[type=text], #login input[type=password], #register input[type=email], #register input[type=text], #register input[type=password] {
  background:rgba(255,255,255,0.05);
  border:none;
  color:#fff;
}
.todayAssigned {
  color:#ccc;
  font-size:8.5pt;
  margin-left:5px;
}

#container {
  display:flex;
  min-height:100vh;
}
#nav {
  width:200px;
  min-width:200px;
  background:#0D1D26;
  z-index:2;
}
nav {
  position:fixed;
  top:50px;
  width:200px;
  min-width:200px;
}
.top {
  padding:16px 20px;
  color:#fff;
  background:#0D1D26;
  margin-bottom:0px;
  position:fixed;
  width:100%;
  min-width:600px;
  z-index:3;
}
#topUser {
  float:right;
}

.top strong, .top .sep {
  color:#fff;
  font-size:10.5pt;
}

nav h4 {
  padding:10px 20px;
  color:#fff;
  background:#163241;
  margin:0;
  font-size:10.5pt;
}
nav ul {
  margin:0;
}
nav ul li {
  list-style-type:none;
  padding:0;
}
nav ul li a {
  display:block;
  padding:14px 20px 14px 45px;
  border:none;
  border-top:none;
  border-left:none;
  color:#444;
  background:#fff;
  cursor:default;
}
nav ul li a:hover {
  text-decoration:none;
  color:#fff;
  background-color:#F97A24;
}

#allTasksTable a {
  color:#0D1D26;
}

#content {
  flex-grow:1;
  margin-left:0px;
  background:#fff;
  border:1px solid #fff;
  padding:25px 30px 20px 30px;
  margin-top:50px;
  height:100%;
  overflow:visible;
  min-width:600px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
  outline:0;
}

input[id^="keys"] {
  text-align:center;
  min-width:40px;
  padding:0;
  margin:0;
  border:none;
}
h2 {
  margin:0;
  margin-bottom:30px;
  font-size:22pt;
  float:left;
}

h5 {
  border-bottom:1px solid #e3e3e3;
  padding:8px 0px;
}
table label {
  padding:0;
}
td h4 {
  border-bottom:1px solid #e3e3e3;
  padding:3px;
  color:#61666B;
  margin-top:20px;
  font-size:9pt;
  font-weight:bold;
}
.item {
  padding:6px 4px;
}

.phones, .internet, .address2, .other, .assignee, #new_category, #new_group, .contactLogs { display:none; }

#new_category, #new_group {
  width:236px;
}

.plus_btn, .minus_btn {
  cursor:pointer;
  width:25px;
  height:25px;
  display:block;
  border-radius:25px;
}
.plus_btn { background:url('../img/plus_btn.png') center center no-repeat #f3f3f3; }
.minus_btn { background:url('../img/minus_btn.png') center center no-repeat #f3f3f3; }
.plus_btn:hover { background:url('../img/plus_btn_white.png') center center no-repeat #449C44; }
.minus_btn:hover { background:url('../img/minus_btn_white.png') center center no-repeat #C9312C; }

.cke_1.cke_chrome, .cke_2.cke_chrome, .cke_3.cke_chrome {
  border-color: #fff !important;
}

#c_plus, #c_minus {
  display:inline-block;
  margin-bottom:-7px;
  margin-left:5px;
}
#dataTable th {
  font-size:9pt;
  text-transform:uppercase;
  font-weight:normal;
  color:#163241;
  background:#fff;
  font-weight:bold;
}
#dataTable {
  width:100% !important;
}
#dataTable td {
  padding:8px 6px;
  vertical-align:center;
}
#dataTable tr:nth-of-type(odd) td {
  background:#fff;
}

#dataTable .dropdown-content {
  top:26px;
}

#dataTable .dropbtn {
  padding:12px 14px;
}

.menu_label {
  font-size:8.5pt;
  color:#F97A24;
  display:block;
  min-width:50px;
}
.border_bottom td {
  border-bottom:1px solid #e3e3e3;
}
.contactLogs .left {
  border-right:1px solid #e3e3e3;
}
.logDetails td {
  font-size:8pt;
  padding:10px 10px 0px 10px;
}
.logDetails .b {
  font-family: 'Open Sans', sans-serif;
  font-size:13.25px;
}

.logNote td {
  padding:5px 10px;
}
.logDetails:nth-child(n+2) {
  border-top:1px solid #e3e3e3;
}

.contactLogsRepair {
  display:inline-block;
  margin-bottom:0px;
}
.tabs {
  padding:0;
  border-bottom:1px solid #e3e3e3;
  margin-bottom:20px;
}
.tabs a {
  display:inline-block;
  padding:4px 12px;
  border-top:1px solid #e3e3e3;
  border-left:1px solid #e3e3e3;
  border-right:1px solid #e3e3e3;
  background:#f3f3f3;
  color:#aaa;
  cursor:pointer;
  margin-bottom:-1px;
}
.tabs a:hover {
  text-decoration:none;
  color:#404A4F;
  background:#fff;
  padding-bottom:5px;
  margin-bottom:-1px;
}
.tabs a.active {
  padding:6px 12px 5px 12px;
  color:#333;
  background:#fff;
  cursor:default;
}
.td_start_time {
  color:#333;
  font-weight:bold;
  text-align:right;
  font-family: 'Open Sans', sans-serif;
  width:50px;
}
.td_normal {
  display:inline-block;
  padding:5px 6px 5px 6px;
  color:#0091C2;
  border:none;
  border-radius:1px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  border-radius:20px;
}
.td_warning {
  color:#444;
  display:inline-block;
  padding:5px 6px 5px 22px;
  background:url('../img/icon_warning.png') 8px center no-repeat #F9DEB9 !important;
  border:none;
  border-radius:1px;
  width:65px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  border-radius:20px;
}
.td_alert {
  display:inline-block;
  color:#444;
  padding:5px 6px 5px 22px;
  background:url('../img/icon_warning.png') 8px center no-repeat #FFBBB1 !important;
  border:none;
  border-radius:1px;
  width:65px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  border-radius:20px;
}
.td_ok {
  display:inline-block;
  padding:5px 6px 5px 22px;
  color:#444;
  background:url('../img/icon_ok.png') 8px center no-repeat #CAE8CA !important;
  border:none;
  border-radius:1px;
  width:65px;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  border-radius:20px;
}
.td_timer {
  display:inline-block;
  padding:4px 5px 4px 21px;
  background:url('../img/icon_ok.png') 8px center no-repeat #fff;
  border:1px solid #eee;
  border-radius:1px;
  width:65px;
  color:#333;
  text-align:center;
  font-family: 'Open Sans', sans-serif;
  border-radius:20px;
}
.td_alert:hover, .td_normal:hover, .td_warning:hover, .td_ok:hover, .td_timer:hover {
  background:url('../img/icon_ok_white.png') 8px center no-repeat #4CAE4C !important;
  border:none;
  color:#fff;
  text-decoration:none;
  border-radius:20px;
}


.todayTable {
  width:100% !important;
  margin-bottom:50px;
}
.todayDiv {
  display: flex;
  clear:both;
}
.todayDiv div {
  flex:1;
}

.todayTable td:first-of-type {
  width:50px;
  max-width:50px;
}
.todayTable td {
  border-top:1px solid #eee;
  padding:6px 16px 8px 0px;
}
.todayTable tr:first-of-type td {
  border:none;
}

.noteMenuBtn {
  padding:4px 16px 5px 32px;
  background:url('../img/btn_note_white.png') 10px center no-repeat #163241;
  color:#fff;
  margin-right:5px;
  margin-top:3px !important;
}
.hideme { display:none; }
.showme { display:table-row; }

.dailyTasksList {
  display:block;
  position:relative;
  height:600px;
  overflow:auto;
  background:url('../img/bg_daily_calendar.png') top left;
  background-attachment:local;
  min-width:700px;
  margin:-5px;
}

.timeLine {
  float:left;
  width:65px;
  border-right:1px solid #ddd;
  background:#f9f9f9;
}
.timeLineItem:first-of-type {
  border-top:1px solid #ddd;
  height:51px;
}
.timeLineItem {
  display:block;
  height:50px;
  clear:both;
  border-bottom:1px solid #ddd;
  padding:0px 5px;
}
.timeLineHour {
  display:block;
  float:left;
  font-size:20pt;
  width:30px;
  text-align:right;
}
.timeLineMin {
  float:right;
  width:20px;
  height:25px;
  padding:3px 0px;
}
#timePointer {
  position:absolute;
  top:0px;
  left:0px;
  width:65px;
  height:1px;
  background-color:rgba(54, 77, 89, 0.15);
}
#calendarNewTask {
  position:fixed;
  right:20px;
  bottom:20px;
}
#calendarNewTask a span {
  display:inline-block;
  width:44px;
  height:44px;
  color:#fff;
  opacity:0.5;
  transition: ease 400ms;
  padding-top:4px;
}
#calendarNewTask a:hover span {
  opacity:1;
}
.done_btn {
  text-decoration:none;
  border:none;
  background:#f6f6f6;
  color:#bbb;
  width:auto;
  padding:7px 15px 2px 15px;
  cursor:default;
}
.done_btn:hover {
  text-decoration:none;
  background:#449C44;
  color:#fff;
}
#date_time {
  color:#fff;
  font-size:10pt;
  text-align:center;
  background:#152832;
}
#time {
  padding:5px 20px;
  font-size:18pt;
  font-weight:bold;
  text-align:center;
  cursor:default;
}
#date:hover {
  background:#008AB8;
}
.navSeparator {
  display:none;
}
#quickLinks a {
  display:block;
  padding:20px 10px 10px 10px;
  margin-bottom:20px;
  text-align:center;
  min-width:110px;
  min-height:110px;
  border:none;
  background:#f6f6f6;
  font-size:11pt;
  font-weight:bold;
}
#quickLinks a:hover {
  color:#fff;
  background:#0D1D26;
}
#small_calendar {
  max-width:200px;
  overflow:hidden;
}
#small_calendar table {
  width:100%;
  background:#121F26;
  table-layout: fixed;
}
#small_calendar td {
  border:1px solid #0D1D26;
  padding:0;
}
#small_calendar thead td {
  border:none;
  background:#1C303B;
  color:#fff;
  font-weight:normal;
  padding:6px 0px 3px 0px;
  font-size:8pt;
  text-align:center;
}

#small_calendar td a {
  padding:6px 2px 6px 2px;
  font-size:8pt;
  text-align:center;
  display:block;
  background:#14252E;
  color:#fff;
}
#small_calendar td.today a {
  background:#F97A24 !important;
  color:#fff !important;
}
#small_calendar td {
  background:#111F27;
}
#small_calendar td a:hover {
  text-decoration:none;
  background:#243E4C !important;
}
.categoryIcon {
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:5px;
  border-radius:8px;
}
.completion0 { background:url('../img/icon_ok.png') 8px center no-repeat; }
.completion25 { background:url('../img/icon_ok.png') 8px center no-repeat; }
.completion50 { background:url('../img/icon_ok.png') 8px center no-repeat; }
.completion75 { background:url('../img/icon_ok.png') 8px center no-repeat; }
.completion100 { background:url('../img/icon_ok.png') 8px center no-repeat; }

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    opacity:0;
  }
}