@import url("./font/styles.css")

@-ms-viewport {
  width: device-width;
}

.bg-orange {
	background: #ba6427 !important;
}

.bg-cream {
	background: #f0ecc6 !important;
}

.bg-brown {
	background: #B5651D !important;
}

.bg-light-yellow {
        background: #FE4;
}

.bg-lighter-blue {
        background: #4EF;
}


.text-orange {
	color: #ba6427 !important;
}

.text-cream {
	color: #ba6427 !important;
}

.text-brown {
	color: #B5651D !important;
}




html {
	background: #556;
}

body {
	/*max-width: 1200px;*/
	margin: 0 auto;
	background: #333;
}

textarea {
	resize:vertical;
}

/* LOGIN SCREEN */
.login {
  background: url(../img/blur-background09.jpg) repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.login > body {
  background: transparent;
}

#login-box img.logo {
  position:relative;
  top : 52px;
  left: -15px;
}

/* SIDEBAR */
.sidebar {
	overflow: visible;
	position:relative;
	padding-top: 70px;
	z-index: 1000;
}

.day {
    font-family: "Ionicons";
}

.heavy {
	font-weight: bold;
}

.heavy:after {
  content: " \f16d";
}

.time {
	padding: 4px 8px;
	border-radius: 4px;
}

body > .header .logo {
	font-family: 'Cambria', Georgia, serif;
	background-image: url(../img/skin/logo_small.png?v=2);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	background-size: auto 40px;
}

body > .header .navbar{
	margin-left: 0px;
	z-index: 0;
}

#print-box .header h1{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: inherit;
}

#print-box .header small {
	font-size: 14px;
	line-height: 16px;
}

.daily-print table {
	font-size: 100% !important;
}


.sidebar {
	z-index: 10000 !important;	
}

.sidebar .logo {
	background: transparent !important;
	display: block;
	position:relative;
	margin: -105px 0 20px 135px;
}

.sidebar .name {
	font-family: 'Cambria', Georgia, serif;
	font-weight: bold;
	width: 120px;
	background: transparent;
	display: block;
	position:relative;
	margin: -67px 0 0 20px;
}

/* CALENDAR */

#calendar .fc-toolbar {
	margin: 5px 10px;
}

#work_types {
	color: #FFF;
	font-weight: bold;
}


.external-event {
	border-radius: 4px;
	margin: 4px;
	padding: 4px;
}

/* CAPACITY */
#capacity_table td, #capacity_table th {
	text-align: center;
	vertical-align: middle;
	padding: 2px 2px;
}

#capacity_table td, #capacity_table th {
	width: 2%;
}

#capacity_table td .ion {
	font-size: 24px;
	font-weight: bold;
}

tr.sep td, tr.sep th {
	border-top: 2px solid black !important;
}

/* ATTENDANCE */

#attendance_table th, #attendance_table td {
	vertical-align: middle;
}

#attendance_table colgroup.date {
	width: 2%;
}

#attendance_table .terv col, #attendance_table .teny col {
	width: 8%;
}

#attendance_table .signo col {
	width: 20%;
}

#attendance_table td, #attendance_table th, #attendance_sum_table td, #attendance_sum_table th {
		text-align: center;
		padding: 2px 2px;
}

#attendance_table .dropdown-menu.align-right {
	right: 0px;
	left: auto;
}

/* SCHEDULE */
#schedule_table td, #schedule_table th {
		font-size: 75%;
		text-align: center;
		padding: 2px;
		vertical-align: middle;
}

#schedule_table button.popover-btn {
	text-overflow: ellipsis;
	max-width: 75px;
	overflow: hidden;
}



/* USER */

#user_table td, #user_table th {
	padding: 2px;
	vertical-align: middle;
}

/* capacity */
#capacity_box .clearfix {
	padding: 2px 10px;
	cursor: pointer;
}

#capacity_box .capacity_type:hover {
	background: #DDDDDD;
	border-radius: 10px;
}

#capacity_box .active {
	background: #99CCFF;
	border-radius: 10px;
}

#capacity_box .active:hover {
	background: #6699FF;
	border-radius: 10px;
}

#capacity_table tr:hover {
	background: #DDDDDD;
}

#capacity_table col.day {
	background: #F3F3F3;
}

#capacity_table col.day.hover {
	background: #DDDDDD;
}


/* schedule */
#schedule_table {
	border: 2px solid black;
}

#schedule_table .lastcol {
	border-right: 2px solid black;
}

#schedule_table .firstcol {
	border-left: 2px solid black;
}

#schedule_table .inactive {
	background: #DDD;
	color: #000;
	border: none !important;
}

.btn-popover-container {
    display: inline-block;
}

.btn-popover-container .btn-popover-title, .btn-popover-container .btn-popover-content {
    display: none;
}

.day-6 {
	background: #DDDDDD;
}

.day-7 {
	background: #DDDDDD;
	border-bottom: 2px solid black;
}

#attendance_table, #attendance_sum_table {
	border: 2px solid black;	
}

#attendance_table th, #attendance_sum_table th {
	border: 2px solid black !important;
}

#attendance_table td, #attendance_sum_table td {
	border: 1px solid #AAA;
}

#attendance_table .nobl, #attendance_sum_table .nobl {
	border-left: 0;
}

#attendance_table .nobr, #attendance_sum_table .nobr {
	border-right: 0;
}

#attendance_table .lastcol, #attendance_sum_table .lastcol {
	border-right: 2px solid black !important;
}


