@font-face {
	font-family: Gilroy;
	src: url(fonts/Gilroy-light.otf);
 }

html, body {
    max-width: 100% !important;
   /*  overflow-x: hidden !important; */
}

.authbox {
    display: block;
    max-width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    border-radius: 8px;
    background-color: #ffffff;
    color: #000;
    position: relative;
    font-family: 'Maven Pro';
}

.input-authbox {
  border-radius: 6px;
}

.profile_title{
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.selected-content img {
	width: auto!important;
    height: 20px!important;
    margin: 10px auto!important;
    position: absolute;
    top: 0;
    right: 20px;
}
.selection-wrapper {
	flex: 33.333%!important;
	margin-bottom: 10px;	
}

.profile_title label{
	font-weight: 400;
}
.selection-wrapper .selected-label {
	height: 100%!important;
}
.selected-content {
	height: 100%;
}

.selected-content h5 {
    font-weight: 300!important;
    color: #000!important;
    font-family: 'Gilroy'!important;
    margin-left: 40px;
    text-align: left!important;
    padding-top: 20px;
}

.authbutton {
  color: #fff;
  text-decoration: none;
}

.auth2 {
  color: #fff;
  text-align: center;
}

.auth2.headtitle {
  margin-bottom: 41px;
}

.w-input, .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
.tinyeditor {
	max-width: 100%!important;
}
.tinyeditor iframe {
    width: 100%;
}
.relative {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
    background: #1252e3!important;
    color: #fff!important;
}

.button {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 6px;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
    color: #ff8a2e;
}    

.errHeader{
	font-weight:bold;
	text-decoration:underline;
	color:#FF6600;
	margin-bottom:-5px;

}

.errBoxHeader, .scsErrHeader{
	display:block;
}

.scsPageStatus .scsErr label{
    font-weight: 400;
    text-align: center;
    display: block;
    line-height: 1.4;
}
.errMsg, .scsErr {
	color: #fff;
    background: #ff5a75;
    height: auto;
    vertical-align: middle;
    padding: 20px!important;
    line-height: 15px;
    border-radius: 5px;
    margin-bottom: 35px;
    text-align: center;
}
.scsHeader{
	font-weight:bold;
	text-decoration:underline;
	color:#060;
	margin-bottom:-5px;
}

.scsInfo label,
.scsErr label{
    font-weight: 800!important;
    font-family: 'Gilroy'!important;
    text-align: center;
    display: block;
    line-height: 1.4;
}

.scsMsg, .scsInfo {
	color: #52606d;
    background: #edf0f7;
    height: auto;
    vertical-align: middle;
    padding: 20px!important;
    line-height: 15px;
    border-radius: 5px;
    margin-bottom: 35px;
    text-align: center;
    border: 1px solid #cfd6e4;
}

.scsInfo {
	background: #0ee379;
	color: #ffffff;
  }
/*.dpItemContainer:hover .numeIndicator{
	border-bottom: 1px dashed black;
	color: blue;
}*/

/*.dpItemContainer:hover .descriereIndicator{
	color: blue;
}*/

.herosection{
	clear: both;
	background: none;
	background-color: #3078ad;
	padding-bottom: 20px;
	background-image: -moz-linear-gradient( rgb(43,103,159) , rgb(165,30,125));
	background-image: -webkit-linear-gradient(rgb(43,103,159) , rgb(165,30,125));
	background-image: -ms-linear-gradient(rgb(43,103,159) , rgb(165,30,125));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#2b679f', endColorstr='#a51e7d');
	height: 100%;
	background-size: cover;
	background-position: center bottom 0px;
}

.herosection:after{
	display: none;
}

.herosection:before{
	display: none;
}

.divDescrText{
	display: inline;
	
}
.divDescrText .tooltip-text{
	font-size: 13px!important;
}

.divDescrText .tooltip-content{
	width: 350px;
}

.divDescrText .tooltip-item{
	background: none;
}

.authMsgBox{
	height: 75px;
	width: 100%;
	margin-top: -10px;
	margin-bottom: 10px;
}

.background-container{
	min-height: 500px;
}

.authUser{
	font-size:11px;
	color: #cccccc;
	display: block;
	line-height: 15px;
	font-weight: normal;
}

.imageAuth{
	margin-left: 10px;
}

.mtop20{
	margin-top: 20px;
}

.mtop40{
	margin-top: 40px;
}

.mbottom30{
	margin-bottom: 30px;
}

.mbottom20{
	margin-bottom: 20px;
}

.round-img{
	border-radius: 50%;
}

.benchmark{
	display: block;
	margin-top: 10px;
	clear: both;
	width: 100%;
	text-align: center;
	opacity: 0.41;
	color: white;
	font-size: 11px;
	position: fixed;
	bottom: 10px;
	left: 0;
}

/*Panou control*/

.moduleAdvertise {
    height: 100%;
    width: 180px;
    border: 0px solid black;
    margin: 0 auto;
}

.moduleAdvertiseSmall{
	height:40px;
	width:280px;
	/*border:1px solid black;*/
}


.linkManager:active, .linkManager:focus {
	outline: none;
}

.linkManagerSmall{
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.65);
	-moz-box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.65);
	box-shadow: 2px 2px 2px -2px rgba(0,0,0,0.65);
	height:100%;
	width:85%;
	display:block;
	background-color: #003F5C;

}
.linkManagerSmall:active, .linkManagerSmall:focus {
	outline: none;
}



.divManagerSmall{
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	text-align:center;
	font-size:16px;
	position:relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color:#ffffff;
}


.cpTitle{
    font-size: 14px;
    text-transform: uppercase;
    color: #444;
    background: #ead207;
    padding: 5px;
    display: block;
    width: 100%;
    margin: 20px 0px;
    border-radius: 4px;
}

td.cpTitle{
	width: 100%!important;
	text-align: left!important;
}

.adminPanel .tableItemOdd td {
    display: inline-block;
}

.adminPanel .tableItemEven td {
    display: inline-block;
}

.cpTitle label{
	/* text-decoration: underline; */
	font-weight: bold!important;
}

.cpTitleAdmin{
	color:#272f3e;
	margin-left: 15px;
}

.cpTable{
	/*margin-top:20px;*/
	margin-bottom:30px;
	margin-left:auto;
}

a.linkManagerSmall{
	background-color: #2371c1;
	text-decoration: none;
	text-shadow: 0px -1px rgba(0,0,0,0.5);
}


