/* Horizontal Box and Vertical Box */
.x-hbox, .x-vbox
{
    display: -webkit-box; /* Safari & Chrome */
    display: -ms-flexbox; /* Internet Explorer */
    display: flex;
}

/* Vertical Box */
.x-vbox
{
    -webkit-box-orient: vertical; /* Safari & Chrome */
    -ms-flex-direction: column; /* Internet Explorer */
        flex-direction: column;
}

/* Horizontal Box */
.x-hbox
{
    
}

.x-north, .x-west, .x-center, .x-east, .x-south
{
    
}

.x-north
{
    
}

.x-west
{

}

.x-vbox > .x-center
{

}

.x-hbox > .x-center
{

}

.x-vbox > .x-center:only-child,
.x-hbox > .x-center:only-child
{
    -webkit-box-flex: 1; /* Safari & Chrome */
            -ms-flex: 1; /* Internet Explorer */
                flex: 1;
}

.x-vbox > .x-north + .x-center,
.x-hbox > .x-west + .x-center
{
    -webkit-box-flex: 2; /* Safari & Chrome */
            -ms-flex: 2; /* Internet Explorer */
                flex: 2;
}

* {
  /* So 100% means 100% */
  box-sizing: border-box;
}

@CHARSET "ISO-8859-1";

@media  (max-height: 599px) and (orientation: portrait) 
{
    /* Unhide the overflow content allowing the page to display the scrollbars */
    html, body 
    {
        overflow: visible;
        height: auto;
    }
}

#main-container.transition {
        -webkit-transform: translate3d(50px, 0, 0);
}

#main-header, #main-footer, #main-container, #main-nav, #main-article, #main-toolbar, #main-content, #main-aside
{

}

#main-header, #main-footer
{
    
}

#main-container
{
   position:relative;
}

#main-nav
{
    width: 145px;
    background: rgba(34,33,33,0.90);
}

#main-nav a:hover {
  text-decoration: none;
}
        
#main-article
{
    position: relative;
}   

#main-toolbar
{
    color: #BD490E;
    background-color: #FF8A4F;
}

#main-content
{
    
}

#main-aside
{
    padding-top: 5px;
    padding-right: 5px;
    overflow: hidden;
}

/* Bootstrap */

/* navbar */
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

.navbar:before,
.navbar:after {
  display: table;
  content: " ";
}

.navbar:after {
  clear: both;
}

/* nav */

nav {
    display: block;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav:before,
.nav:after {
  display: table;
  content: " ";
}

.nav:after {
  clear: both;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #428bca;
}

.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.nav > li > a > img {
  max-width: none;
}

.navbar-left {
    float: left;
}

.navbar-right {
    float: right;
    margin-right: 10px !important;
}

/* well */

.well {
  min-height: 20px;
  padding: 8%;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

.well-lg {
  padding: 24px;
  border-radius: 6px;
}

.well-sm {
  padding: 9px;
  border-radius: 3px;
}

/* Override bootstrap to custom styles */
.navbar-default {
	background: rgba(34,33,33,0.90);
	border-color: #000;
	padding-top: 1%;
	padding-bottom: 1%;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	background: #000;
}

header a {
    color: #e41d24;
    padding: 5px 0px 0px 10px;
}

header a.dropdown-toggle:hover {
    color: #e41d24;
    text-decoration: none;
}

header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: #000;
    color: #e41d24;
    text-decoration: none;
}

header .dropdown-menu {
    background-color: #e41d24;
}

header ul.dropdown-menu {
    margin-left: 0px;
    margin-top: 20px;
}

header .dropdown-menu > li > a {
    background: #e41d24;
    padding: 5px 46px;
    color: #fff;
}

header .dropdown-menu > li > a:hover {
    background: #e41d24;
    color: #fff;
}

#slide2 input[type="text"], textarea, select, .options-date button {
    outline: none !important;
    box-shadow:none !important;
}

#nav-options li {
    border-bottom: 1px solid #000;
}

#nav-options li:last-child { 
  border-bottom: none; 
}

#nav-options li a {
    font-family: 'Lato', sans-serif;
    font-size: 0.7em;
	color: #e41d24;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-shadow: 1px 0px 0px rgba(0,0,0,1);

    position: relative;
    height: 105px;
    display: block;
    text-align: center;
    background-size: 90px;
    background-repeat: no-repeat;
    background-position: top center;
}

