.tmhl_color {
	color: #47bac1;
	transition: all 0.3s ease-in-out;
}

.tmhl_color:hover {
	color: #639af5;
}

tr.passive td {
	text-decoration: line-through;
	font-style: oblique;
}

.w_steps_table {
	border: 1px solid #47bac1;
	border-radius: 4px;
}

.w_steps_table tr {
	border-bottom: 1px solid #5b20c426;
	cursor: pointer;
}

.w_steps_table tr:hover td {
	background-color: #af9ad626;
}

.icheck-tmhl>input:first-child:checked+label::before {
    background-color: #47bac1;
    border-color: #47bac1;
}

.teeth_table .icheck-tmhl>input:first-child:checked+label::after {
	border: none;
}

.border_right_tooth {
	border-right: 1px solid #47bac1;
}

.border_bottom_tooth {
	border-bottom: 1px solid #47bac1;
}

.padding_left_tooth {
	padding-left: 8px;
}

.padding_bottom_tooth {
	padding-bottom: 8px;
}

.padding_top_tooth {
	padding-top: 8px;
}

.order_product_template {
	display: none;
}

.order_product {
	border: 1px solid #47bac1;
	border-radius: 4px;
	margin-bottom: 15px;
	padding-bottom: 16px;
}

.teeth_table {
	margin: auto;
	/* width: 100%; */
}

.teeth_table td {
	width: 25px;
	text-align: center;
}

.teeth_table td.nr {
	padding-right: 7px;
}

.settings_window {
	height: 400px;
	/* border: 1px solid #59677e; */
	border-radius: 6px;
	background-color: white;
	overflow: auto;
	margin-bottom: 10px;
}

.settings_window th {
	position: sticky;
	top: 0;
}

li .status_block, li .status_block_step {
	float: none;
	transition: all 0.3s ease-in-out;
}

li:hover .status_block, li:hover .status_block_step {
	background-color: #7e7e7e !important;
	border-color: #7e7e7e !important;
}

.extras_row_template, .extras_no_row_template {
	display: none !important;
}

.status_block, .status_block_step {
	border: 1px solid #dcdcdc;
    width: 120px;
    padding: 2px;
    border-radius: 4px;
    background-color: #dcdcdc;
	float: left;
    margin-right: 2px;
    margin-bottom: 1px;
}

.page_name {
	float: right;
	font-size: 1.2em;
    font-style: italic;
    color: #6a6a6aa3;
}

.tr_hoverable:hover .row_action {
	opacity: 1;
}

.row_action:hover {
	background-color: #c14747;
}

.row_action.positive:hover {
	background-color: #47bac1;
}

.row_action:hover i {
	color: white;
}

.row_action.positive:hover i {
	color: white;
}

.row_action i {
	color: #c14747;
}

.row_action.positive i {
	color: #47bac1;
}

.row_action {
	width: 36px;
    text-align: center;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.3s ease-in-out, color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.item-header {
	padding: 5px 10px;
    /* background-color: #59677e; */
    background-color: #755ca08c;
    color: white;
	text-transform: uppercase;
	font-weight: normal;
    font-size: 0.8em;
	border-radius: 4px 4px 0 0;
}

.item-header:hover {
	color: #5b20c4;
}

.item_data_block {
	margin-bottom: 10px;
}

._details {
	color: #6f7e95;
}

.item_details_form {
	padding: 10px;
	background-color: white;
    box-shadow: 0 0.14286rem 0 0 #d0dbe6;
    border-radius: 4px;
    /* font-size: 0.8em; */
	color: #6f7e95;
}

.item_details_form input, ._details input{
    font-size: 0.9em;
	height: calc(2.15rem);
}

.item_details_form span.select2-selection--single, ._details span.select2-selection--single{
	height: 34px !important;
}

.item_details_form span.select2-container--default .select2-selection--single .select2-selection__arrow, 
._details span.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: -2px !important;
}

.item_details_form span.select2-container--default .select2-selection--single .select2-selection__rendered,
._details span.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: unset;
	font-size: 0.9em;
}

.item_details_form textarea{
    font-size: 0.9em;
	min-height: 100px;
}

.item_details_form.card {
	border-radius: 0 0 4px 4px;
}

:root {
  --tmhl: #47bac1;
  --tmhl_hover: #639af5;
}