.primitiveEdit{
	border: 4px solid #404d66;
	margin-bottom: 10px;
	padding: 10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 5px 0px rgba(64,77,102, 0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(64,77,102, 0.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(64,77,102, 0.8);
	background-color: #ffffff;
}

.primitiveEdit:hover{
	box-shadow: 0px 0px 10px 0px rgba(102,112,132, 1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(102,112,132, 1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(102,112,132, 1);
}


.primitiveEditTitle{
	font-size:20px;
	font-weight:bold;
	border-bottom:0px solid gray;
	margin-top:0px;
	margin-bottom:30px;
	color: #404d66;
}

.primitiveEditTitle .subTitle{
	font-size:14px;
	font-weight: normal;
}

.primitiveEditTitle .subTitle label{
	color: #3898EC;
	display: inline;
}

.primitiveEdit th{
	text-align: left!important;
	font-size: 12px!important;
	line-height: 15px!important;
	background-color: #404d66;
	color: #ffffff;
	padding:5px;
	font-weight: bold;
	border: 1px solid #eeeeee;
	min-height:35px;
	text-shadow: 0 -1px 0 rgba(255,127,0,0.5);
}

.primitiveEdit td{
	color: #000000;
	padding:3px 5px;
	border: 1px solid #ffffff;
	font-size: 13px;
	background-color: #eeeeee;
}

.primitiveEdit td a{
	color: #004a95;
	text-decoration: none;
}

.primitiveEdit .orizTable input[type="text"]{
	display: block;
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
	width: 100%;
	margin-right: 6%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.primitiveEdit .orizTable select{
	display: block;
	border-radius: 0;
	box-shadow: none;
	border-color: #d2d6de;
	width: auto;
	min-width: 200px;
	margin-right: 6%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.primitiveEdit .orizTable textarea{
	border-radius: 0;
	box-shadow: none;
	width: 100%;
	margin-right: 6%;
	padding: 6px 12px;
	font-size: 14px;
	height: 100px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.window{
	border: 4px solid #0078bd;
	background-color:white;

	min-width:500px;
	min-height:400px;
	padding:10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 5px 0px rgba(0,120,189, 0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,120,189, 0.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,73,165, 0.8);
}

.window .primitiveEdit{
	border: 0px;
}

.window .primitiveEdit input[type="button"]{
	margin-right: 10px;
}

.windowClose{
	min-width:400px;
	min-height:50px;
	padding:10px;
	background-color:#eeeeee;
	border:4px solid white;
	font-size:18px;
	text-align:center;
	vertical-align: middle;
	font-weight:bold
}

.text-center span, .text-left span{
	color: #118AD0;
}

.titluDiv label{
	color: #118AD0;
}

.tableClear td{
	background-color: #ffffff!important;
	border: 0px!important;
}

.tableClear input[type="text"]{
	padding: 5px;
	margin-right: 10px;
}

.ol-popup{
	border: 1px solid #0078bd!important;
	border-bottom: 0px!important;
	background-color:white!important;

	bottom: 30px!important;

	min-width:100px;
	min-height:100px;

	padding:0px!important;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 5px 0px rgba(0,120,189, 0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,120,189, 0.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,73,165, 0.8);
	font-size:12px!important;
}

.ol-popup:hover{
	box-shadow: 0px 0px 10px 0px rgba(0,128,255, 1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,128,255, 1);
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,128,255, 1);
}

.ol-popup-closer{
	border-left: 0px solid #0078bd!important;
	border-bottom: 0px solid #0078bd!important;
	background-color: #0078bd!important;
	color: #ffffff!important;
	top: 0px!important;
	right: 0px!important;
}

.ol-popup-closer:hover{
	text-decoration: none!important;
}

.ol-popup-content{
	padding:10px;
}

.listaLinkuri .titleNumar{
	color: #337ab7;
	border-bottom:1px solid black;
}

.popupCoord{
	background-color: #337ab7;
	color: white;
	font-size: 10px;
	padding: 2px;
}

.formulaButtons{
	width: 100%;
	text-align: center;
	background: #eee;
}

.formulaButtons input[type="button"]{
	min-width: 50px;
	margin-right: 10px;
}

.elementFormula{
	display:inline-block;
	border:1px solid #ccc;
	padding-padpx;
	margin-bottom: 5px;
}

.elementFormula:hover{
	background-color: #f5f5f5;
	border:1px solid #777;
}

.elementFormula span{
	font-weight: bold;
	font-size: 16px;
}

.elementFormula a{
	font-size: 14px;
	font-weight: normal;
	line-height: 21px;
}

.formulaText{
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	background-color: #777;
	color: #e1ffe1;
	font-size: 14px;
	line-height: 16px;
	padding:10px;
	border-radius: 0px;
	border: 1px solid #777;
}

a.linkDel{
	color: red!important;
}

a.linkEdit{
	color: darkblue;
}

.optZoneElement{
	width: 100%;
	border-top: 1px solid #ccc;
	background-color: #eee;
	padding: 0px 5px;
	margin-padpx;
	display: block;
	line-height: 20px;
}

.optZoneElement:hover{
	background-color: #ccc;
}

input[type="button"]:disabled, input[type="button"]:disabled:hover{
	background-color:#aaa!important;
	color:#eee!important;
	cursor: not-allowed!important;
}

.formulaDiv{
	text-align: center;
}

.formulaDiv > div{
	width: auto;
	display: inline-block;
	margin-right: 5px;
}

a.linkManagerSmall:hover{
	background-color: #de8700;
}

.areaGateBtnLeft {
	display: block;
	padding: 15px;
}

.areaGateBtnRight {
	display: block;
}

.headline-bg {
	height: 60px;
	text-align: left;
	padding-left: 15px;
	font-weight: 600;
}

.headline-bg > h2 {
    font-size: 18px;
    font-weight: 600;
    color: #00497b;
    text-align: center;
    padding-bottom: 5px;
}
.moduleList-admin table {
    width: 100%;
}
.card-box {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border: 0px solid #e9e9e9;
	background-color: #f9f9f9!important;
	/* background-color: #eeeeee!important; */
	-webkit-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
	-moz-box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
	box-shadow: 5px 5px 15px -5px rgba(0,0,0,0.1);
}

/*END Panoul de control*/

.btnNavHome {
    color: #525252;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    background-color: #e8f1ff;
    border-radius: 5px;
    display: block;
    border: 0;
    text-align: center;
    width: 90%;
    height: 40px;
    margin: 0 auto;
}

.btnNav {
	color: #49505B;
	font-size: 13px;
	font-weight: 600;
	width:180px;
	height:30px;
	background-color: #dfdfdf;
	display: block;
	border: 0;
	float:left;
	margin-right:-13px;
	white-space: normal;
	cursor: pointer!important;
	border: medium none !important;
	background: url(img/btn-nav.png) 0 0 transparent;
	background-repeat: no-repeat;
}


.btnNav:hover {
	background: url(img/btn-nav-hover.png) 0 0 transparent;
	text-shadow: 0px -1px solid rgba(0,0,0,0.7);
}

.btnCreazaElement {
	color:#ffffff;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35);
	width:190px;
	height:30px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	background-color: #0074a9;
	display: inline-block;
	border: 0;
	
	margin-right:15px;
	white-space: normal;
	cursor: pointer;
}

.btnCreazaElement:hover {
	background-color: #0088c6;
}

.btnPermisiuni {
	color:#ffffff;
	font-size: 12px;
	font-weight: 400;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.35);
	width:190px;
	height:30px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	background-color: #9d4dad;
	display: block;
	border: 0;
	float:left;
	margin-right:3px;
	margin-left: 100px;
	white-space: normal;
	cursor: pointer;
}

.btnPermisiuni:hover {
	background-color: #bd35d8;
}


.tableOrizFull {
	width: 100%;
	border-collapse:collapse;
	margin-left: auto;
	margin-right: auto;
}

.tableOrizFull label{
	font-weight: normal;
	display: inline;
}

/* .tableOrizFull .tablePages td{
	background: #f8f8f8!important;
}

.tableOrizFull .tablePages td{
	padding-left: 5px;
	font-size: 13px;
	font-weight: 600;
	color: #49525c;
	padding-bottom: 10px!important;
	padding-top: 10px!important;
}

.tableOrizFull .tablePages td a {
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 7px;
	color: #304D6A;
	background-color: #ffffff;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	border:1px solid #bcc6d2;
	box-shadow: inset 0px -2px 0px #bcc6d2;
	-moz-box-shadow: inset 0px -2px 0px #bcc6d2;
	-webkit-box-shadow: inset 0px -2px 0px #bcc6d2;
}

.tableOrizFull .tablePages td a:hover {
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 7px;
	color: #ffffff;
	background-color: #304D6A;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #304D6A;
	box-shadow: inset 0px -2px 0px #194b7e;
	-moz-box-shadow: inset 0px -2px 0px #194b7e;
	-webkit-box-shadow: inset 0px -2px 0px #194b7e;
}

.tableOrizFull .tablePages td a:active {
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 7px;
	color: #ffffff;
	background-color: #304D6A;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #194b7e;
	box-shadow: inset 0px -1px 0px #194b7e;
	-moz-box-shadow: inset 0px -1px 0px #194b7e;
	-webkit-box-shadow: inset 0px -1px 0px #194b7e;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.tablePageNumberSelected {
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:4px;
	padding-left: 5px;
	padding-right: 7px;
	color: #ffffff;
	background-color: #304D6A;
	font-weight: 600;
	text-decoration: none;
	border:1px solid #304D6A;
} */

.tablePages {
    text-align: center;
    background: #d7d7d7!important;
	border-bottom: 0px solid #eeeeee;
	height: auto!important;
}

.tablePagesPrefix, .tablePagesSufix{
	color: #3273dc!important;
}

.tablePages td{
	padding-left: 0px;
	font-size: 13px!important;
	font-weight: 400;
	color: #3273dc;
	padding-bottom: 10px!important;
	padding-top: 10px!important;
}

.tablePages td a {
    -webkit-border-radius: 3px 3px 3px 3px!important;
    -moz-border-radius: 3px 3px 3px 3px!important;
    border-radius: 3px 3px 3px 3px!important;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 9px;
    color: #3273dc;
    background-color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    border: 1px solid #e6e6e6;
}

.tablePages td a:hover {
		-webkit-border-radius: 3px 3px 3px 3px!important;
 	-moz-border-radius: 3px 3px 3px 3px!important;
  	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 7px;
	padding-right: 9px;
	color: #ffffff;
	background-color: #3273dc;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #417dc0;
	box-shadow: inset 0px -2px 0px #417dc0;
 	-moz-box-shadow: inset 0px -2px 0px #417dc0;
 	-webkit-box-shadow: inset 0px -2px 0px #417dc0;
}

.tablePages td a:active {
		-webkit-border-radius: 3px 3px 3px 3px!important;
 	-moz-border-radius: 3px 3px 3px 3px!important;
  	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 7px;
	padding-right: 9px;
	color: #ffffff;
	background-color: #3273dc;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #417dc0;
	box-shadow: inset 0px -1px 0px #417dc0;
 	-moz-box-shadow: inset 0px -1px 0px #417dc0;
 	-webkit-box-shadow: inset 0px -1px 0px #417dc0;
 	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.pagg span {
	display: inline;
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 7px;
	padding-right: 9px;
	color: grey;
	background-color: transparent;
	font-weight: 600;
	text-decoration: none;
	border: none;
}

.tablePageNumberSelected {
    -webkit-border-radius: 3px 3px 3px 3px!important;
    -moz-border-radius: 3px 3px 3px 3px!important;
    border-radius: 3px 3px 3px 3px!important;
    padding-top: 3px;
    padding-bottom: 4px;
    padding-left: 7px;
    padding-right: 9px;
    color: #ffffff;
    background-color: #3273dc;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #417dc0;
}

.tableSearch a{
	text-decoration:none;
}

.tablePageNumberLast, .tablePageNumberFirst {
    color: darkorange !important;
    background-color: #eee !important;
}


.tableOrizFull .tableSearch{
	background: #636363;
	height: 35px;
}
.tableSearch a{
	text-decoration:none;
}

.tableOrizFull .tableSearch td{
	padding: 5px;
	background-color: #242f3e;
	border-top:0px!important;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.tableOrizFull th {
	/*background: #304D6A;*/
	background-color: #242f3e;
	color: #ffffff;
	font-weight: 500;
	padding: 5px;
	border-left: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	font-size: 13px;
	text-align:center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}

.tableOrizFull td {
	border: 2px solid #ffffff;
	padding: 2px;
	height: 27px;
	font-size: 13px;
	font-weight: 400;
	/*color: #0b7cc3;*/
	color: #464f54;
}

.tableOrizFull tr:hover > td {
	/* color: #0c7cc4!important; */
}

.tableOrizFull tr {
	background-color: #efefef;
}

.tableOrizFull tr:hover {
	background-color: #dddddd!important;

}

.tableOrizFull input[type="button"], .tableOrizFull input[type="submit"]{
	min-width: 120px;
	width: auto;
	font-size: 11px;
	line-height: 10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #ffffff;
	color:#0b7cc3;
	font-weight: 700;
	height: 30px!important;
	text-transform: uppercase;
	border: solid 1px rgba(0,0,0,0.15);
	cursor: pointer;
	margin: 5px 0px 5px 0px;
	padding: 0px 8px 0px 8px!important;
	box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);

}

.tableOrizFull input[type="button"]:hover,.tableOrizFull input[type="submit"]:hover {
	background-color: #0c7cc4;
	color:#ffffff;
	cursor: pointer;
	border: solid 1px rgba(0,0,0,0.3);

}

.tableOrizFull input[type="button"]:active,.tableOrizFull input[type="submit"]:active {
	box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
}

.tableOrizFull input[type="text"]{
	width:75%;
	background: #fff;
	font-size: 12px;
	line-height: 19px;
	margin-bottom:10px;
}

.tableOrizFull input[type="text"]:hover{
	background: #fff;
}

.btnOpConfirm {
	color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	width:auto;
	min-width: 150px;
	height:40px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	background-color: #477d00;
	display: block;
	border: 0;
	float:left;
	margin-right:10px;
	white-space: normal;
	cursor: pointer;
}

.btnOpConfirm:hover {
	color:#ffffff;
	font-size: 12px;
	font-weight: 500;
	width:auto;
	height:40px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
	background-color: #579900;
	display: block;
	border: 0;
	float:left;
	margin-right:10px;
	white-space: normal;
	cursor: pointer;
}

.modulePageHeader label {color:#0074a9;}

.content-header {
	font-size: 15px;
	font-weight: 600;
	color: #6c6c6c;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.004);
	text-transform: uppercase;
}

.ddpMainAdmin label{
	display: inline;
	font-weight: normal;
}

.separatorSpatiuButoane{
	margin-bottom: 30px;
	border-bottom: 1px solid #0F6E8D;
	box-shadow: 0px 0px 5px 0px rgba(15,110,141, 0.8);
	-moz-box-shadow: 0px 0px 5px 0px rgba(15,110,141, 0.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(15,110,141, 0.8);
	padding: 5px 10px;
	width: 100%;
	display: block;
	height: auto;
}

.separatorSpatiuButoane input[type="button"]{
	margin-right: 10px!important;
}

.btnDP{
	margin-left: 20px!important;
	color: #d5d500!important;
}

.btnAdauga{
	color: orange!important;
	margin-left: 20px!important;
}


.Manage .tablePages td{
	background: #ffffff!important;
}

.Manage .tablePages td{
	padding-left: 5px;
	font-size: 13px;
	font-weight: 400;
	color: #0f6e8d;
	padding-bottom: 10px!important;
	padding-top: 10px!important;
}

.Manage .tablePages td a {
	-webkit-border-radius: 3px 3px 3px 3px!important;
	-moz-border-radius: 3px 3px 3px 3px!important;
	border-radius: 3px 3px 3px 3px!important;
	padding-top:3px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 7px;
	color: #304D6A;
	background-color: #ffffff;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	border:1px solid #bcc6d2;
	box-shadow: inset 0px -2px 0px #bcc6d2;
	-moz-box-shadow: inset 0px -2px 0px #bcc6d2;
	-webkit-box-shadow: inset 0px -2px 0px #bcc6d2;
}

.Manage .tablePages td a:hover {
	color: #ffffff;
	background-color: #304D6A;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #304D6A;
	box-shadow: inset 0px -2px 0px #194b7e;
	-moz-box-shadow: inset 0px -2px 0px #194b7e;
	-webkit-box-shadow: inset 0px -2px 0px #194b7e;
}

.Manage .tablePages td a:active {
	color: #ffffff;
	background-color: #304D6A;
	font-weight: 600;
	cursor: pointer;
	border:1px solid #194b7e;
	box-shadow: inset 0px -1px 0px #194b7e;
	-moz-box-shadow: inset 0px -1px 0px #194b7e;
	-webkit-box-shadow: inset 0px -1px 0px #194b7e;
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

.Manage table{
	width: 100%;
	/* margin-top:20px; */
	margin-bottom:20px;
}

.Manage table td{
	padding:5px;
	border: 1px solid #ffffff!important;
	font-size: 13px;
	background-color: #f2f2f2;
	/* opacity:0.8; */
}

.Manage table tr:hover > td{
	background-color: #dddddd;
}

.Manage table tr:hover > td{
	/*border: 1px solid #0049a5;*/
}

.Manage table th{
	background-color: #2b679f;
	color: #ffffff;
	padding:5px;
	font-weight: bold;
	border: 1px solid #eeeeee;
	text-align: center;
	min-height:35px;
	font-size: 13px;
	text-shadow: 0 -1px 0 rgba(255,127,0,0.5);
}



.Manage table label{
	margin-bottom: 0px;

}

.Manage input[type="button"], .Manage input[type="submit"]{
	min-width: 120px;
	width: auto;
	font-size: 11px;
	line-height: 10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #ffffff;
	color:#0b7cc3;
	font-weight: 700;
	height: 30px!important;
	text-transform: uppercase;
	border: solid 1px rgba(0,0,0,0.15);
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px!important;
	box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
}

.Manage input[type="button"]:hover,.Manage input[type="submit"]:hover {
	background-color: #3898EC;
	color:#ffffff;
	cursor: pointer;
	border: solid 1px rgba(0,0,0,0.3);

}

.Manage input[type="button"]:active,.Manage input[type="submit"]:active {
	box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
}

.tableSearch td{
	background-color:#667084!important;
	color: #0065ca!important;
	font-size:11px!important;
}

.tableSearch td input[type="text"]{
	padding: 5px;
	margin: 0px;
	width: 75%;
}

.tableSearch td select{
	padding: 5px;
	margin: 0px;
	width: 95%;
}

.tableSearch td input[type="button"]{
	background-color: #eeeeee;
	color: #0f6e8d;
}

.tableSearch td input[type="button"]:hover{
	background-color: #0f6e8d;
	color:#ffffff;
}

.checkbox, .radio {
	position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.primitiveEdit input[type="button"], .primitiveEdit input[type="submit"]{
	min-width: 120px;
	width: auto;
	font-size: 11px;
	line-height: 10px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	background-color: #3683af;
	color:#ffffff;
	font-weight: 700;
	height: 30px!important;
	text-transform: uppercase;
	border: solid 1px rgba(0,0,0,0.15);
	cursor: pointer;
	margin: 5px auto;
	padding: 0px 8px 0px 8px!important;
	/* box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
 	-moz-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2);
 	-webkit-box-shadow: inset 0px -2px 0px rgba(0,0,0,0.2); */
}

.primitiveEdit input[type="button"]:hover,.primitiveEdit input[type="submit"]:hover {
	background-color: #ffffff;
	color:#3898EC;
	cursor: pointer;
	border: solid 1px rgba(0,0,0,0.3);

}

.primitiveEdit input[type="button"]:active,.primitiveEdit input[type="submit"]:active {
	box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0px -1px 0px rgba(0,0,0,0.1);
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
	text-shadow: 0px -1px 0px rgba(0,0,0,0.1);
}

.divNoutati{
	margin-top: 10px;
	text-align: left;
	background-color: transparent!important;
	padding-bottom: 10px;
}

.divNoutati .headline-bg{
	background: #3d4960;
}

.divNoutati .headline-bg > h2{
	color: white;
}

.divNoutati ul{
	margin-top: 10px;
	padding-left: 40px;
	list-style: circle;
	font-size: 14px;
}

.divNoutati li{
	margin-bottom: 5px;
}

/* === For phones =================================== */
@media (max-width: 767px) {
	.herosectionLogos{
		display: none;
	}
}

/*loader*/
.athon-overlay-wait{
	border-radius:5px;
	background-color:#272f3e!important;
	height:2px!important;
	border:0px solid darkred;
	overflow:hidden;
	color:darkred!important;
	padding:0px!important;
	box-shadow: 1px 0px 1px darkred;
}

/*=== Custom styles for responsiveness ============== */

#salt-navbar {
	background-color: #2874f0;
	color: #FFFFFF;
}
.row1{
	padding-top: 10px;
}

.row2 {
	padding-bottom: 20px;
}


.slider-home {
    margin-bottom: 50px;
}

.salt-navbar-input {
    padding: 6px 16px;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
/*    background-color:#323f52;*/
    color: #000000;
    font-weight: 500;
}

.salt-navbar-button {
/*    border: 1px solid #344052;*/
    color: #ffffff;
    padding: 0px 10px;
    cursor: pointer;
    height: 33px;
    background: transparent;
}
.salt-navbar-button:hover{
    background-color: #333f52;
}
.userName label {
    margin: 0px;
    color:white;
    padding-left:20px;
}
@media screen and (max-width: 768px) {
	.athonAdmin table td {
		width: calc(100vw - 20px)!important;
		border-bottom: 1px solid #0000001c!important;
		
	}
	.page-content .grid {
		margin-top: 40px;
	}
	.buttons-study {
		position: relative!important;
		width: calc(100vw + 0px)!important;
		top: 0px!important;
		background: #1252e3!important;
		margin: -10px;
		margin-bottom: 20px;
	}
	.buttons-study button {
		width: 100%!important;
		border-bottom: 1px solid #ffffff17!important;
		color: #fff!important;
	}
	.athonAdmin .lista th {
		background-color: transparent;
		padding: 10px;
		border-bottom: 1px solid #ddd;
		text-align: center;
		color: #7889a4;
		width: 100%;
		display: block;
	}
	.salt-navbar-input {
		padding: 11px 16px;
		border-radius: 2px 0 0 2px;
		border: 0 none;
		outline: 0 none;
		font-size: 25px;
	}
	.salt-navbar-button {
		background-color: #ffe11b;
		border: 1px solid #ffe11b;
		border-radius: 0 2px 2px 0;
		color: #ffffff;
		padding: 10px 20px;
		height: 58px;
		cursor: pointer;
		width:100%;
	}
	.admin-navigation {
		background: #1252e3;
		margin-bottom: 0px;
	}
	.admin-navigation .userName {
		text-align: right;
		padding-right: 20px;
		margin-right: 20px;
		font-family: 'Gilroy';
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		line-height: 1.2;
		height: 16px;
		width: 180px;
		white-space: nowrap;
		overflow: hidden !important;
		position: relative;
	}
	.userName:after {
		content: "";
		background: linear-gradient(-90deg, #1252e3, transparent);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
	}	
	.adminPanel { background: transparent!important;}
	.UniversitateUI .athonAdmin,
	.ResourcesUI .athonAdmin,
	.ProgramUI .athonAdmin{
		padding: 10px!important;
		border-radius: 20px;
		margin-top: 0px;
		background: #fff;
		box-shadow: 0 0 20px 0px #cacdd005;
	}
	.UniversitateUI .athonAdmin button {
		width: 100%;
	}
	.ProgramUI tr td {
		display: table-caption;
		width: calc(100vw - 20px);
	}
	.athonAdmin table td {
		border-bottom: 1px solid #e9e9e9;
	}
	
}

.login-button {
	background-color: #2469d9;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
	padding: 9px 0;
	text-align: center;
	height: 42px;
	border-radius: 2px;
	font-weight: 500;
	width: 150px;
	display: inline-block;
	color: #FFFFFF !important;
	text-decoration: none;
	color: inherit;
	border: none;
	outline: none;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.login-button:hover{
	background-color: #FFE11B;
	text-decoration: none;
	color: #000 !important;
	cursor: pointer;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.largenav {
	display: none;
}

.smallnav{
	display: block;
}

.smallsearch{
	margin-left: 15px;
	margin-top: 15px;
}

.menu{
	cursor: pointer;
}


span.titleSmall {
    clear: both;
    display: block;
    font-size: 14px;
}
.textProiect {
    text-align: right;
}
.textProiect h4{
    margin: 0px;
    font-size: 16px;
}
.textProiect p {
    font-size: 11px;
}
#footer-sub{
	margin-bottom: 0;
    position: relative;
/*    background-color: #1970d6;*/
    background-color: #224255;
    margin-top: 50px;
}
footer .container {
    padding: 0px 50px 10px 50px;
}
#footer-main{
	background-color: #393567;
	margin-top: -10px;
}
.nav-footer ul li {
    list-style: none;
}
.nav-footer ul {
    padding: 0px;
    margin: 0px;
}
#footer-sub h5{
    color: #fff;
    margin: 25px 0px;
    text-transform: uppercase;
    font-size: 20px;
}

#footer-sub a:link {
	text-decoration: none;
	color:#fff;
	font-size: 15px;
}

#footer-sub a:visited {
	text-decoration: none;
}


#footer-sub a:hover {
	text-decoration: none;
	color: #393567;
}


#footer-sub a:active {
	text-decoration: none;
	color:#565656;
}

.vertical-line{
	border-right: 1px solid #dbdbdb;
	margin: 8px;
	padding: 0px;
}

.glyphicon {
	font-size: 35px;
	color:#6d6c6c;
}

#sub-two{
	margin: 0px;
	padding: 0px;
}

#sub-two .vertical-line h4{
	color:#6d6c6c;
}


#footer-main ul{
	list-style: none;
}

#footer-main ul li{
	float:left;
	text-decoration: none;
	padding-left: 15px;
	margin-top: 17px;
}

#footer-main a:link {
	color:white;
	font-size: 12px;
}

