/* ----------------------------------------------------------------------------
 * Easy!Appointments - Open Source Web Scheduler
 *
 * @package     EasyAppointments
 * @author      A.Tselegidis <alextselegidis@gmail.com>
 * @copyright   Copyright (c) 2013 - 2016, Alex Tselegidis
 * @license     http://opensource.org/licenses/GPL-3.0 - GPLv3
 * @link        http://easyappointments.org
 * @since       v1.0.0
 * ---------------------------------------------------------------------------- */
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700");

body {
    position: relative !important;
    min-height: 100% !important;
    top: 0px !important;
}

.plain-select  {
	display:inline-block;
	vertical-align:middle;
	position:relative;
    width: 100%;
}
.plain-select select {
	height:38px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	margin:0;
	line-height:normal;
}
.ie8 .plain-select select{padding-right:3px}
.plain-select ::-ms-expand {
 display:none;
}
.plain-select:after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 4px;
    top: 50%;
    margin-top: -5px;
    height: 0;
    width: 0;
    border-top: 7px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    pointer-events: none;
}
.plain-select.inverted:after {
    margin-top: -3px;
    border-top-color: #CCC;
}

.breadcrumb a:hover {
    text-decoration: none;
}
.breadcrumb a:hover span {
    text-decoration: underline;
}

body {
    background-color: #d6d0c2;
    background: -webkit-radial-gradient(50%,#f0eadb,#d6d0c2);
    background: radial-gradient(at 50%,#f0eadb,#d6d0c2);
}
.headerFont {
    display: none;
}

.header-img {
    margin-right: 10px;
    float: left;
    height: 60px;
    width: 160px;
    background-image:  url('../img/easysalon-whitebg.png');
    /*display: none;*/
    background-size: contain;
    background-repeat: no-repeat;
}

#header {
    height: 80px;
    background: #51AE69;
    border-bottom: 4px solid #596073;
}

#header .headerFont {
  color: #FFF;
  font-size: 3em;
}.navbar .headerFont {
  color: #FFF;
  font-size: 2em;
}

body, .tooltip, .popover {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body .custom-qtip {
    border: none;
    border-radius: 0;
    padding: 10px;
    box-shadow: 1px 1px 3px #767676;
    background: #EFFDF6;
    font-size: 12px;
    line-height: 20px;
    color: #51AE69;
}

body .ui-widget-overlay {
    background: #000 50% 50% repeat-x;
    opacity: .5;
    filter: Alpha(Opacity=50);
}

body .ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

body .ui-draggable .ui-dialog-titlebar {
    background: #51AE69;
    color: #FFF;
    font-size: 1.5em;
    padding: 14px 10px;
    border: none;
    border-bottom: 4px solid #596073;
    margin-bottom: 10px;
}

body .ui-dialog {
    padding: 0;
    z-index: 2000;
    border: none !important;
    box-shadow: 0 0 10px #333;
}

body .ui-dialog .ui-dialog-buttonpane {
    padding: .3em 1em .3em .4em;
    border: none;
}

body .ui-dialog #error-technical {
    max-width: 500px;
}

.bootstrap-timepicker.input-group > .form-group > input.form-control {
    margin-left: -27px;
    padding-left: 26px;
    width: 85px;
}
.bootstrap-timepicker-widget table td input {
    border: solid 1px #ddd;
    border-radius: 0 !important;
    background: none;
}

.working-plan td {
    vertical-align: middle;
}

.breaks td  {
    vertical-align: middle;
}

li.language:hover {
	cursor: pointer;
	color: #005580;
}

#select-language {
	cursor: pointer;
    display: inline-block;
    padding: 4px 5px;
    background: #389952;
    font-weight: 400;
}

#select-language.active {
    box-shadow: 0 0 20px #51AE69;
}

#language-list {
    list-style: none;
    padding-left: 0px;
}

