@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,700");

.fanlogo {
	width:95%;
	height:95%;
}

.ttlogo {
	width:100%;
}

h1{
	color:#475975;
	font-size: 30px;
}

#head{
	background-color:#dae1ed;
	padding:20px;
}

table#myTable tr{
	line-height: 15px;
}

select#selectRegiune1{
	margin-left: -30px;
	width:120%;

}
select#selectRegiune2{
	margin-left: -10px;
	width:120%;

}
button#muta{
	
	
	width: 100.5%;
}
button#logout{
	width:100%;
}
label{

	margin-left:5px;
	margin-right:50px;
}

input[type=text]{
	width:300px;
}
button{
	width:150px;
	margin-right:50px;
	font-size:20px;
	font-family: "Arial Bold";
	background-color:white;
    
}

button#smallbtn{
	width:100px;
}

#boxes{
	margin-top:10px;
}
#radios{
	margin-top:-5px;
}
#stradio{
	margin-left: 30px;
}

input[type=select]{
	color:black;
}

th{
	background-color:#007BFF;
	color:white;
	font-weight:15;
	text-align: center;
}

#rampejos{
	margin-bottom: 20px;
	width: 250px;
}

#rosu{
	background-color: red;
}

::selection {
  color:white; /* WebKit/Blink Browsers */
	background-color: slategray;
}

