/*
 * bronni css
 */

body, input, button, select, textarea {
    /* 12.05.2014 mati: uus base font 
    old: font-family: Arial, sans-serif, "Helvetica Neue", Helvetica;*/ 
    font-family: 'Noto Sans', sans-serif;
}
form {
    margin: 0;
}

/* adjust BS icons inside buttons (both FE & BE) to bit lower */
[class^="icon-"], [class*=" icon-"] {
    margin-top: 3px;
}

h1.logo {
    display:inline-block;
    margin: 15px 0;
    padding: 5px 15px;
    text-transform: inherit;
    font-size: 24px;
    font-family: "Quicksand";
    text-shadow: 0px 0px 4px rgba(168, 166, 166, 1);
    line-height: 37px;
    font-weight: 400;
    font-style: normal;
    border-width: 1px;
    border-style: solid;
    -webkit-border-radius: 20px 0px;
    -o-border-radius: 20px 0px;
    -moz-border-radius: 20px 0px;
    -ms-border-radius: 20px 0px;
    border-radius: 20px 0px;
    border-color: rgba(211, 209, 209, 1);
    background-color: rgba(255, 255, 255, 1);
}
/*
h1.logo {
    display:inline-block;
}
h1.logo a {
     text-decoration:none;
     color:#999;
     font-size: 26px;
}
*/

/* töötaja valik kõige ees */
.select-worker {
    margin-bottom: 10px;
}

/* töötaja näopiltide valik */
.select-worker label, 
.select-worker select {
    font-size: 20px;
    height: 40px;
    line-height: 40px;
}
.select-worker label {
    float: left;
    background: url('../img/step0.png') no-repeat 17px 5px;
    padding: 0 10px 0 61px;
}
.select-worker label.worker-boxes {
    background-position: 15px 111px;
    padding: 107px 10px 0 62px;
    margin-right: 5px;
}
.select-worker-box {
    display: inline-block;
    position: relative; 
    width: 150px; 
    height: 150px; 
    padding: 0; 
    margin: 0 15px 12px 0;
    float: left;
    border-radius: 10px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
}
.select-worker-box .select-worker-img {
    width: 148px; 
    height: 148px; 
    display: block; 
    overflow: hidden;
    border: 1px solid #B92229;
    border-radius: 10px;
    /* 31.07.2016 https://github.com/bfred-it/object-fit-images/ */
    object-fit: cover;
    font-family: 'object-fit: cover;'
}
.select-worker-box .select-worker-text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 128px; /* 150 - paddingud 20 - borderid 2 = 128 */
    height: 22px;
    padding: 5px 10px;
    background-color: #B92229;
    color: white;
    text-align: center;
    border: 1px solid #B92229;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;    
}
.select-worker-box .select-worker-text p {
    margin: 0;
}
.accordion {
    margin-bottom: 0;
}
.accordion-heading {
    text-align: left;
}

/* steppide ja teenuste akordionid */
a.accordion-toggle[data-parent="#accordion-main"] {
    font-size: 20px;
    line-height: 40px;
    padding-left: 60px;
}
a#step0_link {
    background: url('../img/step0.png') no-repeat 15px 13px;
}
a#step1_link {  
    background: url('../img/step1.png') no-repeat 15px 13px;
}
a#step2_link {
    background: url('../img/step2.png') no-repeat 15px 13px;
}
a#step3_link {
    background: url('../img/step3.png') no-repeat 15px 13px;
}
a[disabled] {
    opacity: 0.4;
    filter: alpha(opacity=40); 
}
a:hover {
    text-decoration: none;
}
/* disabletud akordioni pealkirjad */
a[disabled]:hover {
    text-decoration: none;
    cursor: default; 
}
a.disabled {
    cursor: default;
}

/* teenusgruppide nimed */
a.accordion-toggle[data-parent="#accordion-services"] {
    font-size: 16px;
    line-height: 26px;
}
img.sgroup-image {
    margin-right: 15px;
    width: 80px;
    height: 80px;
    border: 1px solid #e5e5e5;
    object-fit: cover;
}

.clear {
    clear: both;
}

