@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

label.liber-margin {
    margin-right: 25px;
}

.popup_edit,
.popup_add {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.3);
}
.popup_edit_container {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup_edit_content {
	width: 480px;
	max-width: 80%;
	position: relative;
	background-color: #fff;
	box-shadow: 5px 5px 12px 0px rgba(0, 0, 0, 0.3);
	display: inline-block;
	border-radius: 3px;
}
.close_popup_edit {
	position: absolute;
	right: -10px;
	top: -10px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background-color: #fff;
	text-align: center;
	padding-top: 4px;
	box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	z-index: 99;
}
.inputs_edit {
	display: block;
	max-height: 100vh;
	overflow: auto;
	padding: 20px 32px;
}
.title_product_edit {
	text-align: left;
	display: block;
	width: 100%;
	height: 47px;
	font-size: 1.3rem;
	color: #575962;
	font-weight: 500;
	font-family: Roboto;
	border-bottom: 1px solid #ebedf2;
	padding-top: 10px;
	padding-left: 20px;
}
.input_group {
	display: inline-block;
	width: 100%;
	padding-bottom: 12px;
}
.title_group {
	color: #575962;
	font-weight: 500;
	font-family: Roboto;
	font-size: 15px;
	padding-bottom: 5px;
}
.input_group input:not([type="checkbox"]) {
	border: 1px solid #ebedf2;
	background-color: #fff;
	border-radius: 0;
	width: 100%;
	height: 40px;
	padding-left: 20px;
}
.input_group input.input_err {
	border-color: #ff0000;
}
.buttons_product_edit {
	display: block;
	padding: 8px 32px 10px;
	/*box-shadow: 0px -3px 8px 0px rgba(0,0,0,.2);*/
	border-top: 1px solid #ebedf2;
	position: relative;
}
.text_delete_product {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #575962;
	font-weight: 500;
	font-family: Roboto;
	padding: 0 20px;
}
.buttons_delete_popup {
	display: block;
	padding: 8px 32px 10px;
	border-top: 1px solid #ebedf2;
	position: relative;
}
button.btn.btn-framed.btn-delete-no {
	margin-left: 8px;
}
button.btn.btn-framed {
	background-color: #fff;
	border: 2px solid #ebedf2;
	color: #575962;
}
button.btn.btn-framed:hover {
	color: #fff;
	background-color: #575962;
	border-color: #575962;
}
.add_produkt:hover,
.add_field:hover {
	cursor: pointer;
}
.popup_loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.3);
	z-index: 9;
	display: none;
	align-items: center;
	justify-content: center;
}
.loader_eff {
	border: 8px solid #f3f3f3;
	border-radius: 50%;
	border-top: 8px solid #3d3b56;
	width: 80px;
	height: 80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type="number"] {
	-moz-appearance: textfield;
}
span.nav_item_csm {
	display: flex;
	width: 43px;
	height: 43px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	color: #716aca;
	border: 1px solid #ebedf2;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	align-items: center;
	justify-content: center;
}
span.nav_item_csm:hover {
	cursor: pointer;
	background-color: #d4d8e3;
	border-color: #ccd1de;
}

/* Edits - Andrei - 20.06.2019  - Forms.php */