.icheck-tmhl>input:first-child:checked+label::before {
	background-color: var(--tmhl);
	border-color: var(--tmhl);
}

.icheck-tmhl>input:first-child:checked+label:hover::before {
	background-color: var(--tmhl_hover);
	border-color: var(--tmhl_hover);
}

a.tmhl_a {
	color: var(--tmhl);
}

.card-tmhl.card-outline {
    border-top: 3px solid var(--tmhl);
}

a.tmhl_a:hover {
	color: var(--tmhl_hover);
}

.text-tmhl {
	color: var(--tmhl);
}

.text-tmhl.active.nav-link {
	color: var(--tmhl_hover) !important;
}

.tmhl_button {
	min-width: 100px;
	font-size: 0.8em !important;
	background-color: #47bac1 !important;
	color: white !important;
	transition: background-color 0.3s ease-in-out;
}

.tmhl_button:hover {
	color: white;
	background-color: #639af5;
}

.top_buttons {
	margin-bottom: 10px;
}

.bottom_buttons {
	margin-top: 10px;
}

.top_buttons button, .bottom_buttons button {
	min-width: 100px;
	font-size: 0.8em !important;
	background-color: #47bac1;
	color: white;
	transition: background-color 0.3s ease-in-out;
}

.top_buttons button:hover, .bottom_buttons button:hover {
	color: white;
	background-color: #639af5;
}

.top_buttons button.secondary {
	background-color: #dddddd;
	color: #6f7e95;
	transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.top_buttons button.secondary:hover {
	color: white;
	background-color: #639af5;
}

.bottom_buttons button.third {
	background-color: #c14747;
	transition: background-color 0.3s ease-in-out;
}

.bottom_buttons button.third:hover {
	background-color: #639af5;
}

.tmhl_buttons button:hover, .tmhl_buttons button.secondary:hover {
	color: white;
	background-color: #639af5;
}

.tmhl_buttons button.secondary {
	background-color: #c14747;
}

.tmhl_buttons button {
	height: 34px;
	font-size: 0.8em !important;
	background-color: #47bac1;
	color: white;
	transition: background-color 0.3s ease-in-out;
}

.btn.btn-tmhl {
	background-color: #47bac1;
	color: white;
}

.btn-tmhl.active {
	background-color: #639af5;
	color: white;
}

.btn-tmhl.active:hover, .btn.btn-tmhl:hover {
	background-color: #317fff;
	color: white;
}

.form-control.extras_qty, .form-control.extras_no_qty {
	width: 80px !important;
    text-align: center;
}

.tmhl_table th {
	background-color: #59677e;
	color: white;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	padding: 5px;
	/* position: sticky; */
	/* top: 57px; */
}

.tmhl_table {
	width: 100%;
	border-radius: 4px;
    overflow-x: auto;
	font-size: 0.8em;
}

.tmhl_table td:first-child {
	padding-left: 10px;
}

.tmhl_table th:first-child {
	border-radius: 4px 0 0 0;
	padding-left: 10px;
}

.tmhl_table th:last-child {
	border-radius: 0 4px 0 0;
}

.tmhl_table td {
	padding: 10px 5px;
	color: #6f7e95;
}

.tmhl_table tr {
	border-bottom: 0.07143rem solid #f4f4f4;
}



.menu_group p {
	margin: 0;
	font-size: 0.78571rem;
    font-weight: bold;
}

.menu_group {
	color: #6f7e95;
	padding-top: 20px;
	padding-left: 10px;
}

.stat_first_row {
	border-top: 1px solid #007bff;
}

.dropdown_title{
	font-weight: bold;
    padding: 0px 5px 7px;
    border-bottom: 1px solid #8ebae9;
}

.koolituse_o {
	background: #3d9aff linear-gradient(120deg, #3d9aff, #78b9ff) repeat-x!important;
	margin-bottom: 5px;
    padding: 5px;
    color: floralwhite;
	border-radius: 4px;
}

.koolituse_o:hover {
	background: #238dff linear-gradient(120deg, #238dff, #3d9aff) repeat-x!important;
}

.text_right {
	text-align: right;
}

.m_juhendid {
	display: none;
}

.doctors_stats{
	padding: 20px;
}

.doctors_stats tr{
	border-bottom: 1px dashed #bbb;
}

.doctors_stats td{
	padding: 10px;
}

.doctors_list2 ul {
	padding: 0;
	margin-top: 10px;
	overflow: auto;
    height: calc(100vh - 245px);
}

.doc_list:hover, .per_list:hover {
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
}

.doc_list.selected, .per_list.selected, .per_list.selected2 {
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
}

.doctors_list2 li img {
	width: 37px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
	background-color: white;
}

.doctors_list2 li {
	position: relative;
	padding: 8px 16px 8px 50px;
    margin-bottom: 5px;
    list-style: none;
    border: 1px solid #aaa;
	border-radius: 20px;
	background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important;
	transition: background-color 0.5s ease-in-out;
}

#doctors_list ul {
	padding: 0;
	margin-top: 10px;
	overflow: auto;
    height: calc(100vh - 385px);
}