#footer-main a:visited {
	color:white;
}


#footer-main a:hover {
	text-decoration: none;
	color: #00b9f5;
}


#footer-main a:active {
	color:white;
}

.glyphicon-search{
	font-size: 20px;
}

#social-menu{
	float: right;
	margin-right: 60px;
}

#side-padding{
	padding: 0px;
	margin: 0px;
}
.panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 10px 40px 0 rgba(112,128,175,0.38), 0 8px 0 0 rgba(103,117,161,0.06)!important;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1) !important;
	margin-bottom: 20px;
}
@media screen and (min-width:749px) {
	.navbar-inverse {
		background-color: transparent !important;
		border-color: transparent !important;
	}
}

@media screen and (max-width: 748px) {
	.navbar-inverse {
		background-color: #393567 !important;
		border-color: #393567 !important;
		padding-bottom: 11px !important;
	}
}

.navbar.navbar-inverse {
	border: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	z-index: 99999 !important;
}

.navbar.navbar-inverse .navbar-collapse {
	border: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.navbar-inverse .navbar-toggle {
	border-color: #f26624 !important;
}

.btn.dropdown-toggle ~ .dropdown-menu,
ul.nav li.dropdown ul.dropdown-menu {
	background-color: rgb(244, 244, 244);
	background-color: rgb(255, 255, 255);
	border: 0 solid rgb(66, 133, 244);
	box-shadow: 0px 0px 3px rgba(25, 25, 25, 0.3);
	top: 0px;
	margin: 0px;
	padding: 0px;
}
ul.nav li.dropdown ul.dropdown-menu {
	position: absolute;
	width: 100%;
}
.dropdown-menu .dropdown-plus-title {
	width: 100%;
	color: rgb(51, 51, 51);
	padding: 6px 12px;
	font-weight: 800;
	border: 0 solid rgb(173, 173, 173);
	border-bottom-width: 2px;
	cursor: pointer;
}

ul.nav li.dropdown ul.dropdown-menu .dropdown-plus-title {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}

.btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
	border-color: rgb(53, 126, 189);
}
.btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
	border-color: rgb(76, 174, 76);
}
.btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
	border-color: rgb(70, 184, 218);
}
.btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
	border-color: rgb(238, 162, 54);
}
.btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
	border-color: rgb(212, 63, 58);
}