.m-portlet-form {
	margin-bottom: 3.2rem;
}
.input_group.input_group_half .title_group {
	width: 49%;
	display: inline-block;
	padding-right: 20px;
}
.input_group.input_group_half > input {
	width: 50%;
	display: inline-block;
}
.input_group.input_group_half {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.input_group input:not([type="checkbox"]) {
	border-radius: 0.25em;
	height: calc(2.55rem + 2px);
	outline: none;
}

.input_group input:focus {
	border-color: #716aca;
}

.title_buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.title_group > .m-checkbox.m-checkbox--single {
	width: 25px;
	height: 25px;
	margin-bottom: -6px;
	margin-left: 25px;
}

.title_group .m-checkbox > span {
	height: 25px;
	width: 25px;
}

.title_group .m-checkbox > span:after {
	margin-left: -3px;
	margin-top: -8px;
	width: 7px;
	height: 12px;
}

.title_group > span {
	display: inline-block;
	cursor: pointer;
	user-select: none;
}

.title_checkbox {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	margin: 10px 0;
	border-bottom: 0.5px solid #ebedf2;
}

.title_checkbox .m-checkbox {
	padding-left: 0px;
}

.not_this {
	border-bottom: 0px;
}

.row_button {
	justify-content: flex-end;
	padding-right: 15px;
}

.row_button .btn {
	padding: 1.3rem 2rem;
}

.add_blad a {
	color: #ffffff;
	text-decoration: none;
}

.la-file {
	text-decoration: none;
}

.pdf_record_blad:hover {
	color: #fff !important;
	background: #3d3b56 !important;
	border-color: #3d3b56 !important;
}

button[name="save_edit_1"],
button[name="save_edit_2"],
button[name="save_edit_3"],
button[name="save_edit_4"],
button[name="save_edit_5"] {
	display: none;
}
/* End Edits */

/* Extra edits - Andrei */

.atipic_logo {
	height: 75px;
	width: auto;
}

.m-header__bottom {
	background: rgba(0, 0, 0, 1) !important;
}

.m-menu__item-here {
	color: rgba(0, 0, 0, 1) !important;
}

.input_err {
	color: red;
	display: none;
}

.white_space {
	white-space: pre;
}

.container_calendar {
	display: flex;
	justify-content: space-between;
}

.container_calendar > div {
	width: 48%;
}

.cal_timeline_container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.m-body {
	width: 1430px !important;
}

/* Modal adaugare programari */

.adauga_programare_error {
	display: none;
	color: darkred;
}

#p_nume_serviciu {
	font-weight: 500;
}

/* Butoane datatables */

.paginate_button.previous > a,
.paginate_button.next > a {
	border-radius: 5px !important;
}

/* Extra */

.m-portlet__nav {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}

.adauga_container {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f8f8fb;
	padding: 5px;
	border-radius: 50px;
	transition: 0.2s;
	cursor: pointer;
}

.adauga_container:hover {
	background: #e4e4e4;
}

.adauga_container > label {
	margin: 0;
	padding-left: 5px;
	cursor: pointer;
}

.ui-front {
	z-index: 9999999 !important;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
}

.ora_start_programare_delete,
.ora_final_programare_delete {
	min-width: 30px;
}

.serii_curs,
.vezi_cursanti,
.vizualizare_cursuri {
	text-decoration: underline;
	cursor: pointer;
	color: #5867dd;
	user-select: none;
}

.modal_viz_serii .modal-dialog {
	max-width: 760px;
}

.select_error {
	border: 1px solid #b03039;
}

/* Mobile menu styling */

.mobile_menu {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0px;
	right: -1px;
	background-color: #111;
	overflow-x: hidden;
	transition: 0.5s;
}

.mobile_menu_list {
	position: relative;
	height: 100%;
}

.mobile_menu_list a {
	padding: 25px 8px 8px 5px;
	text-decoration: none;
	margin: 15px;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.mobile_menu_list a:first-child {
	padding: 8px 8px 8px 5px;
}

.mobile_menu_list a:last-child {
	right: 0px;
	position: absolute;
	bottom: 10px;
}

.mobile_menu_list a:hover {
	color: #f1f1f1;
}

.mobile_menu_list .close_mobile_menu {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 36px;
	margin-left: 50px;
}

.open_mobile_menu {
	display: none;
}

.btn_linie_produs_sterge {
	margin-left: 10px;
}

#pret_produs {
	padding-top: 8px;
}

#popup_add_vanzare .popup_edit_content {
	width: 640px;
}

.nume_produs_label {
	font-weight: 500;
}

.total_vanzare {
	padding: 0 5px;
}

.total_vanzare_container {
	display: none;
}

.labels_total_vanzare {
	font-size: 20px;
	text-align: right;
	margin-right: 20px;
	font-weight: 700;
}

/* Styling pentru partea plus si minus la cantitati */

.cantitate_produs_group {
	display: flex;
	justify-content: center;
	align-items: center;
}