#doctors_list li:hover {
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
}

#doctors_list li img {
	width: 37px;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
	background-color: white;
}

#doctors_list li {
	position: relative;
	padding: 8px 16px 8px 50px;
    margin-bottom: 5px;
    list-style: none;
    border: 1px solid #aaa;
	border-radius: 20px;
	background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important;
	transition: background-color 0.5s ease-in-out;
}

.answer_item {
	height: 15vh;
    padding: 20px;
    margin-bottom: 10px;
	border-radius: 6px;
    font-size: 1.3em;
}

.question_refresh {
	padding: 20px; 
	cursor: pointer;
	border-radius: 6px;
    font-size: 2em;
}

.küsimuse_sisu {
	margin-top: 20px;
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
	width: 90%;
    transform: translate(-50%, -50%);
}

.ex_res {
	position: relative;
	padding: 5px 40px 5px 5px;
}

.ex_answer {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 40px;
	text-align: center;
	background-color: white;
}

.ex_vastused {
	padding: 2px 10px;
    margin: 0 10px;
	width: 100%;
}

.ex_vastused .ex_res{
	border-radius: 4px;
    border: 1px solid #aaa;
}

.exam_result_question {
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 4px;
	height: 100%;
	min-height: 100px;
	overflow-y: auto;
}

.exam_result_view {
	display: none;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 130px);
    background-color: white;
	padding: 10px 20px;
}

.kysimus_ülevaade .even {
	background-color: #d3d3d3;
}

.kysimus_ülevaade {
	padding: 5px;
	border: 1px solid #aaa;
	border-radius: 4px;
	height: 100%;
}

.quess_pilt img {
	max-width: 70px;
}

.eksami_vastus:not(.true):hover div {
	color: #28a745;
}

.eksami_vastus:hover div {
	padding-left: 5px;
}

.eksami_vastus div{
	transition: padding-left 0.3s ease-in-out, color 0.3s ease-in-out;
}

.eksami_vastus.true {
	color: #fff;
	background-color: #28a745;
}

.eksami_vastus {
	padding: 5px;
    border-radius: 4px;
    border: 1px solid #aaa;
    height: 100%;
    background-color: #eee;
    cursor: pointer;
	min-height: 45px;
	transition: background-color 0.3s ease-in-out;
}

.eksami_sisu {
	padding-right: 10px;
    height: calc(100vh - 140px);
    overflow-y: auto;
}

.minu_küsimus:hover {
	/* background-color: #eee; */
	box-shadow: 0px 5px 25px 2px #aaa;
}

.minu_küsimus {
	border: 1px solid #aaa;
	padding: 10px;
    border-radius: 6px;
	transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
}

.eksami_reeglid_et, .eksami_reeglid_et_2, .eksami_reeglid_ru, .eksami_reeglid_ru_2 {
	display: none;
}

.new_exam {
	padding: 10px;
	border: 1px solid #aaa;
	border-radius: 4px;
	transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
	position: relative;
	height: 100%;
}

.new_exam:hover {
	background-color: #eee;
	box-shadow: 0px 5px 25px 2px #aaa;
}

.prepare_exam:hover {
	opacity: 0.8;
}

.prepare_exam {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
	cursor: pointer;
}

#q_pilt {
	width: 100%;
    height: 100%;
}