.datepicker-inline, .datepicker table {
    width: 100%;
}
.datepicker table td.active, .datepicker table td.active:hover, .datepicker table td .active, .datepicker table td .active:hover {
    background: #51AE69 !important;
    border-radius: 0px;
}
.datepicker table th.prev.disabled, .datepicker table th.disabled:hover {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.26);
    visibility: inherit;
}
.datepicker {
    padding: 0px;
    border: 1px solid #51AE69;
    border-radius: 3px;
}
.datepicker table tr td {
    border-radius: 0px;
}
.datepicker table tr td.today, .datepicker table tr td.today:hover {
    color: #000;
    background-color: #fff;
    border-radius: 0px;
    border: 1px solid #389952;
}
.datepicker table tr td.day:hover, .datepicker table tr td.focused {
    background-color: #bdd5db;
}
.datepicker table th.prev, .datepicker table th.next, .datepicker table th.datepicker-switch, .datepicker table th.picker-switch {
    background:  #51AE69;
    color: #fff;
    border-radius: 0px;
}
.datepicker table th.prev:not(.disabled):hover, .datepicker table th:not(.disabled).next:hover, .datepicker table th.datepicker-switch:not(.disabled):hover, .datepicker table th.picker-switch:not(.disabled):hover {
    background:  #389952 !important;
}
.datepicker table th.prev {
    border-top-left-radius: 2px;
}
.datepicker table th.next {
    border-top-right-radius: 2px;
}
.popover-title {
    background: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #D6D6D6;
    background: #596073;
    color: white;
}

.nav-tabs .tab a {
    font-weight: lighter !important;
}
.nav-tabs .tab:hover {
    background: rgba(255,255,255,0.1);
}
.nav-tabs .tab.active {
    background: rgba(255,255,255,0.2);
}

@media(min-width:767px) {
    .vertical-center {
        min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
        min-height: 100vh; /* These two lines are counted as one :-)       */

        display: flex;
        align-items: center;

    }
}

.btn:not(.btn-raised).btn-success, .input-group-btn .btn:not(.btn-raised).btn-success {
    color: #389952;
}


.btn-group-raised .btn.btn-success, .btn-group-raised .input-group-btn .btn.btn-success, .btn.btn-fab.btn-success, .btn.btn-raised.btn-success, .input-group-btn .btn.btn-fab.btn-success, .input-group-btn .btn.btn-raised.btn-success {
    background-color: #389952;
    color: rgba(255,255,255,.84);
}

.btn:not(.btn-raised):not(.btn-link).btn-success.btn-fab:focus, .btn:not(.btn-raised):not(.btn-link).btn-success.btn-fab:hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success.btn-fab:focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-success.btn-fab:hover,
.btn:not(.btn-link).active.btn-success, .btn-group-raised .btn:not(.btn-link):active.btn-success, .btn-group-raised .btn:not(.btn-link):focus.btn-success, .btn-group-raised .btn:not(.btn-link):hover.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn.btn-raised:not(.btn-link).active.btn-success, .btn.btn-raised:not(.btn-link):active.btn-success, .btn.btn-raised:not(.btn-link):focus.btn-success, .btn.btn-raised:not(.btn-link):hover.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success {
    background-color: #51AE69;
    color: rgba(255,255,255,.84);
}


.btn:not(.btn-raised).btn-info, .input-group-btn .btn:not(.btn-raised).btn-info {
    color: #31707F;
}

.btn-group-raised .btn.btn-info, .btn-group-raised .input-group-btn .btn.btn-info, .btn.btn-fab.btn-info, .btn.btn-raised.btn-info, .input-group-btn .btn.btn-fab.btn-info, .input-group-btn .btn.btn-raised.btn-info {
    background-color: #31707F;
    color: rgba(255,255,255,.84);
}

.btn:not(.btn-raised):not(.btn-link).btn-info.btn-fab:focus, .btn:not(.btn-raised):not(.btn-link).btn-info.btn-fab:hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info.btn-fab:focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-info.btn-fab:hover,
.btn:not(.btn-link).active.btn-info, .btn-group-raised .btn:not(.btn-link):active.btn-info, .btn-group-raised .btn:not(.btn-link):focus.btn-info, .btn-group-raised .btn:not(.btn-link):hover.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info, .btn.btn-raised:not(.btn-link).active.btn-info, .btn.btn-raised:not(.btn-link):active.btn-info, .btn.btn-raised:not(.btn-link):focus.btn-info, .btn.btn-raised:not(.btn-link):hover.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info {
    background-color: #458290;
    color: rgba(255,255,255,.84);
}


.btn:not(.btn-raised).btn-danger, .input-group-btn .btn:not(.btn-raised).btn-danger {
    color: #CD5A4B;
}

.btn-group-raised .btn.btn-danger, .btn-group-raised .input-group-btn .btn.btn-danger, .btn.btn-fab.btn-danger, .btn.btn-raised.btn-danger, .input-group-btn .btn.btn-fab.btn-danger, .input-group-btn .btn.btn-raised.btn-danger {
    background-color: #CD5A4B;
    color: rgba(255,255,255,.84);
}

