html {font-size: 100%;overflow-y: scroll;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-font-smoothing: antialiased;-o-font-smoothing: antialiased;}
/*body {font-family: Exo, sans-serif; font-weight: 400 !important;margin: 0;font-size: 14px;}*/
body {font-family: Mark Pro, Open Sans, helvetica, calibri; font-weight: 400;margin: 0;font-size: 14px;}

/*
@background= #0A4A4D;
@border-top: 4px solid #0F6165;
@border-bottom: 4px solid #1B3D46;

@footer/header/box: background: #023439;

@light-tab: #1A878B;
@border-box: #16535A;
@button: #355559;
@copyright: #4F5454;
*/


:root {
    --anim-header:cubic-bezier(0.13, 0.36, 0.58, 1);
}

:root {
    --border-small:5px;
}

:root {
    --scrollbar-width: 15px;
    --color-accent: #FF6602;
    --color-accent-hover: #D95702;
    --color-accent-focus: #B34701;
}


:root {
    --primary0: #313537;
    --primary1: #6a737c;
}

:root {
    --color-accent: #ff6602;
    --color-accent-hover: #D95702;
    --color-accent-focus: #B34701;
    --scrollbar-width: 0px;
    -webkit-tap-highlight-color: #f7f7f7;
}
    
:root {
    --invi-color:transparent; /* prime color */
    
    --bg-header:#273455; 
    --bg-footer:#283d60; 
    --bg-color:-webkit-radial-gradient(top, circle cover, rgb(43, 78, 130) 0%, rgb(39, 52, 85) 80%),rgb(39, 52, 85); 
    
/*VARIANTA 1*/
    --bg-header:#273455; 
    --bg-footer:#273455; 
    --bg-color:-webkit-radial-gradient(top, circle cover, rgb(68 98 149) 0%, rgb(41 61 95) 80%),rgb(41 61 95); 

/*VARIANTA 2*/
/*
    --bg-header:#2D3748; 
    --bg-footer:#2D3748; 
    --bg-color:url(/images/mesh.svg) center -58px no-repeat, linear-gradient(180deg,#2d3646 0%,#273041 100%),#1a202c;     
    
*/
/*VARIANTA 3*/
/*
    --bg-header:#2d2a2b; 
    --bg-footer:#2d2a2b; 
    --bg-color:-webkit-radial-gradient(top, circle cover, rgb(116 132 178) 0%, rgb(39, 52, 85) 80%),rgb(39, 52, 85);     
 
*/
/*VARIANTA 4*/
/*
    --bg-header:#2D3748; 
    --bg-footer:#2D3748; 
    --bg-color:url(/images/mesh.svg) center -58px no-repeat, linear-gradient(180deg,#263348 0%,#222E41 100%),#222E41;      
 
*/
/*VARIANTA 5*/    
/*    --bg-color:#2e3152; */
/*    --bg-color:#171820;  */
     --el-color:#21243269;
/*     --el-color:rgba(33, 36, 50, 1); */ 
/*    --el-color:#212432;  shade prime color */
    --item-color:#33385269; /* box/bars/chips prime color */
    --box-color:#073642;
    --edit-color:#28292e;
    --orange-color:#df4842;
    --white-color:#fff;
    
    /* Border color */
    --grey-border:#757c85;
    
    /* Buttons color */    
    --green-btn:#497740;
    --blue-btn:#3c8fe5;
    
    /* Paragraph color */    
    --white-text:#fff;
    --grey-text:#757c85;
    --orange-text:#df4842;
    
    /* Text link color */
    --white-link:#fff;
}

a{
	color: darkorange;
}

:focus{
    outline: 0;
}
select:focus{
    outline: 0;
}
select {
    cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin-right: 2rem;
  padding: 1rem;
  padding-right: 2rem;
}

.ui-datepicker-month, .ui-datepicker-year{
	padding: .2em!important;
  	background: #ffffff;
  	background-image: none; 
  	-webkit-appearance: button;
  -moz-appearance: button;
}

button:focus{
    outline: 0;
}
.athon-request-sent-wait{
	background-color:white;
}

.str-table{
	border-collapse: collapse;
	width: 100%;
}

.str-table th{
	background-color: #666;
	padding: 10px 5px;
	border: 2px solid #2e3152!important;
}

.str-table select{
	padding: 5px!important;
	height: auto!important;
	-webkit-appearance: button;
  	-moz-appearance: button;
  	font-size: 12px!important;
  	margin-bottom: 0!important;
}

.str-table input[type="text"]{
	padding: 5px!important;
	height: auto!important;
	font-size: 12px!important;
	margin-bottom: 0!important;
}

.str-item{
	
}

.str-item td{
	border: 1px dashed #666!important;
	vertical-align: middle;
	padding: 5px;
}

.str-nr-crt{
	text-align: center;
}

.str-nr-crt span{
	display: block;
	text-align: left;
	font-size: 14px!important;
	font-weight: 500;
}

.str-link{
	color: inherit;
}