.icon-info-sign {
    background: url('../img/info.png') no-repeat transparent;
    width: 16px;
    height: 16px;
}

/********************/
/*                  */
/*  teenuste tabel  */
/*                  */
/********************/
#accordion-services .accordion-inner {
   /*padding: 0 15px;*/
}
.table-services {
    max-width: 600px;
    display: block;
    margin-bottom: 10px;
}
.table-services tr:first-child td,
.table-services td.noborder {
    border: none;
}

.table-services tr:hover {
    cursor: pointer;
    background: #ffffef; /* minikalendris #ffc */
}
.table-services tr:hover td.choose-time,
.table-services tr.selected td.choose-time {
    background: #fff;
}
.table-services tr.selected td {
    background: #ffa;
}
.table-services tr.selected td.choose-time {
    /*border-bottom: 1px solid #dddddd;*/
}
/* 'vali nupp' kohe teenuse nime taga */
.table-services td.choose-time {
    min-width: 105px;
    padding: 3px 0 3px 14px;
}
td.right {
    text-align: right;
}

.table-services input[type="checkbox"],
.table-services input[type="radio"] {
    margin: 0;
}
div.summary > div.well {
    margin-bottom: 10px;
    max-width: 600px;
}
/* vali aeg nupp */
div.summary a.choose-time {
    /*margin-top: 10px;*/
}
/* tooltipid-popoverid */
.tooltip-inner {
    max-width: inherit;
}
.popover {
    width: inherit;
    max-width: 400px;
}
.popover-title {
    display: none;
}
.popover-content p {
    margin-top: 10px; 
} 
.popover-content p:first-child {
    margin-top: 0px; 
} 

/********************/
/*                  */
/*   minikalender   */
/*                  */
/********************/
#calendar-mini {
    /*width: 230px;*/
    width: 180px;
    margin: 0 20px 20px 0;
    font-size: 11px;
    float: left;
}
#calendar-mini .fc-header-title h2 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 4px;
    line-height: inherit;
}
.fc-grid .fc-day-content {
    display: none;
}
#calendar-mini .fc-grid div.fc-day-number {
    font-size: 12px;
    padding: 2px 0px;
    text-align: center;
    float: none;
}

#calendar-mini .fc-grid td {
    cursor: pointer;
}
#calendar-mini .fc-grid td:hover {
    background: #ffffef;
}
/* nullime fullcalendari täna=kollane loogika */
#calendar-mini .fc-state-highlight {
    background: white;
    border: 1px solid #666;
}
#calendar-mini .fc-sat,
#calendar-mini .fc-sun {
    background: #f6f6f6;
}
#calendar-mini .selectedDate {
    background: #ffa !important;
}
#calendar-mini .disabled {
/*
    opacity: 0.4;
    filter: alpha(opacity=40); 
*/
    background: white !important;
    cursor: default !important;
}
#calendar-mini .fc-grid td.disabled div.fc-day-number {
    opacity: 0.15;
    filter: alpha(opacity=15); 
}
#calendar-mini .fc-grid .fc-other-month .fc-day-number {
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE */
}


/* layout:
<div.row-fluid>
    <div#calendar-mini>
    <div#right-pane>
        <div#workers-header>
        <div#workers>
            <div.worker-container>
                <table.worker-name>
                <div.fc worker-calendar #calendar21>
            </.worker-container>
        </#workers>
    </#right-pane>
</.row-fluid>
*/
#right-pane {
    /*float: left;*/
}
#workers {
    float: left;
}
#right-pane-todo {
   float: left;
   border: 1px solid green;
}
#workers-todo {
    /*float: left;*/
    border: 1px solid gray;
}

#workers-header {
    margin-top: 0;
    padding: 0 0 10px 0;
}
span#curdate {
    display: inline-block;
}
span.yellow { 
    /*background: #ffc;*/
    background: red;
}

