﻿
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
.page-header-content {
	display:table;
}
.title-row {
	display:table-row;
}
.main-logo {
	width:135px;
	display:table-cell;
}
.site-title {
   color:#00695C;
   font-size:50px;
   margin-top:10px;
   margin-bottom:10px;
   font-weight:400;
   text-stroke:1px transparent;
   display:block;
   /* text-shadow: 0px 4px 3px rgba(0,0,0,0.4), */
                /* 0px 8px 13px rgba(0,0,0,0.1), */
                /* 0px 18px 23px rgba(0,0,0,0.1); */
   text-shadow: 0px 1px 2px rgba(0,0,0,0.4), 0px 3px 4px rgba(0,0,0,0.2);
				}

.page-title, .page-title {
   margin-left:135px;
	padding:1px 20px;
	display:table-cell;
	vertical-align:middle;
}
.article-title {
text-align: center;
}
.article-title h2 {
	margin-top:0;
margin-bottom:0;
padding: 15px;
}

p {
text-align: justify;
}
.page-title p {
/* text-align: center; */
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  /*letter-spacing: 0;*/
}
.version {
	float:right;
}
.text-size-large{font-size:16px}
.text-size-base{font-size:14px}
.text-size-small{font-size:13px}
.text-size-mini{font-size:12px}

@media (max-width:480px) {
.site-title{font-size:19px;}
.page-title p {font-size:11px;}
.page-header {display:none;}
.navbar-header {display:block;}
.version {
	float:left;
}
}
@media (min-width:481px) {
.site-title{font-size:30px;}
.page-title p {font-size:13px;}
.page-header {display:none;}
.navbar-header {display:block;}
.version  {
	float:left;
}
}
@media (min-width:769px){
.page-header, .footer-content {display:block;}
.page-title p {font-size:14px;}
.site-title{font-size:30px;}
.navbar-header {display:none;}

.version  {
	float:right;
}
/*.layout-boxed .footer-boxed, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-container, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content {
  width: auto;
}*/
}
@media (min-width:1025px){
.site-title{font-size:38px;
                /* text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15); */
}
/*.layout-boxed .footer-boxed, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-container, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content {
  width: auto;
}*/
}
@media (min-width: 1200px){
.site-title{font-size:38px;}
/*.layout-boxed .footer-boxed, .layout-boxed .navbar .navbar-boxed, .layout-boxed .page-container, .layout-boxed .page-header .breadcrumb-boxed, .layout-boxed .page-header-content {
  width: 1200px;
}*/
}
@media (max-width: 768px){
.navbar-inverse .navbar-text {
  border-bottom: 0;
}
}
.navbar-text {
  padding: 12px 20px;
}
.navbar-header .h1 {
  padding: 4px 20px;
}
.sidebar-default .navigation li>a:focus, .sidebar-default .navigation li>a:hover {
  background-color: #E0F2F1;
}
.sidebar-default .navigation li.active>a, .sidebar-default .navigation li.active>a:focus, .sidebar-default .navigation li.active>a:hover {
  background-color: #4DB6AC;
  color: #fff;
}
.sidebar-default .navigation>li.active>a, .sidebar-default .navigation>li.active>a:focus, .sidebar-default .navigation>li.active>a:hover {
  background-color: #00695C;
  color: #fff;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #E0F2F1;
  /*color:#fff;*/
}
.dropdown-menu>.dropdown-submenu:focus>a, .dropdown-menu>.dropdown-submenu:hover>a {
  background-color: #00897B;
  color:#fff;
}
.dropdown-header {
  /*background-color: #4DB6AC;*/
  color:#00695C;
}
.dropdown-header.highlight {
  background-color: #4DB6AC;
  color:#333;
}
/*
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover 
{
  background-color: #E0F2F1;
}
.navbar-default .menu-list li>a:focus, .navbar-default .menu-list li>a:hover
{
  background-color: #E0F2F1;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  background-color: #E0F2F1;
}
@media (max-width: 768px){
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover
{
  background-color: #E0F2F1;
}
}
@media (max-width: 768px){
.dropdown-menu>.dropdown-submenu:focus>a, .dropdown-menu>.dropdown-submenu:hover>a {
color:#fff;
}}*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  /*color: #333;*/
  background-color: #E0F2F1;
}
.text-semibold {
  font-weight: 600;
}
.page-container {
  padding: 20px 20px 0 20px;
}
.footer {
position:relative;
bottom:0;
left:0;
right:0;
}
.footer-boxed {
/*padding-bottom:20px;*/
}
.footer-boxed .panel {
padding-bottom:0;
}
.footer a {
	color:#4DD0E1;
}
.footer a:hover {
	color:#2196F4;
}

