@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto+Slab:wght@300;400;500;600;700;800;900&family=Roboto:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
:root {
	--body-bg-color: #F8F9FB;
	--body-text: #1D1A21;
	--body-font-size: 1.25rem;
	--border-color: #D4DEDD;
	--shadow-color: #E9EFEB;
	--border-focus-color: #92B2AD;
	--btn-font-size: 1.25rem;
	--btn-bg-color: #527A36;
	--btn-bg-color-active: #385922;
	--btn-text-color: #FCF4DF;
	--btn-attached-bg-color: #FCF4DF;
	--btn-attached-bg-color-focus: #F8E5B4;
	--btn-attached-text-color: #4B5346;
	--btn-attached-text-color-focus: #32521E;
	--nav-bg-color: #FCF4DF;
	--nav-text-color: #3F6133;
	--eyebrow-text-color: #4B5346;
}

* {
	padding: 0;
	margin: 0;
	max-width: 100%;
	/*overflow-x: hidden;*/
	position: relative;
	color: var(--body-text);
	font-size: var(--body-font-size);
	line-height: calc(1.5 * var(--body-font-size));
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	/*display: block;*/
	font-family: 'Roboto', sans-serif;
}

body {
	background-color: var(--body-bg-color);
}

h1, h2 {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 400;
	color: #527A36;
	padding: 0;
	margin: 0;
}

h1 {
	font-size: 1.953rem;
	letter-spacing: -0.5px;
}

h2 {
	font-size: 1.563rem;
	border-bottom: 1px solid;
	padding-bottom: 12px;
}

h3 {
	font-weight: 700;
	/* color: var(--eyebrow-text-color); */
	padding: 0;
	margin: 24px 0 8px 0;
}

h4 {
	font-weight: 700;
	padding: 0;
	margin: 0;
	font-size: 1.25rem;
}

input {
	padding: 0.64rem !important;
	border-radius: 8px !important;
	border-color: var(--border-color) !important;
}

input:focus {
	border-color: var(--border-focus-color) !important;
}

.ui.green.button {
	background-color: var(--btn-bg-color) !important;
	border: 3px solid var(--btn-bg-color) !important;
	color: var(--btn-text-color) !important;
	font-weight: 400;
	font-size: var(--btn-font-size);
	letter-spacing: 0.5px;
	font-family: 'Roboto Slab', serif !important;
	border-radius: 8px;
}

.ui.green.button:hover, .ui.green.button:active {
	background-color: var(--btn-bg-color-active) !important;
	border: 3px solid var(--btn-bg-color-active) !important;
}

.ui.green.button:focus {
	background-color: var(--btn-bg-color) !important;
	border: 3px solid var(--btn-bg-color-active) !important;
}

label {
	font-weight: 400 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	color: var(--eyebrow-text-color) !important;
}

.yellow.button {
	color: var(--nav-text-color) !important;
	background-color: var(--nav-bg-color) !important;
	border: 1px solid var(--btn-bg-color) !important;
	border-radius: 0 8px 8px 0 !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	font-size: 1.25rem !important;
}

.edit.button {
	background-color: var(--btn-attached-bg-color) !important;
	color: var(--btn-attached-text-color) !important;
	border-top:1px solid var(--border-color);
}

.del.button {
	background-color: var(--border-color);
	color: var(--body-text);
	border-top:1px solid var(--border-color);
	border-right:1px solid var(--border-color);
}

.edit.button:focus, .edit.button:active, .edit.button:hover {
	background-color: var(--btn-attached-bg-color-focus) !important;
	color: var(--btn-attached-text-color-focus) !important;
}

.button.positive, .button.negative {
	color: #ffffff !important;
	border: none !important;
}

.ui.bottom.attached {
	overflow-x: hidden;
}

.ui.tiny.modal .content {
	font-size: var(--body-font-size) !important;
	text-align: center !important;
	padding-top:0 !important;
}

.ui.tiny.modal .header {
	font-family: 'Roboto Slab', serif !important;
	font-weight: 700;
	padding: 0;
	margin: 0;
	font-size: 1.563rem;
	padding-bottom: 12px;
	text-align: center !important;
	text-transform: uppercase !important;
	border-bottom: none !important;
}
/* --------------------------------------- CSS pagina de Autentificare ---------------------------------------------- */

.grid.login-page {
	height: 100%;
	margin: 0 !important;
}

.grid.login-page h1 {
	text-align: center;
	margin-bottom: 56px !important;
	overflow-y: hidden !important;
}

.grid.login-page .column {
	max-width: 360px;
}

.grid.login-page .ui.green.button {
	margin-top: 56px;
}

.grid.login-page .ui.checkbox label {
	overflow-y: hidden !important;
	line-height: 1.25rem !important;
}

/* ------------------------------------- END CSS pagina de Autentificare -------------------------------------------- */

/* --------------------------------------- CSS Navigation ---------------------------------------------- */

.secondary.menu {
	background-color: #fff !important;
	box-shadow: 0 -3px 2px var(--shadow-color), 0 -2px 1px var(--shadow-color) !important;
}

.secondary.menu .item {
	margin: 0 !important;
	border-top: 2px solid #fff !important;
	border-right: 1px solid var(--border-color) !important;
	border-left: 1px solid var(--border-color) !important;
	border-radius: 0 !important;
}

