/* Common styles */
.bold {
    font-weight: 600;
}

.italic {
    font-style: italic;
}

.smaller {
    font-size: smaller;
}

.larger {
    font-size: larger;
}

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.text-green {
    color: green;
}

.text-white {
    color: white;
}

/* to balance the materialize.css properties */

.card.medium, .card.large {
    position: absolute;
}


strong {
    font-weight: 600;
}

.dropdown-content {
    width: auto !important;
    height: auto !important;
}

.multiple-select-dropdown {
    height: 50vh !important;
    overflow-y: auto;
}

.dropdown-content li > a {
    font-size: 1rem !important;
    color: #447e9b !important;
}

.sidenav li, .sidenav li > ul  {
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding: 0 16px;
}

#upper_menu_list class {
    width: 80%;
    height: 100%;
}

select {
  display: block;
  background-color: rgba(255,255,255,0.9);
  width: 100%;
}

/*
select#id_service {
    display: none;
}
*/

td, th {
    padding: 6px;
}

table {
  width: 100%;
}

input {
    width: auto;
    background-color: #fff;
}

/* размер шрифта в выпадающем списке услуг в форме создания/редактирования записи */
.select-wrapper input.select-dropdown {
    font-size: 13px;
}


/*
    Vizit app styles
*/

@keyframes appear {
  from {opacity: 0%;}
  to {opacity: 100%;}
}


/* CSS for new client form in window from Vizit create form */

.addlink {
    float: right;
}

/* DIV for the Vizit create and update form */

form .row {
    margin-bottom: 0px;
}


#createform_div, #updateform_div {
    display: none;
    animation-name: appear;
    animation-duration: 0.5s;
}

.substrate {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.formbackground {
    background-color: #fff;
    position: relative;
    top: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px !important;
    border-radius: 20px;
}

.formbackground table td, .formbackground-update table td {
    padding: initial;
}

.formbackground-update {
    background-color: #fff;
    position: relative;
    top: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}

.close_icon {
    font-weight: 600;
    font-size: 14pt;
    color: red;
    position: absolute;
    top: 8px;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor:pointer;
}

#updateiframe_id {
    border: none;
    height: 680px;
    width: 100%;
    overflow:hidden;
    margin-top: 30px;
}

.price_info {
    cursor: pointer;
    font-weight: 600;
    color: #26a69a;
    text-decoration: underline;
}

/* CSS for the zhurnal */

input#id_date {
    background-color: #e69e88;
}

select#id_salon {
    background-color: rgb(249 207 3);
}

table#zurnal_table {
    margin-bottom: 7em;
}

table#zurnal_table td {
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    vertical-align: top;
}

table#zurnal_table tr {
    border: none;
    box-sizing: border-box;
}

.slot {
    font-weight: 600;
    cursor:pointer;
}

.slot-td:hover{
    background-color: yellow;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.clientname {
    cursor: pointer;
    position: relative;
    float: left;
    margin-right: 1em;
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

/* всплывающее окно с информацией о клиенте */
.div_info_of_client {
    display: none;
    position: absolute;
    top: -10em;
    left: 5em !important;
    height: auto;
    width: 600px;
    z-index: 10;

    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    border-radius: 1em;

    animation-name: appear;
    animation-duration: 0.5s;
}

table.table_info_of_client,
table.table_info_of_client tr {
    background-color: inherit;
}

table.table_info_of_client {
    margin-bottom: 1em;
}


/* Styles for zhurnal rows vs their status */

i.tiny {
    position: relative;
    top: 3px;
}

i.small {
    position: relative;
    top: 0.3em;
}

/* Style for "waiting" records */
.td_waiting {
    background-color: #ffffcc; /* yellow */
}
.td_waiting .commentstyle {
    color: #e60000; /* red */
}

/* Style for "done" records */
.td_done {
    background-color: #84e184; /* green */
}
.td_done .commentstyle {
    color: #808080; /* gray */
}

/* Style for "unsuccess" records */
.td_unsuccess {
    background-color: #ffd6cc; /* light red */
}
.td_unsuccess .commentstyle {
    color: #d9d9d9; /* gray */
}

/* Style for "none" records */
.td_none {
    background-color: #e6e6e6; /* gray */
    color: #999999;
}
.td_none .commentstyle {
    color: #ffffff; /* white */
}

/* Styles for status in client info window */

.status_waiting {
    color: #ffff00;
}

.status_done {
    color: #76ff03;
}

.status_unsuccess {
    color: #ef6c00;
}

.status_cancelled, .status_none {
    color: #e0e0e0;
}

/* window with vizit create and update */
#id_client_text {
    border: 1px dotted #9e9e9e;
    height: 2rem;
}

/* decrees */

.decree_info {
    font-size: 11px;
    color: #777;
    width: 100%;
}

/* Styles for employment status in employees list */

.employment_employed {
    color: green;
}

.employment_maternity {
    color: #d81b60;
}

.employment_dismissed {
    color: red;
}

.employment_vacation {
    color: #afb42b;
}