.offline-title {
  font-size: 60px;
}
@media (max-width: 768px){
.offline-title {
  font-size: 40px;
}
}
legend { padding-bottom: 5px; margin-bottom: 5px;}

.datepicker .datepicker-switch, .datepicker tfoot tr th,
.datepicker table tr td span:hover,
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover,
.datepicker-days>.table-condensed>thead>tr>th.dow,
.datepicker table tr td.day:hover, .datepicker table tr td.focused {background-color: #E0F2F1; border-color:#009688;}
.datepicker .next, .datepicker .prev, .datepicker tfoot tr th.today,
.datepicker table tr td span.focused,
.datepicker table tr td.today {background-color: #009688; color:#fff;}

.datepicker-days>.table-condensed>tbody>tr>td, .datepicker-days>.table-condensed>tbody>tr>th, .datepicker-days>.table-condensed>tfoot>tr>td, .datepicker-days>.table-condensed>tfoot>tr>th, .datepicker-days>.table-condensed>thead>tr>td, .datepicker-days>.table-condensed>thead>tr>th
{ padding:0;border-radius:0;}

.form-control:focus, .bootstrap-select>.btn.btn-default:focus, .bootstrap-select>.btn.btn-default:active 
{ background-color: #E0F2F1;}

.control-only label {
padding-left: 18px;
}

/*.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
{
padding:10px;
}
*/
.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
padding:5px 10px;
}
.ui-jqgrid .ui-jqgrid-btable tbody tr.jqgrow td {
padding-right:10px;
}
.panel-flat>.panel-heading {
background-color:#009688;
}
.panel-flat>.sub-heading {
background-color:#607D8B;
color:#fff;
}

/*.bootstrap-table>.fixed-table-container{
border-radius:0;
-webkit-border-radius:0;
}*/
.table-highlight-header thead {
background-color:#009688;
color:#fff;
}
.table-highlight-sub-header thead {
background-color:#607D8B;
color:#fff;
}
.fixed-table-container tbody .selected td { background-color:#E0F2F1 !important;}

.validation-valid-label {display:none !important;}

.mandatory { color: #F44336;}

.ui-jqgrid-htable thead {
background-color:#009688;
color:#fff;
}
.ui-jqgrid-htable thead th.active {

color:#000;
}

.ui-jqgrid .ui-jqgrid-htable .ui-th-div {
height:20px;
}

.bootstrap-select>.btn.btn-default.disabled {
	background-color:#fafafa;
}

@media (max-width:768px) {
.upload-btn {text-align:right;}
}

.candidate-img, .candidate-img img {
	max-width:140px;
	max-height:180px;
	margin:0 auto;
}

.candidate-sign, .candidate-sign img  {
	max-width:180px;
	max-height:70px;
	margin:0 auto;
}

.thead-bg-teal{background-color:#009688 !important;border-color:#009688 !important;color:#fff !important;}
.thead-bg-teal>th{border-color:#009688 !important;}

.thead-bg-warning{background-color:#F4511E !important;border-color:#F4511E !important;color:#fff !important;}
.thead-bg-warning>th{border-color:#F4511E !important;}

.modal-full {max-width:1200px;margin-left:auto;margin-right:auto}

.blink-text-only {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: .2;
  }
}

.blink-text {
  -moz-animation-duration: 700ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -webkit-animation-duration: 700ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-duration: 800ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@-moz-keyframes blink {
	from {background-color: #03A9F4;}
    to {background-color: #F44336;}
}
@-webkit-keyframes blink {
	from {background-color: #03A9F4;}
    to {background-color: #F44336;}
}
@keyframes blink {
	from {background-color: #03A9F4;}
    to {background-color: #F44336;}
}
.data-label {width:200px;display:inline-block;}
.data-value {width:400px;display:inline-block}

.vscroll {padding-left:0; padding-right:0;}
.vscroll li {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 20px !important;
}

.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.pace-inactive{display:none}
.pace .pace-progress{background:#ff5722;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:3px}
.pace .pace-progress-inner{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 15px #ff5722,0 0 10px #ff5722;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}
.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#ff5722;border-left-color:#ff5722;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite}
@-webkit-keyframes pace-spinner {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-moz-keyframes pace-spinner {
0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}
}
@-o-keyframes pace-spinner {
0%{-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-o-transform:rotate(360deg);transform:rotate(360deg)}
}
@-ms-keyframes pace-spinner {
0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}
100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes pace-spinner {
0%{transform:rotate(0deg);transform:rotate(0deg)}
100%{transform:rotate(360deg);transform:rotate(360deg)}
}
.nav-tabs.nav-tabs-toolbar {
  background-color: #fcfcfc
}
.nav-tabs>li>a>.status-mark{position:absolute;top:8px;right:8px}
.nav-tabs.nav-tabs-bottom>li.active>a:after {
  background-color: #F44336
}
.btn-multiline {white-space:normal !important;}

.twitter-typeahead .tt-menu {
	border:	1px solid #ddd;
	background-color: #fff;
	border-radius:3px;
	width:100%
}
.width-100 {width: 100px;}
.width-150 {width: 150px;}
.bootstrap-select .open { z-index: 10000; }
.bootstrap-select .dropdown-menu .inner li a span small {
	color: #2196F3!important
}
.bootstrap-select .dropdown-menu .inner li.active a span small {
	color: #4E342E!important
}

.user-card {background-color:#00BCD4;text-align: -webkit-center;}
.border-all {border: 1px solid #ddd; }
.border-radius-top {border-top-right-radius:3px;border-top-left-radius:3px}
/* .page-container {z-index: 1001} */
.file-button-only {border-radius:0 !important}
.fc-view>table {background-color:#fff;min-width:590px}
.fc-basic-view tbody .fc-row {min-width:85px !important; min-height:83px !important;}
.fc-scroller {min-height:498 !important}
.fc-view>table>thead {background-color:#00695C !important;border-color:#00695C !important;color:#fff !important;}
.fc-highlight {background-color:#00BCD4 !important}
.fc-today {background-color:#00695C !important; border-color:#00695C !important; color:#fff !important;}
.fc-bg .fc-other-month {background-color:#FAFAFA !important}
/* List View
--------------------------------------------------------------------------------------------------*/

/* possibly reusable */

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

/* view wrapper */

.fc-rtl .fc-list-view {
	direction: rtl; /* unlike core views, leverage browser RTL */
}

.fc-list-view {
	border-width: 1px;
	border-style: solid;
}

/* table resets */

.fc .fc-list-table {
	table-layout: auto; /* for shrinkwrapping cell content */
}

.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px;
}

.fc-list-table tr:first-child td {
	border-top-width: 0;
}

/* day headings with the list */

.fc-list-heading {
	border-bottom-width: 1px;
}

.fc-list-heading td {
	font-weight: bold;
}

.fc-ltr .fc-list-heading-main { float: left; }
.fc-ltr .fc-list-heading-alt { float: right; }

.fc-rtl .fc-list-heading-main { float: right; }
.fc-rtl .fc-list-heading-alt { float: left; }

/* event list items */

.fc-list-item.fc-has-url {
	cursor: pointer; /* whole row will be clickable */
}

.fc-list-item:hover td {
	background-color: #f5f5f5;
}

.fc-list-item-marker,
.fc-list-item-time {
	white-space: nowrap;
	width: 1px;
}
.fc-list-item-time {
	display: none;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker { padding-right: 0; }
.fc-rtl .fc-list-item-marker { padding-left: 0; }

.fc-list-item-title a {
	/* every event title cell has an <a> tag */
	text-decoration: none;
	color: inherit;
}

.fc-list-item-title a[href]:hover {
	/* hover effect only on titles with hrefs */
	text-decoration: underline;
}

/* message when no events */

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table;
}

.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.fc-unthemed .fc-list-empty { /* theme will provide own background */
	background-color: #eee;
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

/* body { margin: 0; }  */
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 15s slidy infinite; 
}