@media (min-width: 768px) {
	ul.nav li.dropdown ul.dropdown-menu .dropdown-plus-title {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	ul.nav li.dropdown ul.dropdown-menu {
		width: auto;
	}
}

@media (max-width: 768px) {
	.page-header {
		display: none;
	}
	.moduleList-admin .item-list {
		grid-template-columns: 1fr 1fr;
		margin: 0 auto;
		display: grid;
		position: relative;
		height: 100%;
		
	}
	.item-list div {
		display: block;
		margin-bottom: 25px;
		padding-bottom: 25px;
		height: 170px;
		
	}
}

.btn-primary {
	background-color: #2469d9 !important;
	border: medium none;
	border-radius: 4px !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.23), 1px 1px 0 0 hsla(0, 0%, 100%, 0.2) inset;
	color: #ffffff;
	font-weight: 500;
	height: 42px;
	outline: medium none;
	padding: 9px 0;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	transition: color 0.5s ease 0s;
	white-space: nowrap;
	width: 150px;
	overflow: hidden;
}

.btn-primary:hover {
	background-color: #FFE11B !important;
	text-decoration: none;
	color: #000 !important;
	cursor: pointer;
	transition: background-color 0.5s ease;
	transition: color 0.5s ease;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.97857 !important;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
}

.btn2 {
	-moz-user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-size: 15px !important;
	font-weight: 400;
	line-height: 1.2 !important;
	margin-bottom: 0;
	padding: 6px 12px;
	text-align: center;
	touch-action: manipulation;
	vertical-align: middle;
	white-space: nowrap;
}