.secondary.menu .item.active {
	background-color: var(--nav-bg-color) !important;
	border-top: 2px solid var(--nav-text-color) !important;
	color: var(--nav-text-color) !important;
	box-shadow: 2px 0 1px var(--shadow-color), -2px 0 1px var(--shadow-color) !important;
	font-weight: 700;
}

div.ui.tab {
	margin-bottom: 68px !important;
	padding-top: 12px;
}

/* --------------------------------------- CSS Navigation ---------------------------------------------- */

/* --------------------------------------- CSS Settings' page ---------------------------------------------- */
form#poligon-change-username, form#poligon-change-password {
	padding-top: 16px !important;
	padding-bottom: 36px !important;
}

.ui.grey.button {
	background-color: var(--border-color);
	font-weight: 400;
	font-size: var(--btn-font-size);
	color: var(--body-text);
	letter-spacing: 0.5px;
	font-family: 'Roboto Slab', serif !important;
	border-radius: 8px;
	margin-top: -20px !important;
}

/* --------------------------------------- END CSS Settings' page ---------------------------------------------- */

/* --------------------------------------- CSS Instructors' page ---------------------------------------------- */

.ui.grid.instructors, .ui.grid.shootings {
	padding: 0 !important;
	margin: 16px 0 0 0 !important;
}

.ui.grid.instructors .column, .ui.grid.shootings .column {
	padding: 0px 2px 16px 2px !important;
}

.ui.labeled.icon.button {
	padding-top: 8px !important;
	padding-bottom: 12px !important;
	padding-left: 52px !important;
	margin-top: 16px;
}

.ui.labeled.icon.button .icon {
	padding-top: 10px !important;
	padding-bottom: 8px !important;
	padding-right: 0 !important;
	margin-left: -4px !important;
}

.ui.grid.instructors .ui.card, .ui.grid.shootings .ui.card {
	border-radius: 8px !important;
	overflow-y: hidden !important;
	border: 1px solid var(--border-color) !important;
	box-shadow: 0 2px 1px var(--shadow-color) !important;
}

.ui.grid.instructors .ui.card .content, .ui.grid.shootings .ui.card .content {
	padding: 8px 12px !important;
}

.ui.grid.instructors .ui.card .meta, .ui.grid.shootings .ui.card .meta {
	color: #70726E;
	font-size: 1rem;
}

/* --------------------------------------- END CSS Instructors' page ---------------------------------------------- */

/* --------------------------------------- CSS Modal Window ---------------------------------------------- */

.ui.modal {
	padding: 12px;
	overflow-y: hidden !important;
}

.ui.modal h2 {
	text-align: center;
}

.ui.modal div.content {
	padding: 32px 0 !important;
}

.ui.modal div.actions {
	background-color: #fff !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	text-align: center;
}

.ui.modal .ui.button {
	border: 3px solid #ddd;
	color: var(--eyebrow-text-color);
	font-weight: 400;
	font-size: var(--btn-font-size);
	letter-spacing: 0.5px;
	font-family: 'Roboto Slab', serif !important;
	border-radius: 8px;
	margin-bottom: 0 !important;
}

/* --------------------------------------- END CSS Modal Window ---------------------------------------------- */

/* --------------------------------------- CSS Shootings' page ---------------------------------------------- */

.ui.two.buttons {
	margin-top: 16px !important;
}

.ui.two.buttons .ui.green.button {
	padding: 0 !important;
	border-radius: 8px 0 0 8px !important;
}

.date, .gun, .description {
	font-size: 1rem;
	line-height: 1.4rem;
	color: #675201;
}

.gun {
	float:right;
}

.ui.grid.shootings h4 {
	margin: 0 !important;
	padding: 0 !important;
}

.ui.grid.shootings p.meta {
	padding: 0 !important;
	margin: 8px 0 0 0 !important;
	padding: 4px 0 0 0 !important;
	font-size: 1.25rem !important;
	border-top:1px solid var(--border-color);
	font-weight:600;
}

.ui.radio.checkbox label {
	line-height: 1.25rem !important;
	overflow-y: hidden !important;
	float: left !important;
}

.mb0 {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.border-b {
	border-bottom:1px dashed var(--body-text);
	padding-bottom:20px !important;
	margin-bottom: 12px !important;
}

.border-t {
	border-top:1px dashed var(--body-text);
	padding-top:12px !important;
	margin-top: 20px !important;
}

#shooting-edit-ctnr div.content, #poligon-shooting-add div.content {
	margin-top: 12px !important;
}

#shooting-edit-ctnr .choice.left, #poligon-shooting-add .choice.left {
	max-width:50% !important;
	float: left !important;
}

#shooting-edit-ctnr .choice.right, #poligon-shooting-add .choice.right {
	max-width:50% !important;
	float: right !important;
}

#shooting-edit-ctnr div.actions, #poligon-shooting-add div.actions {
	margin-top:24px !important;
	padding-bottom: 68px !important;
	text-align: center;
}

#shooting-edit-ctnr .ui.button, #poligon-shooting-add .ui.button {
	font-weight: 400;
	font-family: 'Roboto Slab', serif !important;
	border-radius: 8px;
	margin-bottom: 0 !important;
	border:3px solid var(--border-color);
	background-color: var(--border-color);
	color: var(--body-text);
}

/* --------------------------------------- END CSS Shootings' page ---------------------------------------------- */