.hero-unit {
	margin-bottom: 30px;
	font-size: 18px;
	font-weight: 200;
	line-height: 30px;
	color: inherit;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.hero-unit h1 {
	margin-bottom: 0;
	font-size: 60px;
	line-height: 1;
	letter-spacing: -1px;
	color: inherit;
}

.hero-unit li {
	line-height: 30px;
}

table {
	max-width: 100%;
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
}

table {
	display: table;
	border-collapse: separate;
	border-spacing: 2px;
	border-color: grey;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

input.span2, textarea.span2, .uneditable-input.span2 {
	width: 126px;
}
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

input[class*="hero-datepicker"] {
	display: inline-block;
	height: 20px;
	padding: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	vertical-align: middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.span2 {
	width: 140px;
}
[class*="span"] {
	float: left;
	min-height: 1px;
	margin-left: 20px;
}
input, textarea, .uneditable-input {
	margin-left: 0;
}

input, button, select, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label, input, button, select, textarea {
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
}
button, input {
	*overflow: visible;
	line-height: normal;
}
button, input, select, textarea {
	margin: 0;
	font-size: 100%;
	vertical-align: middle;
}

input {
	-webkit-writing-mode: horizontal-tb !important;
	text-rendering: auto;
	color: -internal-light-dark-color(black, white);
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	-webkit-appearance: textfield;
	background-color: -internal-light-dark-color(white, black);
	-webkit-rtl-ordering: logical;
	cursor: text;
	margin: 0em;
	font: 400 13.3333px Arial;
	padding: 1px 0px;
	border-width: 2px;
	border-style: inset;
	border-color: initial;
	border-image: initial;
}
/* Set modal background color */
.modal-dialog {
	margin: 0; /* Remove default margin */
}

.modal-content {
	background-color: #dae1ed !important;
}

/* Add animation for smooth effect */
.modal.fade .modal-dialog {
	transform: translate(0, -100%);
	transition: transform 0.3s ease-out;
}

.modal.fade.show .modal-dialog {
	transform: translate(0, 0);
}

/* Style for the buttons */
.modal-footer {
	text-align: right;
}

.siligui_submit_btn {
	background-color: #337ab7 !important;
	color: white;
	margin-left: 10px; /* Add some spacing between buttons */
}

/* Disable button when textarea is empty */
#submitBtn:disabled {
	background-color: #337ab7;
	cursor: not-allowed;
}

/* Set textarea not resizable */
body.sosiri_block textarea {
	resize: none;
}
/* Style for the rampa dropdown */
.rampa-dropdown {
	width: 100%;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
}

/* Optional: Style for the dropdown arrow */
.rampa-dropdown-arrow {
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	pointer-events: none;
}
/* Style for the badge */
.custom-badge {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.badge-light {
	color: #212529;
	font-size: 12px;
	background-color: #f8f9fa;
}
/* Style for the badge close button */
.badge-close {
	cursor: pointer;
	margin-left: 4px;
	color: #000;
}
/* Style for Select2 dropdown options */
.select2-results__option {
	background-color: #fff; /* Set background color */
	color: #333; /* Set text color */
	padding: 8px; /* Set padding */
	border-bottom: 1px solid #ccc; /* Add a border between options */
}

/* Style for the selected option in the dropdown */
.select2-results__option[aria-selected=true] {
	background-color: #007bff; /* Set background color for selected option */
	color: #fff; /* Set text color for selected option */
}

/* Style for the hovered option in the dropdown */
.select2-results__option[aria-selected=true]:hover {
	background-color: #0056b3; /* Set background color for hovered option */
	color: #fff; /* Set text color for hovered option */
}
/**** button asteptare styles ****/
.btn-asteptare-default{
	color: #00B4F2;
	background: #fff;
	border: solid 3px #00B4F2 !important;
}
.btn-asteptare {
	color: #fff;
	background: #00B4F2;
	border: solid 3px #00B4F2 !important;
}
.btn-asteptare:hover, .btn-asteptare:focus {
	color: #fff !important;
}
.btn-asteptare-default:hover, .btn-asteptare-default:focus {
	background-color: #00B4F2;
	color: #fff !important;
}
/**** button nepreluate styles ****/
.btn-nepreluate-default{
	color: #FF5050;
	background: #fff;
	border: solid 3px #FF5050 !important;
}
.btn-nepreluate {
	color: #fff;
	background: #FF5050;
	border: solid 3px #FF5050 !important;
}
.btn-nepreluate:hover, .btn-nepreluate:focus {
	color: #fff !important;
}
.btn-nepreluate-default:hover, .btn-nepreluate-default:focus {
	background-color: #FF5050; /* Set hover and focus background color */
	color: #fff !important;
}

/**** button preluate styles ****/
.btn-preluate-default{
	color: #FF8F21;
	background: #fff;
	border: solid 3px #FF8F21 !important;
}
.btn-preluate {
	color: #fff;
	background: #FF8F21;
	border: solid 3px #FF8F21 !important;
}
.btn-preluate:hover, .btn-preluate:focus {
	color: #fff !important;
}
.btn-preluate-default:hover, .btn-preluate-default:focus {
	background-color: #FF8F21; /* Set hover and focus background color */
	color: #fff !important;
}

/**** button rampa styles ****/
.btn-rampa-default{
	color: #68379A;
	background: #fff;
	border: solid 3px #68379A !important;
}
.btn-rampa {
	color: #fff;
	background: #68379A;
	border: solid 3px #68379A !important;
}
.btn-rampa:hover, .btn-rampa:focus {
	color: #fff !important;
}
.btn-rampa-default:hover, .btn-rampa-default:focus {
	background-color: #68379A; /* Set hover and focus background color */
	color: #fff !important;
}

/**** button finalizate styles ****/
.btn-finalizate-default{
	color: #009F34;
	background: #fff;
	border: solid 3px #009F34 !important;
}
.btn-finalizate {
	color: #fff;
	background: #009F34;
	border: solid 3px #009F34 !important;
}
.btn-finalizate:hover, .btn-finalizate:focus {
	color: #fff !important;
}
.btn-finalizate-default:hover, .btn-finalizate-default:focus {
	background-color: #009F34; /* Set hover and focus background color */
	color: #fff !important;
}
button {
	outline: none !important;
}
.rampa-incarcare-dropdown{
	width: 100px;
	display: inline;
}
.sigiliuInput{
	width: 100% !important;
}
.reportBtns {
	border: solid 3px #337ab7 !important;
}
@media screen and (max-width: 1210px) {
	.report-btn-section.float-right {
		float: none !important;
		margin-top: 10px;
		display: inline-block;
	}
}
@media screen and (max-width: 768px) {
	a.transee_finalazate{
		margin-left: 0px !important;
	}
	.report-btn-section.float-right{
		margin-left: 50px;
	}
	.fanlogo{
		max-width: 200px;
	}
	.ttlogo{
		max-width: 200px;
	}

}
@media screen and (max-width: 690px) {
	.report-btn-section.float-right{
		margin-left: 0px !important;
	}
	button.btn-finalizate, button.btn-finalizate-default{
		margin-left: 10px !important;
		margin-top: 10px !important;
	}
	.trasee_inrampa{
		margin-left: 0px !important;
	}
	button.btn-rampa, button.btn-rampa-default {
		margin-top: 10px !important;
	}
}
@media screen and (max-width: 520px) {
	button.btn-preluate, button.btn-preluate-default{
		margin-top: 10px !important;
	}
	.trasee_inrampa{
		margin-left: 0px !important;
	}
	button.btn-rampa, button.btn-rampa-default {
		margin-left: 10px !important;
	}
	button.btn-finalizate, button.btn-finalizate-default {
		margin-left: 0px !important;
	}
	a.trasee_preluate{
		margin-left: 0px !important;
	}
}