@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;
}

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

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

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

.border-orange {
    border: 2px solid #ba6427;
}



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, #reg-box img.logo {
    position:relative;
    top : 52px;
    left: -15px;
}

#reg-print-box {
    width: 90%;
    max-width: 680px;
    text-align: justify;
}

#reg-print-box .header {
    position: relative;
}

#reg-print-box img.logo  {
    position:absolute;
    top : -42px;
    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);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    background-size: auto 40px;
}

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

.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;
}

.printonly {
    display: none;
}

@media print {
    #reg-print-box {
        position: relative;
    }
    #reg-print-box img.logo {
        position: absolute;
        left:20px;
        top: 10px;
    }
    #reg-print-box h1 {
        font-size: 34px;
        margin: 0;
    }
    #reg-print-box {
        margin: 0 auto;		
    }
    #reg-print-box .header {
        display: block;
        background: #f0ecc6 !important;
        color: #000000 !important;
        border-bottom: 3px solid #000000;
    }
    #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;
    }
    .printonly {
        display: block;
    }

}

.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;
}

/* 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%;
}

/* 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;
}

.money {
    text-align: right;
}