/*************************/
/*                       */
/*  töötajate kalendrid  */
/*                       */
/*************************/
.worker-container {
    width: 200px;
    float: left;
}
table.worker-name {
    width: 100%;
    border: 1px solid #ccc;
}
table.worker-name td {
    text-align: center;
/*  font-weight: bold;
    vertical-align: bottom;
    padding: 8px;
    border-bottom: 1px solid #ccc;*/
}
table.worker-name td.worker-image {
    width: 58px;
    padding: 8px 0;
}
table.worker-name td.worker-image img {
    border-radius: 5px;
    width: 40px;
    height: 40px;
    object-fit: cover;
}
hr.worker-name-replacement {
    display: none;
    margin: 0;
    border-top: none;
    border-bottom: 1px solid #ccc;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
span.u {
    border-bottom: 1px dotted;
    cursor: pointer;
}
.worker-calendar {
/*  width: 200px;
    float: left;*/
}
.worker-calendar table.fc-agenda-days thead {
    /* enne oli siin ColunFormatis default päeva(vahemiku) asemel töötaja nimi, nüüd pole vaja näidata */
    display: none;
}
.worker-calendar .fc-agenda .fc-agenda-axis {
    width: 40px;
}

/* overrideme fullcalendari today=yellow */
.worker-calendar table.fc-agenda-days td.fc-state-highlight {
    background-color: white;
}
/* old: taust kollaseks */
.worker-calendar table.fc-agenda-days td.fc-widget-content {
    /* kui background siin panna, siis ei pea agenda-slotsides 1px borderit panema*/
    /*background: #ffc;*/
}
.worker-calendar table.fc-agenda-slots td.fc-widget-content {
    cursor: pointer;
    /* kollane taust siin käkib parempoolseima borderi kui borderit 1px ei pane*/
    /*background: #ffc;*/
    /*border-right: 1px solid #ccc;*/
}
.worker-calendar table.fc-agenda-slots td.fc-widget-content.inpast {
    background-color: #ffe;
    cursor: default;
}
.worker-calendar table.fc-agenda-slots td.disabled {
    cursor: not-allowed;
    border-right: 1px solid #ccc;
    background: white url('../img/bg-gray.png') repeat;
}
.worker-calendar table.fc-agenda-slots td.disabled.lightgray {
    background: white url('../img/bg-lightgray.png') repeat;
}

/* evendi kustuta-ikoonid */ 
/* http://code.google.com/p/fullcalendar/issues/attachmentText?id=210&aid=-166241222149182113&name=hoverDeleteButton.txt&token=uDRqfvBrUeK0QJpBnFyB57gWS5g%3A1350375979963 */
.fc-transparent,
.fc-agenda .fc-transparent .fc-event-time,
.fc-transparent a {
    padding-left: 1px;
    border-color: transparent;
    background-color: transparent;
    color: #fff; 
    position:absolute;
    width:100%;
    height:100%;
    top:-1px;
    text-align:right;
    z-index:100
}  
i.icon-remove {
    padding-right: 3px;
    cursor:pointer;
}

.timeline {
    position: absolute;
    left: 50px;
    border: none;
    /*border-top: 1px solid #0088CC;*/
    border-top: 1px solid red;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.booked {
/*  color: red;*/
}


/*****************************/
/*                           */
/*  kinnita broneering vorm  */
/*                           */
/*****************************/
.form-horizontal .control-group {
    margin-bottom: 10px;
}
input.error, textarea.error {
    border: 1px solid red;
}
span.required {
    color: red;
}


/**
 * Utility classes 
 */
.text-muted {
    color: #aaa;
}
.text-center {
    text-align: center;
}
.width-auto {
    display: inline-block;
    width: auto;
}
.d-inline-block {
    display: inline-block;
}

/**
 * Success/error alerts
 */
/* Green 'Data saved' auto-disappearing toasts in admin */
/* https://stackoverflow.com/questions/1776915/how-can-i-center-an-absolutely-positioned-element-in-a-div#23384995 */
.alert.toast {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    padding: 8px 14px;
}

/* No margin for last paragraph inside alert */
.alert p:last-child {
    margin-bottom: 0;
}

/* Frontend: Event details alerts */
/*.width-auto above is enough for alerts */ 
/*.alert.width-auto {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    margin-bottom: 10px;
}*/

#booking-details .alert {
    margin-bottom: 0;
}

#booking-details .btn {
    margin-top: 20px;
}