html, body { height: 100%; background-image: url('Images/backround.png') !important; background-color: #145d85 !important; background-repeat: no-repeat; background-position: center; background-attachment: fixed;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; margin: 0; padding: 0;}

/* reset Sk FW */
.sk_dialog_box { overflow: hidden !important;}

/* colors */
.blue { color: #135a82;}
.blue-alt { color: #386cb5;}
.dark-blue { color: #115073;}
.light-blue { color: #4abfee;}
.red { color: #d42a4e;}
.green { color: #1ca593;}
.white { color: #fff;}
.grey {	color: #e2e2e2;}
.yellow { color: #ffd25d;}
.dark-yellow { color: #f5a528;}

/* backgrounds */
.bg_blue { background: #135a82;}
.bg_blue-alt { background: #386cb5;}
.bg_dark-blue { background: #115073;}
.bg_light-blue { background: #4abfee;}
.bg_red { background: #d42a4e;}
.bg_green { background: #1ca593;}
.bg_white { background: #fff;}
.grey { background: ##e2e2e2;}


/* navigation */
/* top-header*/
.top_header { width: 100%; padding: .3rem 1.5rem; background: #135a82;}

/* menu */
nav { padding: 0 1rem !important;}
ul.navbar-nav { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;}
li.nav-item.show { position: relative;}
.navbar-dark .navbar-nav .nav-link { color: #ffffff;}
.logout { padding-top: 1rem; float: right;}
.nav-item {	border-bottom: 2px solid transparent;}
.nav-item:hover { border-bottom: 2px solid #4abfee;}
.navbar-right { float: right;}
.navbar-dark .navbar-toggler { border-color: transparent !important; padding: 5px;}
a.out { color: #ffd25d;} 
a.out:hover { color: #f5a528; text-decoration: none;}
.dropdown-item.active, .dropdown-item:active {	background-color: #4abfee;}

/* end of navigation*/

/* buttons */
.btn { font-size: .9em;	padding: 0.5rem 2rem; color: #fff;}
.btn_condensed { padding: .4rem 1rem;}
.btn_rnd { border-radius: 25px;}
.btn_light-blue { background: #4abfee;}
.btn_light-blue:hover { background: #386cb5;}
.btn_blue { background: #135a82;}
.btn_blue:hover { background: #386cb5;}
.btn_alt-blue { background: #386cb5;}
.btn_alt-blue:hover { background: #4abfee;}
.btn_red { background: #e24444;}
.btn_red:hover { background: #8a2a2a;}
.btn_green { background: #1ca593;}
.btn_green:hover { background: #1ca593;}
.btn_yellow { background: #ffd25d; color: #000;}
.btn_yellow:hover { background: #f5a528;} 

/* login page*/
.login_box, .modules_box { width: 100%; display: block; clear: both; text-align: center; padding-top: 2em;}
.login { display: block; margin: auto; padding: 2em 1em; width: 300px; background: #f8f8f8;
	box-shadow: 0 10px 16px 0 rgba(0,0,0,0.05), 0 6px 20px 0 rgba(0,0,0,0.05);}
.login-title { margin: 2em 0; font-weight: bold; font-size: .95em;}
.login-form input { outline: 0; width: 100%; border: 0; background: transparent; border-bottom: 1px solid #ced4da; margin: 0 0 1em; padding: .6em; box-sizing: border-box; text-align: center;}
.login-form input:focus { border-bottom: 1px solid #4abfee; transition:.75s; }

/* select modules page */
.modules { display: block; clear: both; max-width: 760px; margin: auto; text-align: center;}
.module_sm-w { width: calc(400px + 1.2rem) !important; background: #386cb5; height: 100px !important;}
.modules_logo { padding: 0 0 2em 0;}
.modules-square {margin: auto;}

.btn_module { position:relative;  width: 200px; height: 200px; margin: .5em; border: 4px solid #fff; font-family: "Roboto Condensed", sans-serif; font-size: 1.1em; text-align: left;}
.btn_module:hover { border: 7px solid white; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.05), 0 6px 20px 0 rgba(0,0,0,0.05);}
.module_title { position: absolute; color: white;}
.module_title_line { display: block; margin: 0;	line-height: 1.4em;}
.module_01 { background: #00a6f2;}
.module_02 { background: #006ce6;}
.module_03 { background: #ffd25d; color: #145d85 !important;}
.module_03 .module_title { color: #145d85;}
.module_04 { background: #145d85;}
.module_05 { background: #386cb5;}
.module_06 { background: #e0e1ec;}
.module_06 .module_title {color: #666;}

/* main content */
.content-box { background: #e2e2e2; padding: 1.5rem; height: calc(100vh - 102px);}
.data_box { background: #fff; padding: 1.5rem; /*width: 1200px;*/ height: calc(100% - 2rem); margin: auto; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.05), 0 6px 20px 0 rgba(0,0,0,0.05);}
.db-right, .db-left { height: 100%;}
.data_title { width: 100%; display: block; clear: both;	padding: 0 0 4rem 0;}
.page_title { float: left; font-size: 1.7em; color: #4abfee;}
.btn_bar { float: right;}
.data_title { width: 100%; display: block; clear: both; padding: 0 0 4rem 0;}
.mod_title { font-size: 1.2rem; color: #4abfee;}
.filtru { margin-bottom: 1rem;}
.rezultate { max-height: calc(100vh - 510px); overflow: auto;}
.rezultate_big { max-height: calc(100vh - 330px); overflow: auto;}
.upload { margin-top: 1.5rem;}
a.list-href { display: block; padding: .25rem 0; margin: .5rem 0;}
.card { padding: 1rem; margin: 1rem 0; border: 1px solid #f0eef9;}
.main-butoane-addclient { margin-left: 1rem;}
.client_save-buttons { margin-bottom: 1rem;}
.card_noborder { padding: 0 1rem;}
sk-row.skunk-current-row .card { background-color: #ebf9ff;}


/* MessageBox */
.dialog_box { width: 1200px; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da;}
.connection_box { border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da;}
.dialog_box-content { text-align: left; padding: .75rem .5rem; margin: 1rem 0; max-height: calc(100vh - 325px);	overflow-x: auto;}
.SWindow { position: absolute; padding: 1.5rem; margin: 0; top: 3rem !important; left: 40%; min-width: 400px; min-height: 200px; background-color: #FFF;
		   box-shadow: 0 10px 16px 0 rgba(0,0,0,0.05), 0 6px 20px 0 rgba(0,0,0,0.05); border-radius: 4px;}
.SWindow .titleBar { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.SWindow .titleBar .title { color: #4abfee; font-size: 1.4rem; text-transform: uppercase;}
.SWindow .titleBar .titleContainer { }
div.titleBar button.close { padding: 0 5px; line-height: 1.5; border-radius: 2px; color: #626262; background-color: #ffffff; border: none; float: right !important;	cursor: pointer; margin: -35px 0;}
div.titleBar button.close:hover { color: #b71b36; }
.containerBody { width: 100%;}
.buttonBarContainer { position: absolute; width: 100%; bottom: 0;	margin-left: -20px;}
.buttonBarContainer .buttonBarx div button { min-width: 100px; margin: 5px;}
.buttonBar { padding: 10px;	height: 50px; position: absolute; width: 100%; bottom: 0;	background-color: #FAFCFF; 
			 -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.dialog_box-buttons { margin-top: 1.5rem;}
button.close.btn-close { position: absolute; right: 1rem; top: 2.5rem; padding: 0; margin: 0; color: #e24444 !important; background: transparent;}


/*.titleBar::after {
	content: "Semneaza";
}*/

/* forms */
.form-condensed { padding: .3rem 1.5rem .3rem .75rem;}
.relative { position: relative;}
.asc { position: absolute; bottom: .3rem; right: .25rem; background: transparent; color: #93d0ff; border: none;}
.inline-check {	padding-top: 2.25rem;}
.registry-inline-check { padding-top: 1.25rem;}
.registry-required-consent {	padding-top: 1rem;}
.block-check { padding-bottom: 1rem;}
.form-group { margin-bottom: .75rem;}
label.container.label { display: inline;}
.no_label { margin-top: 2rem; }
.no-overflow-y { overflow-y:hidden; }

/* tables*/
.table { width: calc(100% - 5px);}
.data-table th, .data-table td { padding: .6rem !important;	/*min-width: 9rem;*/}
.data-table th { font-weight: 500;}
.data-table tr.skunk-current-row { background: #d1f0fd;	color: #666;}
.data-table th.td-sm, .data-table td.td-sm { min-width: 20px; max-width: 35px;}
.rezultate_box { width: 100%; overflow-y: auto;}
th { background: #135a82;}
span.block { display: block; clear: both; padding-bottom: 3px;}
.registry_table td li { list-style: none; padding-bottom: .5rem;}
.no-border { border: none !important;}

/* tablet notifications */
.notification_tb { border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da;}
.notification_tb-content { width:100%; padding: .75rem .5rem; max-height: calc(100vh - 325px);	overflow-x: auto;}
.btn_notification_tb { text-align: center; margin-top: 20px; }


/* footer */
/* footer form login page */
.login_footer, footer { display: block; clear: both; width: 100%; margin: 0; text-align: center; position: fixed; bottom: 0; color: #fff;}
.footer_txt { max-width: 640px; margin: auto; clear: both; font-size: .8em; color: #f6f7f8;	padding: 0 0 1em 0;}
.footer_copyright { font-size: .9em; margin: 1em 0;}
.footer_copyright a { color: #ffd25d;}
.footer_copyright a:hover { text-decoration: underline;}
footer { color: #666666;}
footer .footer_copyright a { color: #135a82;}

/*Scrollbar */
::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { background: #f0eef9; padding: 3px;}
::-webkit-scrollbar-thumb { -webkit-border-radius: 3px;	border-radius: 3px;	background: #dadae2; padding: 3px;}
::-webkit-scrollbar-thumb:window-inactive { background: #dadae2; padding: 5px;}
/* end of scrollbar*/

/* checkbox custom */
.container { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.container input { position: absolute; opacity: 0;	cursor: pointer;}
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem;}
.container:hover input ~ .checkmark { background-color: #fff;}
.container input:checked ~ .checkmark { background-color: #386cb5;}
.container .checkmark:after { left: 9px; top: 4px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; 
							  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkmark:after { content: ""; position: absolute; display: none;}
.container input:checked ~ .checkmark:after { display: block;}



/* responsive */
@media only screen and (max-width: 1366px) {
	html, body { font-size: 14px;}
	.modules { max-width: 640px;}
    .module_sm-w { width: calc(400px + 1.2rem); background: #386cb5; height: 100px;}
	.btn_module { width: 175px; height: 175px;}
	.dialog_box { width: 900px;}
	.content-box { height: calc(100vh - 95px);}
	.dialog_box-content { max-height: calc(100vh - 255px);}
	.rezultate { max-height: calc(100vh - 450px);}
	.rezultate_big {
		max-height: calc(100vh - 300px);
	}
}

@media only screen and (max-width: 1280px) {
	.data_box { width: 100%; height: calc(100% - 2rem);}

}
@media only screen and (max-width: 1024px){
	/*.content-box { height: auto;}*/
}

@media only screen and (max-width: 992px) {
	.navbar-right { float: left;}
	.navbar-right { float: right;}
	ul.nav.navbar-nav.navbar-right { width: 100%;}
	.rezultate { max-height: inherit; overflow: unset;}
	/*.content-box { height: auto;}*/
	.table { width: 100% !important;}
	.footer_copyright { display: none;}
}

@media only screen and (max-width: 768px) {
	.SWindow { width: 90vw;}
	.dialog_box { width: 100%;}
	.dialog_box-content { max-height: calc(100vh - 310px);}
	.rezultate_big { max-height: none;}
	.data_box { height: auto;}
	.content-box { height: auto;}
	.inline-check { padding-top: 0; padding-bottom: 1rem;}
	.registry-inline-check { padding-top: 0; padding-bottom: 1rem;}
}

@media only screen and (max-width: 640px) {
	}
@media only screen and (max-width: 480px) {
    .modules-square { width: auto;}
	.btn_module { width: 340px; height: auto}
	.module_title { position: inherit; text-align: center;}
	.module_title_line { display: inline-block;	}
	.footer_txt { display: none;}
	span.logout-txt { display: none;}
	.content-box { height: 100%;}
	.btn_bar { float:inherit;}
	.btn_condensed { width: 100%;}
	button { margin-bottom: .25rem;	}
	.form-group { margin-bottom: .5rem;}
	.main-butoane-filtru { margin-top: 1.5rem;}
	.rezultate { max-height: none; overflow: inherit;}
	.SWindow { top: 1rem !important; min-width: 300px;}
	footer { display: none;	}
}

@media only screen and (max-width: 340px) {
	.login { padding: 1.5em 1em;}
	img.login-img { width: 120px; height: auto;}
	img.app_logo-img { width: 240px; height: auto;}
	.btn_module { width: 275px;}
	div#skunk-datepicker { font-size: 12px;}
	.SWindow { min-width: 285px;}
}

@media only screen and (max-height: 700px) {
    .footer_txt { display: none;}
}

/* media PRINT */
/*@media print {
	body { width: 100%; height: 100%; padding: 0; margin: 0; font-family: Arial, sans-serif; font-size: 12px; color: #000; text-align: left;}
	.print_title { font-size: 1.4em; font-weight: 300; text-transform: uppercase; max-width: 66%; text-align: center; margin: auto; padding: 1rem 0 2em 0;}
	.print_antet { margin-bottom: 1em;}
	.print_check { font-size: 14px; padding: 1.5em 0;}
	.footer_print { margin: auto; font-size: 1.1em;}
	.footer_left { display: inline-block; width: 115px; padding-right: 2em;}
	.footer_right { display: inline-block; width: 200px;}
	.printfooter_label { text-align: left; margin: 19px 0 0 0;}
	input.printfooter_input { width: 100%; border: none; border-bottom: 1px solid #b7b7b7; margin: 10px 0;}
	.content_print, .print_antet { padding: 0 2em 0 5em;}
}*/