#cantitate_produs {
	color: #000;
	display: inline-block;
	vertical-align: top;
	font-size: 25px;
	font-weight: 700;
	line-height: 30px;
	padding: 0 2px;
	min-width: 50px;
	text-align: center;
}
.plus {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: white;
	width: 20px;
	padding-top: 0px;
	height: 20px;
	font: 20px/1 Arial, sans-serif;
	text-align: center;
	border-radius: 50%;
}
.minus {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	color: white;
	width: 20px;
	height: 20px;
	font: 19px/1 Arial, sans-serif;
	text-align: center;
	border-radius: 50%;
	background-clip: padding-box;
}
.minus:hover {
	background-color: #d5666d !important;
}
.plus:hover {
	background-color: #6ee96e !important;
	color: black;
	font: 22px/1 Arial, sans-serif;
}
/*Prevent text selection*/
.cantitate_produs_group span {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.cantitate_produs_group input {
	border: 0;
	width: 2%;
}
.cantitate_produs_group input::-webkit-outer-spin-button,
.cantitate_produs_group input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.cantitate_produs_group input:disabled {
	background-color: white;
}

.selectare_vanzare_container > div {
	border: 2px solid #808080;
	color: #808080;
	padding: 6px;
	font-size: 16px;
	text-align: center;
	cursor: pointer;
	user-select: none;
}

.selectare_vanzare_container label {
	margin: 0;
	cursor: pointer;
}

.selectare_vanzare_container i {
	font-size: 1.2rem;
	color: inherit;
	cursor: pointer;
}

.selectare_vanzare_container > div:hover {
	border: 2px solid #34bfa3;
	color: #34bfa3;
}

.selected {
	color: #34bfa3 !important;
	border: 2px solid #34bfa3 !important;
}

.clasic_programare {
	display: none;
}

.selectare_vanzare_produs {
	display: none;
	margin-top: 5px;
}

.extra_vanzare_produse_label {
	display: none;
}

.vanzare_produs_vanzare_container,
.vanzare_produs_consum_container {
	display: none;
	padding: 10px 0px;
}

.subtotal_consumabile_labels {
	text-align: right;
	font-size: 16px;
	display: none;
}

.check_password,
.delete_curs {
	cursor: pointer;
}

.valori_vanzari {
	text-align: right;
}

div.btn_adauga_liber,
div.btn_adauga_pauza,
div.btn_edit_program {
	margin-right: 20px;
}

.login_logo img {
	width: 100%;
	filter: invert(100%);
	margin-bottom: 30px;
}

.select_serviciu {
	min-width: 175px;
	margin-left: 20px;
}

.orar_cursuri_loader,
.programari_loader {
	border: 10px solid #f3f3f3; /* Light grey */
	border-top: 10px solid #716aca; /* Purple */
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.orar_cursuri_loader_c,
.programari_loader_c {
	background: white;
	position: absolute;
	z-index: 10;
	text-align: center;
	display: none;
	justify-content: center;
	align-items: center;
	left: 0;
	right: 0;
	bottom: 10px;
	top: 0;
}

.none {
	display: flex;
}

.pauza_final_label {
	display: none;
}

.legenda_opener {
	margin-top: 20px;
}

.legenda_opener:hover {
	text-decoration: underline;
	cursor: pointer;
	color: #716aca;
}

/* Refacere paleta de culori pentru site */
/* Meniu + header */
.m-menu__item.m-menu__item--active .m-menu__link-text {
	color: white !important;
	font-weight: 500 !important;
}

.m-menu__item .m-menu__link-text {
	color: #999999 !important;
}
.m-menu__item .m-menu__link-text:hover {
	color: white !important;
}

.m-dropdown__wrapper .m-dropdown__arrow {
	color: #333333 !important;
}

.m-dropdown__wrapper .m-dropdown__header {
	background-color: #333333 !important;
}

/* Tabele si span-uri de deschidere modale */

span.nav_item_csm {
	color: black;
}

span.nav_item_csm:hover {
	background: #e4e4e4;
}

.m-portlet__nav-item.span_add_cursanti {
	background: unset;
}

.dataTables_wrapper .pagination .page-item.active > .page-link {
	background: #414141 !important;
}

.dataTables_wrapper .pagination .page-item:hover > .page-link {
	background: #525252 !important;
	cursor: pointer;
}

.form-control:focus,
.form-control:focus {
	border-color: #525252 !important;
}

.tura_seara {
	background: #525252 !important;
	color: white;
	border: 1px solid #414141 !important;
}

.serii_curs,
.vezi_cursanti,
.vizualizare_cursuri {
	color: #414141;
}

/* Programari / Orar Cursuri */
.timetable_resource {
	background: #e4e4e4 !important;
	border: 0.4px solid #414114;
}

.timetable,
.timetable_cursuri {
	background: white !important;
}

.timetable_body > div:first-child {
	border-top: 0.8px solid #414141;
}
.timetable_body > div:first-child > div {
	border-top: 0px;
}

.timetable_body > div:last-child {
	border-bottom: 0.8px solid #414141;
}

.timetable_body > div:last-child > div {
	border-bottom: 0px;
}

#orar_cursuri_datepicker > a,
#programari_datepicker > a {
	background: black;
	border: 0px;
}

#orar_cursuri_datepicker,
#programari_datepicker {
	background: #e4e4e4;
}