.form-group {
	margin:0;
	padding:20px ;

&:first-child { border-color: transparent; }
}

.form-control {
	padding: 0px 10px 0 20px;
	margin-top: 10px;
	color: #333;
	font-size: 28px;
	font-weight: 500;
	border: 3px solid #555;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-height:60px;
	height: auto;
	border-radius: 50px 0  0 50px !important;
}
.form-control :focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: transparent;

}
.profile_h1 {
    text-transform: lowercase;
    font-size: 59px;
}
.profile_h1:first-letter {
    text-transform: capitalize;
}
#searchbtn
{ border:0;
	padding: 0px 10px;
	margin-top: 10px;
	color: #fff;
	background:#888;
	font-size: 27px;
	font-weight: 500;
	border: 3px solid #555;
	border-left: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-height:60px;
	height: auto;
	border-radius: 0 50px 50px 0 !important;
}

.ddpMainAdmin{
	min-height: 400px;
	height: auto;
}

.paddingwhite { padding:10px 10px 0 10px; }

.container-search {
	min-width: 910px;
}

@media(max-width: 415px){
	#bs-example-navbar-collapse-1{
		padding: 0;
	}
	.salt-navbar-search {
		padding: 0;
	}
	.form.searchbox{
		margin-left: -15px;
		padding-left: 0;
		padding-right: 0;
	}
	.padding-0{
		padding: 0 !important;
	}
	.smallsearch{
		margin-left: 0 !important;
	}
	.herosection.profile{
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-inverse{
		padding-bottom: 10px !important;
	}
	.info_column{
		margin-right: 0;
	}
	.info_column:nth-child(odd){
		padding-right: 20px;
	}
	.icon_div_info{
		margin-right: 8px;
	}
}

/* .for-search-w  */
/* .for-search .container-search{
	width: 100% !important;
} */

.container-search2 {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container-search2 {
		width: 770px;
		max-width: 770px !important;
	}
}
@media (min-width: 992px) {
	.container-search2 {
		width: 900px;
		max-width: 900px !important;
	}
}
@media (min-width: 1200px) {
	.container-search2 {
		width: 910px;
		max-width: 910px !important;
	}
}

.container-search3 {
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
	padding-right: 15px;
}
@media (min-width: 768px) {
	.container-search3 {
		width: 770px;
	}
}
@media (min-width: 992px) {
	.container-search3 {
		width: 930px;
	}
}
@media (min-width: 1500px) {
	.container-search3 {
		width: 940px;
	}
}

@media screen and (min-width: 772px) and (max-width: 990px) {
	.profile_h1 {
	    font-size: 38px !important;
	}

	.profile_subtitle {
		font-size: 16px !important;
	}
}
@media screen and (min-width: 770px) and (max-width: 1215px) {
	.profile_h1 {
		margin-left: 25px !important;
	}

	.profile_subtitle {
		margin-left: 25px;
	}
}

@media (max-width: 769px) {
	.profile_h1 {
		font-size: 33px !important;
		margin-top: 78px;
	}

	.profile_subtitle {
		font-size: 18px !important;
	}
}

@media (min-width: 1268px) {
	.navbar-nav {

	}
	.navbar-nav > li {
		float: none;
		display: inline-block;
	}
	.navbar-nav > li.navbar-right {
		float: center !important;
	}
}
@media (min-width: 989px) {
	.harta-uat {
		overflow:hidden;
		position:absolute;
		width: 100vw;
		margin-left: calc(-52vw + 51%);
		margin-top: -121px !important;
		height:109%;
		min-width: 1080px;
		border-radius:0px;
		border:0px solid red;
	}
}
@media (max-width: 988px) {
	.harta-uat {
		overflow:hidden;
		margin-top: 0px;
		position:absolute;
		width:150%;
		height:80%;
		margin-left: calc(-79vw + 52%);
		border-radius:0px !important;
		border:0px solid red;
	}
}

@media (max-width: 1200px) {
	/* .herosection {
		height: 820px !important;
		background-color: #393567;

	} */
}

@media (max-width: 988px) {
	.padding-harta-mobile {
		padding-top: 80px;
	}
}

@media (min-width: 770px) {
	.spatiu {
		margin-top: -20px;
		margin-left: 15px;
	}

}
@media (max-width: 770px) {
	.spatiu {
		margin-top: -180px;
		padding-left: 140px;
	}
}

@media (max-width: 770px) {
	.spatiu-mobile {
		margin-top: -180px;
		padding-left: 95px;
	}
}

.padding-locatie-img {
	margin-left: 0px;
	margin-bottom: -55px;
}

.padding-locatie-txt {
	margin-left: 32px;
	margin-bottom: 5px;
}

.shadow {
	margin-top: 30px !important;
	-moz-box-shadow: inset 0 -90px 80px -50px #000000 !important;
	-webkit-box-shadow: inset 0 -90px 80px -50px #000000 !important;
	box-shadow: inset 0 -90px 80px -50px #000000 !important;
	z-index: 9999 !important;
}

@media (max-width: 888px) {
	.hide_description_mobile {
		display: none !important;
	}
}

.info_column {
	/* background: #242F3E !important; */

}
@media (min-width: 888px) {
	.title_info {
		font-size: 18px;
		margin-top: 3px !important;
	}
}
@media (max-width: 888px) {
	.title_info span {
		font-size: 14px;
	}
}
.tooltip {
	display: inline;
	position: relative;
	z-index: 999;
}

/* Trigger text */

.tooltip-item {
	background: rgba(0,0,0,0.3);
	cursor: pointer;
	display: inline-block;
	font-weight: 700;
	padding: 0 10px;
	font-size: 14px;
	position: inherit;
	z-index: 8888;
}

/* Gap filler */

.tooltip-item::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 20px;
	bottom: 100%;
	left: 60%;
	pointer-events: none;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tooltip:hover .tooltip-item::after {
	pointer-events: auto;
}

/* Tooltip statistici */