.btn:not(.btn-raised):not(.btn-link).btn-danger.btn-fab:focus, .btn:not(.btn-raised):not(.btn-link).btn-danger.btn-fab:hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger.btn-fab:focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link).btn-danger.btn-fab:hover,
.btn:not(.btn-link).active.btn-danger, .btn-group-raised .btn:not(.btn-link):active.btn-danger, .btn-group-raised .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger, .btn.btn-raised:not(.btn-link).active.btn-danger, .btn.btn-raised:not(.btn-link):active.btn-danger, .btn.btn-raised:not(.btn-link):focus.btn-danger, .btn.btn-raised:not(.btn-link):hover.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger {
    background-color: #E97A6C;
    color: rgba(255,255,255,.84);
}



.btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled], .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], .btn.disabled, .btn:disabled, .btn[disabled][disabled], .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn, fieldset[disabled][disabled] .btn-group, fieldset[disabled][disabled] .btn-group-vertical, fieldset[disabled][disabled] .input-group-btn .btn {
    color: rgba(0,0,0,.26);
    background: 0 0;
}

.popover {
    background-color: #333
}
.form-group.is-focused .form-control {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4c728a),to(#4c728a)),-webkit-gradient(linear,left top,left bottom,from(#D2D2D2),to(#D2D2D2));
    background-image: -webkit-linear-gradient(#4c728a,#4c728a),-webkit-linear-gradient(#D2D2D2,#D2D2D2);
    background-image: -o-linear-gradient(#4c728a,#4c728a),-o-linear-gradient(#D2D2D2,#D2D2D2);
    background-image: linear-gradient(#4c728a,#4c728a),linear-gradient(#D2D2D2,#D2D2D2);
}
.form-group.is-focused label.control-label {
     color :#4c728a;
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check:before,
.checkbox input[type=checkbox]:checked+.checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked+.checkbox-material .check {
    color: #51AE69;
    border-color: #596073;
}

    .btn-block-xs {
        padding: 5px 20px;
    }
@media (max-width: 766px) {
    .btn-block-xs {
        width: 100%;
        margin-bottom:2px !important;
    }
}

.btn-fab.btn-fab-mini .fa.fa-lg {
    font-size: 1.5em;
}

.goog-te-banner-frame.skiptranslate {
    visibility: hidden !important;
}

.form-group.is-focused .checkbox label, .form-group.is-focused label.checkbox-inline,
.form-group .checkbox label, .form-group .radio label, .form-group label, .checkbox label, .radio label, label {
    color: #8c8c8c;
}


.form-group.has-error .help-block.help-block-error {
    display: block;
}
.form-group.is-focused.has-error .help-block:not(.help-block-error) {
    display: none;
}

.popover {
    min-width: 295px;
}
table.table.dataTable thead th {
    padding: 10px;
}
.togglePicker {
    margin: 0;
}

.select2-container--krajee .select2-selection {
    padding-left: 0;
    font-size: 16px;
    border: 0;
    border-bottom: 1px solid #D2D2D2;
    background-color: rgba(0,0,0,0);
    -webkit-transition: background 0s ease-out;
    -o-transition: background 0s ease-out;
    transition: background 0s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow {
    border: none;
}

.is-focused .select2-container--krajee .select2-selection,
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
    border-bottom: 1px solid #4c728a;
    box-shadow: none;
}

.select2-container--krajee .select2-dropdown {
    border: 1px solid #4c728a;
    border-radius: 0;
    margin-top: 0;
    font-size: 16px;
}

.select2-container--krajee .select2-results__option[aria-selected=true] {
    background: #dff0d8;
    color: rgba(0,0,0,0.75);
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
    background: #51AE69;
    color:white;
}

.select2-container--krajee.select2-container--disabled .select2-selection, .select2-container--krajee.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: transparent;
}

.spectrum-group .input-group-sp {
    width: 80px !important;
}
.spectrum-group .input-group-sp .sp-replacer {
    border: 1px solid black;
}
.spectrum-group .input-group-sp .sp-replacer .sp-preview {
    width: 40px;
    height: 30px;
    border: none;
    border-right: 1px solid black;
}
.spectrum-group .input-group-sp .sp-replacer .sp-dd {
    height: 30px;
    line-height: 30px;
    padding: 0;
    margin-right: 3px;
}
.spectrum-group .spectrum-input {
    padding-left: 5px;
}

.btn.btn-link {
    margin: 0 5px;
    padding: 0;
    text-transform: none;
}

.form-group .checkbox label.control-label {
    font-size: 16px;
    line-height: 1.42857143;
    font-weight: 400;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
    display:block;
}
.notification.alert {
    margin: 0 -15px;
}
.alert {
    padding: 15px;
}