#nav-options li a span {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
}

#nav-options li.start a {
    background-image: url(../images/mobile/00.png);
}

#nav-options li.start a:hover {
    background-image: url(../images/mobile/00_hover.png);
}

#nav-options li.lunch a {
    background-image: url(../images/mobile/01.png);
}

#nav-options li.lunch a:hover {
    background-image: url(../images/mobile/01_hover.png);
}

#nav-options li.endday a {
    background-image: url(../images/mobile/02.png);
}

#nav-options li.endday a:hover {
    background-image: url(../images/mobile/02_hover.png);
}

#nav-options li.doctor a{
    background-image: url(../images/mobile/03.png);
}

#nav-options li.doctor a:hover {
    background-image: url(../images/mobile/03_hover.png);
}

#nav-options li.vacation a {
    background-image: url(../images/mobile/04.png);
}

#nav-options li.vacation a:hover {
    background-image: url(../images/mobile/04_hover.png);
}

#nav-options li.break a {
    background-image: url(../images/mobile/05.png);
}

#nav-options li.break a:hover {
    background-image: url(../images/mobile/05_hover.png);
}

#nav-options li.other a{
    background-image: url(../images/mobile/06.png);
}

#nav-options li.other a:hover {
    background-image: url(../images/mobile/06_hover.png);
}

.center-container {
    text-align: center;
    margin-top: 5px;
}

.options-date {
    margin-top: 20px;
}

.options-date, .timesheet {
    text-align: center;
}

.year-select, .periodContent {
    display: inline;
}

.periodContent {
    position: relative;
    float: right;
    width: 316px;
}

.btn {
	width: 160px;
	font-size: 1.3em;
}

.btn:hover {
	color: #a5a4a5;
	background-color: #383a3b;
	border-color: #383a3b;
}

.btn-default {
	color: #a5a4a5;
	background-color: #383a3b;
	border-color: #383a3b;
    
}

.btn-primary.active {
	color: #d7d6d6;
	background-color: #201f1f;
	border-color: #201f1f;
}

table {
    margin: 0 auto;
}

#dateRangeButton {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Custom styles */
.hidden {
	display: none;
}

.logged-user {
	font-weight: bold;
    font-size: 18px;
    color: #e41d24;
    padding-top: 8px;
    padding-left: 15px;
}

.logout {
  font-size: 27px; 
  padding: 1px 14px 0px 5px; 
  border-right: 1px solid #000;
}

.middle-column {
	margin: 1%;
}

