@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Roboto+Condensed&display=swap');

body {font-family: 'Noto Sans', sans-serif;}
/* CSS Document */
*, *:before, *:after {
  box-sizing: border-box;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
* html .clearfix            { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.circle {display:block; width:30px; height:30px; margin: 0 10px 0 0; line-height:30px; border:1px solid #495057; text-align: center; font-style: normal; font-weight: bold; font-size:16px; border-radius:50%}

.border_bottom {
    border-style: solid;
    border-width: 0 0 1px 0 !important;
    color: #426bc8;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {white-space:normal!important}

.color_red {
    color: #f44336;
}

.validation {
    background: #fff;
    border-color: #f44336;
}

#wrapper {
	width:100%;
	height:100%;
	background: #fafbfe;
	display:table;
    margin: 0 auto;
}


.icon_box {
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    background: #426bc8;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: white;
    font-size: 30px;
}



/*  LOGIN PAGE  */
.login_page #row_left {
    width: 30vw;
	min-width:450px;
    z-index: 10;
background: rgba(15,12,110,1);
background: -moz-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(15,12,110,1)), color-stop(100%, rgba(32,95,177,1)));
background: -webkit-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -o-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: linear-gradient(135deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0c6e', endColorstr='#205fb1', GradientType=1 );
    bottom: 0;
    position: fixed;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 0;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
	
	display: block;
  	justify-content: center;
	 align-items: center;
		 overflow-x: hidden; 
     overflow-y: auto; 
co
}
.login_page #header {margin:0; position: absolute; top:50%; left:50%; width:90%; transform: translate(-50%, -50%)}

.login_page #content {
    padding-left: calc(30vw + 60px);
	padding-right:15%;
    height: 100vh;
    overflow: hidden;
	display:table-cell;
	vertical-align: middle;
	text-align: center;
}




/*  LOGIN PAGE  LEFT SIDE */
.login_page #row_left h1

{
    color: #fff;
    font-size: 60px;
	font-family: 'Roboto Condensed', sans-serif;
}
.login_page #row_left h2
{
    color: #fff;
    font-size: 30px;
	font-family: 'Roboto Condensed', sans-serif;
}

.login_page #row_left h1 em{
    color: #F44336;
    font-size: 60px;
	font-style: normal;
}


.login_page .row_left_box {	
	border: 1px solid #4342ca;
    background: #1f1d64;
	margin:20px 0;
	padding:20px;

}

.header_top {
    margin: 0 0 40px 0;
    border-top: 1px solid #385db2;
    padding: 20px 0;
}

.login_page #row_left ul {margin:0; padding:1}
.header_logo {
    margin: 0 0 40px 0;
   border-bottom: 1px solid #385db2;
    padding: 20px 0;
}

.login_page .header_logo li,
.page .header_logo li{
    float: left;
    text-align: center;
	list-style: none;
}

.login_page .header_logo li img,
.page .header_logo li img{
    /* width: 100%; */
    height: 90px;
    margin: 0 10px;
}


.login_page .header_title {
}

.header_lang ul {
    margin: 20px 0;
    padding: 0;
    text-align: right;
}

.header_lang ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.header_lang ul li a {
    color: #fff;
    padding: 8px;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid #4372af;
    display: block;
}

.header_lang ul li a:hover {
    background: #426bc8;
}

.header_lang ul li a.active {
    background: #426bc8;
}

.login_page #row_left .box {    
	border: 1px solid #4375b1!important;
    margin: 50px 0!important;
    padding: 50px 20px 10px 20px!important;
    position: relative;
	background-color:transparent!important;
	color:#fff!important}

.login_page #row_left .box p {color:#fff!important}
.login_page #row_left .box form {margin:0 20px;}


.login_page .header_help ul {
    margin: 0;
    padding: 0;
}

.login_page .header_help ul li {
    list-style: none;
    margin: 1px 0;
    padding: 0;
}