.bootstrap-timepicker {
  position: relative;
}


.bootstrap-timepicker-widget.dropdown-menu {
	z-index: 2400;
}

.bootstrap-timepicker-widget.dropdown-menu td {
	border:0 !important;
}

.bootstrap-timepicker-widget table td {
	text-align: center;
}

.bootstrap-timepicker-widget table td input {
	border: none !important;
	width: 50px !important;
	margin: auto !important;
	padding:0 !important;
}

@media print {
	#print-box img.logo {
		left:20px;
	}
	#print-box {
		font-size: 85%;
		margin: 0 auto;		
	}
	#print-box .header {
		display: block;
		background: #f0ecc6 !important;
		color: #000000 !important;
		border-bottom: 3px solid #000000;
	}

	#print-box p label {
		margin: 0 !important;
	}

	#attendance_table {
		font-size: 70%;
	}
	#attendance_sum_table {
		font-size: 70%;		
	}

	.guide #attendance_table {
		font-size: 60%;
	}
	.guide #attendance_sum_table {
		font-size: 60%;		
	}
	.box {
		border-top: none;
	}
	.noprint {
		display: none !important;
	}
	.printonly {
		display: block;
	}
	.printhead {
		margin-top: -30px;
	}
}

.attendance_form_dropdown .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.attendance_form_dropdown .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.th-inner {
	padding: 0 !important;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.input-group .form-control {
	z-index: auto;
}

.element {
	width:100%;
	background: #eaeaec;
	padding: 1px 10px !important;
	margin-bottom: 5px;
	border-radius: 10px;
}

.element .progress {
	margin-top: 5px;
	margin-bottom: 10px;
}

#user_table tr.inactive {
	color: #AAA;
}

/* DAILY */
#login-box img.logo, #reg-box img.logo, #print-box img.logo  {
  position:relative;
  top : 52px;
  left: -15px;
}

#print-box {
	width: 90%;
	max-width: 680px;
}

#print-box .border{
	border: 2px solid #000;
	padding: 10px;
}

#print-box .table td{
	border: 1px solid #999;
}



/* CONFIG */
#wage_form table th {
	text-align: center;
	vertical-align: middle;
}

#config_screen table td, #config_screen table th {
	border: 1px solid #ddd;
}

#wage_form table td input {
	text-align: right;
}

#config_screen table td input {
	border: 1px solid #ddd;
	width: 100%;
}

#config_screen table td input:disabled {
	background-color: #EEE; 
	width: 100%;
}

#capacity_box .clearfix {
	padding: 2px 10px;
	cursor: pointer;
}

#resting_box .capacity_type:hover {
	background: #DDDDDD;
	border-radius: 10px;
}

#resting_box .active {
	background: #99CCFF;
	border-radius: 10px;
}

#resting_box .active:hover {
	background: #6699FF;
	border-radius: 10px;
}

/* GUIDE */
ul li .guide_form_dropdown {
	display: block;
	margin: 0 10px 5px 0px;
}

ul li .guide_form_dropdown {
	max-width: 280px;
}

ul li .guide_form_dropdown .dropdown-menu {
	margin-top:20px;
}

.todo-list h4 span.margin {
	display: block;
	margin-left: 30px !important;
}

.guide_form_dropdown table {
	width: 100%;
}

.guide_form_dropdown table tbody th {
	background-color: #F6F6F6;
	border-bottom: 2px solid #EEE;
	border-bottom: 2px solid #EEE;
	padding:5px 0;
	text-align: left;
}

.guide_form_dropdown table td {
	padding:5px 0;	
}


.box .todo-list > li.schedule {
	background: #DDFFDD;
}

td.hidden, th.hidden {
 	display: none;
}

.changed {
	background-color: #FFB;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
	height: 75px;
}

.form-control[readonly] {
	cursor: auto !important;
	background: #FFF;
}

.form-control[disabled] {
	background: #DDD;
	opacity: .75;
}

.label {
	font-size: 90%;
}

#group_table td, #group_table th {
	border: 1px solid #DDD;
}

#group_table .form-control {
	width: 100% !important;
}

#group_table .timetd input  {
	font-size: 12px;
	height: 14px;
	padding: 0;
	background: none;
	border: 0;
	color: #333;
}

#group_table .type .bootstrap-select {
	background: none;
	border: 0;
}

#group_table .type .bootstrap-select.btn-group {
	height: 16px;
}


#group_table .type .bootstrap-select .btn {
	height: 16px;
	background: none;
	border: 0;
	padding: 0;
	font-size: 12px;
}

#group_table .type .bootstrap-select .btn .caret {
	display: none;
}


#group_table .type .form-group, #group_table .timetd .form-group {
	margin: 0;
}

#orphan_schedules .schedule, #hired_schedules .schedule {
	padding: 5px 0 0 0;
}

#hired_schedules .space {
	height: 4px;
}

.guide_ok {
	background: #DDFFDD !important;
}

.guide_need {
	background: #FFDDDD !important;
}

.guide_status_D {
	background-color: #DDDDDD !important;
}

#group_table .guide_status_D {
	background-color: #DDDDDD !important;
}

.guide_status_P {
	background-color: #FFFFDD !important;
}

.guide_by_partner {
    	background-color: #DDDDFF !important;
}

.gone {
	display: none !important;
}

.money {
	text-align: right;
}

.center {
	text-align: center !important;
	vertical-align: middle !important;
}

.inactive {
	color: #AAA;
}