*{outline: none}
body{background: #fff;}
.input-small {float:left; margin-right: 10px; width: 30% !important; }
.input-medium {float:left; margin-right: 10px; width: 60% !important; }
.input-long {float:left; margin-right: 10px; width: 90% !important; }
.navbar-inverse { background-color: #fff; color: #333;}
.menu-icons ul li a { color: #3897F0 }
.menu-icons ul li a .fa{ vertical-align: middle;}
.navbar-inverse .navbar-nav > li > a { color: #3897F0 }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #3472ac }
.timesheet-aside .aside-main {border: 0;}
.timesheet-aside .aside-main .date-time { background: none;}
.timesheet-aside .aside-main .date-time p {font-size: 28px; font-family: AppleGothic; color: #000;}
.timesheet-aside .aside-main .date-time h1 { font-size: 53px;font-family: AppleGothic; color: #3897F0;}
.timesheet-aside .aside-main .btn-controls { padding: 0;}
.btnCheckIn, .btnCheckOut { width: 125px; height: 40px; border-radius: 0;}
.btnCheckIn i, .btnCheckOut i {display: inline-block; font-size: 20px; margin-bottom: 5px; text-shadow: 4px 4px 6px #000; float: left;}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td{ border-top: 1.2px solid #bcbbbb; border-right: 1.2px solid #bcbbbb;}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child{border-left: 1.2px solid #bcbbbb;}
table.dataTable thead th:first-child{border-left: 1.2px solid #bcbbbb;}
table.dataTable thead th{ border-top: 1.2px solid #bcbbbb; border-right: 1.2px solid #bcbbbb; border-bottom: 1.2px solid #bcbbbb; background:#d9edf7}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom: 1.2px solid #bcbbbb;}
table.dataTable.no-footer{border-bottom: 1.2px solid #bcbbbb;}
.timesheet-calendar .export-button{text-align: right; margin-top: -10px;}
.table-header { background: #fff; box-shadow: 0 2px 6px #a1a1a1; margin-bottom: 10px}
#month-picker { color: black; border-bottom: 2px solid #429CF1; }
.user-timesheet .select2-container--default .select2-selection--single .select2-selection__rendered{ color: #333; border-bottom: 2px solid #429CF1; }
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color: #ff3636 transparent transparent transparent;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color: transparent transparent #ff3636 transparent}
.btnCheckIn{background: #2b98c9; border-radius: 20px;}
.btnCheckOut{background: #FF5A5D; border-radius: 20px;}
.btn-excel{background: #298E67; color: #fff; width: 93px; border-radius: 20px;}
.btn-excel .fa{ float: left; margin-top: 3px; text-shadow: 4px 4px 6px #000;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ background: #d7d7d7 }
.table-header .btn{border-radius: 0;}
.navbar-default{background: #fff;}
.footer { background: #38414A}
td.fc-day.fc-past{background-color: #edf1f4;}
ul.statistic{padding: 0 15px;}
ul.statistic li.title {font-size: 18px; cursor: pointer;}
ul.statistic li.title ul {font-size: 18px; margin: 18.7px 0}
ul.statistic li.title .fa{color: #3E9AF0; margin-right: 8px;}
ul.statistic li.row {background: #fff; margin-bottom: 10px; box-shadow: -2px 2px 5px #a7a7a7; height: 35px; line-height: 40px; overflow: hidden; font-size: 14px}
ul.statistic li.row label{ float: left; background: #DDE7EE; width: 145px; padding-left: 35px;}
ul.statistic li.row .row_desc{ float: right; padding-right: 10px; color: #EA496A;}
ul.statistic .right-arrow{ border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 15px solid #DDE7EE;  float: left;}
.owl-menu .item.active a, .owl-menu .item:hover a{ border-bottom: 3px solid #3897F0;}
.btn-style{border-radius: 5px; box-shadow: 2px 2px 5px #777; background: #3897F0;}
.btn-clear-popup, .btn-style.btn-back, .btn-close, .btn-cancel{ border-radius: 5px;box-shadow: 2px 2px 5px #777;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{ border-radius: 50%; background: #3897F0; border-color: #3897F0}
.dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info{float: none; text-align: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_info{ color: #696969 !important}
.field > label .fa { color: #00AF4C; font-size: 10px; margin-right: 5px;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #3897F0;}
.tooltip-inner{ background-color: #3897F0; height: 28px; line-height: 24px;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{ background-color: #59b1c5;}
.modal-header{ background: #3897f0; }
/* .configs-menu ul li a.active, .configs-menu ul li a:hover { background: #3897f0; } */
.owl-menu .item.active a, .owl-menu .item:hover a{color: #3897f0;}
/* .checkbox-inline input[type="checkbox"]:checked ~ .check, .radio-inline input[type="radio"]:checked ~ .check{border-color: #3897f0;} */
/* .checkbox-inline input[type="checkbox"]:checked ~ .check::before{color: #3897f0;} */
/* .radio-inline input[type="radio"]:checked ~ .check::before{background: #3897f0;} */
.calendar table.month th.month-title{background: #3897f0}
.calendar .calendar-header table th.prev, .calendar .calendar-header table th.next{color: #3897f0}
.btn-user-setting{background: #1e88e5;}
.navbar-brand img{height: 50px; width: auto; object-fit: scale-down; max-width: 70px!important; overflow: hidden !important; }
#toTopHover{background: #3897f0;}
.cssload span, .cssload span::before, .cssload span::after{ border: 2px solid #3897f0; }
.calendar .year-title{color: #3897f0;}
.calendar .year-neighbor{color: #61b2fe}
.calendar .year-neighbor2{color: #a3cff8}
/*#header .t-header .navbar{background:url("../../img/micom_header.jpg");}*/