.tooltip-content {
	position: absolute;
	z-index: 9999 !important;
	width: 280px;
	left: 50%;
	margin: 0 0 20px -180px;
	bottom: 100%;
	text-align: left;
	font-size: 1.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #2a3035;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect .tooltip-content {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}


.tooltip:hover .tooltip-content {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect:hover .tooltip-content {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}

.tooltip-content::after {
	content: '';
	top: 100%;
	left: 50%;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: transparent;
	border-top-color: #2a3035;
	border-width: 10px;
	margin-left: -10px;
}

@media ( min-width: 891px ) {
.tooltip-content2 {
	position: absolute;
	z-index: 9999 !important;
	min-width: 940px;
	left: 50%;
	margin: 0 0 20px -380px;
	top: 100%;
	text-align: left;
	font-size: 1.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #2a3035;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect .tooltip-content2 {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}


.tooltip:hover .tooltip-content2 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect:hover .tooltip-content2 {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
}

@media ( max-width: 890px ) {
	.tooltip-content2 {
	position: absolute;
	z-index: 9999 !important;
	min-width: 380px;
	left: 50%;
	margin: 0 0 20px -300px;
	top: 100%;
	text-align: left;
	font-size: 1.765em;
	line-height: 1.4;
	box-shadow: -5px -5px 15px rgba(48,54,61,0.2);
	background: #2a3035;
	opacity: 0;
	cursor: default;
	pointer-events: none;
}

.tooltip-effect .tooltip-content2 {
	-webkit-transform-origin: 50% calc(100% + 10px);
	transform-origin: 50% calc(100% + 10px);
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
	transform: perspective(1000px) rotate3d(1,0,0,45deg);
	-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
	transition: opacity 0.2s, transform 0.2s;
}


.tooltip:hover .tooltip-content2 {
	pointer-events: auto;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
}

.tooltip.tooltip-effect:hover .tooltip-content2 {
	-webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
	transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
}
		
.tooltip-text {
	font-size: 0.68em;
	line-height: 1.35;
	display: block;
	padding: 1.31em 1.21em 1.21em 1.21em;
	color: #fff;
}

.tooltip-text a {
	font-weight: bold;
}
@media ( min-width: 769px ) {
	.paddingrow {
		padding-top: 40px;
	}
}
@media ( max-width: 768px ) {
	.paddingrow {
		padding-top: 30px;
	}
}
.bs-nopadding .row {
	margin: 0;
}
.bs-nopadding .row [class*="col-"] {
	padding-top: 0 !important;
	padding-right: 0 !important;
}

.uat-descriere{ 
	margin-top: 35px !important;
	display:inline;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	text-shadow: 1px 1px 15px #000000 !important;
}

.uat-descriere-padding {
	margin-top: 35px !important;
	display:inline-block;
}

@media ( min-width: 768px ) {
	.grid-divider {
		position: relative;
		padding: 0;
	}
	.grid-divider>[class*='col-'] {
		position: static;
	}
	.grid-divider>[class*='col-']:nth-child(n+2):before {
		content: "";
		border-left: 1px solid #DDD;
		position: absolute;
		top: 0;
		bottom: 0;
	}
	.col-padding {
		padding: 0 15px;
	}
}

@media ( max-width: 768px ) {
	.aranjare-filtrare {
		margin-left: 10px;
	}
}

#outer
{
	width:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
#outer-mobile
{
	width:100%;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: center;
}
.inner
{
	display: inline-block;
	margin-left: 15px;
}

@media ( max-width: 777px ) {
	.padding-filtrare {
		margin-top: 180px;
	}
}

@media screen and (min-width: 778px) and (max-width: 1100px) {
	.padding-filtrare {
		margin-top: 150px;
	}
}

@media screen and (min-width: 1101px) and (max-width: 1196px) {
	.padding-filtrare {
		margin-top: 50px;
	}
}

@media ( max-width: 992px ) {
	.pd-butoane-chart {
		margin-bottom: 13px;
	}
}
@media ( min-width: 868px ) {
	.padding-statistici {
		padding-bottom: 62px;
	}
}

@media ( max-width: 868px ) {
	.padding-filtrare {
		margin-left: 25px;
	}
}

.main-content {
height: 100%;
width:100%;
text-align: center;
font-weight: 200;
line-height: 1.54;
font-size: 1rem;
-webkit-font-smoothing: subpixel-antialiased;
}
.main-content .expand {
  float: left; 
  display: inline; 
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
  margin: 0 10px;
}
.main-content .turn {
    -ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
transform: rotate(90deg);
}
.main-content h1 {
  font-size: 27px;
  text-transform: uppercase;
  font-weight: 800;
  margin: 10px auto;
  color: #8aa8bd;
  text-align:center;
  text-rendering: optimizeLegibility;
}
.main-content h2 {
  font-size: 36px;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  letter-spacing: .5px;
}
.main-content .sidebar-1 {
  /* these are the styles for the container around the menu */
  text-align: left;
  padding: 0;
  display:inline-block;
  box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
  -webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 0 1px 0 rgba(0,0,0,.2);
  margin: 25px auto 0;
}
.main-content .sidebar-menu {
  /*this style impacts the look of the heading containers. */
  cursor: pointer;
  padding: 10px;
  background: #ffffff;
  color: #8aa8bd;
  border-bottom: 1px solid #dedede;
  font-size: 24px;
  font-weight: 200;
  text-rendering: optimizeLegibility;
  letter-spacing: .5px;
  transition: all 0.4 ease;
}
.main-content .sidebar-menu:hover {
    background: #8aa8bd;
    color: #fff;
}
.main-content .sub-menu {
  /*this style is for the sub-menu box*/
  color: #466479;
  border: 1px solid #dedede;
  font-size: 18px;
  display: none;
}
.main-content .sub-menu li:hover {
  background: #466479;
  color:#f8f8f8;
  cursor: pointer;
}
.main-content .sub-menu li {
  /*this styles individual elements in a sub-menu*/
  padding: 10px 50px;
  background: #f8f8f8;
  border-bottom: 1px solid #dedede;
}
.main-content .sub-menu ul {
  /*this just 0s out a bunch of stuff so that it plays nice with the list stylings*/
  list-style-type: none;
  margin: 0;
  padding: 0;
}

@media ( max-width: 767px ) {
	.navbar-brand {
    margin-left: -34px !important;
}
	.navbar-toggle {
    margin-right: -8px !important;
}
}



/* DESCOPERA UI PAGE */
.carousel:before {
    content: " ";
    width: 100%;
    position: absolute;
    background-color: #f78c54;
    left: 0;
    height: 101px;
}
.carousel-pics {
    background-color: rgb(247, 141, 85);
    height: 101px;
    display: block;
    line-height: 100px;
    margin: 0px;
    padding: 0px;
}
i.icon_nav {
    width: 160px;
    align-items: center;
}
i.icon_nav svg {
    z-index: 1;
    position: relative;
}
i.icon_nav:before {
    background-color: #f06721;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    content: " ";
    position: absolute;
    z-index: 0;
    border: 4px solid #f38146;
}
.name_nav {
    line-height: 1.3;
    color: #fff;
}
.name_nav.flex p {
    font-weight: 600;
    margin: 10px 0px 10px 0px;
}
.truncate {
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.name_nav .desc_nav {
    font-size: 11px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
    display: -webkit-box;
}
.name_nav .desc_nav:after {
    content: "...";
    position:relative;
}

.previous-flex {
    height: 100px;
    display: flex;
    justify-content: space-between;
}

.previous-flex .flex{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

ul.list_nav {
    text-align: center;
    list-style: none;
    margin: 0px;
    padding: 0px;
    height: 101px;
}

ul.list_nav li {
    list-style: none;
    margin: 0px -2px;
    padding: 0px;
    display: inline-block;
    position: relative;
}
li.list_nav--item:before {
    left: 0;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #f78c54a6;
    border: solid #f78c54;
    border-width: 5px 0px 5px 0px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -ms-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;    
}
ul.list_nav li:hover::before {
    background: transparent;
    transition: all 550ms ease-in-out;
    -webkit-transition: all 550ms ease-in-out;
    -moz-transition: all 550ms ease-in-out;
    -ms-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
}
li.list_nav--item.active:before {
    background: transparent;
    border: none;
}
.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 0;
}
.list_nav--item a {
    display: table;
    cursor: pointer;
}


/* DESCOPERA UI PAGE */
/* GALERIE  ------- */


.img-featured {
    height: 60vh;
    background-size: cover;
    background-position: center;
    min-height: 600px;
}
.gallery {
    margin: 0px;
    padding: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,f78c54+50,f78c54+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f78c54 50%, #f78c54 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 0%,#ffffff 50%,#f78c54 50%,#f78c54 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 0%,#ffffff 50%,#f78c54 50%,#f78c54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f78c54',GradientType=1 ); /* IE6-9 */
}
.gallery-info {
    position: relative;
    top: -150px;
}
.info-box-gallery{
    background-color: #fff;
}
.nav-box-gallery {
    background-color: #f78c54;
    position: relative;
    height: 350px;
    top: 150px;
}

.nav-box-gallery .slick-slide img {
    position: relative;
    border-radius: 10px;
}
.nav-box-gallery .slick-slider {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: -20%;
}

.nav-box-gallery .slick-slide.slick-current.slick-active.slick-center img {
    border: 6px solid #fff;
}

.nav-box-gallery .slick-slide {
    position: relative;
    padding: 10px;
}
.nav-box-gallery .slick-slide.slick-active {
    opacity: 1;
}
.nav-box-gallery .slick-slide {
    opacity: 0.4;
}
.nav-box-gallery .slick-list.draggable:before {
    content: "";
    position: absolute;
    width: 10%;
    height: 100%;
    z-index: 9;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    left: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.nav-box-gallery .slick-list.draggable:after {
    content: "";
    position: absolute;
    width: 10%;
    height: 100%;
    z-index: 9;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f78c54+0,f78c54+100&0+0,1+99 */
    background: -moz-linear-gradient(left, rgba(247,140,84,0) 0%, rgba(247,140,84,1) 99%, rgba(247,140,84,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(247,140,84,0) 0%,rgba(247,140,84,1) 99%,rgba(247,140,84,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(247,140,84,0) 0%,rgba(247,140,84,1) 99%,rgba(247,140,84,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f78c54', endColorstr='#f78c54',GradientType=1 ); /* IE6-9 */
    right: 0px;
    top: 0px;
}

span.break-line {
    display: block;
    height: 9px;
    width: 150px;
    background: #f78b53;
    margin: 30px 0px;
}
.text-box {
    width: 80%;
    position: relative;
}
.gallery-info:before {
    content: "";
    width: 100%;
    height: 500px;
    position: absolute;
    top: 0;
    background: #f78b53;
    right: -50%;
    z-index: -1;
}



@media screen and (min-width: 768px) {
	.largenav {
		display: block;
	}
	.smallnav{
		display: none;
	}
	.smallsearch{
		margin: 0px;
	}
}


#footer-sub svg {
    position: absolute;
    top: -50px;
}

#footer-sub:after {
    background-repeat: no-repeat;
    background-position: center bottom;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    bottom: 0;
}
.homeMap {
    color: #3e396b;
    text-align: center;
    padding: 14px 0px 5px 0px;
}

.template2,
.slick-container {
    position: relative;
}

.template2 .container.gallery-info {
    background: #f78c54;
    position: absolute;
    top: 0px;
    left: -30px;
    width: 411px;
}

.template2 .info-box-gallery {
    padding-left: 90px!important;
    color: #fff;
    height: 388px;
    z-index: 1;
    background: #f78c54;
}
.template2 h1 {
    font-size: 7rem;
    width: 800px;
    line-height: 1.2;
    text-transform: uppercase;
}

.template2 .nav-box-gallery {
    top:172px;
}
.template2 .nav-box-gallery {
    background-color: #f78c54;
    position: relative;
    height: 350px;
    top: 150px;
    width: 396px;
}
.link-read {
    padding: 5px 10px;
    background: #fff;
    border-radius: 30px;
    color: #000;
    margin-top: 15px;
    display: inline-table;
}
.pop-up-content {
    background: #fff;
    z-index: 99;
    position: absolute;
    max-width: 500px;
    padding: 30px 40px;
    border-radius: 20px;
    max-height: 450px;
    overflow: scroll;
    top: 300px;
}
.pop-up-content.hidden:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 55%, rgba(255,255,255,1) 93%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,1) 93%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

a.link-close {
    position: absolute;
    top: 0px;
    right: 0;
    background: #f78c54;
    color: #fff;
    padding: 3px 20px;
    border-radius: 5px;
    cursor: pointer;
}

a.link-close:hover {
    background: #cc6a36;
}
/* .benchmark {
    display: none;
} */
a.button.w-button:hover {
    text-decoration: none;
    background: #1a70d6;
    color: #fff;
}

.searchTable .tablePages {
    height: 50px;
    border-top: none!important;
    background-color: transparent!important;
}

/* .tablePageNumberSelected {
    border-radius: 2px!important;
    padding: 0px;
    background: transparent;
    font-weight: 600;
    text-decoration: none;
    border: none;
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: right;
    width: 24px;
    height: 24px;
    margin: 0px 10px;
}

.tablePageNumberSelected:after {
    position: absolute;
    content: "";
    background: rgb(4,106,229);
    background: -moz-linear-gradient(left, rgba(4,106,229,1) 0%, rgba(125,185,232,1) 100%);
    background: -webkit-linear-gradient(left, rgba(4,106,229,1) 0%,rgb(147, 143, 218) 100%);
    background: linear-gradient(to right, rgba(4,106,229,1) 0%,rgb(149, 145, 218) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046ae5', endColorstr='#7db9e8',GradientType=1 );
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    left: -7px;
    z-index: -1;
    border-radius: 6px;
    top: 0px;
}
.tablePages a {
    color: #3a3854;
    padding: 0px 4px;
    position: relative;
    width: 24px;
    height: 24px;
}
span.tablePagesPrefix {
    display: none;
    color: #046ae5;
}

span.tablePagesSufix{
	color: #046ae5;
}

.tablePages a:hover::after {
    text-decoration: none!important;
    position: absolute;
    content: "";
    background: #dedede73;
    width: 24px;
    height: 24px;
    transform: rotate(45deg);
    left: -4px;
    z-index: 0;
    border-radius: 6px;
    top: 0px;
} */
.searchTable .tablePages {
    position: absolute;
    bottom: 42px;
}
.searchTable h3 {
    margin-left: 20px;
    color: #ffffff!important;
    border-bottom: 1px solid #304d6a1f;
    padding-bottom: 12px;
    text-align: center;
    background: #1a70d6;
    position: absolute;
    left: -5px;
    top: -20px;
    width: 97%;
    border-radius: 3px 3px 0px 0px;
    padding: 16px 0px;
}
.searchTable table {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid black;
    color: #000;
    border-radius: 5px;
    margin-top: 90px;
}

h4, .h4 {
    font-size: 18px;
    line-height: 24px;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.w-row{

}

.w-row::before, .w-row::after {
    content: " ";
    display: table;
}

.w-row::after {
    clear: both;
}

/* .w-col-8{
	width: 66.67%;
	
	float: left;
}

.w-col-4{
	width: 33.33%;
	
	float: left;
} */

.w-col{
	float: left;
}

.w-col-1 {
  width: 8.33333333%;
}
.w-col-2 {
  width: 16.66666667%;
}
.w-col-3 {
  width: 25%;
}
.w-col-4 {
  width: 33.33333333%;
}
.w-col-5 {
  width: 41.66666667%;
}
.w-col-6 {
  width: 50%;
}
.w-col-7 {
  width: 58.33333333%;
}
.w-col-8 {
  width: 66.66666667%;
}
.w-col-9 {
  width: 75%;
}
.w-col-10 {
  width: 83.33333333%;
}
.w-col-11 {
  width: 91.66666667%;
}
.w-col-12 {
  width: 100%;
}

.w-form {
    margin: 0 0 15px;
}

.w-form-label{
	cursor: pointer;
	margin-bottom: 0px;
}


.athon-overlay-wait {
    background: #ff7888!important;
    height: 2px!important;
    font-size: 0px!important;
}



/*
 *
 * @author Catalin Sirbu
 *
 * 
 * Admin - BASEui
 */
 
 /* 
 .adminPanel td {

 }



.divManager {
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    display: block;
    border-radius: 4px;
    text-align: center;
    margin: 0px;
    padding: 10px;
    width: 180px;
    height: 300px;
}

.divManager:hover{    
    color: #1f52b1!important;
}

 */
 .authbar-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
	margin-right: 10px;
}

.gotoPanou {
    background-image: url(img/icon-client.svg);	
}
.disconnect {
    background-image: url(img/integrations.svg);	
	background-size: 90%;
}
.gotoProfile {
    background-image: url(img/view-circle.svg);	
}

.admin-navigation .logged-in {
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.adminPanel {
	background: linear-gradient(116deg, #fff 24%, #0e50e314 50%);
}
 .admin-navigation .authbar-icon {
    background-color: #fff;
    border-radius: 100px;
    padding: 14px;
    background-size: 70%;
    background-position: center;
}
a:hover {
	text-decoration: none;
}
.adminPanel .tableItemEven td ,
.adminPanel .tableItemOdd td {
    display: inline-flex;
    justify-content: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #0e50e317;
}
.adminPanel .tableItemEven td:hover ,
.adminPanel .tableItemOdd td:hover {
	background:#fff;
	border-radius: 40px;
    transition: 420ms all cubic-bezier(0.45, 1.16, 0.58, 1);		
}

.tableItemEven td:last-child,
.tableItemOdd td:last-child {
    /*display: none;*/
}

.adminPanel table td {
    height: 250px;
    width: calc(25% - 25px);
    position: relative;
    padding: 15px 5px;
    border-radius: 0px;
    padding-bottom: 20px;
    margin: 0px 10px;
}
.admin-logo {
    background: url(img/logo-alb.svg);
    width: 150px;
    height: 50px;
    display: block;
    background-repeat: no-repeat;
}
.menu-heading h3 {
    color: #6697ff!important;
    font-weight: bold;
    font-family: 'Gilroy';
    border-bottom: 1px solid #377cff;
}

.page-header .admin-menu a:hover,
.page-header .admin-menu a:focus,
.page-header .admin-menu button:hover,
.page-header .admin-menu button:focus {
	background: #125dea;
    color: #ffffff;
    outline: none;
}

.page-header .admin-menu a:hover svg,
.page-header .admin-menu a:focus svg,
.page-header .admin-menu button:hover svg,
.page-header .admin-menu button:focus svg {
  fill: 
}

/* .tableItemEven td:nth-child(5n+5) {
	display: none;
  }
  .tableItemOdd td:nth-child(5n+5) {
	display: none;
  } */
  
.moduleAdvertise {
    height: 100%;
}
.moduleAdvertise a {
	font-size: 15px;
	font-weight: 500;
    color: #353535!important;
    font-family: 'Gilroy';
	text-align: center;
}
.linkManager {
    color: var(--white-text);
    text-decoration: none;
    width: 100%;
    height: 100%;
    line-height: 100px;
    position: relative;
    display: block;
}

.divManager {
	height: 100%;
    line-height: 1;
    font-weight: bold;
    font-size: 1rem;
    color: #1666ff;
}


.page-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	padding-top: 20px;
	width: var(--page-header-width);
	color: #fff;
	font-family: 'Gilroy';
	font-weight: 500;
	background: #1767ff;
	border-radius: 0px 40px 40px 0px;	
  }
.moduleList-admin table {
    width: 100%;
    margin: 0 auto;
}


/*
 *
 * @author Catalin Sirbu
 *
 * 
 * Admin - BASEui  ICONS DASHBOARD
 */


/* ==========================================================================
   groupCSS * Manage University
   ========================================================================== */

/* ==========================================================================
   groupCSS * AuthInlineui
   ========================================================================== */
   .tooltipAdmin:after {
    display: block;
    content: "";
}
.tooltipAdmin:hover::after {
    background: rgb(255 255 255);
    color: #486196;
    content: attr(rel);
    font-family: 'Maven Pro';
    display: block;
    position: absolute;
    white-space: nowrap;
    margin: 0;
    right: 0;
    bottom: -35px;
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 5px;
    opacity: 0;
}
.tooltipAdmin:hover:after{
    opacity:1;
    -webkit-transition: opacity 1s ease 300ms;
    -o-transition: opacity 1s ease 300ms;
    transition: opacity 1s ease 300ms;
   }
   
.authbar-icon {
    position: relative;
}

 .manager-module .divManager{
 	border:1px solid #0e4dc5;
 	border-radius:5px;
 	padding:10px;
    background: url(../local/img/test.svg);
    background-repeat: no-repeat;
    background-size: 36px!important;
    background-position: center 60px!important;	
    transition: 420ms all cubic-bezier(0.45, 1.16, 0.58, 1);	
}
.manager-module .divManager:hover{
	background-position: center 50px!important;
	color: #0e4dc5;
    transition: 420ms all cubic-bezier(0.45, 1.16, 0.58, 1);	
}
.manager-module .divManager:after {
	content: "Show list of settings";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    left: 0;
    color: #21407d!important;
    font-size: 12px!important;
    font-weight: 400!important;
    padding: 10px!important;
    border-radius: 10px!important;
    /* background: #ffffffba!important; */
    transition: 520ms all cubic-bezier(0.45, 1.16, 0.58, 1);		
}
.adminPanel .tableItemEven td:hover .divManager:after,
.adminPanel .tableItemOdd td:hover .divManager:after {
	background: #1765ff!important;
	color: #fff!important;
}
.manager-module-7 .divManager{
    background: url(../local/img/public.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-7 .divManager:after {
    content: "Show list of users and their roles";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-24 .divManager{
    background: url(../local/img/rights.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-24 .divManager:after {
    content: "Add or edit permission levels for institutions";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-21 .divManager{
    background: url(../local/img/expert.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-21 .divManager:after {
    content: "Add or edit programme details for universities";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-20 .divManager{
    background: url(../local/img/institutions.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-20 .divManager:after {
    content: "Edit university details";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}


.manager-module-19 .divManager{
    background: url(../local/img/plus.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-19 .divManager:after {
    content: "Show list of universities and their roles";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}


.manager-module-18 .divManager{
    background: url(../local/img/stack.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-18 .divManager:after {
    content: "Show list of universities and their roles";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-12 .divManager{
    background: url(../local/img/offload.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-12 .divManager:after {
    content: "Show list of predefined reports";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-11 .divManager{
    background: url(../local/img/password.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-11 .divManager:after {
    content: "Change account password";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-10 .divManager{
    background: url(../local/img/link-management.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-10 .divManager:after {
    content: "Manage website link structure";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}

.manager-module-9 .divManager{
    background: url(../local/img/mail.svg);
    background-repeat: no-repeat;
    background-position: center 60px;
    background-size: 100px;
}
.manager-module-9 .divManager:after {
    content: "Manage lists of email templates";
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	left: 0;
}


.int-networks img {
	height: 200px;
}


/* ==========================================================================
    * GroupCSS ArticleUI
   ========================================================================== */
header {
    z-index: 99;
    position: relative;
}
.hero-short {
	background: #0f4fe3!important;
    color: #000;
    display: flex;
    align-items: flex-end;
    padding: 140px 0 50px;
    position: relative;
    top: -80px;
    z-index: 0;
	line-height: 1.3;
}
.container--inset {
    padding: 0 40px;
}
.hero-short__cols {
    display: flex;
    align-items: flex-start;
    margin: -12px;
}
.hero-short__col-left, .hero-short__col-right {
    flex-basis: calc(50% - 24px);
    flex-grow: 1;
    flex-shrink: 1;
    margin: 12px;
}
.hero-short__heading {
    font-size: 56px;
    font-size: 3.5rem;
}
.hero-short__heading {
    font-size: 56px;
    font-size: 3.5rem;
    letter-spacing: -0.03em;
    line-height: 1.08;
    font-weight: 400;
    margin: 0;
    font-family: 'Gilroy';
    font-weight: bold;
}
.hero-short .admin-logo {
    position: absolute;
    top: 20px;
    left: 30px;
}
/* ==========================================================================
    * GroupCSS General Tabel Rules
   ========================================================================== */
.athonAdmin .lista th {
	background-color: #1866ff;
	padding: 10px;
    text-align: left;
    color: #FFF;
}
.athonAdmin .lista th:first-child {
	border-radius: 10px 0px 0px 0px;
}
.athonAdmin .lista th:last-child	 {
	border-radius: 0px 10px 0px 0px;
	text-align: center;
}

.lista thead {
	box-shadow: rgb(14 80 227) 0px 0px 0px 1px;
    border-radius: 10px 10px 0px 0px;
}
td.options {
    text-align: right;
}
td.options button {
	margin: 0px 5px;
    border: 1px solid #ddd;
    padding: 4px 12px;
    border-radius: 10px;
    font-weight: 900;
    font-size: 12px;
}
td.options button:hover {
    background: #0e50e3;
    color: #fff;
	border-color: #0e50e3;
}
td.options .btnDelete:hover {
	background: red;
	border-color: red;	
}

/* ==========================================================================
    * GroupCSS General Admin Rules
   ========================================================================== */
.containerAdmin {
    font-family: 'Gilroy', Lato, -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #616a75;
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px;
    border-radius: 20px;
    margin-top: 0px;
    background: #fff;
    box-shadow: 0 0 20px 0px #cacdd005;
}
.outlineShadow {
	-webkit-box-shadow: rgb(44 50 66 / 16%) 0px 0px 0px 1px;
	        box-shadow: rgb(44 50 66 / 16%) 0px 0px 0px 1px;
    border-radius: 0px 0px 10px 10px;
}
.outlineShadow td {
    padding: 10px 20px;
    border-bottom: 1px solid #dcdddf;
    min-height: 40px;
}
.outlineShadow tr:hover {
    background: #dcdddf38;
}
.text-dark-ui {
    color: #fff;
}

.button.short {
    color: #0e50e3;
    background: #fff;
    font-weight: 800!important;
    font-family: 'Gilroy';
    line-height: 0;
	position: relative;
	text-align: left;
}
.button.short .icon {
    position: absolute;
    top: 6px;
    right: 10px;
}
.iconFriendlyLink {
    background: url(../../app/article/img/link.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.toggle-indicator {
    width: 16px;
    position: relative;
    margin-left: 50px;
}
.toggle-indicator:before, .toggle-indicator:after {
    content: '';
    width: 16px;	
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0e50e3;
    transition: .3s ease;
}
.toggle-indicator:after {
    transform: translate(-50%, -50%) rotate(90deg);
}
button.button:hover {
    background: #1866ff;
    color: #fff;
}
button.button:hover .toggle-indicator:before{
    background: #fff;
    transform: translate(-50%, -50%) rotate(180deg);	
}
button.button:hover .toggle-indicator:after{
    background: #fff;
    transform: translate(-50%, -50%) rotate(-90deg);	
}
button.button:hover .icon {
	filter: brightness(50.0);
}

.mngr-separator{
    border-bottom: 3px solid #1767ff;
    color: #1767ff;
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 0px;
    text-align: center;
    margin-bottom: 50px;
}