.orar_cursuri_datepicker_default,
.programari_datepicker_default {
	color: #414141 !important;
}

.orar_cursuri_datepicker_selected,
.programari_datepicker_selected {
	color: #222222 !important;
}

.datepicker tbody tr > td.day.today {
	background: #525252 !important;
}

.datepicker tbody tr > td.day.active {
	background: #414141 !important;
}

/* Finalizare paleta de culori custom */

/* custom color classes */

.c_lightgrey {
	background: #e4e4e4 !important;
	color: black;
}

.c_lightgrey:hover {
	background: #525252 !important;
	color: white;
}

.c_darkgrey {
	background: #525252 !important;
	border: 0px;
	color: white;
}

.c_darkgrey:hover {
	background: #414141 !important;
	color: white;
}

.c_darkergrey {
	background: #414141 !important;
	color: white;
}

.c_darkergrey:hover {
	background: #313131 !important;
	color: white;
}

.c_black {
	background: #222222 !important;
	color: #e4e4e4 !important;
	border: 0px !important;
}

.c_black:hover {
	background: black !important;
	color: white;
}

.c_lightred {
	background: #d5666d !important;
	color: black;
	border: 0px;
}

.c_lightred:hover {
	background: #ca3e47 !important;
	color: black;
}

.c_darkred {
	background: #ca3e47 !important;
	color: black;
	border: 0px;
}

.c_darkred:hover {
	background: #b03039 !important;
	color: white;
}

.c_green {
	background: #6ee96e !important;
	border: 1px solid #6ee96e;
	color: white;
}

.c_green:hover {
	background: #5de65d !important;
	border: 1px solid #6ee96e;
	color: white;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	background-color: black !important;
}

.selectare_vanzare_container > div:hover {
	border: 2px solid #ff9e26;
	color: #ff9e26;
}

.selected {
	color: #ff9e26 !important;
	border: 2px solid #ff9e26 !important;
}

.m-topbar__username {
	color: #ff9e26 !important;
}

.btn.m-btn--hover-danger:hover {
	background: #d5666d !important;
	border: 1px #d5666d !important;
	color: white;
}

.btn.m-btn--hover-info:hover {
	background: #808080 !important;
	border: 1px solid #808080 !important;
	color: black !important;
}

.btn.m-btn--hover-accent:hover {
	background: #525252 !important;
	border: 1px solid #525252 !important;
}

.btn.m-btn--hover-warning:hover {
	background: #ff9e26 !important;
	border: 1px solid #ff9e26 !important;
}

span.nav_item_csm {
	width: 30px;
	height: 30px;
}

.btn-zile-serii {
	padding: 0.65rem 0.65rem;
}

.zi_selectata {
	background: #525252 !important;
	color: white;
	border: 1px solid #414141 !important;
}

.serie_datepicker {
	display: none;
}