@font-face {
    font-family:Mark Pro;
    src: local('fonts/Mark Pro Medium');
    src: local('fonts/MarkPro-Medium');
    src: url('fonts/hinted-MarkPro-Medium.woff2') format('woff2');
    src: url('fonts/hinted-MarkPro-Medium.woff') format('woff');
    src: url('fonts/hinted-MarkPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:Mark Pro;
    src: local('Mark Pro'); 
    src: local('MarkPro');
    src: url('fonts/hinted-MarkPro.woff2') format('woff2');
    src: url('fonts/hinted-MarkPro.woff') format('woff');
    src: url('fonts/hinted-MarkPro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:Mark Pro;
    src: local('fonts/Mark Pro Bold');
    src: local('fonts/MarkPro-Bold');
    src: url('fonts/hinted-MarkPro-Bold.woff2') format('woff2');
    src: url('fonts/hinted-MarkPro-Bold.woff') format('woff');
    src: url('fonts/hinted-MarkPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

.color-white{
	color: white;
}

.category-list{
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.category-item{
	display: block;
	float: left;
	min-width: 100px;
	width: auto;
	margin-right: 50px;
}

.domain-item{
	background-color: var(--el-color);
	position: relative;
	margin-top: 38px;
	margin-bottom: -16px;
	padding: 20px 15px;
	border-radius: 10px;
}

.domain-item .field-title{
	margin-top: 0px!important;
}

.admin-org{
	background: #df4842; 
	opacity: 0.5;
	padding: 10px;
    font-family: Mark Pro;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 20px;
}

.domain-item input[type="text"]{
	background: var(--item-color)!important;
}

.domain-item span.Text{
	display: block;
	border: 1px solid var(--item-color);
	padding: 10px;
    font-family: Mark Pro;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    box-sizing: border-box;
    color: #ccc;
}

.field-note{
	font-size: 12px;
	color: var(--orange-text);
}

/* ==========================================================================
   Radio button styling
   ========================================================================== */

.checkbox_wrap{
	cursor: pointer;
	display: block;
}

.checkbox_wrap .choice.noselect{
	cursor: pointer;
}

.checkbox_wrap .choice.noselect span{
	display: block;
	line-height: 20px;
	padding-left: 30px;
	
}

.checkbox_wrap .choice.noselect span.categ-descr{
    font-size: 12px;
    color: var(--grey-text);
    display: block;
	    
}

.menu__icon--checkmark {
    width: 15px;
    height: 15px;
    background-image: url(../img/checkmark_grey.svg);
    background-size: 100%;
    margin-left: 2px;
    top: 0px;
    position: relative;
    background-position: 0px 0px;
}

.checkbox_wrap label > input[type="checkbox"]{ /* HIDE Checkbox */
	position: absolute;
	z-index: -1;
	opacity: 0;
}

label > input + i{ /* IMAGE STYLES */
    cursor:pointer;
    border:2px solid transparent;
}

label > input:checked + i {
    width: 15px;
    height: 15px;
    background-image: url(../img/checkmark_green.svg);
    background-size: 100%;
    margin-left: 2px;
    top: 0px;
    position: relative;
    background-position: 0px 0px;
    z-index: 999;
    display: inline-block;
}

/* ==========================================================================
   END Radio button styling
   ========================================================================== */

.cpTitle{
	font-size: 14px;
	/* text-decoration: none; */
	font-weight: 700;
	padding-bottom: 5px;
	padding-top: 5px;
	text-transform: uppercase;
	margin-left: 15px;
	text-decoration: underline;
	color:#0a377b;
}

.cpTitle label{
	text-decoration: underline;
}

.headline-bg {
	/*background-color: #ededed;*/
	-webkit-border-radius: 3px 3px 0px 0px;
 	-moz-border-radius: 3px 3px 0px 0px;
  	border-radius: 3px 3px 0px 0px;
	/* background-color: #666666; */
	background: linear-gradient(to right, #0049a5 0%,#0078bd 100%);
	margin-left: -15px;
	margin-right: -15px;
	height: 60px;
	text-align: left;
	padding-left: 15px;
	font-weight: 600;
	text-shadow: 0px -1px 0px rgba(255,255,255,0.7);
	border-bottom: 0px solid #0078bd;
	border-top: 0px solid rgba(0,73,165,0.5);
	-webkit-box-shadow: 5px 5px 15px -5px rgba(0,73,165,0.5);
    -moz-box-shadow: 5px 5px 15px -5px rgba(0,73,165,0.5);
    box-shadow: 5px 5px 15px -5px rgba(0,73,165,0.5);
}

.headline-bg > h2 {
	line-height: 60px;
	padding: 0px!important;
	margin: 0px!important;
	color: darkorange;
	font-size: 18px;
	font-weight: 500;
	text-shadow: 0px 1px 0px rgba(183, 101, 0, 0.7);
}
.header-container {
    position: relative;
    z-index: 2;
    height: 90px;
    margin-bottom: 0px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--el-color);
    background-color: var(--bg-header);
    background-image: url(../img/bg-dots.svg);
    background-position: 50% 29px;
    background-size: 850px;
    background-repeat: repeat-x;
}
.container_1336.header-content {
    position: relative;
    top: 22px;
    display: flex;
    align-items: center;
    margin: 0px auto;
    padding: 0 25px;
}
.header-content{
	text-align: center;
}
.logos {
    flex-basis: 30%;
    text-align: left;
}
.homeAuth {
    flex-basis:30%;
    text-align: right;
}
.homeAuth:hover label{
    color: var(--orange-color);
}
.homeAuth:hover .icon-user{
    background-color: var(--orange-color);
}
.logo-erris {
    float: left;
    position: relative;
    top: 2px;
    margin-right: 5px;
    display: block;
    width: 50px;
    height: 45px;
    background-image: url(../img/erris-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
.link-erris{
	color: white;
	font-size: 11px;
	text-decoration: none;
	display: inline-block;
	width: 250px;
	font-weight: 600;
	text-align: left;
}

.link-erris .link-head{
	font-weight: bold;
	font-size: 18px;
}

.footer-area{
	background-color: var(--bg-footer);
	display: block;
	overflow: hidden;
	padding: 20px;
    padding-top: 50px;
}

.footer-area .copyright a{
	color: #7b8282;
	text-decoration: none;
	font-size: 13px;
}

.footer-area .footer-buttons{
	float: left;
}
.footer-links ul {
    margin: 0px 0px 30px 0px;
}
.footer-area .footer-links{
	text-align: right;
}

.footer-links li{
	list-style-type: none;
}

.footer-links .white-link{
	display: inline-block;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
}
.flex-end {
    align-self: flex-end;    
}
.uefiscdi-logo-alb {
    width: 130px;
    height: 50px;
    /* background: rgba(73,144,237,1); */
    background-image: url(../img/uefiscdi-logo-alb.svg);
    background-repeat: no-repeat;
    text-align: center;
    /* margin-left: auto;
    margin-right: auto; */
    float: right;
    border-radius: 5px;
    padding:5px;
    opacity: 1;
}

.benchmark{
	display: block;
	font-size: 11px;
	margin-top: -15px!important;
	text-align: center;
	color: #4F5454;
	font-weight: 500;
}

.home-container{
	background-color: #0F6165;
	border-radius: 15px;
	max-width: 1024px;
	margin: 40px auto 40px auto;
	padding: 20px;
}



.page-content-bg{
	background-color: #eeeeee;
	color: white;
	margin: 0;
	overflow: hidden;
	border-bottom: 4px solid var(--el-color);
    background: var(--bg-color);   
    min-height: calc(100vh - 355px);    
}

.page-content-small{
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}
.page-content{
	max-width: 1336px;
	max-width: 1336px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

.page-content.no-background{
	background: none;
	text-align: center;
	color: #0F6165;
}



.page-content.srv-list{
	margin-top: 0;
	border-radius: 0 0 5px 5px;
}

.inner-page-content{
/*	padding: 20px;*/
	overflow: hidden;
}

.public-profile .page-content{
	margin-bottom: 20px;
}



.athon-auth-login{
	margin-bottom: 40px;
}

.cms-status, .cms-date{
	color: orange;
	font-size: 12px;
}

.CMS .btnOptElement{
	display: inline-block!important;
}


/*login and user status*/
.search-header{
    background-color: var(--el-color);
    width: 400px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin: 12px auto;
}
.search-header a:hover .textAnim,
.search-header a:hover .wrapperAnim {
    opacity: 0;
    transition: 350ms all ease-out;
}
.search-header a:before {
    content: "";
    opacity: 0;
    transition: 650ms all 250ms ease-out;
    left: 10px;    
}
.search-header a:hover::before {
    opacity: 1;
    content: "Search by name, location or domains.";
    width: 100%;
    text-align: center;
    transition: 350ms all ease-out;
    position: absolute;
    left: -10px;
}
.wrapperAnim {
    display: block;
    top: -20px;
    position: relative;    
    transition: 350ms all ease-out;    
}
.textAnim {
    left: -80px;
    position: relative;
    transition: 350ms all ease-out;    
}
span.browseAnim {
    position: absolute;
    transform-style: preserve-3d;
    font-weight: bold;
    font-size: 1rem;
    width: 150px; 
    right: 20px;    
    text-align: left;
}
.hanim1,.hanim2,.hanim3,.hanim4,.hanim5 {
    transform: translate3d(0px, 30px, 0px);
}
.hanim1 {   
    animation: hanim 6s var(--anim-header) 0s infinite;
    color:var(--orange-text);
    line-height: 0.8;
}
.hanim2 {  
    animation: hanim 6s var(--anim-header) 1.8s infinite;  
    color: #45d84b;    
}
.hanim3 {  
    animation: hanim 6s var(--anim-header) 2.8s infinite;  
    color: #ffc107;    
}
.hanim4 {  
    animation: hanim 6s var(--anim-header) 3.8s infinite;   
    color: #36acf5;
}
.hanim5 {  
    animation: hanim 6s var(--anim-header) 4.8s infinite;   
}

@keyframes hanim {
  0% {
    opacity: 0;
  }
  2% {
    opacity: 0;
    -webkit-transform: translateY(-30px);
  }
  5% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  17% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  20% {
    opacity: 0;
    -webkit-transform: translateY(30px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.search-header a{
    position: relative;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    color: var(--white-text);
    width: 100%;
    height: 100%;
    padding: 10px 25px;  
    box-sizing: border-box;    
}

.search-header a:hover{
    color: var(--white-link);
    background-color: var(--edit-color);
    border: transparent;
}

.signup-label{
	width: auto;
    margin-top: 10px;
    margin-right: 20px;
    padding: 6px 5px 5px;
    border-radius: 40px;
    /* background-color: hsla(0, 0%, 100%, .13); */
    
    text-align: center;
    cursor: pointer;
    float: right;
}

.signup-label a{
	color: #fff;
    font-weight: 300;
    text-decoration: none;
    line-height: 25px;
    display: inline-block;  
}

.signup-label a:hover{
	color: #df4842;
}

.login-label{
    width: auto;
    margin-top: 10px;
    padding: 3px 2px;
    border-radius: 40px;
    background-color: hsla(0, 0%, 100%, .13);
    text-align: center;
    cursor: pointer;
    float: right;
}

.login-label:hover{
	background-color: #df4842;
}

.login-label a{
    color: #fff;
    text-decoration: none;
    line-height: 25px;
    font-weight: 500;
    vertical-align: middle;
    margin-right: 10px;
}

.logged-label{
	display: inline-block;
	float: right;
	width: 250px;
	margin-right: 10px;
	text-align: right;
}

.logged-label label{
	color: #ffffff;
	display: inline-block;
	margin-bottom: 5px;
}

.logged-label .logout{
	width: 20px;
    height: 20px;
    background-image: url(../img/power-button-pink.svg);
    display: inline-block;
}

.logged-label .panou{
	width: 20px;
    height: 20px;
    background-image: url(../img/settings.svg);
    display: inline-block;
    margin-right: 10px;
}

.logged-label .panou:hover, .logged-label .logout:hover{
	width: 25px;
    height: 25px;
}


/*end login and user status*/ 


/*zona autentificare*/

.athon-auth-login{
	background-color: #023439;
	border: 2px solid #16535A!important;
}

.athon-auth-login a{
	color: orange;
	font-size: 12px; 
}

.athon-auth-login label{
	font-size: 12px;
}

.athon-auth-login .athonAction{
	background-color: #355559;
	color: #eee;
	padding: 2px 15px!important;
	margin-bottom: 15px!important;
	cursor: pointer;
}

.athon-auth-login .athonAction:hover{
	background-color: #41696d!important;
}

.athon-auth-login input{
	font-family: Inconsolata, monospace;
}

.authField{
	margin-top: 5px;
	font-weight: 400;
	font-size: 13px;
}

/*end zona autentificare*/


.hero-section {
    position: relative;
    z-index: 0;
    height: 93vh;
    border-style: none;
    border-bottom-width: 2px;
    border-bottom-color: #ee3737;
    background-color: #171820;
    background-image: url(../img/bg-dots.svg); 
    background-color: #eeeeee;
    background-position: 50% 145%;
    background-size: contain;
    background-repeat: repeat-x;
    font-family: Exo, sans-serif;
}
.safe_margins {
    padding: 0px 20px;
}
.container_1336 {
    position: relative;
    bottom: 0px;
    z-index: 2;
    display: block;
    max-width: 1336px;
    margin-right: auto;
    margin-left: auto;
    
}
.w-background-video {
    position: relative;
    overflow: hidden;
    height: 500px;
    color: white;
}

.background-video-2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}

.w-background-video>video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

.blue {
    color: #39aff0;
}

.animation-hero {
    position: relative;
    bottom: 141px;
    display: block;
    max-width: 1336px;
    margin-right: auto;
    margin-left: auto;
}
.hero_heading {
    position: absolute;
    margin-top: 0px;
    padding-top: 10%;
    padding-left: 7%;
    color: #fff;
    font-size: 250%;
}
.container_1336.absolute {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.hero_band {
    padding-top: 20px;
}

.tooltip {
    position: absolute;
    right: -22px;
    bottom: 44px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #202b33;
    opacity: 0;
}

.white_text {
    display: block;
    color: #fff;
    font-size: 13px;
}

.white_text.subscribe {
    display: inline-block;
    padding: 5px 5px 5px 7%;
    background-image: -webkit-linear-gradient(0deg, rgba(23, 24, 32, 0), #292d3f 47%, #1a1c25 82%, rgba(23, 24, 32, 0));
    background-image: linear-gradient(90deg, rgba(23, 24, 32, 0), #292d3f 47%, #1a1c25 82%, rgba(23, 24, 32, 0));
    text-align: left;
}

.white_text.subscribe.countries{
    padding: 5px;
    text-align: center;
    margin: 5px auto 0 auto;
    display: block;
}

.white_text.subscribe.countries .flag-icon{
	margin-right: 0;
}

.white_text.subscribe.countries .iconFlag{
	display: inline-block;
}

.white_text.subscribe.countries select{
	background-image: none;
	background: var(--edit-color)!important;
	color: orange;
	padding: 4px;
	margin-left: 0px;
	margin-right: 0px;
	border: 0;
}

.icon_subscribe {
    margin-left: 15px;
    cursor: pointer;
}

.icon_subscribe:hover {
    padding: 2px;
    border-radius: 50px;
    background-color: #fff;
}
.play-video {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 10px 15px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 0 0 7px rgba(36, 39, 48, .39);
    cursor: pointer;
    
    display:none;
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.container_1336.absolute {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.row_statistics {
	margin-top: 20px;
    margin-bottom: 50px;
    padding: 10px 0;
}
.w-row:before, .w-row:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2;
}

.w-row:after {
    clear: both;
}
.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}
.w-col-6 {
    width: 49%;
}
.column_flex_text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.column_flex_text.left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.column_flex_text.nopadding {
    padding-right: 0px;
}

.column_flex_text.left.nopadding {
    padding-left: 0px;
}

.text_cifra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #d37e00;
    font-size: 25px;
}

.bold_count {
    padding: 10px;
    border-radius: 5px;
    background-color: #212432;
    box-shadow: 0 1px 0 7px rgba(32, 43, 51, .05);
    color: #ff8f00;
}


.text_cifra.white {
    color: #fff;
    font-size: 16px;
}

.text_cifra.white.largespace {
    padding-right: 40px;
}

b, strong {
    font-weight: bold;
}

/*Table pages*/

.tablePages{
	padding: 10px 20px;
    flex-basis: 100%;	
	background-color: #ffffff;
	border-radius: 10px;
	margin-bottom: 20px;
	color: #16535A;
	clear: both;
	text-align: center;
}

.tablePages-container{
	font-weight: 400;
}

.tablePages a {
    border-radius: 50% !important;
    padding: 3px 1px;
    color: #16535A;
	background-color: #ffffff;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	width: auto;
	min-width: 25px;
	text-align:center;
}

.tablePages a:hover{
	border-radius: 50% !important;
	color: #ffffff;
	background-color: #ff7575;	
	
	box-shadow: inset 0px -2px 0px #ff4f4f;
	-moz-box-shadow: inset 0px -2px 0px #ff4f4f;
	-webkit-box-shadow: inset 0px -2px 0px #ff4f4f;
	
}

.tablePageNumberSelected {
    border-radius: 50% !important;
    padding: 3px 1px;
    color: #ffffff;
	background-color: #ff7575;
	font-weight: 600;
	display: inline-block;
	width: auto;
	min-width: 25px;
	text-align:center;
}

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

/*End table pages*/

.search-item{
	background-color: #023439;
	border: 2px solid #114E51;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 15px;
	overflow: hidden;
	/* min-height: 80px; */
}

.search-item:hover{
	border: 2px solid #2897a4;
}

.search-column{
	display: inline-block;
	float: left;
	width: 25%;
}

.public-search  .container-search-name{
	text-transform: uppercase;
	width: 40%!important;
}

.services .search-item .container-search-name{
	width: 60%!important;
}
.search-item .name-link, .domain-item .name-link {
    padding: 4px 12px;
    border-radius: 50px;
    width: 33px;
    height: 18px;
    position: relative;
    top: -4px;
    color: var(--primary1);
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    background: var(--el-color);
}

.err-label-message{
	display: inline-block;
	background: var(--orange-color);
	padding: 5px;
	margin: 10px auto;
	border-radius: 5px;
	width: 99%;
	text-align: center;
	clear: both;
}

.card-link {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.card-link:hover {
    background: var(--item-color);
    opacity: 1;
    z-index: 0;
}

.services .nume-inst-en{
	text-transform: none;
}

.search-column .nume-inst-en{
	font-size: 16px;
	font-weight: 600;
	/* color: #62b0ff; */
	text-decoration: none;
}


label.nume-str{
	display: block;
	font-weight: 400!important;
	text-transform: uppercase;
	color: var(--grey-text)!important;
}

.search-item.infra .nume-inst-en{
	font-size: 14px;
	font-weight: 600;
	clear: both;
	display: block;
}

.search-item .name-link:hover{
	background: #49757a;
}
.backend .name-link:hover{
	color: var(--white-text);
}

.srv-item .name-link {
    padding: 4px 12px;
    border-radius: 50px;
    width: 33px;
    height: 18px;
    position: relative;
    top: -4px;
    color: var(--primary1);
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    margin-left: auto;
	border: 1px solid var(--item-color);
}

.srv-item .name-link:hover{
	background: var(--orange-color);
	color: orange;
}

.srv-item .name-link:hover i{
	background: var(--white-color);
}

.search-item .nume-inst{
	color: #aaaaaa;
	font-size: 12px;
	font-weight: 500;
	display: block;
}

.search-item .nume-inst.infra{
	font-size: 13px;
	margin-bottom: 5px;
	color: #ff7575;
	font-weight: 600;
}

.search-item.infra .nume-inst{
	line-height: 14px;
	display: inline-block;
	margin-top: 10px;
}

.search-item .container-search-infracount{
	text-transform: uppercase;
	font-weight: 600;
}




.search-filter-zone .selectize-dropdown-content{
	max-height: 150px;
}



.search-collapse{
	margin-top: 10px;
}

.map-section .search-collapse{
	margin-bottom: 10px;
}





.search-list{
	margin-top: 20px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #aaaaaa;
  font-size: 12px;
}
::-moz-#88c4ff { /* Firefox 19+ */
  color: #aaaaaa;
  font-size: 12px;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #aaaaaa;
  font-size: 12px;
}
:-moz-placeholder { /* Firefox 18- */
  color: #aaaaaa;
  font-size: 12px;
  
}

.public-profile{
	margin-bottom: 40px;
}

.public-profile .inner-page-content{
	position: relative;
    flex-wrap: wrap;
}

.public-profile .org-map{
	padding: 0;
	display: block;
	width: 250px;
	height: 260px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
}

.public-profile .org-map.edit-form{
	height: auto;
	width: 400px;
}

.org-map input[type="text"]{
	width: 200px!important;
}

.public-profile .page-content.section-menu{
	margin-bottom:0;
}

.public-search .page-content.section-menu{
	margin-bottom:0;
}


.public-profile .page-content.section-menu .section-button{
	width: 50%;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
	background-color: #1A878B;
	cursor: pointer;
	text-decoration: none;
	color: white;
}

.public-search .page-content.section-menu .btn-menu-h{
	width: 25%;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 40px;
	background-color: #1A878B;
	cursor: pointer;
	text-decoration: none;
	color: white;
	margin: 0;
	border: 1px solid #aaa;
}

.public-search .page-content.section-menu .btn-menu-h:hover{
	color: orange;
}

.public-search .page-content.section-menu .btn-menu-h.active{
	background-color: #0F6165;
	cursor: default;
	border: 1px solid #0F6165;
}

.public-search .page-content.section-menu .btn-menu-h.active:hover{
	color: white;
}

.public-profile .page-content.section-menu .section-button:hover{
	color: orange;
}

.public-profile .page-content.section-menu .section-button.active{
	background-color: #0F6165;
	cursor: default;
}

.public-profile .page-content.section-menu .section-button.active:hover{
	color: white;
}

.public-profile .page-content.section-content{
	margin-top: 0;
}

.public-search .page-content.section-content{
	clear: both;
	margin-top: 0;
	border-radius: 0 0 5px 5px;
}


.public-profile .infra-name{
	font-size: 18px;
	font-weight: 700;
	margin: 5px auto;
	max-width: 50%;
}

.public-profile .org-small-name a, .public-profile .org-small-name label{
	text-transform: uppercase;
    display: block;
    text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--grey-text);
	
}

.public-profile .short-link{
	display: inline-block;
	width: auto;
	margin: auto;
	overflow: hidden;
}

.public-profile .stats-area{
	margin-top: 10px;
	font-size: 12px;
	line-height: 20px;
}

.public-profile .stats-area .visits, .public-profile .stats-area .reviews{
	display: inline-block; 
} 



.collaborator-share__icon, .menu__icon {
    display: inline-block;
    vertical-align: baseline;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
}

.collaborator-share__icon--link-blue {
    width: 15px;
    height: 15px;
    background-image: url(../img/get_a_link.svg);
    background-size: 100%;
    margin-right: 5px;
    top: 3px;
    position: relative;
}


.public-profile .org-name-ro{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px; 
}

.public-profile .infra .container-search-name{
	padding: 0;
	line-height: 1.3;
	text-transform: none;
	color: #ccc;
}
.infra-public.not-public{
	background-color: #ff4242;
	color: #023439;
}
.public-profile .infra .container-search-name label{
	font-size: 16px;
	font-weight: 400;
}

.public-profile .search-item.infra{
	position: relative;
}

.public-profile .mask-avatar, .public-search .mask-avatar{
	border-radius: 50%;
	overflow: hidden;
	margin: 0;
	height: 50px;
	width: 50px;
}

.public-search .mask-avatar{
	border-radius: 50%;
	overflow: hidden;
	margin: 0;
	height: 34px;
	width: 34px;
	margin-right: 10px
}

.expand {
    display: block;
    position: relative;
    
    margin-bottom: 13px;
}

.expand::before {
    content: " ";
    /* width: 100%; */
    height: 100%;
    position: absolute;
    z-index: 2;
    background: -moz-linear-gradient(top, rgba(15, 97, 101,0.5) 38%, rgba(15, 97, 101,0.5) 48%, rgba(15, 97, 101,1) 100%);
    background: -webkit-linear-gradient(top, rgba(15, 97, 101,0.5) 38%,rgba(15, 97, 101,0.5) 48%,rgba(15, 97, 101,1) 100%);
    background: linear-gradient(to bottom, rgba(15, 97, 101,0.5) 38%,rgba(15, 97, 101,0.5) 48%, rgba(15, 97, 101,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000f6165', endColorstr='#0f6165',GradientType=0 );
}

.expand.active::before {
    background: none;
}

.expand label {
    /* overflow: hidden; */
    min-height: 70px;
    display: block;
    padding-bottom: 10px;
    /* cursor: pointer; */
    
}

.expand.active label {
    height: 100%;
}

.page-content.srv-list{
	background: none;
	margin-bottom: 50px;
}

.srv-list-item{
	/* margin-top: 10px; */
	margin-bottom: 5px;
}

.srv-list-item .collapse-holder{
	text-align: left;
}

.srv-list-item .title{
	color: white;
	text-align: left;
	font-weight: 700;
	border: 1px solid #023439;
	padding: 10px;
	background-color: #0F6165;
	border-radius: 5px;
}

.srv-list-item .title.athon-collapse-active{
	border-radius: 5px 5px 0 0;
	background-color: #023439;
	color: #ff7575;
}

.srv-list-item .content{
	background-color: #023439;
	color: #FFFFFF;
	text-align: left;
}

.srv-list-item .content .srv-content-row{
	margin-bottom: 10px;
}

.srv-list-item .content .srv-content-row .sub-title{
	font-weight: 600;
}

.srv-list-item .content .srv-content-row label{
	color: #8DACAE;
}

.srv-content-row .inputFile a{
	font-size: inherit;
	background: none;
	text-decoration: none;
	display: inline!important;
}

.srv-pers-list-item{
	clear: both;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
}

.srv-pers-list-item .mask-avatar{
	width: 30px;
	height: 30px;
}

.srv-pers-list-item .container-poza{
	width: 35px;
	float: left;
}

.srv-pers-list-item .column{
	width: 75%;
	float: left;
	line-height: 30px; 	
}	

.srv-pers-list-item .column label{
	color: #c7dccd!important;
}

.srv-list-item .access-srv-area{
	padding-left: 20px;
}

.srv-list-item a{
	color: orange;
}

.srv-list-item a:hover{
	color: darkorange;
}

.srv-list-item .inputFile{
	display: inline-block;
}

.srv-list-item .inputFile a{
	text-decoration: none;
}

.page-content.small-section-menu{
	overflow: hidden;
	clear: both;
	border-radius:0;
	padding: 0;
	width: 95%;
	margin-top: 20px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
}
/*
.page-content.small-section-menu .section-button:first-child {
        border-radius: 31px 0px 0px 31px;
}.page-content.small-section-menu .section-button:last-child {
        border-radius: 0px 31px 31px 0px;
}
*/

.page-content.small-section-menu .section-button{
/*    background: var(--el-color);    */
	display: block;
	float: left;
	width: 50%;
	margin:0;
	padding: 0;	
	text-align: center;
}

.page-content.small-section-menu .section-button a{
	display: block;
	line-height: 30px;
	color: var(--orange-text);
	text-decoration: none;	
	border-radius: 0;
	font-weight: 600;
	text-transform: uppercase;
}

.page-content.small-section-menu .section-button a:hover{
	color: darkorange;
}

.page-content.small-section-menu .section-button a.active{
	background: none;
	border-bottom: 1px solid var(--orange-text);
}

.page-content.small-section-menu .section-button a.active:hover{
	color: orange;
}

.page-content.small-section-content{
	border: 2px solid #023439;
	border-top: 0;
	width: 95%;
	margin-top: 0px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0 0 5px 5px;
}


/* home */
.background-video-2 {
    background-image: url(../img/home.jpg);
    background-size: cover;
    background-repeat: no-repeat;    
}
.erris-01 {
    background-image: url(../img/erris-01.svg);
    background-size: cover;
    background-repeat: no-repeat;   
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;    
}
.erris-02 {
    background-image: url(../img/erris-02.svg);
    background-size: cover;
    background-repeat: no-repeat;    
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;    
}
.base_color {
    position: relative;
    padding-bottom: 50px;
    background-color: var(--el-color);
}
.hr.orange {
    width: 100%;
    height: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: var(--orange-text);
}

.flex_row {
    display: flex;
    justify-content: center;
    text-align: center;
}
.flex_center {
    align-items: center;    
}
.box-col-6 {
    padding: 5%;
    flex-grow: 1;
    flex-basis: 0;    
}
.call-to-action {
    margin-top: 80px;
    margin-bottom: 40px;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .05);
}
.row-action {
    padding: 25px 50px;
    border-radius: 5px;
}
.white_heading {
    color: var(--white-text);
}
.btn-account {
    display: inline-block;
    margin-top: 17px;
    padding: 5px 10px;
    float: right;
    border-radius: 5px;
    background-image: -webkit-linear-gradient(0deg, #df4842, #ff8a70);
    background-image: linear-gradient(90deg, #df4842, #ff8a70);
    text-align: left;
}
.account.btn {
    padding-right: 40px;
    background-color: transparent;
    font-size: 18px;
}
.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
}

.btnred{
	background-color: var(--orange-text);
}

.white_heading.padtop {
    margin-top: 17px;
}
.grey_heading {
    margin-top: 10px;
    margin-bottom: 30px;
    color: var(--grey-text);
}
.btn-green {
    border-style: none;
    border-radius: 5px;
    background-color: #37b877;
    box-shadow: 0 0 0 5px rgba(55, 184, 119, .08);
    color: #fff;
    min-width: 150px;
    height: 38px;
}
.call-to-action .box-col-6 {
    padding: 0px;
}
.call-to-action h1 {
    text-align: left;
}
.box-col-3 {
    flex-basis: 33.3%;
}
.text-map {
    text-align: left;
    padding: 0px 50px;
}
/* footer */
.goog-te-gadget-simple {
    border: none!important;
    max-width: 200px;
    border-radius: 10px;
    padding: 11px!important;    
    background-color: var(--el-color)!important;
}
.goog-te-gadget {
    font-family: Inconsolata!important;    
}
.goog-te-gadget-simple .goog-te-menu-value {
    color: var(--white-text)!important;
}
img.goog-te-gadget-icon {
    background-image: url(../img/lang.svg)!important;
}
img.goog-te-gadget-icon {
    background-image: url(../img/lang.png)!important;
    background-size: 90%;
    background-position: center!important;
    background-repeat: no-repeat;
}
.goog-te-gadget-icon {
    width: 24px!important;
    height: 24px!important;
}
.goog-te-gadget-simple {
    display: flex!important;
    align-items: center;
}
.goog-te-menu-value {
    display: flex;
}
a.goog-te-menu-value span:first-child {
    flex: 0 0 150px;
}
.goog-te-gadget img:last-child {
    display: none!important;
}
/* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
    display: none!important;
}
/* Remove span with left border line | (next to the arrow) in Edge & IE11 */
a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
    display: none!important;
}
.white_text.spacer {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    text-align: left;
    margin-top: 10px;
}


.row_flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    justify-content: space-between;
}
.footer_stack.edgewidth {
    max-width: 150px;
    display: flex;
}
.icon_mail {
    display: inline;
    border: 1px solid #171820;
    border-radius: 10px;
    background-color: #212432;
    color: #fff;
}
.footer-logo {
    width: 100%;
    position: relative;
    display: block;
    height: 85px;
}
.footer_stack.edgewidth .box-col-4 {
    margin-right: 10px;
}
.white_text.footer {
    display: inline-block;
    margin-left: 13px;
    margin-bottom: 50px;
}

.footer_stack {
    width: 100%;
    position: absolute;
    bottom: 0;
}


/* auth sign in / redirect page lost password / token etc. */
.ceva{
    height: 65px;
    letter-spacing: 65px;
    padding: 0 40px;
    box-sizing: border-box;
    font-weight: bold;
    position: relative;
}
	.st0{fill:#2e78c5;}
	.st1{fill:transparent;}
	.st2{fill:transparent;}
	.st3{fill:var(--blue-btn);}
	.st4{fill:var(--blue-btn);}
.redirectResetPass svg {
    width: 65px;
}
/* GROUPcss auth sign in / redirect page lost password etc. */

.redirectResetPass {
    position: relative;
    text-align: center;
}
.redirectResetPass .scsInfo {
    background: var(--invi-color);
}


/* auth sign in / lost password etc. */
.athonWarning-pass {
    margin-bottom: 40px;
}
.spacerdiv {
    height: 50px;
}
.heading_title_staticpage {
    color: var(--white-text);
    font-size: 4rem;
    font-weight: bold;
    width: 100%;
    text-align: center;
    display: block;
}
.subtitle_staticpage {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 150%;
    text-align: center;
}
.icon_staticpage {
    position: relative;
    padding-top: 100px;
}

.static_wrapper {
    text-align: center;
    min-height: 100vh;
}
.wraplistNarrow {
    margin: 20px 0px;
}
.fingerprint {
    left: 0px;
    opacity: 0;
    stroke: rgba(82, 82, 82, 0.25);
    top: -22px;
    transition: opacity 1ms;
    position: absolute;
    margin: 0 auto;
    width: 100%;  
    opacity: 0.2;    
}
.fingerprint-active {
  stroke: var(--el-color);
}
.even.red, .odd.red {
  stroke: var(--orange-color);
}
.fingerprint-out {
  opacity: 1;
}
.odd {
  stroke-dasharray: 0px 50px;
  stroke-dashoffset: 1px;
  transition: stroke-dasharray 1ms;
}
.even {
  stroke-dasharray: 50px 50px;
  stroke-dashoffset: -41px;
  transition: stroke-dashoffset 1ms;
}
.fingerprint {
  opacity: 1;
  transition: opacity 300ms 200ms;
}
.fingerprint-base .odd {
  stroke-dasharray: 50px 50px;
  transition: stroke-dasharray 800ms 100ms;

}
.fingerprint-base .even {
  stroke-dashoffset: 0px;
  transition: stroke-dashoffset 800ms;
}
.fingerprint-active .odd {
  stroke-dasharray: 50px 50px;
  transition: stroke-dasharray 2000ms 1500ms;
        animation: stroke-width 3s infinite;
}
.fingerprint-active .even {
  stroke-dashoffset: 0px;
  transition: stroke-dashoffset 2000ms 1300ms;
  animation: stroke-width 3s infinite;
  animation-delay: 0.5s;
}
svg.fingerprint.fingerprint-active {
    position: absolute;
}
@keyframes stroke-width{
    0%{
        stroke-width: 2px;
    }
    50% {
        stroke-width: 0px;
    }
    100% {
        stroke-width: 2px;
    }
}

.WindowInput select::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity:0.4;
}

.WindowInput select:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity:0.4;
}

.WindowInput select::-ms-input-placeholder { /* Microsoft Edge */
  opacity:0.4;
}

.WindowInput input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity:0.4;
}

.WindowInput input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity:0.4;
}

.WindowInput input::-ms-input-placeholder { /* Microsoft Edge */
  opacity:0.4;
}
.WindowText {
    max-width: 80%;
    margin-top: 5px;
    margin-bottom: 45px;
    margin-left: auto;
    margin-right: auto;
}

.window_box {
    box-sizing: border-box;    
    margin-top: 50px;
    position: relative;
    display: block;
    width: 450px;
    /* height: 100%; */
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    border-style: solid;
    border-width: 2px;
    border-color: var(--invi-color);
    border-radius: 10px;
    background-color: var(--el-color);
}
.WindowInput input, .WindowInput select, .WindowInput textarea {
    border-style: none;
    border-width: 1px;
    border-color: rgba(223, 72, 66, .11);
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .05);
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: var(--white-text);
    vertical-align: middle;
    padding: 0px 0px 0px 10px; 
    outline: 0;
}
.WindowInput textarea{
	height: 200px;
}

.WindowInput option{
	color:black;
}

.WindowLabel {
    text-align: left;
    margin-bottom: 10px;
}

.WindowButton {
    cursor: pointer;
    display: block;
    font-family: Mark Pro;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 1    0px;
    padding: 15px;
    border-style: solid;
    border-color: rgba(66, 223, 72, .15);
    background-image: -webkit-linear-gradient(0deg, rgba(104, 223, 66, .25), rgba(1, 167, 54, .24));
    background-image: linear-gradient(90deg, rgba(104, 223, 66, .25), rgba(1, 167, 54, .24));
    -webkit-transition: background-color 200ms cubic-bezier(.755, .05, .855, .06);
    transition: background-color 200ms cubic-bezier(.755, .05, .855, .06);
    text-align: center;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .05);
    color: #fdfdfd;
    border-width: 1px;
    outline: 0;
}
.WindowButton:hover {
    border-color: rgba(66, 223, 72, .93);
    background-image: -webkit-linear-gradient(0deg, #68df42, #01a736);
    background-image: linear-gradient(90deg, #68df42, #01a736);
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.WindowButtonLink {
    position: absolute;
    right: 5px;
    bottom: -35px;
    opacity: 0.3;
}
.WindowButtonLink:hover {
    opacity: 1;
}
.WindowButtonLink a {
    color: var(--white-text);
    text-decoration: none;
}

.WindowButtonLink.pass-reset{
	position: relative;
	bottom: -10px;
	text-align: right;
	right: 0;
}

.icon {
    height: 18px;
    width: 18px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle; 
    background-size: cover;    
}

.icon-api {
    background-color: var(--orange-color);
    -webkit-mask: url(../img/icon-api.svg) no-repeat 50% 50%;
    -webkit-mask-size: 17px;
    mask: url(../img/icon-api.svg) no-repeat 50% 50%;
    mask-size: 17px;
}
.icon-attachment {
    background-color: var(--blue-btn);
    -webkit-mask: url(../img/attachment.svg) no-repeat 50% 50%;
    -webkit-mask-size: 17px;
    mask: url(../img/attachment.svg) no-repeat 50% 50%;
    mask-size: 17px;
}
.icon-plus {
    background-color: var(--white-text);
    -webkit-mask: url(../img/plus.svg) no-repeat 50% 50%;
    -webkit-mask-size: 10px;
    mask: url(../img/plus.svg) no-repeat 50% 50%;
    mask-size: 10px;
}
.icon-edit {
    margin-right: 10px;
    background-color: var(--white-text);
    -webkit-mask:  url(../img/edit.svg) no-repeat 50% 50%;
    -webkit-mask-size:16px;
    mask: url(../img/edit.svg) no-repeat 50% 50%;    
    mask-size:16px;    
}
.icon-tech {
    margin-right: 10px;
    background-color: var(--white-text);
    -webkit-mask:  url(../img/tech.svg) no-repeat 50% 50%;
    -webkit-mask-size:16px;
    mask: url(../img/tech.svg) no-repeat 50% 50%;    
    mask-size:16px;    
}
.icon-list {
    margin-right: 10px;
    background-color: var(--white-text);
    -webkit-mask:  url(../img/list.svg) no-repeat 50% 50%;
    -webkit-mask-size:16px;
    mask: url(../img/list.svg) no-repeat 50% 50%;    
    mask-size:16px;    
}
.icon-research {
    margin-right: 10px;
    background-color: var(--white-text);
    -webkit-mask:  url(../img/research.svg) no-repeat 50% 50%;
    -webkit-mask-size:16px;
    mask: url(../img/research.svg) no-repeat 50% 50%;    
    mask-size:16px;    
}
.icon-infrastructure {
    margin-right: 10px;
    background-color: var(--white-text);
    -webkit-mask:  url(../img/infra.svg) no-repeat 50% 50%;
    -webkit-mask-size:16px;
    mask: url(../img/infra.svg) no-repeat 50% 50%;    
    mask-size:16px;    
}
.icon-services {
    top: -2px;
    height: 21px;
    width: 21px;       
    margin-right: 5px;
    background-color: var(--orange-text);
    -webkit-mask:  url(../img/service_new.svg) no-repeat 50% 50%;
    -webkit-mask-size:18px;
    mask: url(../img/service_new.svg) no-repeat 50% 50%;    
    mask-size:18px;    
}
.icon-technological {
    top: -2px;
    height: 21px;
    width: 21px;       
    margin-right: 5px;
    background-color: var(--orange-text);
    -webkit-mask:  url(../img/technological.svg) no-repeat 50% 50%;
    -webkit-mask-size:18px;
    mask: url(../img/technological.svg) no-repeat 50% 50%;    
    mask-size:18px;    
}
.icon-equipment {
    top: -2px;    
    height: 21px;
    width: 21px;    
    margin-right: 5px;
    background-color: var(--orange-text);
    -webkit-mask:  url(../img/equipment.svg) no-repeat 50% 50%;
    -webkit-mask-size:20px;
    mask: url(../img/equipment.svg) no-repeat 50% 50%;    
    mask-size:20px;    
}
.icon-experts {
    top: -2px;    
    height: 21px;
    width: 21px;    
    margin-right: 5px;
    background-color: var(--orange-text);
    -webkit-mask:  url(../img/experts.svg) no-repeat 50% 50%;
    -webkit-mask-size:20px;
    mask: url(../img/experts.svg) no-repeat 50% 50%;    
    mask-size:20px;    
}
.icon-view {
    top: -1px;
    left: -2px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-text);
    -webkit-mask: url(../img/eye.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/eye.svg) no-repeat 50% 50%;
    mask-size: 20px; 
}
.icon-default-infra {
    margin-right: 10px;
    background: url(../img/default-infra.svg);
    background-color: #fff;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    top: 11px;
}
.icon-online {
    margin-right: 10px;
    background: url(../img/online.svg);
    width: 20px;
    height: 20px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-offline {
    margin-right: 10px;
    background: url(../img/offline.svg);
    width: 20px;
    height: 20px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-paperplain {
    top: -1px;
    left: -2px;
    height: 21px;
    width: 21px;
    background-color: var(--blue-btn);
    -webkit-mask: url(../img/paperplain.svg) no-repeat 50% 50%;
    -webkit-mask-size: 18px;
    mask: url(../img/paperplain.svg) no-repeat 50% 50%;
    mask-size: 18px;     
    top: 7px;
    left: auto;
    right: 18px;
    position: absolute;     
   
}
.icon-addemail {
    top: -1px;
    left: -2px;
    height: 21px;
    width: 21px;
    background-color: var(--blue-btn);
    -webkit-mask: url(../img/email.svg) no-repeat 50% 50%;
    -webkit-mask-size: 18px;
    mask: url(../img/email.svg) no-repeat 50% 50%;
    mask-size: 18px;
    top: 7px;
    left: auto;
    right: 18px;
    position: absolute;
}

.icon_staticpage i.icon.icon-lock {
    width: 65px;
    height: 65px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
}
.icon_staticpage i.icon.icon-welcome {
    width: 85px;
    height: 85px;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 15px;
}
.icon-welcome {
    background: url(../img/welcome.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.icon-arrow {
    background: url(../img/arrow.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.icon-lock {
    background: url(../img/forgot-password.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.icon-link {
    background: url(../img/get_a_link.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width: 16px;
}
.icon-info {
    background: url(../img/info.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
}
.icon-www {
    background: url(../img/www.svg) no-repeat;
    background-size: 100%;
    width: 25px;
    height: 20px;
    background-position: center;
}
.icon-visit {
    background: url(../img/smile.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:24px;
    height:24px;
}
.icon-rate {
    background: url(../img/rate.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:24px;
    height:24px;
}
.icon-emailOpen {
    background: url(../img/emailOpen.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:84px;
    height:84px;
    margin: 15px 0px;
}
.icon-tokenSuccess {
    background: url(../img/tokenCorrect.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:84px;
    height:84px;
    margin: 15px 0px;
}
.icon-passwordSuccess {
    background: url(../img/passwordSuccess.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:84px;
    height:84px;
    margin: 15px 0px;
}
.icon-success {
    background: url(../img/success.svg) no-repeat;
    background-size: 100%;
    margin-left: 10px;
    width:84px;
    height:84px;
    margin: 15px 0px;
}
.icon-updates {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-text);
    -webkit-mask: url(../img/updates.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/updates.svg) no-repeat 50% 50%;
    mask-size: 20px; 
}
.icon-user {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--grey-text);
    -webkit-mask: url(../img/experts.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/experts.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-admin {
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/lock-fill.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/lock-fill.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-chevron {
    top: 0px;
    left: 0px;
    height: 20px;
    width: 20px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/chevron.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/chevron.svg) no-repeat 50% 50%;
    mask-size: 20px;
    transform: rotate(90deg);    
}
.icon-org {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/org.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/org.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-filter {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/filter.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/filter.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-reply {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/reply.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/reply.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-contact {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/email-man.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/email-man.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-addman {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--blue-btn);
    -webkit-mask: url(../img/add-man.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/add-man.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-see {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/viewBtn.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/viewBtn.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-logout {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--grey-text);
    -webkit-mask: url(../img/dc.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/dc.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-dash {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--grey-text);
    -webkit-mask: url(../img/dash.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/dash.svg) no-repeat 50% 50%;
    mask-size: 20px;
}
.icon-search {
    position: absolute;
    top: 9px;
    right: 15px;
    height: 21px;
    width: 21px;
    background-color: var(--white-text);
    -webkit-mask: url(../img/search_darker.svg) no-repeat 50% 50%;
    -webkit-mask-size: 15px;
    mask: url(../img/search_darker.svg) no-repeat 50% 50%;
    mask-size: 15px;
}
.icon-login {
    position: relative;
    margin-right: 1px;
    margin-left: 5px;
    top: 0px;
    right: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--white-text);
    -webkit-mask: url(../img/project-role.svg) no-repeat 50% 50%;
    -webkit-mask-size: 15px;
    mask: url(../img/project-role.svg) no-repeat 50% 50%;
    mask-size: 15px;
}



/* GROUPcss management org first screen */
.userManagement img {
    border-radius: 24px;
}
.userManagement {
    background: var(--el-color);
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    width: 80px;
    height: 80px;
    padding: 10px;
    border-radius: 34px;
    background-color: #4e518270;
    box-shadow: 0 0 0 6px #a7b0c521;
}
.icon-userid {
    background: url(../img/userId.svg) no-repeat;
    background-size: 100%;
    width: 64px;
    height: 64px;
    top: 7px;
    left: 7px;
}
.manageProfile .horizontal-menu {
    max-width: 880px;
    margin: 0 auto;
    justify-content: space-evenly;
}
.backDash {
    opacity: 0.3;
    color: var(--white-text);
}
.backDash.al-left input {
    background: transparent;
    border: transparent;
    color: var(--white-text);
    font-size: 14px;
    cursor: pointer;
}
.backDash:hover {
    opacity: 1;
}
.messagebox {
    position: relative;
    margin-top: 38px;
    margin-bottom: -16px;
    padding: 20px 60px;
    border-radius: 10px;
    background-color: var(--el-color);
    
}
.white_text.text_center {
    display: block;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    opacity: 1;
    text-align: center;
}
.span-link {
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 4px;
    background-color: var(--orange-color);
    color: #fff;
    text-decoration: none;
}

.special-spacer {
    height: 50px;
    margin-top: 20px;
    background-image: url(../img/bg-dots.svg);
    background-position: 50% 50%;
    background-size: 1365px;
}
.manageSubFooter {
    position: relative;
    margin: 80px 0px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.al-left .icon-arrow {
    transform: scale(-1);
}
.wraplist {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 100px;
    clear: none;
}
.orange-span {
    color: var(--orange-color);
}
.checklisticon {
    position: absolute;
    left: 17px;
    top: 15px;
    right: 15px;
    bottom: 0px;
    display: block;
}
.line-chekclist {
    position: absolute;
    left: 86px;
    top: 8px;
    right: -28px;
    bottom: 2px;
    display: inline-block;
    width: 5px;
    height: 1px;
    margin-right: 8px;
    margin-bottom: 4px;
    clear: none;
    background-color: #505050;
    opacity: 1;
}
.checklist-text {
    display: inline-block;
    clear: none;
    color: var(--grey-text);
    font-size: 13px;
    text-align: left;
}


/* GROUPcss UserManageUI */

.org-descr.manage--narrowWindow {
    max-width: 70%;
    margin: 0 auto!important;
    padding: 0px!important;
    margin-bottom: 15vh;
}
/* GROUPcss first login */

.window_box.onboarding {
    width: 280px;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 0px;
    text-align: center;
    margin-bottom: 10vh;
}
.onboarding_img {
    text-align: left;
}
.white_heading.onboarding {
    margin-bottom: 40px;
}
.onboarding p {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.5;    
}
.dots {
    margin-top: 103px;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right: 10px;
    border-radius: 10px;
    background-color: #171820;
    cursor: pointer;
    position: relative;
}
.dot.active {
    display: inline-block;
    margin-right: 10px;
    background-color: #df4842;
}
.dot:after {
    content: "";
    background-color: transparent;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 20px;
    left: 0px;
    top: 0px;
    position: absolute;
    animation: fade 2s ease-in-out alternate infinite; 
}
.dot:nth-child(2)::after {
    animation-delay: 1s;
}
.dot:nth-child(3)::after {
    animation-delay: 2s;
}
@keyframes fade{
    from {
        opacity: 0;
    box-shadow: 0px 0px 0px 0px #ffffff;
    }to {
        opacity: 0.1;
    box-shadow: 0px 0px 0px 3px #ffffff;
    }
}

.controls {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.wrap {
    display: flex;
    width: 300%;
    transition: all 0.5s ease-out;
}

.slide {
    width: 33.33%;
    height: 450px;
    opacity: 0;
}

.input {
  display: none;
}

.input-1:checked ~ .controls .toggle-1,
.input-2:checked ~ .controls .toggle-2,
.input-3:checked ~ .controls .toggle-3 {
  background-color: var(--orange-color);
}
.input:checked ~ .wrap .current {
    opacity: 1;
    transition: 1s all ease-out;    
}

.input-1:checked ~ .wrap {
    transform: translate(0);
}

.input-2:checked ~ .wrap {
    transform: translate(-33.33%); 
}

.input-3:checked ~ .wrap {
    transform: translate(-66.66%);  
}

.booking {
    width: 120px;
}

.icon-booking {
    width: 100px;
    height: 140px;
    background-image: url(../img/booking.svg);
    background-size: 100%;
    margin-right: 5px;
    top: 3px;
    position: relative;
    background-position: 0px -17px;
}

.icon-connect {
    width: 150px;
    height: 150px;
    background-image: url(../img/connect.svg);
    background-size: 100%;
    margin-right: 5px;
    top: 23px;
    position: relative;
    background-position: 0px 0px;
}
.icon-you {
    width: 60px;
    height: 60px;
    margin-bottom: 40px;
    background-image: url(../img/eye.gif);
    background-size: 100%;
    margin-right: 5px;
    top: 23px;
    position: relative;
    background-position: 0px 0px;
}
.slider {
    overflow: hidden;
}

.static_wrapper .WindowInput span.Text{
	display: block;
	text-align: left;
	margin-bottom: 10px;
}

.search-columns.msg{
	border: 1px solid var(--item-color);
	border-radius: 10px;
	margin: 10px auto;
	padding: 10px;
}

.search-columns.msg label{
	color: orange;
	font-style: italic;
	font-size: 12px;
}

/*GroupCSS CHAT*/
.msg--wrapperSpacer {
    margin: 10px 0px 0px 0px;
}
.msg--linkAction {
    text-decoration: none;
    margin-right: 10px;    
}
.msg--btnAction:hover {
    filter: brightness(1.5);
}
.msg--btnAction {
    border: none;
    color: var(--white-text);
    font-family: Mark Pro, Open Sans, helvetica, calibri;
    font-weight: 500;
    vertical-align: middle;
    border-radius: 6px;
    background: var(--item-color);
    padding: 2px 10px;
    cursor: pointer;
    pointer-events: none;
}
.msg--postDate {
    width: 100%;
    display: block;
    font-size: 11px;
    color: var(--grey-text);
}
.msg-rowTitle-small {
    width: 100%;
    display: block;
    font-size: 12px;
    color: var(--grey-text);
    margin-top: 5px;
}
input:focus {
    outline: 0;
}
.mine .message-info {
    display: none;
}
.mine .stampDateMsg {
    text-align: right;
    margin-right: 37px;    
}
.stampDateMsg {
    font-size: 10px;
    color: var(--grey-text);
    margin-left: 40px;
}
.btnLoadMore {
    width: 200px;
    display: block;
    color: var(--white-text);
    line-height: 44px;
    cursor: pointer;
}
.msgAvatar {
    background-color: var(--el-color);
    padding: 7px;
    border-radius: 20px;
    width: 15px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    margin-right: 8px;
    position: relative;
    bottom: 0px;
    top: 5px;
}
.topChatTitle {
    color: var(--grey-text);
    text-align: center;
    width: 80%;
    display: block;
    position: relative;
    margin: 0 auto;
}
.topChatTitle:before {
    height: 1px;
    width: 30%;
    display: block;
    content: " ";
    background: var(--grey-border);
    position: absolute;
    left: 0;
    top: 10px;
}
.topChatTitle:after {
    height: 1px;
    width: 30%;
    display: block;
    content: " ";
    background: var(--grey-border);
    position: absolute;
    right: 0;
    top: 10px;
}
.msgHeader {
    text-align: center;
    color: var(--scrollbar-width);
    padding: 12px 0px;
    border-radius: 10px;
    max-width: 80%;
    margin: 0 auto;    
}
.detailsMsg {
    text-align: center;
    margin-bottom: 20px;
}
.mine .chatBubble {
    flex-direction: row-reverse;    
}
.chatBubble {
    display: flex;
    align-items: flex-end;    

}
.chat {
  width: 90%;
/*  border: 1px solid var(--item-color);*/
  padding: 10px;
  margin: 10px auto;
  border-radius: 10px;
  clear: both;
  overflow: hidden;
}

.message-item{
	clear: both;
}

.message{
	width: auto;
	margin-top: 30px;
    max-width: 40%;    
}

.mine {
  float: right;
}

.other {
  float: left;
}

.other .message-info{
	margin-left: 30px;
}

.message-content{
	padding: 8px 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}

.mine .message-content{
	border-radius: 15px 10px 1px 15px;    
	background:var(--blue-btn);
	background-attachment: fixed;
}
.messageType textarea {
    font-family: Mark Pro, Open Sans, helvetica, calibri;
    padding: 10px;
}
.responseBox {
    display: flex;
    position: relative;
    top: 40px;
}
.other .message-content{
    border-radius: 10px 15px 15px 1px;
    background-color: var(--el-color);
    color: #fff;
}
.mine .msgAvatar {
    margin-right: 0px!important;
    margin-left: 8px!important;
}
.message-info{
	padding-left: 10px;
	font-size: 11px;
	color: var(--grey-text);
}

.message-info label.who{
	color: var(--grey-text);
}


.msg-name-icon{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background: var(--green-btn);
	text-align: center;
	line-height: 25px;
	font-size: 10px;
}

.msg-name-icon label{
	text-transform: uppercase;
	font-weight: 500;
}

.other .msg-name-icon {
	background: #eee;
	color: #444;
}

.mine .msg-name-icon {
	background: #00D0EA;
	color: white;
}

.WindowRow{
	clear: both;
}
.WindowInput.messageType {
    width: 100%;
}
.WindowRow textarea.msg-txt{
    height: 200px!important;
    width: 100%;
    margin-bottom: 50px;
    box-sizing: border-box;
    padding-right: 120px;    
}

.WindowRow .chatBtn{
    margin-top: 0px;
    margin-bottom: 30px;
    position: absolute;
    width: 100px;
    margin-left: auto;
    right: 15px;
    top: 15px;
    bottom: 15px;
    font-size: 15px;
    height: 40px;
    background: var(--blue-btn);
    color: #fff;
    border: none;
    padding: 10px 10px;
    border-radius: 20px;
    cursor: pointer;
}

/*END CHAT*/


/* GROUPcss InfraManageUI */
/* GROUPcss InfraManageUI => InfraProfile */
.publicRow {
    background: #39565500!important;
    background-image: linear-gradient(90deg, rgb(87 119 167 / 57%), rgb(80 108 153 / 46%))!important;
}
.isPublic, .isNotPublic {
    flex-basis: 90%;
    background: var(--invi-color)!important;
    border: none!important;
    margin: 0px!important;
    padding: 10px 15px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    position: relative;  
    color: var(--white-text)!important;
}
.publishBtn {
    position: relative;
    width: 40px;
    height: 20px;
    display: block;
    background: var(--orange-color);
    margin-left: auto;
    border-radius: 20px;

}
.publishBtn input {
    font-size: 0px;
    border-radius: 20px;
    width: 40px;
    height: 20px;
    display: block;
    cursor: pointer;    
}
.btnMakePublic input{
    background: var(--orange-color);    
    box-shadow: inset 0px 0px 1px 0px #292c45;    
}
.btnHideInfra input {
    background: rgb(55, 191, 73)!important;
    box-shadow: inset 0px 0px 1px 0px #292c45;
}
.btnHideInfra .toggleBtn {
    right: 2px;
    left: auto;
}
.toggleBtn {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    background: white;
    border-radius: 40px;
    pointer-events: none;
}
.centerRow {
    text-align: center;
    margin-bottom: 20px;
}
.loaderPart {
    display: inline-block;
    background: var(--item-color);
    line-height: 20px;
    padding: 12px;
    border-radius: 10px;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
}
.activate {
  cursor: pointer;
  -webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .2s ease;
  transition: background .3s ease, box-shadow .3s ease, -webkit-transform .2s ease;
  transition: transform .2s ease, background .3s ease, box-shadow .3s ease;
  transition: transform .2s ease, background .3s ease, box-shadow .3s ease, -webkit-transform .2s ease;
}
.activate input {
    background: var(--invi-color);
    border: none;
}
.activate .loaderText {
    text-align: center;
    display: inline-block;
    height: 44px;
    position: relative;
    width: 200px;
    top: 0px;
    background: #333851;
    color: var(--white-text);
    border-radius: 10px;
    padding: 0px 12px;
    font-family: Mark Pro;
    cursor: pointer;
    margin-left: 4px;
    line-height: 44px;
}
.activate span {
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}
.activate span:before {
  content: '';
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: var(--item-color);
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: background .3s ease, -webkit-transform .3s ease;
  transition: background .3s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, background .3s ease;
  transition: transform .3s ease, background .3s ease, -webkit-transform .3s ease;
}
.activate span svg {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  z-index: 1;
}
.activate span svg:nth-child(1) {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  fill: none;
  margin: 0;
  stroke: #fff;
  stroke-width: 1px;
  stroke-dashoffset: 94.248;
  stroke-dasharray: 47.124;
}
.activate span svg:nth-child(2) {
  fill: #5628EE;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.activate span svg:nth-child(3) {
  fill: #5628EE;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.activate:hover span svg:nth-child(2) {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.activate:hover span svg:nth-child(3) {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.activate:active {
  -webkit-transform: scale(0.98);
          transform: scale(0.98);
}
.activate.loadingBtn span {
  background: none;
  -webkit-transition: background .1s ease .3s;
  transition: background .1s ease .3s;
}
.activate.loadingBtn span:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.activate.loadingBtn span svg:nth-child(1) {
  -webkit-animation: turn 1.6s linear infinite forwards, path 1.6s linear infinite forwards;
          animation: turn 1.6s linear infinite forwards, path 1.6s linear infinite forwards;
}
.activate.loadingBtn span svg:nth-child(2) {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.activate.loadingBtn span svg:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateY(0) scale(0.6);
          transform: translateY(0) scale(0.6);
}
.activate.loadingBtn ul {
  -webkit-transform: rotateX(90deg);
          transform: rotateX(90deg);
}
.activate.loadingBtn.done .loaderPart {
  background: #3FDC75;
  box-shadow: 0 4px 20px rgba(63, 220, 117, 0.15);
}
.activate.loadingBtn.done span {
  background: #fff;
  -webkit-transition: background .1s ease 0s;
  transition: background .1s ease 0s;
}
.activate.loadingBtn.done span:before {
  background: #3FDC75;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.activate.loadingBtn.done span svg:nth-child(1) {
  -webkit-animation: none;
          animation: none;
}
.activate.loadingBtn.done span svg:nth-child(3) {
  fill: #3FDC75;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.4s ease 0.25s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: opacity 0.4s ease 0.25s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease 0.25s;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.4s ease 0.25s, -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s;
}
.activate.loadingBtn.done ul {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.activate ul {   
  padding: 0;
  margin: 0;
  list-style: none;
  height: 44px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.activate ul li {
  --rotateX: 0deg;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: rotateX(var(--rotateX)) translateZ(10px);
          transform: rotateX(var(--rotateX)) translateZ(10px);
}
.activate ul li:nth-child(2) {
  --rotateX: -90deg;
}
.activate ul li:nth-child(3) {
  --rotateX: -180deg;
}

@-webkit-keyframes turn {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes turn {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes path {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes path {
  100% {
    stroke-dashoffset: 0;
  }
}
/* GROUPcss InfraManageUI */
/* GROUPcss InfraManageUI => infraItems */
.srv-content-row.srv-item {
    margin: 0px;
}

/* GROUPcss general */
.numeUserLabel {
    font-weight: bold;
    color: var(--white-text);
}
.nomargin {
    margin:0px!important;
}
/* */
/* @Alert input Box */
.falseSpace {
    
}
.inputLock {
    display: flex;
    flex-basis: 100%;
    position: relative;
}
.inputLock i {
    position: absolute;
    top: 10px;
    left: 0px
}
.inputLock span {
    padding-left: 35px!important;
    display: block;
}
.locked {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
}
.AlertText {
    position: absolute;
    top: 35px;
    font-size: 12px;
    color: var(--grey-text);
}
.AlertBox.locked {
    background: #494e6569!important;
}
.AlertBox {
    height: 60px!important;
    color: var(--white-text)!important;
    padding-bottom: 30px!important;
    padding-left: 35px!important;  
    margin: 0px;
}
.AlertBox a {
    color: var(--white-link);
    text-decoration: none;
}
.bigAlertBox {
    position: relative;
}
.AlertText strong {
    color: var(--orange-text);
}
.bigAlertBox .AlertText {
    position: absolute;
    font-size: 12px;
    color: var(--grey-text);
    bottom: 4px;
    top: auto;
    right: 0px;
    width: 100%;
    text-align: right;
    height: 30px;
    border-radius: 0px 0px 4px 4px;
    background: #292c45;
    padding-right: 20px;
    box-sizing: border-box;
}
/* */
/* @General rules */
.innercontainer-halfRow--top {
    flex-basis: 50%;
}
.innercontainer-fullRow--top {
    flex-basis: 100%;
}
.ManageBarUI {
    background-color: var(--el-color);
    position: relative;
    margin: 35px 50px!important;
    padding: 20px 15px;
    border-radius: 10px;
}
.null-button {
    background: transparent;
    border: transparent;
    line-height: 1;
}
.no-click {
    pointer-events: none;
}
.cancel-no-click .no-click{
	pointer-events: all;
}
.athon-overlay-overlay {
    background-color: rgb(0, 0, 0)!important;
    opacity: 0.9!important;
}
.athon-overlay-wait{
	background-color:var(--orange-color);
	position:fixed;
	top:0; 
	left:0;
	z-index:90000; 
	height:2px;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes light {
  0% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
   100% {
    opacity:1;
  }
}


.red1 {
  animation: light 2s infinite;
}

.red2 {
  animation: light 2s infinite 550ms;
}

.red3 {
  animation: light 2s infinite;
}

.red4 {
  animation: light 2s infinite 550ms;
}

.red5 {
  animation: light 2s infinite;
}

.red6 {
  animation: light 2s infinite 550ms;
}

.errisload {
  position:relative;
  color:#fff;
  display:block;
  font-family:Mark Pro;
  text-align:center;
  font-size:12px;
  left:-20px;
  top:10px;
  animation: light 2s infinite 350ms;
  width:100px;
}

/* GROUPcss organisation list */
.search-columns.no-click.container-search-hq {
    justify-content: start;
    margin-left: 44px;
}
.search-columns.no-click.container-search-infracount {
    justify-content: flex-end;
}
.search-columns.container-search-poza{
    align-items: flex-start;
    justify-content: flex-start; 
}
.search-item .infraPub{
	color: var(--white-text);
    font-size: 11px;
}
.search-item .infraHid{
	color: var(--white-text);
    font-size: 11px;    
}
input[type="button" i] {
    align-items:baseline;
}
span.hq {
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: bold;
    color: var(--orange-text);
}

label.hq{
	text-transform: uppercase!important;
    margin-right: 5px!important;
    font-weight: bold!important;
    color: var(--orange-text)!important;
}
.instOras {
    text-transform: capitalize;
    margin-right: 5px;
}

.instType{
	display: block;
	margin-top: 5px;
	text-transform: capitalize;
	color: var(--grey-text);
	font-size: 12px;
}

.instJudet {
    text-transform: capitalize;
    margin-right: 5px;
}
.instTara {
    text-transform: uppercase;
    margin-left: 5px;
}
.no-click.container-search-infracount {
    margin-left: 50px;
}
.horizontal-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.search-tab {
    background-color: var(--el-color);
    background-image: none;
    padding: 4px 16px;
    border-radius: 50px;
    color: var(--white-text);
    text-transform: uppercase;
    cursor: pointer;
    flex-basis: 18%;
    text-align: center;
    box-shadow: 0 0 0 4px var(--item-color);
}
.search-tab.active {
    background: var(--orange-color);
}
.search-tab.active i {
    background-color: var(--white-color);
} 
.search-tab.active input {
    color: var(--white-text);
    font-weight: bold;
}
.search-tab.active:hover input{
    color: var(--white-text);
}
.search-tab.active:hover i  {
    background-color: var(--white-text);
}
.search-tab:hover {
    background-color: var(--orange-text);
    color: var(--white-text);
}
.roundBtn {
    border: none;
    background-color: transparent;
    padding: 5px 6px;
    border-radius: 50px;    
    color: var(--white-text);
    text-transform: uppercase;
    cursor: pointer;  
    font-size: 12px;
}

.listBtn {
    flex-basis: 0;
    flex-grow: 1;
}
.section-list .search-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgba(32, 43, 51, .09);
    background-color: var(--el-color);
    box-shadow: none;
    position: relative;
}
.searchBtnLong {
    border: 1px solid #212432;
    border-radius: 5px;
    background-color: #212432;
    font-family: Inconsolata, monospace;
    color: var(--orange-text);
    height: 42px;
    width: 100%;
    padding-left: 10px;
    margin-bottom:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
    outline: 0;
}
.searchBtnShort {
    border: 1px solid #212432;
    border-radius: 5px;
    background-color: #212432;
    font-family: Inconsolata, monospace;
    /* color: #572525; */
    color: var(--orange-text);
    height: 42px;
    width: 100%;
    padding-left: 10px;
    margin-bottom:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
.btnSubmitShort {
/*    position: relative;*/
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid #212432;
    border-radius:5px;
    background-color: #171820;
    color: #fff;
    font-weight: 100;
    height: 42px;
    width: 100px;
    outline: 0;
    cursor: pointer;
}
.btnSubmit {
    font-family: Mark Pro;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    border: 1px solid var(--el-color);
    border-radius: 0px 5px 5px 0px;
    background-color: #171820;
    color: #fff;
    font-weight: 100;
    height: 42px;
    width: 100px;
    outline: 0;
}
.btnSubmit:hover, .btnSubmitShort:hover {
    background-color: var(--item-color);
}

.btnSubmit.btnMap{
	background-color: var(--item-color)!important;
	position: relative;
	margin-top: 0px!important;
}

.btnSubmit.btnMap:hover{
	background-color: #171820!important;
}
.inputFileLabel.add-person {
    max-width: 145px;  
    padding: 0px;
    position: relative;
}
.inputFileLabel.add-person input {
    background: transparent;
    margin-left: auto;
    border: none;
    display: inline-block;
    color: var(--blue-btn);
    font-weight: 600;
    vertical-align: middle;
    padding: 11px 45px 11px 28px;
    cursor: pointer;
}
.inputFileLabel.add-person:hover input{
    color: var(--white-color);
}
.inputFileLabel.add-person:hover i{
background-color: var(--white-color);
}

.inputFileLabel.add-person .icon-addman {
    top: 7px;
    left: auto;
    right: 18px;
    position: absolute;
}
.btn-zone-domain {
    margin-top: 19px;
}
/*GROUPcss static pages */

.DefaultCMS .RNI h2{
    color: #fff!important;
    font-size: 450%;
    text-align: center;
}
.DefaultCMS .RNI p, .DefaultCMS .RNI p {
    max-width: 960px;
    margin: 0 auto;
}
.DefaultCMS {
    min-height: 80vh;
    margin-top: 50px;
}
.DefaultCMS .RNI a {
    color: var(--orange-text)!important;
}

.DefaultCMS .RNI a.porto{
	color: orange!important;
}

.DefaultCMS .RNI strong, .DefaultCMS .RNI strong  {
    font-weight: bold;
    font-size: 20px;
    color: var(--orange-text);
}

/* GROUPcss infrastructure list */
.search-filter-zone {
    padding-bottom: 40px;
    text-align: center;
    width: 100%;
/*    flex-basis: 49%;*/
    max-height: 290px;
    position: relative;
}
.search-item.infra{
    position: relative;
	width: 47%;
	height: 250px;
	overflow: auto;
}
.infraList {
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-search-poza .stats-container{
	padding-top: 5px;
}

.container-search-poza .icon-default-infra {
    top: 2px;
}
.container-search-infra-name{
    margin-top: 15px;
}
.stat-wrapper {
    margin-right: 18px;
    height: 21px;
    display: table;
    max-width: 18%;
    color: var(--white-text);
}
.stat-wrapper label {
    color: var(--orange-text);
}
.container-search-infra-stats {
    display: flex;
    align-items: center;
    bottom: 0;
    position: relative;
    margin-bottom: 30px;
}

.container-search-poza label{
	color: var(--white-text);
    font-weight: bold;
	display: inline-block;	
}

.search-item.infra .name-link, .domain-item .name-link{
    margin-left: auto;
}

.search-item.infra .name-link:hover, .domain-item .name-link:hover {
    background: var(--orange-color);
}
.search-item.infra .name-link:hover i, .domain-item .name-link:hover i{
    background: var(--white-color);
}
.container-search-poza {
    display: none;
}
.collapse-title {    
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    clear: both;
    top: 6px;
    position: relative;
}
.link-org {
    color: var(--white-text);
    text-decoration: none;    
}
.link-org:hover {
    color: var(--orange-text);  
}
.container-search-hq {
    color: var(--grey-text);  
	margin-top: 10px;
	width: 100%;
	font-size: 12px;
/*    text-transform: lowercase;*/
}
.container-search-hq::first-letter {
    text-transform: uppercase;
}

.selectize-input.full {
    background-color: var(--el-color)!important;
    color: var(--white-text)!important;
    border-color: var(--edit-color)!important;
    height: 48px;
    outline: 0;
}
.search-filter-zone .selectize-control{
    outline: 0;
    
}
.selectize-input.focus {
    border-color:none!important;
    outline: 0;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.selectize-control.single .selectize-input:after {
    border-color: var(--white-text) transparent transparent transparent!important;
}
.selectize-control.single .selectize-input.dropdown-active:after {
    border-color: transparent transparent var(--white-text) transparent!important;
}

.selectize-dropdown, .selectize-dropdown.form-control {
    height: auto;
    padding: 0;
    margin: 2px 0 0 0;
    position: absolute !important;
    z-index: 8!important;
    background: var(--bg-header)!important;
    color: var(--white-text);
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: none;
}
.search-filter-zone .selectize-input, .search-filter-zone .selectize-dropdown-content .option{
	color: var(--white-text);
	text-align: left;
	font-size: 14px;
}

.search-filter-zone .form-control{
    padding: 10px 0px 10px 10px;
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    background-color: var(--el-color);
    color: var(--grey-text);
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 5px;
    height: 42px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
.selectize-control input{
    visibility: visible;
}
.search-collapse input{
    visibility: hidden;
}
*/

.selectize-dropdown-content:after {
    padding: 5px 0;
    background: linear-gradient(180deg, rgba(2,0,36,0) 50%, var(--el-color) 100%);
    z-index: -1;
    content: " ";
    position: absolute;
    width: 100%;
    height: 95%;
    top: 0;
    left: 0;
    border-radius: 3px;
    pointer-events: none;
}
.search-columns {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.no-scroll::-webkit-scrollbar {display:none;}
.no-scroll::-moz-scrollbar {display:none;}
.no-scroll::-o-scrollbar {display:none;}
.no-scroll::-google-ms-scrollbar {display:none;}
.no-scroll::-khtml-scrollbar {display:none;}



/* GROUPcss infrastructure frontend search list */
.file-public { 
    margin-top: 35px;
}

.file-public .container-search-infracount {
    text-align: right;
}
.file-public a {
    background-color: transparent!important;
}
.map-container {
    display: flex;
    flex-wrap: wrap;
}
.harta {
    flex-basis: 100%;
}
.map-info-container {
    flex-basis: 30%;
    width:30%;
    right: 0;
    position: absolute;
    max-height: 525px;
    overflow-y: scroll;
}

.scroll::-webkit-scrollbar {
    width: 5px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #333852;
}
.map-info-container .map-info-text{
	padding: 10px;
}

.map-list-box .tablePages{
	padding: 5px 10px;
	font-size: 13px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.map-item-box {
    color: var(--white-text);
    background: var(--bg-header);
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 15px 10px;
}
/*
.map-item-box {
    color: #171820;
    background: #fafaf8;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 15px;
    padding: 15px 10px;
    box-shadow: 0px 0px 11px -7px #5071c8;
}
*/
.map-search-item {
    font-size: 11px;
}
.map-org-name label {
    font-size: 11px;
}
.map-list-box .right-top-row{
	margin-bottom: 10px;
	overflow: hidden;	
}

.map-list-box .infra-name{
	clear: both;
}

.map-list-box .map-item-box .infra-name{
	margin: 0;
	max-width: 100%;
}

.map-list-box .map-item-box .infra-name a{
	color: white;
	font-weight: 600;
	text-decoration: none;	
	display: inline-block;
	font-size: 13px;
}

.map-list-box .map-item-box:hover .infra-name a{
	color: #ff7575;
}

.map-list-box .map-item-box .org-name{
	color: #aaaaaa;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.lista-google a {
    display: block;
    background: url(../img/google_link.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    width: 120px;
    height: 20px!important;
    background-repeat: no-repeat;
    float: right;
    background-position: 113px 2px;
    font-size: 11px;
    line-height: 20px;
    border: 1px solid #355559;
	padding: 1px 5px;
	border-radius: 4px;
	color: #53a9ff;
	text-decoration: none;
	font-weight: 400;
}
.map-info-container .name-link {
font-size: 0px;
    margin-right: 0;
    margin-left: auto;
    border: 1px solid #1718202e;
    color: var(--grey-border);
    border-radius: 4px;
    text-decoration: none;
    height: 25px;
    display: inline-block;
    width: 40px;
    padding: 0px;
    line-height: 27px;
    text-align: center;
}
.map-info-container .name-link:hover {
    background: var(--el-color);
    border: 1px solid var(--el-color);
}
.map-info-container .icon {
    margin: 0px;
    background-color: var(--white-text);
}
.container-href-name {
    color: var(--white-link);
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.container-href-name:hover {
    color: var(--orange-color);
}
.map-org-name label {
    display: block;
    margin: 10px auto;
    color: var(--grey-text);
}
.resetList {
    width: 100%;
    margin-bottom: 10px;
    background: var(--orange-color);
    color: var(--white-text);
    border: none;
    padding: 8px 0px;
    border-radius: 10px;
}

/* GROUPcss Organization profile */
.public-profile .org-descr, .public-search .org-descr{
    background-color: var(--el-color);
    position: relative;
    margin-top: 18px;
    margin-bottom: -16px;
    padding: 20px 15px;
    border-radius: 10px;
}
.section-content-admin select{
    width: 100%!important;
    height: 45px;
}
.public-profile .field-title, .public-search .field-title {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	margin-top: 5px;
	text-transform: uppercase;
	color: var(--grey-text);
}

.al-right{
	text-align: right;
	padding-right: 5px;
}

.public-profile .org-descr textarea, .public-profile .org-descr input[type="text"], .public-profile .org-descr input[type="file"], .public-profile .org-descr select, .public-search .org-descr textarea, .public-search .org-descr input[type="text"], .public-search .org-descr input[type="file"], .public-search .org-descr select
{
	padding: 10px;
    font-family: Mark Pro;
    border-radius: 5px;
    font-size: 14px;
    border: 0;
    background: var(--item-color);
    color: var(--white-text);
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    resize: none;
}

.backend select.form-control, .select-search.form-control{
	width: auto;	
}

.public-profile .org-descr .selectize-input, .register-selectize .selectize-input{
	background: var(--el-color)!important;
	color: var(--white-text)!important;
	padding: 10px!important;
    font-family: Inconsolata, monospace!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    border: 0!important;
    height: auto!important;
    margin-bottom: 15px;
}

.register-selectize .selectize-input{
	background: hsla(0, 0%, 100%, .05)!important;
	color: var(--white-text)!important;
	padding: 10px!important;
    font-family: Inconsolata, monospace!important;
    border-radius: 5px!important;
    font-size: 14px!important;
    border: 0!important;
    height: auto!important;
    margin-bottom: 15px;
}

.WindowInput .selectize-input input{
	height: auto;
	
	text-align: left;
	
}

.WindowInput .selectize-input .item{
	
	
	text-align: left;
	
}

textarea.text-count{
	margin-bottom: 0px!important;
}

.count-char{
    color: var(--grey-text);
    text-align: right;
    font-size: 13px;
    width: 100%;
}

.count-char label, .count-char strong{
	color: var(--orange-text);
}

.selectize-dropdown-content .option{
	font-family: Inconsolata, monospace;
}

.public-profile .org-descr textarea, .public-search .org-descr textarea{
	height: 200px;
    box-sizing: border-box;
    padding-bottom: 40px;
}

.public-profile .org-descr select, .public-search .org-descr select{
	min-width: 200px;
	width: auto;
}

.read-more-front {
    width: 30px;
    height: 30px;
    z-index: 2;
    position: absolute;
    background-color: var(--edit-color);
    -webkit-mask: url(../img/viewBtn.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/viewBtn.svg) no-repeat 50% 50%;
    mask-size: 20px;
    left: 0; 
}

.read-more:hover{
	background-color: var(--orange-color);
}
.read-more:hover .read-more-front{
	background-color: var(--white-color);
}
.read-more {
    display: block;
    text-align: center;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    background: #fff;
    position: relative;
    cursor: pointer;
    margin: 0 auto;  
}
.page-content-profile {
    display: flex;
}

.page-content-profile .container-search-poza {
    display: block;
    flex-basis: 50px;
}
.public-profile .container-search-name{
	padding-left: 20px;
	line-height: 15px;
	text-transform: none;
    text-align: left;
    flex-basis: auto;
    margin-right: 10px;
}

.public-profile .container-search-infracount label, .public-profile .container-search-infracount a{
	display: inline-block;
/*	border-left: 2px solid var(--grey-border);*/
	color: var(--orange-text);
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 500;
	text-decoration: none;
}

.category-list-public{
	
}

.category-list-public .category-item-public{
	display: inline-block;	
	margin-right: 10px;
	margin-top: 10px;
} 

.category-list-public .category-item-public .category-item-public-bck{
	background-color: var(--orange-text);
	color: var(--el-color);
	padding: 2px 5px;
	border-radius: 5px;
	font-weight: bold;
}

.category-list-public .category-item-public .category-item-public-bck.green{
	background-color: var(--green-btn);
}

.category-list-public .category-item-public .category-item-public-bck.blue{
	background-color: var(--blue-btn);
}

.container-manager{
    font-size: 14px;
	line-height: 30px;	
	text-transform: uppercase;
    color: var(--white-text);
    font-weight: bold;
    margin: 0px;
    margin-left: auto;
}
.profile-bar {
    margin-top: 35px;
    padding: 10px 15px;
    border-style: none;
    border-width: 0px;
    border-color: rgba(59, 65, 90, .28) rgba(59, 65, 90, .28) rgba(110, 138, 255, .28);
    border-radius: 10px;
    background-color: var(--el-color);
    box-shadow: 0 0 0 5px rgba(33, 36, 50, .25);
    align-items: center;
    justify-content: flex-start;    
}
.public-profile .container-search-infracount{
	line-height: 30px;	
    flex-basis: 30%;
}
.nume-inst-link {
    color: var(--white-link)!important;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: block;
}
.container-org-details {
    margin-left: 25px;
}
.container-org-details label {
    display: block;
}
.instEmail {
    display: inline-block;
    color: var(--orange-text);
    font-weight: 500;
    margin-top: 15px;
}
.instAdresa label {
    display: inline-flex;
}
.header-card {
    display: flex;
    justify-content: space-between;
}
.public-profile .org-descr{
	color: var(--white-text);
}
.search-columns-coord {
    position: absolute;
    bottom: 0;
    display: flex;
    text-align: left;
}

.container-coord-avatar {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.container-coord-avatar img {
    border-radius: 100%;
}
.container-org-name {
    margin: 15px 0px;
    font-family: inherit;
}
.last-name {
    text-transform: uppercase;
}
.container-coord-name {
    line-height: 2;
}
.public-profile .logo-container{
	display: block;
	margin-bottom: 10px;
}
.public-profile .logo-container img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
}

.public-profile .org-name{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
}
.page-profile-header {
    text-align: center;
    margin: 40px 0px 10px 0px;
}
.public-profile .short-link .link{
	display: inline-block;
    vertical-align: middle;
	font-weight: 300;
    color: var(--white-text);
}
.link span.orange {
    color: var(--orange-text);
    text-transform: uppercase;
}

.link a.orange {
    color: var(--orange-text);
    text-transform: uppercase;
    text-decoration: none;
}

.page-content-profile.section-section-menu {
    background: var(--el-color);
    margin-top: 40px;    
}
.section-button {
    flex-basis: 50%;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 20px;    
}
.section-button.active {
    background: var(--item-color);
}

.org-pub .section-button.active {
	border-bottom: 1px solid var(--orange-text);
}

.ppage-content-profile .search-filter-zone {
    flex-basis: 100%;
    flex-wrap: wrap;
}

.ppage-content-profile .search-item.infra {
    width: 30%;
}
.manage-buttons{
	clear: both;
	float: right;
	margin-top:20px;
}
.manage-buttons div{
	display: inline-block;
	line-height: 2;
}

.icon-del-infra {
    top: -2px;
    left: 0px;
    height: 13px;
    width: 13px;
    background-color: var(--grey-border);
    -webkit-mask: url(../img/delete-red.svg) no-repeat 50% 50%;
    -webkit-mask-size: 13px;
    mask: url(../img/delete-red.svg) no-repeat 50% 50%;
    mask-size: 13px; 
}
.icon-moveup {
    top: -2px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--green-btn);
    -webkit-mask: url(../img/up-arrow-svgrepo-3.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/up-arrow-svgrepo-3.svg) no-repeat 50% 50%;
    mask-size: 21px; 
}
.icon-movedown {
    top: -2px;
    left: 0px;
    height: 21px;
    width: 21px;
    background-color: var(--green-btn);
    -webkit-mask: url(../img/down-arrow-svgrepo-3.svg) no-repeat 50% 50%;
    -webkit-mask-size: 20px;
    mask: url(../img/down-arrow-svgrepo-3.svg) no-repeat 50% 50%;
    mask-size: 21px; 
}

.icon-moveup:hover, .icon-movedown:hover{
	background-color: var(--orange-color);
}
.icon-trash {
    top: 0px;
    left: 0px;
    height: 21px;
    width: 21px;
    opacity: 0.8;
    background-color: var(--orange-color);
    -webkit-mask: url(../img/delete-red.svg) no-repeat 50% 50%;
    -webkit-mask-size: 13px;
    mask: url(../img/delete-red.svg) no-repeat 50% 50%;
    mask-size: 13px; 
}
.icon-del-infra:hover {
    background-color: var(--orange-color);
}
.back_btn {
    display: block;
    position: relative;
}
.no-event {
    pointer-events: none;
}
.map-section {
    position: relative;
}
/*GROUPcss infra pages */

.rowName {
    margin-left: 20px;
}
.visits, .reviews {
    font-size: 18px;
    line-height: 24px;
    margin: 0px 20px;    
}
.stats-area .menu__icon{
	 float: right; 
}
.infra-items-expand {
    margin-top: 7px;
    padding: 10px 15px;
    border-style: none;
    border-width: 0px;
    border-radius: 3px;
    background-color: var(--el-color);
    line-height: 30px;
    border: 1px solid;
    border-color: #28292e;
}

.infra-items-expand a{
	color: var(--orange-text);
}

.page-content.srv-list-title{
    background: var(--white-color);
    color: #171820;
    text-align: left;
    font-weight: 700;
    margin-top: 40px;
    border-radius: 5px 5px 0 0;
    padding: 20px;
}
.infra-items-expand:first-child {
    margin-top: -19px;
}
.athon-collapse-collapsible:after {
    content: " ";    
}
.athon-collapse-collapsible:after {
    content: " ";    
}
.athon-collapse-collapsible::before  {
    content: ' ';
    height: 18px;
    width: 18px;
    background-color: var(--white-text);
    -webkit-mask: url(../img/eye.svg) no-repeat 50% 50%;
    -webkit-mask-size: 15px;
    mask: url(../img/eye.svg) no-repeat 50% 50%;
    mask-size: 15px;
	background-repeat: no-repeat;
	display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.athon-collapse-active::before   {
    content: ' ';
    height: 18px;
    width: 18px;
    background-color: var(--orange-text);
    -webkit-mask: url(../img/eye.svg) no-repeat 50% 50%;
    -webkit-mask-size: 15px;
    mask: url(../img/eye.svg) no-repeat 50% 50%;
    mask-size: 15px;
	background-repeat: no-repeat;
	display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.infra-items-expand .athon-collapse-collapsible::before {
    content: ' ';
    height: 18px;
    width: 18px;
    background-color: var(--white-text);
    -webkit-mask: url(../img/chevron.svg) no-repeat 50% 50%;
    -webkit-mask-size: 15px;
    mask: url(../img/eye.svg) no-repeat 50% 50%;
    mask-size: 15px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    right: -14px;
    top: 6px;    
}
.content.athon-collapse-content-active{
	padding: 15px;
    
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 14px;
/*	background-color:var(--item-color);*/
}

.content.athon-collapse-content-active .form-control{
	width: 30%;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	border: 1px solid #cccccc;
	background-color: #fff;
}

.content.athon-collapse-content-active .btnSubmit{
	width: 200px;
	border-radius: 5px;
	margin-top: 30px;
	
}
.athon-collapse-content-active {
    transition: opacity 0s;
}

.sub-title {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
}
.infraInfo {
    color: var(--grey-text);
}
.goToLogin {
    color: var(--orange-text);
}
.athon-collapse-active label {
    color: var(--orange-text);
}
.athon-collapse-collapsible label {
    cursor: pointer;
}
.athon-collapse-collapsible {
    position: relative;
}

.scsInfo{
	background-color: #37b877;
	color: var(--white-text);
	border-radius: 5px;
	padding: 10px;
	margin: 10px auto;
    text-align: center;
} 

.scsErr{
	background-color: var(--orange-text);
	color: var(--white-text);
	border-radius: 5px;
	padding: 10px;
	margin: 10px auto;
    text-align: center;
}

.scsWarn{
	background-color: var(--orange-text);
	color: var(--white-text);
	border-radius: 5px;
	padding: 10px;
	margin: 10px auto;
	text-align: center;
}

.org-descr .inputFile input[type="file"]{
	margin-bottom: 0;
}

.org-descr .inputFile a{
	text-decoration: none;
	color: var(--orange-text);
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*Groupcss DefaultLogged */
.manager-module-module-org-erris-app-msg-manageYourMsg {
    background: url(../img/feedback.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-app-msg-manageYourMsg{
    background: url(../img/feedback_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}

.manager-module-module-org-erris-user-changePassword {
    background: url(../img/passwordDash.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-user-changePassword{
    background: url(../img/passwordDash_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}
.manager-module-module-org-erris-app-firstLogIn {
    background: url(../img/onboardDash.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-app-firstLogIn{
    background: url(../img/onboardDash_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}
.manager-module-module-org-erris-app-userProfile {
    background: url(../img/profileEditDash.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-app-userProfile{
    background: url(../img/profileEditDash_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}
.manager-module-module-org-erris-app-manageInfras {
    background: url(../img/infraDash.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-app-manageInfras{
    background: url(../img/infraDash_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}
.manager-module-module-org-erris-app-manageOrgs {
    background: url(../img/organisationDash.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;
}
.wrapperDash:hover .manager-module-module-org-erris-app-manageOrgs{
    background: url(../img/organisationDash_animated.svg) no-repeat 50% 50%;
    background-size: 55px;
    background-position: center 20px;    
}


@keyframes sms_0 {
    0% {
        transform: translate(20px, 19px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    31.5789% {
        transform: translate(20px, 16px);
    }
    47.3684% {
        transform: translate(20px, 19px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    63.1578% {
        transform: translate(20px, 19px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    78.9473% {
        transform: translate(20px, 11px);
    }
    100% {
        transform: translate(20px, 11px);
    }
}

@keyframes sms_2 {
    0% {
        transform: rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    31.5789% {
        transform: rotate(-6.091444deg) translate(-11px, -9.65px);
    }
    47.3684% {
        transform: rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    100% {
        transform: rotate(0deg) translate(-11px, -9.65px);
    }
}

@keyframes sms_3 {
    0% {
        transform: translate(20px, 19px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    31.5789% {
        transform: translate(20px, 16px);
    }
    47.3684% {
        transform: translate(20px, 19px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    63.1578% {
        transform: translate(20px, 15px);
    }
    100% {
        transform: translate(20px, 15px);
    }
}

@keyframes sms_4 {
    0% {
        transform: rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    31.5789% {
        transform: rotate(-6.091444deg) translate(-11px, -9.65px);
    }
    47.3684% {
        transform: rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    100% {
        transform: rotate(0deg) translate(-11px, -9.65px);
    }
}

@keyframes sms_5 {
    0% {
        transform: translate(20px, 19px) rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    31.5789% {
        transform: translate(20px, 16px) rotate(-6.091444deg) translate(-11px, -9.65px);
    }
    47.3684% {
        transform: translate(20px, 19px) rotate(0deg) translate(-11px, -9.65px);
        animation-timing-function: cubic-bezier(0.175, 0.605, 0.295, 1);
    }
    100% {
        transform: translate(20px, 19px) rotate(0deg) translate(-11px, -9.65px);
    }
}

@keyframes smsOval_1 {
    0% {
        transform: translate(6px, 9px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    }
    10.5263% {
        transform: translate(6px, 6px);
    }
    15.7894% {
        transform: translate(6px, 6px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    }
    26.3157% {
        transform: translate(6px, 9px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    }
    52.6315% {
        transform: translate(6px, 9px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    }
    63.1578% {
        transform: translate(6px, 6px);
    }
    68.421% {
        transform: translate(6px, 6px);
        animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
    }
    78.9473% {
        transform: translate(6px, 9px);
    }
    100% {
        transform: translate(6px, 9px);
    }
}

@keyframes smsOval_2 {
    0% {
        transform: translate(11px, 9px);
    }
    10.5263% {
        transform: translate(11px, 9px);
    }
    21.0526% {
        transform: translate(11px, 6px);
    }
    26.3157% {
        transform: translate(11px, 6px);
    }
    36.8421% {
        transform: translate(11px, 9px);
    }
    63.1578% {
        transform: translate(11px, 9px);
    }
    73.6842% {
        transform: translate(11px, 6px);
    }
    78.9473% {
        transform: translate(11px, 6px);
    }
    89.4736% {
        transform: translate(11px, 9px);
    }
    100% {
        transform: translate(11px, 9px);
    }
}

@keyframes smsOval_3 {
    0% {
        transform: translate(16px, 9px);
    }
    21.0526% {
        transform: translate(16px, 9px);
    }
    31.5789% {
        transform: translate(16px, 6px);
    }
    36.8421% {
        transform: translate(16px, 6px);
    }
    47.3684% {
        transform: translate(16px, 9px);
    }
    73.6842% {
        transform: translate(16px, 9px);
    }
    84.2105% {
        transform: translate(16px, 6px);
    }
    89.4736% {
        transform: translate(16px, 6px);
    }
    100% {
        transform: translate(16px, 9px);
    }
}
 

.dashboard {
    position: relative;
    min-height: calc(100vh - 60px);
}
.areaGateBtnLeft {
    max-width: 960px;
    margin: 0 auto;
    margin: 5vh auto;
}
.linkManager {
    color: var(--white-text);
    text-decoration: none;
    width: 100%;
    height: 100%;
    line-height: 100px;
    position: relative;
    display: block;
}
.divManager {
    height: 100%;
    line-height: 14;    
    transform: matrix(0.98, 0, 0, 1, 0, 4);
    transition: 400ms all cubic-bezier(0.36, 2.85, 1, 1);
}
.linkManager:hover .divManager{
    color: var(--orange-text);   
    transform: matrix(0.98, 0, 0, 1, 0, 0);    
}

.linkManager:hover .divManager::before{
    background-color: var(--orange-color)!important;
}
.areaGateBtnLeft table {
    margin: 50px auto;
}
.areaGateBtnLeft tr {
    display: flex;
    align-content: center;
    justify-content: space-around;
}
.areaGateBtnLeft table td {
    height: 250px;
    width: 250px;
    position: relative;
}
.btnGateNomenclator, 
.btnGateManagement,
.btnGateLogin {
    height: 100%;
}
.btnGoTo {
    height: 40px;
/*  .wrapperDash:hover .btnGoTo {
    background: var(--orange-color);
    transition: 250ms all cubic-bezier(0.71, 1.29, 1, 1);
}border: 1px solid var(--white-text);*/
    background: var(--blue-btn);
    color: var(--white-text);
    border-radius: 25px;
    bottom: 108px;
    position: absolute;
    line-height: 40px;
    bottom: 30px;
    left: auto;
    pointer-events: none;
    right: auto;
    width: 50%;
    transform: translateX(50%);
    text-align: center;
}
.wrapperDash:hover .btnGoTo {
    background: var(--orange-color);
    transition: 250ms all cubic-bezier(0.71, 1.29, 1, 1);
}
.moduleAdvertise {
    height: 100%;
}

.wrapperDash {
    position: relative;
    height: 100%;
/*
    background: var(--el-color);  
    border: 1px solid var(--edit-color);
    box-shadow: 0px 0px 9px -5px #757c850f;     
*/
    border-radius: var(--border-small);   
}
.wrapperDash:hover {
    background: #dce1f70a;    
}
.wrapperDash svg {
    position: relative;
    top: 25px;
    fill:#fff;
}
.btnProfileManage {
    height: 100%;
}
.wrapperDash .manageSvgLeft,
.wrapperDash .manageSvgRight
{
    transform-origin: center;   
    transform: matrix(1, 0, 0, 1, 0, 0);    
}
.btnGateManagement:hover .manageSvgLeft {
    transform: matrix(1, 0, 0, 1, 0, 0);
    animation: pushLeft 1s cubic-bezier(.18, 1.29, .74, 1.26) alternate infinite;
}
.btnGateManagement:hover .manageSvgRight {
    animation: pushRight 1s cubic-bezier(.18, 1.29, .74, 1.26) alternate infinite;
}
svg.dashSvg {
    width: 40px;
    height: 40px;
    fill:#fff;
}

.wrapperDash:hover .dashSvg {
    transform: scale(1.2);
    transition: 500ms all cubic-bezier(0.37, 1.76, 0.99, 1.39);
}
.wrapperDash:hover .manageSvg {
    transform: scale(1.2);
    transition: 500ms all cubic-bezier(0.37, 1.76, 0.99, 1.39);
}

.wrapperDash:hover .firstLeg{
    animation: draw 2s cubic-bezier(0.46, 1.77, 1, 1) alternate infinite;

}
.wrapperDash:hover .secondLeg{
    animation: draw 2s cubic-bezier(0.46, 1.77, 1, 1) 200ms alternate infinite;

}
.wrapperDash:hover .thirdLeg{
    animation: draw 2s cubic-bezier(0.46, 1.77, 1, 1) 350ms alternate infinite;
}

.wrapperDash:hover .thirdLeg{
    animation: draw 2s cubic-bezier(0.46, 1.77, 1, 1) 350ms alternate infinite;
}
.btnGateNomenclator:hover .dashSvg{
    animation: wiggle 2s cubic-bezier(0.46, 1.77, 1, 1) 350ms alternate infinite;
}
.dashUpdates--notice svg .wifi-signal-l3{
    animation: pulse 2s cubic-bezier(.69, 1.23, 1, 1) 0s alternate-reverse infinite;
}
.dashUpdates--notice svg .wifi-signal-l4, .dashUpdates--notice svg .wifi-signal-l5 {
    animation: pulse 2s cubic-bezier(.69, 1.23, 1, 1) 500ms alternate-reverse infinite;
}
.dashUpdates--notice svg .wifi-signal-l1, .dashUpdates--notice svg .wifi-signal-l2{
    animation: pulse 2s cubic-bezier(.69, 1.23, 1, 1) 1s alternate-reverse infinite;
}


.dashBtn--description {
    position: absolute;
    left: 50%;
    right: auto;
    transform: translate(-50%);
    width: 200px;
    top: 120px;
    margin: 0 auto;
    font-weight: 100;
    font-size: 12px;
    color: var(--white-text);
    display: block;
    pointer-events: none;
}
.updatesNews {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    bottom: 20px;
    left: 0;
    right: 0;
}
.dashUpdates--notice {
    position: relative;
    display: inline-block;
    background: var(--el-color);
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 12px;
}
.dashUpdates--notice span {
    padding: 0px 20px;
    margin-left: 5px;
    line-height: 1.5;
}
.dashUpdates--notice svg {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 5px;
    left: 10px;
    margin-right: 3px;
    fill: var(--color-accent);
}

@keyframes draw {
   from {
    fill-opacity: 1;
    }
   to {
    fill-opacity: 0.2;
  }
}

@keyframes squish {
   from {
    transform: translate3d()
    }
   to {
    fill-opacity: 0.2;
  }
}


@keyframes wiggle {
  0% {

  }
  40%, 50%, 60%, 70%, 80% {
    transform: rotate(10deg);
  }
  45%, 55%, 65%, 75%, 85% {
    transform: rotate(-10deg);
  }
  85%, 100% {
    transform: rotate(0);
  }
}

@keyframes pushLeft {
   from {

    }
   to {
    transform: matrix(1, 0, 0, 1, 9, 0) rotate(-5deg);
  }
}
@keyframes pushRight {
   from {

    }
   to {
    transform: matrix(1, 0, 0, 1, -9, 0) rotate(5deg);
  }
}
@keyframes pulse {
   from {
     opacity: 1;   
    }
   to {
     opacity: 0.05;
  }
}

/* Groupcss Header logged user */

.dropdown {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
    -webkit-box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 0 1px rgba(136,152,170,.1), 0 15px 35px 0 rgba(49,49,93,.1), 0 5px 15px 0 rgba(0,0,0,.08);
    top: 80px;
    position: absolute;
    width: calc(100% + 100px);
    background-color: #f6f9fc;
    border: 1px solid #fbfbfb;
    display: none;
    z-index: 99999;
    right: -17px;
    max-width: 200px;    
}
.dropdown {
    -webkit-animation: animation 1000ms linear both;
    animation: animation 1000ms linear both;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
.dropdown__header {
    cursor: pointer;
}
.dropdown .icon-arrow-up {
    position: absolute;
    top: -15px;
    right: 18px;
}
.dropdown .icon-arrow-up {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
}
.dropdown .icon-arrow-up:after {
    border-radius: 4px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    background: #FFF;
    top: 10px;
    left: 0;
    box-shadow: -1px -1px 6px -2px rgba(0, 0, 0, 0.3);
    border-top: 1px solid #fbfbfb;
    border-left: 1px solid #fbfbfb;
}
.dropdown--title {
    background-color: #fff;
    color: var(--grey-text);
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 16px;
    line-height: 16px;
    word-wrap: break-word;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.avatarDash--Link i{
    float: right;
    background-color:var(--box-color);
}
.notifications__header--dropdown a:hover {
    background-color: var(--white-color);
}
@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.7% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.725, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.942, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.07, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.72% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.106, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  24.32% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.075, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  29.93% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.024, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  35.54% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  41.04% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  52.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  63.26% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  85.49% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

.userQuick--avatar {
    display: inline-flex;
}
.userQuick--avatar label {
    margin-right: 10px;
    cursor: pointer;
    color: var(--grey-text);
}
.notifications__header--dropdown a {
    text-decoration: none;
    color: var(--bg-color);
    display: block;
    width: 100%;
    margin: 5px 0px;
    padding: 5px 15px;
    text-align: left;
    box-sizing: border-box;
}


/* GROUPcss OrgManageUI */
.orgID .Text {
    color: var(--white-text);
    text-align: right;
    font-size: 14px;
    background: var(--el-color);
    border-radius: 15px;
    padding: 4px 15px;
    display: table;
    margin-left: auto;
}
.orgID span {
    display: block;
    font-size: 12px;
    color: var(--grey-text);    
}
.container-actions {
    margin-left: auto;
}
.profile-bar__manage {
    margin: 5px;
    padding: 10px 15px;
    border-style: none;
    border-width: 0px;
/*    border-color: rgba(59, 65, 90, .28) rgba(59, 65, 90, .28) rgba(110, 138, 255, .28);*/
    border-radius: 10px;
/*    background-color: var(--el-color);*/
/*    box-shadow: 0 0 0 5px rgba(33, 36, 50, .25);*/
    align-items: center;
    justify-content: center;    
}
.btnAction {
    background: var(--invi-color);
    border: none;
    border-radius: 55px;
    color: var(--white-text);
    padding: 10px 35px;
    text-align: center;
    margin: 10px 0px;
    font-family: Mark Pro, Open Sans, helvetica, calibri;
    font-weight: 500;
    font-size: 13px;
    height: 85px;
    width: 85px;
    box-sizing: content-box;
}
.btnAction span{
    vertical-align: middle; 
} 
.page-profile-info input[type="file"] {
    display: none;
}
.css-file-upload {
    background: var(--el-color);
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;    
    border-radius: 5px;
    position: relative;
}
.inputFileLabel {
    background: var(--white-color);
    padding: 8px 25px;
    color: var(--blue-btn);
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    margin-left: auto;
    margin-right: 15px;
    border: none;
}
.inputFileLabel:hover {
    background: var(--blue-btn);
    color: var(--white-color);
}
.inputFileLabel:hover .icon-attachment {
    background: var(--white-color);
}
.vaMiddle {
    vertical-align: middle;
}
.uploadFileText {
    line-height: 35.61px;
    color: var(--grey-border);
    font-weight: 100;
    position: relative;
    font-size: 12px;
}
.info {
    display: block;
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: 100;
    font-style: normal;
    position: relative;
    bottom: 5px;
    line-height: 1;
    width: 100%;
    color: var(--grey-text);
}
.section-content-admin .field-title {
    text-transform: capitalize;
    margin-top: 25px;
    margin-bottom: 15px;
    font-size: 15px;
    color: var(--grey-text);
}

.section-content-admin .field-title .extra-text{
	text-transform: none;
	font-weight: 500;
}

.bm-link{
	display: block;
}

.section-content-admin .field-title .extra-text a, .bm-link a{
	color: #ae6000;
	text-decoration: none;
}

.section-content-admin .field-title .extra-text a:hover, .bm-link a:hover{
	color: darkorange;
}

.section-content-admin .org-descr {
    color: var(--white-text)!important;
    padding: 10px 50px 35px 50px!important;
    box-sizing: border-box;
    display: block;
    background: var(--invi-color);
}

.section-content-admin .org-descr textarea, .section-content-admin .org-descr input[type="text"], .section-content-admin .org-descr input[type="file"], .section-content-admin .org-descr select {
    border: 1px solid var(--el-color);
    color: var(--white-text);
    background:var(--el-color);
}
.section-content-admin textarea {
    resize: none;
    height: 450px!important;
}
.btnAction i {
    display: block;
    margin:0 auto;
}

.inputFile a {
    font-size: 0px;
    margin: 0px!important;
    padding: 0px;
    vertical-align: super;
    width: 21px;
    height: 25px;
    background-size: contain;
    background-image: url(../img/special-view.svg);
    background-color: var(--edit-color);
    background-repeat: no-repeat;

}
.css-file-upload .inputFile {
    flex-basis: 25px;    
}
.container-org-detailsEdit {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.container-org-detailsEdit span.Text{
	padding: 10px;
    font-family: Mark Pro;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid var(--el-color);
    color: var(--grey-text);
    background: var(--el-color);
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    resize: none;
    display: block;
}

/*
.section-content-admin span.Text{
	padding: 10px;
    font-family: Mark Pro;
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid var(--el-color);
    color: var(--grey-text);
    background: var(--el-color);
    width: 100%;
    margin-bottom: 15px;
    box-sizing: border-box;
    resize: none;
    display: block;
}
*/

.orgDetails {
    flex-basis: 45%;
}
.orgProfileUser {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
.orgProfile__Photo {
    width: 10%;
    padding: 0px 10px;
}
.orgProfileUser .css-file-upload {
    flex-basis: 80%;
}


/* GROUPcss Manage Infrastructure PAGE */

.btnAddInfra_input {
    background: var(--orange-color);
    color: var(--white-text);
    padding: 7px 20px;
    border-radius: 50px;
    border: none;
    font-size: 13px;
    cursor: pointer;
    margin: 0 auto;
    display: block;
    margin: 10px auto;
}
.btnAddInfra_input:hover {
    background: var(--white-color);
    color: var(--orange-text);
}

.ppage-content-profile .backend .search-item.infra{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.ppage-content-profile .backend .header-card{
    flex-basis: 100%;
}
.slide-one {
    position: relative;
/*    display: table;*/
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

.backend .slide-one{
	flex-basis: 49%;
    height: 80%;
}

.backend .slide-two{
	flex-basis: 48%;
	position: relative;
    margin-left: 10px;
    vertical-align: top;
    text-align: right;
}
.fieldTextAdmin {
    margin: 15px 0px;
    color: var(--grey-text);
}
.persListShort {
    display: flex;
    flex-direction: row-reverse;
}
.items {
    margin-left: -6px;
    border: 3px solid var(--el-color);
    border-radius: 100%;
    z-index: 1;
}
.persListShort .mask-avatar{
    width: 30px;
    height: 30px;
}
.countItems {
    width: 30px;
    height: 30px;
    background: var(--item-color);
    border-radius: 100%;
    border: 2px solid var(--item-color);
    text-align: center;
    line-height: 30px;
    margin-left: -6px;
    z-index: 0;
    font-size: 12px;
}
.countItems:after {
    content: "+";
}
.countRow {
    display: flex;
    margin-left: auto;
}
.barContent__centerFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}
.titleBar {
    color: var(--white-link);
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    display: block;
}
.persList__profile {
    clear: both;
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    flex-basis: 33%;
    display: flex;
    align-items: center;
    border-top: 1px solid var(--item-color);
    padding-top: 20px;
}
.srv-content-row .persList__profile {
    border: none;
}
.rowBarList {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: start;
    width: 100%;
}
.persList__profile .container-poza {
    flex-basis: 50px;
    margin-right: 10px;
}
.persList__name {
    flex-basis: 50%;
}
.persList__name .menu__icon {
    font-size: 12px;
    line-height: 19px;
    color: var(--grey-text);
}
.persList__name .nume-inst-link:hover {
    color: var(--orange-color)!important;
}
.ridomainList__name {
    flex-basis: 48%;
    height: 60px;
    border: 1px solid var(--item-color);
    border-radius: 10px;
    margin: 10px auto;
    text-align: center;
    line-height: 40px;
}
.ridomainList__name:last-child { 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ridomainList__name:last-child label {
    padding: 0px 10px;
}
.equipmentPicture {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 10px;
    right: 20px;
    position: relative;
    top: 14px;
    margin-left: auto;
}
.srv-content-row {
    margin-bottom: 30px;
}
.srv-content-row .sub-title {
    border-bottom: 1px solid var(--item-color);
    margin-bottom: 10px;
    padding-bottom: 4px;
}
.srv-content-row.long {
    flex-basis: 98%;
}
.srv-content-row.short {
    flex-basis: calc(50% - 25px);
    margin-right: 25px;
}
/* GROUPcss Manage Organization PAGE */

.editInfraAdmin .container-admin-details {
    margin-left: 25px;
    flex-basis: 30%;
}
.container-action {
    margin-left: auto;
}
.admin-title {
    color: var(--grey-text);
}
.addInfraAdminEmail {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-basis: 100%;
    align-content: center;
    align-items: center;
}
.zone-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
    flex-basis: 100%;
}
.container-half {
    flex-basis: 48%;
}
.container-half .btn-green {
    display: block;
    margin-left: auto;
}
.newCoordinator {
    margin-top: 45px;
}
.container-coord-name i{
    margin-right: 10px;    
    color: var(--orange-color);    
}

.athon-sys-manage .email-preview, .existentRights div{
	color: black!important;
}
.fullRow {
    flex-basis: 100%!important;
}

.file-public label{
	line-height: 40px;
}

.noFileTxt{
	color: var(--grey-text);
}

.domain-item input[type="text"]{
	background-color: var(--el-color)!important;
}

.domain-item span.Text{
	border: 1px solid #444;
}

.country-list{
	font-size: 50%;
	font-weight: 400;
	margin-top: 20px;
	
}

.country-list ul{
	list-style-type: none;
	padding-left: 20px;
}

.country-list li{
	margin-bottom: 10px;
}

.country-list li a{
	text-decoration: none;
	font-weight: 400;
}

.country-list li a:hover{
	opacity: 0.7;
	/* text-decoration: underline; */
}

.country-list li a.selectedCountry{
	/* text-decoration: underline; */
}

.country-list li a.lnk-browse-home{
	background-color: #39aff0;
	color: white;
	display: inline-block;
	text-decoration: none;
	padding: 4px 15px;
	font-size: 75%;
	border-radius: 10px;
	font-weight: 600;
	margin-left: 10px;
	margi-top: -10px;
	/* border: 1px solid var(--edit-color)!important; */
}

.country-list li a.lnk-browse-home:hover{
	opacity: 1;
	background-color: #1197df;
}

.flag-icon{
	margin-right: 10px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: resize;
    background-position: center;
}

.flag-eu{
    background-image: url(../img/flags/eu-flag3.png);
}

.flag-ro{
    background-image: url(../img/flags/romania-flag-button-round-xs.png);
}

.flag-si{
    background-image: url(../img/flags/slovenia-flag-button-round-xs.png);
}

.flag-mo{
    background-image: url(../img/flags/montenegro-flag-button-round-xs.png);
}

.flag-md{
    background-image: url(../img/flags/moldova-flag-round.png);
   
}

.athon-table .collapse-holder .title.athon-collapse-collapsible{
	background-color: #bfcad0!important;
}

.athon-list .athon-table td{
	color: #286eb6!important;
}

.athon-user-manage .athon-user-edit label, .athon-form .athon-table label{
	color: yellow!important;
}

.athon-form .athon-table .groups-list{
	padding: 5px;
	text-decoration: none;
}

.athon-form .athon-table .groups-list label, .athon-form .athon-table label.item-unchecked{
	color: #2e6399!important;
}

.athon-form .athon-table label.item-checked{
	color: red!important;
}

.tableOrizFull input[type="button"]{
	min-width: 120px;
    width: auto!important;
    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{
	/* border-collapse: collapse; */
}

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

.tableOrizFull td{
	background: transparent!important;
} 

.athonPageTitle{
	font-size: 18px;
    font-weight: 600;
} 

.athon-title-box {
    clear: both;
    display: block;
    margin-top: 10px;
}

.tableOrizFull .resultsTable td{
	border: 0px solid #eee;
	background: white!important;
	color: #0b7cc3;
	padding: 5px;
} 

.tableOrizFull th{
	background: #273455!important;
	padding: 5px;
}

.tableOrizFull input[type="text"]{
	padding: 5px;
	border-radius: 5px;
}

.athon-slm .tablePages td{
	background: #21243269!important;
}

.tableOrizFull select{
	padding: 5px;
	padding-right: 10px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	background-image: none;
	background: white;
}


.sesiune_info {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  z-index: 10;
  height: auto;
  max-width: 460px;
  margin-right: auto;
  margin-left: auto;
  border: 0px none #000;
  border-radius: 20px;
  background-color: #0065f2;
}

.text_sesiune_info {
  background-color: transparent;
  color: #fff;
  text-decoration: none;
}

.col_sesiune_info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0px;
}

.inregistrare_sesiune_info {
  width: 150px;
  margin-left: auto;
  padding: 10px 20px;
  border-radius: 20px;
  background-color: #273c92;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}