.login_page .header_help ul li a.panel_title {
    color: #fff;
    font-size: 20px;
    /* border-bottom: 1px solid #2b598d; */
    padding: 5px 35px 5px 0px;
    display: block;
    text-decoration: none;
    position: relative;
	font-family: 'Roboto Condensed', sans-serif;
}
.login_page .header_help ul li a.panel_title:hover {color: #92afff}
.login_page .header_help ul li:hover a:before {background: #426bc8;}
.login_page .header_help .panel_help li>a.panel_title:after {
    content: "\f106";
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    font-family: 'Font Awesome 5 Solid';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    color: #fafbfe;
    border: 1px solid #426bc8;
    line-height: 30px;
    text-align: center;
    width: 30px;
}

.login_page .header_help .panel_help li div.collapse {
	margin:10px ;position: relative; font-size: 14px; padding:20px 0; border-top:1px solid #426bc8; border-bottom:1px solid #426bc8; }

.login_page .header_help .panel_help  li>a.panel_title.collapsed:after {
    content: "\f107"!important;}

/*  LOGIN PAGE FORM LOGIN */

.login_page form .form-group {width:100%}
.login_page div#container_login {
    background: #ffffff;
    padding: 50px;
    margin: 0 0 40px 0;
    border: 1px solid #dddddd;
	position: relative;
}
.login_page div#container_login .icon_box {

    width: 70px;
    height: 70px;
    top: -35px;
    line-height: 70px;
}

.field-icon {
  position: relative;
  z-index: 2;
  cursor:pointer;
	float: right;
    margin-left: -3px;
    background: #fff;
    border-style: solid;
    border-color: #aabfef;
    border-width: 1px 1px 1px 0;
    padding: 0.89em;
    border-radius: 0 .25em .25em 0;
}
.input-group-text {
	font-weight: bold!important;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(2em + .75rem + 2px)!important;
    padding: .375rem .75rem;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #aabfef!important;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.form-control-1 {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    color: #426bc8;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #aabfef !important;
    border-radius: .25rem;
    padding-left: 10px;
    padding-right: 10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input-group-text {padding:0.375rem 1rem!important;border: 1px solid #aabfef!important; font-family:'Roboto Condensed', sans-serif;}


.input-group-text .fas{ color:#426bc8; font-size:20px}

.recuperare_page .input-group-text .fas { color:#90a7da!important }

.login_page #container_info {
	background: #fff;
	border: 1px solid #ddd;
	padding:20px;
	position: relative;
}
.login_page #container_info p {margin:20px 0; font-size:18px;}

.login_page .content a {color:red; text-decoration:none;}
.login_page #container_login .btn-primary {position:absolute; right:35px;
}






/*   PAGE  */

.page #row_left {
    width: 25vw;
	min-width:350px;
    z-index: 10;
background: rgba(15,12,110,1);
background: -moz-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(15,12,110,1)), color-stop(100%, rgba(32,95,177,1)));
background: -webkit-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -o-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
background: linear-gradient(135deg, rgba(15,12,110,1) 0%, rgba(32,95,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0c6e', endColorstr='#205fb1', GradientType=1 );
    bottom: 0;
    position: fixed;
	transition: all 0.4s ease-in-out;
-ms-transition: all  0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

	top: 0;
    -webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
	 overflow-x: hidden; 
     overflow-y: auto; 
}

div#row_left.close_rowleft {
 
    padding-right: 50px;
    transform: translateX(-90%);
    -webkit-transform: translateX(-90%);
 }


.scroll_bar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #92abe4;
}

.scroll_bar::-webkit-scrollbar
{
	width: 10px;
	background-color: #92abe4;
}

.scroll_bar::-webkit-scrollbar-thumb
{
	background-color: #426bc8;
	border: 1px solid #577bcd;
}


.page  #row_left .header_logo { margin:0 0 20px 0!important}
.page  #row_left .header_logo img {height:110px}
.page  #row_left h1

{
    color: #fff;
    font-size: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}
.page  #row_left h2
{
    color: #fff;
    font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center
}

.page  #row_left h1 em{
    color: #F44336;
    font-size: 40px;
	font-style: normal;
}
.page  .header_lang ul {margin:0 20px}
.page  .header_lang ul li a {font-size:14px; padding:5px}
.page  #row_left .box {    
	border: 1px solid #4375b1!important;
    margin: 50px 20px!important;
    padding: 30px 10px 10px 10px!important;
    position: relative;
	background-color:transparent!important;
	color:#fff!important}

.page #row_left #content_header li {
    color: #fff;
    padding: 10px;
    list-style: none;
}

fieldset {
    background: #34373a00!important;
    /* border: 1px solid #c02c2c!important; */
    border-radius: 0!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: #315da5!important;
    border-style: solid!important;
    margin: 20px 0!important;
}

legend {
    color: #2196F3!important;
    font-size: 20px!important;
    font-weight: normal!important;
    width: auto!important;
    padding: 0px 50px!important;
    border-radius: 0!important;
    background: transparent!important;
    border-width: 1px 0px 1px 0px!important;
    border-color: #2456ad!important;
}


/* MENIU */
.page .meniu_toggle {
    color: #ffffff;
    border: 1px solid #7da4fd;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
    background: #426bc8;
}
.page #meniu {margin:30px 10px}
.page #meniu ul {margin:0; padding:0}
.page #meniu li {list-style:none; font-family: 'Roboto Condensed', sans-serif; padding:0}
.page #meniu li a  {
     color: #c1caf1;
    font-size: 17px;
    /* border-bottom: 1px solid #2b598d; */
    padding: 5px 5px 5px 20px;
    display: block;
    text-decoration: none;
    position: relative;
		font-family: 'Roboto Condensed', sans-serif;
}
.page #meniu li a:hover, .page #meniu li.active {color: #fff; background: #426bc8}

.page #meniu li a:hover i.fas, .page #meniu li.active i.fas {color: #fff}
.page #meniu li > ul {margin:0 0 0 30px;} 
.page #meniu li a i.fas {
    display: inline-block;
    width: 30px;
    font-size: 15px;
    color: #889cf5;
}

/* PAGE-CONTENT */

#content_wrapper {
    width: 100%;
}

.page #content.normal_content {
    padding-left: 26%;
	padding-right:1%;
	}