.cornered {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.btn-start {
	width: 200px;
	padding: 8px 3px;
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	background: #fd5e01;
	color: #fff;
    border-top:none;
    border-right: none;
    border-left: none;
	border-bottom: solid 3px #dd4900;
}

.btn-view-timesheet {
	padding: 10px 22px;
	font-size: 1.2em;
	color: #cccccc;
    background: #222121;
    border-top:none;
    border-right: none;
    border-left: none;
    border-bottom: solid 3px #0f0f0f;
}

.round-div {
    margin:auto;
	text-align: left !important;
	width: 386px;
	background: rgba(35,34,34,0.7);
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.mobile-period {
    display: hidden;
}

.custom-select {
    -webkit-appearance: none;
    border: 0 !important;
    width: 70px;
    height: 100%;
    background-color: #222122;
    color: #e41d24;
    padding: 4px 0 0 14px;
    -moz-border-bottom-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
	border-top-left-radius: 4px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
	line-height: 9.3;
}

select#periodlist1 option {
    background: url(../images/pattern.png) repeat-y 123px;
    padding-top: 5px;
    padding-bottom: 6px;    
}

.period-list {
	font-size: 1em;
	width: 316px;
	border: 0 !important;
	-webkit-appearance: none;
	color: #dcdcdc;
	background: none;
}

.period-list option, .custom-select option {
	text-align: left;
}

.period-list option:focus {
	outline: none;
}

.divider-period-list
{
   border-left: 1px solid #181818;
   height: 90%;
}

.range {
    margin:auto;
	text-align: left !important;
    width: 386px;
    padding-bottom: 0px;
}

.range .form-inline {
    white-space: nowrap;
}

.range .control-group {
    display: inline-block;
    vertical-align: top;
}

.range label {
    display: block;
    padding: 8px;
	color: #e41d24;
    height: 34px;
	background: rgba(35,34,34,1);
	-webkit-border-radius: 2px 0px 0px 2px;
	-moz-border-radius: 2px 0px 0px 2px;
	border-radius: 2px 0px 0px 2px;
}

.range input[type=text] {
    font-size: 0.9em;
    border: #373839 1px solid;
    width: 105px !important;
}

.range input[type=text], .search-report input[type=text] {
	background: rgba(35,34,34,0.7);
	color: #fff;
    border-radius: 0;
}

.mobile-period div {
    display: inline;
}

.mobile-period .mobilePeriodContent {
    display: inline;
    position: relative;
    float: right;
    padding-top: 3px;
}

.search-report {
    margin: auto;
    margin-top: 12px;
    width: 386px;
}

.search-report input[type=text] {
	width: 100%;
    border: 1px solid rgba(35,34,34,0.1);
    -webkit-border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.search-report .input-group-addon {
    
	background: rgba(35,34,34,0.7);
	color: #fff;
	border: #373839 1px solid;
}

.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child), 
.input-group .form-control:not(:first-child):not(:last-child) {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
}

.clearable {
  /*background: rgba(35,34,34,0.7) url(data:image/gif;base64,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) no-repeat right -12px center !important;*/
  /*background: rgba(35,34,34,0.7) url(data:image/png;base64,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) no-repeat right -12px center !important;*/
  background: rgba(35,34,34,0.7) url("../images/cancel.png") no-repeat right -12px center !important;
  border: 1px solid #999;
  padding: 3px 18px 3px 4px;
  border-radius: 3px;
  transition: background 0.4s;
}

.clearable-table {
  background: rgba(220,220,220,1) url("../images/cancel2.png") no-repeat right -12px center !important;
  padding: 3px 18px 3px 4px;
  transition: background 0.4s;
}

.clearable.x, .clearable-table.x  { background-position: right 8px center !important; }

.clearable.onX, .clearable-table.onX { cursor: pointer; }

.timesheet {
	margin-top: 10px;
}

/* Employee table styles */
.activity-log-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #333;
    color: #fff;
    padding: 3px 5px;
    font-size: 1.2em;
}

#listEmployeeTable {
    overflow-y: auto;
    overflow-x: hidden;
}

.table-search {
       margin:0 auto;
	width: 440px;
    height: 41px;
	padding: 3px 4px 1px 4px;
	background: #212020;
	border-bottom: #000 1px solid;
}

.table-search label {
    margin-top: 5px;
    color: #b6b5b5;
    font-size: 1.4em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.table-search h2 {
	color: #b6b5b5;
	font-size: 1.4em;
	font-weight: bold;

}

.table-search .input-group {
    float: right;
    width: 220px;
}

.table-search input[type=text] {
    background: #dcdcdc;
}

.table-search .input-group-addon {
    color: #b6b5b5;
    background-color: rgba(220,220,220,1);
}

.employee-table-column table{
    width: 440px;
}

.employee-table-column thead th {
	padding: 1% 1% 1% 1%;
	background: #212020;
	font-size: 1.2em;
	font-weight: bold;
	color: #e41d24;
}

.employee-table-column tbody {
    color: #fff;
    font-size: 0.8em;
}

.employee-table-column td {
	padding-top: .5em;
    padding-bottom: .5em;
}

.employee-table-column td:first-child { 
	padding-left:1%;
}

.employee-table-column .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: rgba(67,66,66,0.7);
}

.employee-table-column .table-striped>tbody>tr:nth-of-type(even) {
    background-color: rgba(33,32,32,0.7);
}

.employee-table-column thead th.name {
	text-align: left;
    width: 35%;
}

.employee-table-column thead th.time {
	text-align: left;
    width: 30%;
}

.employee-table-column thead th.action {
	text-align: left;
    width: 35%;
}

.employee-table-column input[type=text] {
	background: rgba(220,220,220,1);
	color: #201f1f;
    -webkit-appearance: caret;
    -moz-appearance: caret;
}

#load {
    width: 440px;
    text-align: center;
    background: #212020;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 3px 0px;
}

#load a:hover {
    text-decoration: none;
    color: #e41d24;
}

#loadData {
    color: #fff;
}