.quiestion_photo .muuda_q_fail input{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.quiestion_photo img {
	width: 100%;
    height: 100%;
	object-fit: contain;
}

.quiestion_photo:hover .muuda_q_fail, .quiestion_photo:hover .clear_q_photo {
	opacity: 1;
}

.quiestion_photo .muuda_q_fail {
	background-color: #939393;
    color: #fff;
    text-align: center;
    padding: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	cursor: pointer;
	transition: opacity 0.3s ease-in-out;
}

.quiestion_photo .clear_q_photo {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
    padding: 0px 7px;
    border-radius: 50%;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.quiestion_photo {
	width: 100%;
	/* height: 100%; */
	border: 1px solid #aaa;
    border-radius: 4px;
	cursor: pointer;
	position: relative;
	height: 204px;
	overflow: hidden;
}

.kassad_üv {
	border-bottom: 1px solid gray;
}

/* .select2-container { */
    /* width: 100% !important; */
/* } */

.kaebus_komment {
	border: 1px solid #007bff;
	border-radius: 6px;
	margin: 14px;
	background-color: #e1edfb;
	color: #00349f;
	padding: 0 10px;
	box-shadow: 2px 2px 16px -6px;
}

.kaebus_komment.peaarst {
	border: 1px solid #ff00a0;
	border-radius: 6px;
	margin: 14px;
	background-color: #e1edfb;
	color: #400028;
	padding: 0 10px;
	box-shadow: 2px 2px 16px -6px;
}

.kaebus_komment .aeg {
	float: right;
	font-size: .8em;
}

.kaebus_komment .sisestaja {
	font-size: .8em;
}

.kaebus_komment .kommentaar {
	border-top: 1px solid #00349f;
    font-size: 1.2em;
}

.kaebus_komment.peaarst .kommentaar {
	border-top: 1px solid #400028;
    font-size: 1.2em;
}

.right_buttons {
	opacity: 0.6;
	z-index: 100;
	position: fixed;
	right: 0;
	top: 50%;
	box-shadow: 0px 0px 30px 5px rgb(23 162 184 / 50%);
    transition: box-shadow 0.3s ease;
}

.empl_list:hover .form-control, .empl_comments:hover .form-control {
	background-color: #e1edfb;
}

.right_buttons:hover {
	opacity: 1;
	box-shadow: 0px 0px 50px 30px rgb(23 162 184 / 50%);
}

.empl_comments:hover .new_messages {
	animation: none;
}

.new_messages {
	position: absolute;
	top: -7px;
    left: -7px;
	animation: blinker 1s ease-in-out infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.emp_list_res {
	display: none;
}

.table_button:focus {
	outline: none;
}

.laps_action.save_btn {
	display: none;
}

.table_button {
	border: none;
    border-radius: 4px;
}

.lapse_andmed input {
	width: 100%;
}

.lapse_andmed input:focus {
	outline: none;
}

.row_striketrough {
	text-decoration: line-through;
}

.carousel-item {
	min-height: calc(100vh - 125px);
}

.muuda_csv_clinic:hover {
	color: #007bff;
}

.arve_state {
	margin-top: 15px;
}

.arve_new_row {
	display: none;
}

.arve_sisu_rida {
	border-bottom: 1px solid #007bff;
}

.arve_sisu_rida:hover .delete_arve_rida{
	opacity: 1;
}

.delete_arve_rida {
	text-align: center;
	cursor: pointer;
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.small_row_table_editable input {
	height: 38px;
    border: 0;
    width: 100%;
}

.small_row_table_editable input:focus {
	outline: none;
}

.small_row_table_editable td {
	padding: 0 5px !important;
	border-left: 1px solid #007bff;
}

.small_row_table_editable .select2-container--default .select2-selection--single {
	border: none;
}

.emp_day_exist {
	cursor: pointer;
	padding: 5px;
	transition: padding .2s ease-in-out, opacity .2s ease-in-out;
}

.emp_day_exist:hover {
	padding: 5px 5px 5px 15px;
	opacity: .7;
}

.is-invalid .select2-selection--single {
	border-color: red !important;
}

#upload_file_name {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
    text-align: center;
	font-weight: bold;
    font-size: x-large;
    color: darkgoldenrod;
	overflow-wrap: break-word;
}

.file_rows:hover .change_emp_dok {
	opacity: 1;
}

.change_emp_dok {
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.tr_hoverable:hover .koodid_action, .tr_hoverable:hover .per_koodid_action, .tr_hoverable:hover .per_lisatasu_action, .tr_hoverable:hover .per_koolitus_action {
	opacity: 1;
}

.koodid_action:not(.btn), .per_koodid_action:not(li), .per_lisatasu_action:not(li), .per_koolitus_action:not(li) {
	opacity: 0;
	transition: opacity .2s ease-in-out;
}

.file_rows td, .file_rows th {
	padding: 8px 5px;
}

.bg-gradient-cyan a:not(.active) {
	color: white;
}

.a_hide {
	display: none;
}

img.greyscale {
	filter: grayscale(100%);
}

.emp_passiivne {
	color: #aaa;
    text-decoration: line-through;
}

#puh_periood .daterangepicker {
	color: black;
	width: 500px;
}

.dropdown-item {
	transition: color .1s ease-in-out, background-color .3s ease-in-out;
}

.dropdown-item:not(.r_graph_list):hover {
	color: white!important;
	background-color: #47bac1 !important;
}

.r_graafik_registraatorid {
	padding: 0;
	list-style: none;
}

.r_graafik_registraatorid li:hover {
    background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
	padding-left: 25px;
}

.r_graafik_registraatorid li {
    padding: 15px;
    border-radius: 6px;
    font-size: 1.2em;
	transition: padding-left .3s ease-in-out;
}

.r_graafik_registraatorid li img {
    border-radius: 50%;
    background-color: currentColor;
    border: 2px solid #007bff;
}

.r_list_button:hover {
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
}

.r_list_button {
	transition: background .3s ease-in-out;
	text-align: center; 
	background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important; 
	padding: 10px;
}

.r_list_button label {
	color: white !important; 
}

.r_graph_list {
	margin: 15px 0;
}

.r_graph_list:hover label {
	color: #17a2b8 !important;
}

.note-frame {
	overflow: auto;
}

.r_graafik_day {
	position: absolute;
	padding: 12px 5px 12px 40px;
}

.r_graafik_wday.pyhapaev {
	background-color: #dc3545;
	color: white;
	border-radius: 6px 0 0 6px;
}

.r_graafik_wday.laupaev {
	background-color: #ffc107;
	border-radius: 6px 0 0 6px;
}

.r_graafik_wday.argipaev {
	background-color: #ddd;
	border-radius: 6px 0 0 6px;
}

.r_graafik_wday {
	position: absolute;
	padding: 12px;
	top: 0px;
}

.r_graafik_row.active .r_graafik_wday{
	top: 0px;
}

.r_graafik_row.active {
	border: 1px solid #dc3545;
	border-radius: 6px;
}

.r_graafik_inimene {
	cursor: pointer;
	transition: background .3s ease-in-out, color .3s ease-in-out, opacity .3s ease-in-out;
}

.r_graafik_inimene:hover {
	background: #17a2b8 linear-gradient(180deg,#3ab0c3,#17a2b8) repeat-x!important;
	color: white;
}

.r_graafik_row {
	height: 50px;
	border: 1px solid #ccc;
    border-radius: 6px;
	transition: box-shadow .3s ease-in-out;
    box-shadow: 0px 0px 20px 2px #ccc;
	margin: 5px 0 !important;
}

.r_graafik_row:hover {
    box-shadow: 0px 0px 20px 15px #ccc;
}

.palk_nimi {
	font-weight: bold;
	color: yellow;
}

.is_invalid .select2-selection--multiple {
	border-color: red !important;
}

.r_faili_container:hover {
	background-color: #ddd;
}

.r_faili_container input {
	width: 100%;
	height: 100%;
	opacity: 0;
}

.r_faili_container {
	width: 100%;
	height: calc(100vh - 265px);
	border: 2px dashed black;
	transition: background-color .3s ease-in-out;
}

.blue_font_selection .select2-selection__choice {
	color: #007bff !important;
}


.ver_nr {
	float: right; 
	font-weight: bold;
	font-size: 0.85em;
	color: white;
	position: absolute;
    bottom: 10px;
    right: 10px;
}

.amet_list {
	padding: 0 10px;
    font-weight: bold;
    font-size: 1.1em;
	float: right;
}

.employees_list {
	padding: 0px;
}

.employees_list li{
	list-style: none;
}

.employees_list .amet_list_pealkiri{
	padding: 7px 10px;
	cursor: pointer;
}

.employees_list .emp_list{
	padding: 5px 20px;
}

.emp_list {
	display: none;
}

.daterangepicker {
	z-index: 99999999 !important;
	right: 8.5px !important;
}

.lapse_isikukood {
	display: none;
}

.lapse_isikukood.show {
	display: block;
}

.table.table_small {
	font-size: 0.8em;
}

.table.table_small td {
	padding-top: 5px;
}

.no_arrows::-webkit-outer-spin-button,
.no_arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.weekday_left_header.pühapäev, .cal_pealkiri.pühapäev {
	background: #dc3545 linear-gradient(180deg,#e15361,#dc3545) repeat-x!important;
}

.weekday_left_header {
	color: white;
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
	width: 50px;
	text-align: center;
	font-size: 1.6em;
}

.small_day_number.pühapäev {
	color: var(--danger);
}

.small_day_number {
	position: absolute;
	top: 5px;
	left: 5px;
	font-weight: bold;
	font-size: 1.4em;
    color: var(--primary);
}

.smallday .päeva_tunnid {
	margin-left: 35px;
    width: calc(100% - 40px);
    top: 10px;

}

/* Firefox */
.no_arrows {
  -moz-appearance: textfield;
}

.aeg_center {
	text-align: center;
	font-size: 1.5em !important;
}

.aeg_delim {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
}

.hr_mt_3 {
	margin-top: 3px;
}

.sm_row h6 {
	font-size: 0.85rem;
}

#profile_pilt {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#user_pilt {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.profile_pilt_container:hover .profile_pilt {
	transform: scale(1.05) rotate(5deg);
	opacity: 0.6;
}

.profile_pilt_container:hover .delete_profile_pilt {
	opacity: 1;
}

.profile_pilt_container:hover .delete_user_pilt {
	opacity: 1;
}

.delete_user_pilt {
	color: red;
	position: absolute;
	top: 0;
	left: 5px;
	font-weight: bold;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.delete_profile_pilt {
	color: red;
	position: absolute;
	top: 0;
	left: 5px;
	font-weight: bold;
	cursor: pointer;
	opacity: 0;
	transition: opacity 0.4s ease-in-out;
}

.profile_pilt {
	width: 100%;
	max-width: 408px;
	border-radius: 50%;
	cursor: pointer;
	border: 8px solid #fff;
	transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
	box-shadow: 0px 0px 20px 10px #ccc;
}

.scroll_top {
	display: none;
	position: fixed;
	color: white;
	bottom: 10px;
	right: 10px;
	font-size: 3.5em;
	/* background-color: #007bff; */
	background-color: #47bac1;
	/* #007bff; */
	width: 60px;
	height: 60px;
	border-radius: 8px;
	cursor: pointer;
	transition: box-shadow 0.4s ease-in-out, background-color 0.4s ease-in-out;
	opacity: 0.7;
}

.scroll_top:hover {
	opacity: 1;
	background-color: #639af5;
	box-shadow: 0px 0px 70px 1px #000;
}

.scroll_top i {
	position: absolute;
	left: 12px;
}

html {
    overflow: scroll;
    overflow-x: hidden;
}
::-webkit-scrollbar {
    width: 10px;  /* Remove scrollbar space */
    background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #47bac1a8;
	opacity: 0.7;
}

.select2-container .select2-selection--single {
	height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}

#search_field {
	border: none !important;
}

input.form-control, textarea.form-control {
	border: 1px solid #aaa;
}

.start_card input.form-control, .start_card textarea.form-control {
	border: 1px solid #ced4da;
}

.empl_lang {
	float: left;
	width: 20px;
}

.cu_po {
	cursor: pointer;
}

#toote_pilt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.toote_pilt_container {
	position: relative;
	transition: 0.4s border ease-in-out;
}

.toote_pilt_container:hover {
	border: 3px dashed #ddd;
}

.hr_thin {
	margin-top: 4px;
    margin-bottom: 4px;
}

.swal2-title {
	margin-left: 10px !important;
}

.swal2-container {
	z-index: 106000000 !important;
}

img.context_menu_img {
    max-width: 100%;
    max-height: 100%;
	margin: auto;
	display: table-cell;
	vertical-align: middle
}


.profile_menu {
	position: absolute;
	left: 70px;
	top: 110px;
	display: none;
	z-index: 400000 !important;
	background-color: white;
	border: 1px solid black;
	border-radius: 5px;
}

.profile_menu a {
	padding: 10px 25px 10px 15px;
	margin: 5px 0;
}

.profile_menu a:hover {
	padding: 10px 25px 10px 15px;
}

.menu_sub_i {
	margin-left: 15px;
}

.blog_author {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 2px dotted #c8c8c8;
}

.uudis {
	padding: 10px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	border: 1px solid #c8c8c8;
	border-radius: 5px;
}

.uudise_aeg {
	color: #c8c8c8;
	float: right;
}

.uudise_pealkiri {
	padding-bottom: 10px;
	border-bottom: 2px dotted #c8c8c8;
}

.table_ostukorv th {
	border-bottom: 2px solid black;
}

.delete_item_cart {
	font-size: 2em;
	cursor:pointer;
	color: #eee;
	text-align: right;
	transition: color .4s ease-in-out, padding-right .4s ease-in-out;
}

.delete_item_cart:hover {
	color: #dc3545;
	padding-right: 10px;
}

.cart_item_count i:hover {
	color: #28a745;
}

.cart_item_count i {
	font-size: 2.2em;
	width: 25px;
	cursor: pointer;
}

.cart_item_count input {
	width: 70px;
	text-align: center;
}

.add_cart_icon {
	cursor: pointer;
	transition: color .2s ease-in-out, padding-bottom .4s ease-in-out;
}

.add_cart_icon:hover {
	color: #28a745;
	padding-bottom: 15px;
}

.table_resp {
	width: 100%;
}

.table_bl_header {
	/* border: 1px solid #007bff; */
	border-radius: 5px;
	border-style: hidden; /* hide standard table (collapsed) border */
	box-shadow: 0 0 0 1px #007bff;
}

.table_bl_header th {
	color: white;
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
	padding: 5px;
}

.table_bl_header td {
	padding: 5px;
}

.sort_th {
	cursor: pointer;
	transition: background-color .4s ease-in-out;
}

.sort_th:hover {
	background-color: #007bffe0;
}

.div_overflow_x {
	overflow-x: scroll;
}

.table_full {
	padding: 5px 1px !important;
}

.sort_caret {
	color: #07ff00;
}

.header_button {
	position: relative;
	text-align: center;
	width: 100px;
	cursor: pointer;
	padding: 5px 15px !important;
	transition: background-color .4s ease-in-out;
}

.header_button:hover {
	background-color: #007bffe0;
}

.header_button:hover .header_button_menu {
	opacity: 1;
	visibility: visible;
}

.header_button_menu.right {
	right: 0 !important;
	left: unset;
}

.table_pealkiri {
	color: #daf246 !important;
}

.tr_bb {
	border-bottom: 1px solid #007bff3e;
}

.tr_bb .td_link {
	cursor: pointer;
}

.tr_bb .td_link:hover {
	color: #007bff;
}

.tr_hoverable {
	transition: background-color .3s ease-in-out;
	background-color: #fff;
}

.tr_hoverable:hover {
	background-color: #639af51f;
}

.table_link:hover {
	color: #007bff;
}

.table_context_menu {
	visibility: hidden;
	position: fixed;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	box-shadow: 2px 2px 18px 1px #007bff;
	transition: visibility .3s ease-in-out;
	z-index: 99999999;
}

.col-07 {
	flex: 0 0 14.28%;
    max-width: 14.28%;
	position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
	/* margin: 0.5px */
}

.cal_pealkiri {
	text-align: center;
    height: 44px;
	color: white;
	padding-top: 10px;
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
}

.päeva_tunnid {
	position: absolute;
	left: 1px;
	width: calc(100% - 2px);
	top: 25px;
	text-align: center;
}


.day_tunnid.pühapäev {
	background: #bbb linear-gradient(180deg,#ddd,#bbb) repeat-x!important;
}

.day_tunnid:hover {
	background: #bbb linear-gradient(180deg,#ddd,#bbb) repeat-x!important;
}

.day_tunnid {
	background: #ddd linear-gradient(180deg,#eee,#ddd) repeat-x!important;
	height: 80px;
	cursor: pointer;
	transition: background .3s ease-in-out;
}

.per_li.active, .all_per_li.active, .töötaja_tunnid_li.active {
	background: #007bff linear-gradient(180deg,#268fff,#007bff) repeat-x!important;
	color: white;
}

.pure_li {
	list-style: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.per_li:hover, .all_per_li:hover, .töötaja_tunnid_li:hover {
	background-color: #eee;
}

.per_li, .all_per_li, .töötaja_tunnid_li {
	padding: 10px 15px;
	transition: background-color .3s ease-in-out;
	text-align: left;
	white-space: nowrap;
	border-radius: 4px;
}

.handle.ui-sortable-handle{
	cursor: move;
}

#big_calendar .table_full, #big_calendar_ .table_full {
	padding: 0 !important;
	border-radius: 4px;
}

.tunnid_center {
	text-align: center;
}


.table_context_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.table_context_menu li {
	padding: 10px 15px;
	transition: background-color .3s ease-in-out;
	text-align: left;
	white-space: nowrap;
	border-radius: 4px;
}

.table_context_menu li:hover {
	background-color: #eee;
}

.header_button_menu {
	z-index: 9;
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	opacity: 0;
	left: 0;
	box-shadow: 2px 2px 18px 1px #007bff;
	transition: visibility .3s, opacity .3s ease-in-out;
}

.header_button_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header_button_menu div {
	padding: 10px 25px;
	border-radius: 4px;
}

.header_button_menu li {
	padding: 0;
	transition: background-color .3s ease-in-out;
	text-align: left;
	white-space: nowrap;
	position: relative;
}

.header_button_menu li:hover > div {
	background-color: #eee;
}

.header_button_menu li:hover > ul {
	visibility: visible;
}

.header_submenu {
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	color: #000;
	border-radius: 4px;
	left: 95%;
	top: 10%;
	box-shadow: 2px 2px 18px 1px #007bff;
}

.right_panel_content {
	width: 100%;
}

.right_panel_content2 {
	width: 100%;
}

.right_panel {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 500px;
	height: 100%;
	z-index: 99999999;
    background-color: white;
	box-shadow: 2px 2px 18px 1px #007bff;
	transition: width .3s ease-in-out;
	overflow-y: auto;
}

.right_panel2 {
	display: none;
	position: fixed;
	right: 0;
	top: 0;
	width: 500px;
	height: 100%;
	z-index: 999999999;
    background-color: white;
	box-shadow: 2px 2px 18px 1px #007bff;
	transition: width .3s ease-in-out;
	overflow-y: auto;
}

.right_panel_close {
	cursor: pointer;
	font-size: 1.2em;
	width: 100%;
	color: #dc3545;
	text-align: center;
	padding: 10px;
	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.right_panel_close2 {
	cursor: pointer;
	font-size: 1.2em;
	width: 100%;
	color: #dc3545;
	text-align: center;
	padding: 10px;
	transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.right_panel_close2:hover {
	color: white;
	background-color: #dc3545;
}

.right_panel_close:hover {
	color: white;
	background-color: #dc3545;
}

.empl_background {
	background: url(../img/pildid/full/employee_backgroud.jpg) no-repeat top;
	height: 420px;
}

.employee_andmed td{
	padding: 5px;
}

#small_calendar {
	display: none;
}

.bg-gradient-primary button {
	min-width: 120px;
}

@media only screen and (max-width: 768px) {
	.w_steps_table {
		margin: 7px;
	}
}

@media only screen and (max-width: 575px) {
	#big_calendar {
		display: none;
	}
	
	#small_calendar {
		display: block;
	}
	
}

@media only screen and (max-width: 800px) {
	.right_panel {
		width: 100%;
	}
	.right_panel2 {
		width: 100%;
	}
}

@media only screen and (max-width: 566px) {
	.small_hide {
		display: none;
	}
	.bg-gradient-primary button {
		min-width: 70px;
	}
}

@media only screen and (min-width: 567px) {
	.big_hide {
		display: none;
	}
}

@media only screen and (max-width: 1550px) {
	.medium_hide {
		display: none;
	}
}

@media only screen and (min-width: 1550px) {
	.medium_show {
		display: none;
	}
}

@media (min-width: 376px) {
	.col-xs-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xs-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xs-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
}