.page #content.full_content {
    padding-left:calc(2% + 40px);
	padding-right:1%;
	}


.page #content .content_box,
.recuperare_page #content .content_box {border:1px solid #e7e7e7; padding:10px; border-radius:5px; background: #fff; margin:15px 0;   
	-webkit-box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
    box-shadow: 0 0 35px 0 rgba(154,161,171,.15);}


.recuperare_page #content_article_filters h1 {
    font-size: 26px;
    color: #426bc8
}

.recuperare_page #content_article_filters h2 {
    color: #426bc8
}
#content #content_header {
    /* background: aquamarine; */
    /* padding: 20px; */
    margin: 20px 0 40px 0;
    display: block;
    text-align: right;
}

#content #content_header ul {
    margin: 0;
    padding: 0;
}

#content #content_header ul li {
    list-style: none;
    display: inline-block;
    margin: 0 20px;
    border: 1px solid #cadaff;
    padding: 10px 20px;
}

#content #content_header ul li i.fas {
    margin: 0 10px 0;
    color: #426bc8;
}
#content #content_header a {text-decoration:none; }
#content #content_header a:hover {color:#de4a3f}
#content #content_article_header h1 {font-size:2.2em; font-family: 'Roboto Condensed', sans-serif; color:#426bc8}
#content #content_article_table h2 { font-family: 'Roboto Condensed', sans-serif; text-align:center; margin:20px 0; color:#426bc8}

#content #content_info h1 {
    font-size: 2.2em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #426bc8
}

#content #content_info h2 {
    font-size: 1.8em;
    font-family: 'Roboto Condensed', sans-serif;
    text-align: center;
    margin: 20px 0;
    color: #426bc8
}

/* TABLES  */
.table .thead-light th {
    border-width: 2px 1px !important;
    border-style: solid !important;
    border-color: #aabfef #cad7f4 !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px !important;
    text-transform: uppercase
}
.table td, .table th {padding:0.5em!important}
.table td >table {margin:0; padding:0; border:0!important;}
.table td table tr {background: none!important; background-color: transparent!important; color:#000!important; border:0!important;} 
.table td table tr td {padding:0em!important; border-width:0 0 0px 0!important; font-size:14px}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(66, 107, 200, 0.16)!important;
}

.table i.fas.fa-check {
    color: #426bc8;
    font-size: 10px;
    margin: 0 10px 0 0;
}

textarea.form-control {height:inherit!important;}

/* RECUPERARE PAGE */


.recuperare_page #content {
	padding-right:1%!important;
	text-align: left;
	
}

   
/* RESPONSIVE */
@media screen and (max-width: 1600px) {
.page #content{
		padding-left: calc(25vw + 20px)
	}
}

@media screen and (max-width: 1400px) {
	.page #row_left {width:250px; min-width:250px}
	.page #row_left #meniu li a {font-size:16px!important}
	.page #content.normal_content{
		padding-left: 270px!important;
		min-width: 1000px;
	}
	.page #content.full_content{
		padding-left: 4%!important;
		
	}
	div#row_left.close_rowleft {
 
    padding-right: 50px;
    transform: translateX(-85%);
    -webkit-transform: translateX(-85%);
 }
	
	.recuperare_page #row_left{
		min-width:400px;
		width:28vw;
	}
	
	.login_page .header_help ul li a.panel_title {font-size:17px}
	.login_page #row_left h1 {font-size:50px}
	.login_page #row_left h2 {font-size:27px;}
}




@media screen and (max-width: 1050px) {
.login_page #content {
    padding-left: calc(40vw + 90px);
    padding-right: 5%;
	}
}
@media screen and (max-width: 950px) {
.login_page #content {
    padding-left: calc(40vw + 120px);
    padding-right: 1%;
	}
}


@media screen and (max-width: 860px) {
	.login_page .header_logo {display:none}
	.login_page #header {margin:0; position: relative; top:0%; left:0%; width:auto; transform:none}
	.recuperare_page div#content_article_table {border-radius:5px; padding:3%; background: #fff;}

    .recuperare_page #content_article_header h1 {
        font-size: 26px;
        color: #426bc8
    }

    .recuperare_page #content_article_header h2 {
        color: #426bc8
    }

    
	.page #row_left .header_logo img {height:35px}
	.page #row_left .header_logo ul {margin:0; padding:0}
	.login_page .header_title {text-align:center}
	.login_page .header_lang ul li a {font-size:16px;}
	div#row_left.close_rowleft {
		    transform: translateX(-85%);
    -webkit-transform: translateX(-85%);
		padding-right: 80px;
	}
	.login_page #row_left {
		width:100%;
		min-width:100%;
		bottom: auto;
		position: relative;
		top:auto;
		padding:20px 10%!important;
	}
	
	.login_page #row_left .header_lang {
		margin:0 0 50px 0
	}
}



.form-control-sem {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    border: 1px solid #aabfef !important;
}


.footer {
    background-color: #fff;
    color: #ffffff;
    text-align: center;
    font-size: 10px;
    padding-right: 15px;
}

    .footer .copy_footer {
        text-align: right;
        color: #666666;
        clear: left;
    }