.custom_control_label {
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.end_serie_container {
	padding-right: 7px;
	display: none;
}

.serie_selectare_zile_container {
	display: none;
}

.liber-munca-mobile {
	display: none;
}

@media only screen and (max-width: 800px) {
	.open_mobile_menu {
		display: block;
	}

	.m-body {
		width: auto !important;
	}

	.atipic_logo {
		max-height: 68px;
	}

	.mobile_menu_list {
		padding-top: 30px;
	}
	.mobile_menu_list a {
		font-size: 20px;
	}

	.open_mobile_menu {
		margin: auto 0;
	}

	.m-brand__logo {
		display: flex !important;
		justify-content: space-between;
	}

	.m-portlet__body {
		width: calc(100vw - 50px);
		/* overflow-x: hidden; */
	}

	/* ascundere filtre pentru tabelul de cursanti */
	.m_datatable_cursanti_filters > tr > th:nth-child(4),
	.m_datatable_cursanti_filters > tr > th:nth-child(5),
	.m_datatable_cursanti_filters > tr > th:nth-child(6) {
		display: none;
	}

	/* Ascundere filtre pentru tabelul de angajati */
	.m_datatable_angajati_filters > tr > th:nth-child(3),
	.m_datatable_angajati_filters > tr > th:nth-child(4),
	.m_datatable_angajati_filters > tr > th:nth-child(5) {
		display: none;
	}

	/* Ascundere filtre pentru tabelul de modele */
	.m_datatable_modele_filters > tr > th:nth-child(3),
	.m_datatable_modele_filters > tr > th:nth-child(4) {
		display: none;
	}

	/* Ascundere filtre pentru tabelul de cursuri */
	.m_datatable_cursuri_filters > tr > th:nth-child(2),
	.m_datatable_cursuri_filters > tr > th:nth-child(3) {
		display: none;
	}

	/* Ascundere filtre pentru tabelul de modele */
	.m_datatable_produse_filters > tr > th:nth-child(4),
	.m_datatable_produse_filters > tr > th:nth-child(5),
	.m_datatable_produse_filters > tr > th:nth-child(6),
	.m_datatable_produse_filters > tr > th:nth-child(7) {
		display: none;
	}

	.m-portlet .m-portlet__head {
		padding: 0 0.8rem;
	}

	.dataTables_wrapper .child .dtr-details > li:last-child .dtr-data {
		padding: 0px !important;
	}

	.container-fluid {
		padding: 35px;
	}

	.programare_layout_mobil {
		display: flex !important;
		flex-direction: column;
	}

	.programare_layout_mobil > ul {
		width: 100%;
		margin: 10px auto !important;
	}

	.programare_layout_mobil > ul:first-child {
		justify-content: flex-end !important;
	}

	.div_parole {
		flex-wrap: nowrap;
	}

	.div_parole > div:first-child {
		width: 90%;
	}

	.div_parole > div:last-child {
		width: 15%;
	}

	.btn_produse_curata_filtre {
		display: none;
	}

	.layout_vanzari {
		flex-direction: column-reverse;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.selectare_vanzare_container > div:first-child {
		margin-bottom: 5px;
	}

	.selectare_vanzare_container > div:last-child {
		margin-top: 5px;
	}

	.valori_vanzari > h3 {
		font-size: 15px;
	}

	#progres_vanzari {
		height: 270px;
	}

	.m-portlet__head-tools.programare_layout_mobil > .m-portlet__nav:first-child {
		flex-wrap: wrap;
	}

	.m-portlet__head-tools.programare_layout_mobil
		> .m-portlet__nav:first-child
		> div {
		margin: 10px;
	}

	.modal_legenda_programari .row {
		flex-wrap: nowrap !important;
	}

	.modal_legenda_programari .row > div:first-child {
		width: 30%;
	}

	.liber-margin {
		display: none;
	}

	.new_program_group .row {
		flex-wrap: nowrap;
	}

	.new_program_group select {
		width: auto;
	}

	.new_tura_libera {
		margin: 15px;
		width: auto;
		margin-top: 9px;
	}

	.liber-munca-mobile {
		display: block;
	}

	.checkbox-custom-zi-libera {
		justify-content: flex-end !important;
	}
}

@media (hover: none) and (pointer: coarse) {
	/* Smartphones and touchscreens */
	.selectare_vanzare_container > div:hover {
		border: 2px solid #808080;
		color: #808080;
	}
}