@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src:  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.eot");
	src: local("Open Sans Light"), local("OpenSans-Light"),  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.eot?#iefix") format("embedded-opentype"),  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.woff2") format("woff2"),  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.woff") format("woff"),  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.ttf") format("truetype"),  url("../fonts/Open Sans/open-sans-v13-latin-ext_cyrillic-ext_latin-300.svg#OpenSans") format("svg")
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src:  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.eot");
	src: local("Open Sans"), local("OpenSans"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.eot?#iefix") format("embedded-opentype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.woff2") format("woff2"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.woff") format("woff"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.ttf") format("truetype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-regular.svg#OpenSans") format("svg")
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src:  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.eot");
	src: local("Open Sans Semibold"), local("OpenSans-Semibold"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.eot?#iefix") format("embedded-opentype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.woff2") format("woff2"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.woff") format("woff"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.ttf") format("truetype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-600.svg#OpenSans") format("svg")
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src:  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.eot");
	src: local("Open Sans Bold"), local("OpenSans-Bold"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.eot?#iefix") format("embedded-opentype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.woff2") format("woff2"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.woff") format("woff"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.ttf") format("truetype"),  url("../fonts/Open Sans/open-sans-v13-cyrillic_latin_latin-ext-700.svg#OpenSans") format("svg")
}
#block-logout {
	z-index: 99999;
}
.bgorange{
  background-color: rgb(222, 166, 8)
}
.bggreen{
  background-color: rgb(11, 180, 20)
}

#views-exposed-form-darba-laika-kopsavilkums-page-1 fieldset, #views-exposed-form-darba-laika-kopsavilkums-individuali-page-2 fieldset{
width: 200px
}
#views-exposed-form-darba-laika-kopsavilkums-page-1 legend, #views-exposed-form-darba-laika-kopsavilkums-individuali-page-2 legend{
margin-bottom: 5px;
}
#views-exposed-form-darba-laika-kopsavilkums-page-1 .fieldset-wrapper, #views-exposed-form-darba-laika-kopsavilkums-individuali-page-2 .fieldset-wrapper{
width: 200px;
}
#views-exposed-form-darba-laika-kopsavilkums-individuali-page-2 .js-form-type-select{
width: 200px;
margin-top: 5px;
}
#views-exposed-form-darba-laika-kopsavilkums-individuali-page-2{
margin-bottom: 10px;
}

/*.frontpage .messages--error,*/
.node--type-projekti .node__meta{
	display: none !important;
}
label.form-required::after {
  display: inline-block;
  margin-inline: 0.15em;
  content: "*";
  color: red;
  font-size: 1.3rem;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.article_image{
	float: right;
	padding: 0 0 5px 10px;
}
.article_image img{

}
.piektdienas-sapulces-saralsts{

}
/* fails-ar-ilustraciju */

.fails-ar-ilustraciju{
  list-style: none;
}
.fails-ar-ilustraciju li{
  padding-left: 0px;
  padding-bottom: 10px;
}
.fi-img{
  float: left;
  margin-right: 10px;
}

/* galerijas */
/*
.field--name-field-gallery-image div.field__item{
  float: left;
  padding: 0 15px 15px 0;
overflow: hidden;
}
*/
.field--name-field-post-gallery .field__item:not(:first-child), .field--name-field-gallery-image .field__item:not(:first-child){
display: inline-block;
padding-top: 5px;
}
/* End Galerijas */

.piektdienas-sapulces-saturs ul li{
	padding-left: 30px;
}
.piektdienas-sapulces-saturs ul{
	list-style-position: inside;
	list-style-type: disc;
}
.logout-menu{
  float: right;
  display: inline;
}
.logout-menu li a{
  color: #fff;
}
#edit-comment-body-0-format, #edit-preview{
  display: none;
}
.fc-time{
   display : none;
}

ul.impo-list {
  margin-top: 0px;
  padding-left: 15px;
}
ul.impo-list > li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 5px;
  list-style: none;
  font-size: 15px;
  font-weight: 500;
}

#block-wheatherblock .block-content{
	line-height: 30px;
}
img.weather-icon{
	width: 30px;
}

.pop-list {
	display: block;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

.pop-list li {
	margin: 25px 5px 25px 0;
	float: none;
	display: inline-block;
	margin: 25px 5px 25px 0;
	font-size: 16px;
	text-transform: uppercase;
}

.pop-list li a {
	background-color: #CCC;
	height: 40px;
	border-radius: 40px;
	padding: 10px 16px 9px;
	color: #FFF !important;
	line-height: 23px;
	text-decoration: none !important;
	border-bottom: none !important;
}

.pop-list li a.active {
	background-color: #0071b3;
}

/* calendar */
.fc-license-message {
	display: none;
}

/* landing - login */

.login-landing input{
	margin-bottom: 10px;
}

/*
#page-main-content a{
text-decoration: none;
border-bottom: 1px solid #dfdfdf;
color: #2375bb;
}
#page-main-content a:hover{
	border-bottom: 1px solid #2375bb;
}
*/
.panel-title a, a.gsc-video-link{
	border-bottom: none !important;
}
/* footer social*/
ul.inline{
	list-style: none !important;
padding-left: 0;
}

ul li i{
 font-size: 14px;
}
ul.bukleti li{

}
ul.bukleti h3{
  margin-bottom:5px !important;
  margin-top:20px !important;
}
.publications{
  margin-top: -40px;
}
ul.publications li{
	padding-bottom: 10px;
	padding-top: 13px;
}
.item-list ul.publications li.view-list-item {
	list-style-type: disc !important;
}
.red-iep-stat{
	color: red;
	background: yellow;
}
.oldarh{
	padding: 10px 0 0 0;
}

 /* legal list styles */
  #legal-list {
	counter-reset: section;
  }
  #legal-list h2:before {
	counter-increment: section;
	content: counter(section) ". ";
	margin: 0 0.5em 0 0;
  }
  #legal-list ol {
	counter-reset: clause;
	list-style: none outside none;
	text-indent: -2em;
  }
  #legal-list ol li {
	counter-increment: clause;
  }
  #legal-list ol li:before {
	content: counter(section) "." counters(clause, ".") ". ";
	margin: 0 0.5em 0 0;
  }




.gav-help-region{
/*width: 250px;*/
}
/*linki saturā*/
body.path-node div.node__content.clearfix a, #block-pecprogramuparaksts a, ul.publications a, ul.bukleti a{
text-decoration: none;
border-bottom: 1px solid #dfdfdf;
color: #2375bb;
}

body.path-node div.node__content.clearfix a:hover, #block-pecprogramuparaksts a:hover, ul.publications a:hover, ul.bukleti a:hover{
	border-bottom: 1px solid #2375bb;
}

body.path-node div.node__content.clearfix{
	padding-bottom: 20px;
}

.frotbutton a{
	border-bottom: none !important;
	color: #ffffff !important;
}

.border-left-dash{
	border-left: 2px dashed #425CBB;
}

.border-right-dash{
	border-right: 2px dashed #425CBB;
}

/*side menu custom*/
.side_menu_custom{
font-size: 14px;
line-height: 1.42857;
background: #e6f0f6;
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #e6e6e6;
}
.side_menu_custom li{
display: block;
position: relative;
list-style-type: none;
}
.side_menu_custom a{
display: block;
position: relative;
overflow: hidden;
outline: 0;
border-top: 1px solid #e6e6e6;
border-bottom: none !important;
padding: 4.16667% 8.33333%;
color: #666 !important;
}
.side_menu_custom a:hover{
	border-bottom: none !important;
	color: #000 !important;
}
.side_menu_custom li.active-trail a{
	border-top-color: #333;
background: #333;
color: #fff !important;
}

/*buj*/
div.buj h5 button, div.buj h5 button:focus {
padding: 10px;
padding-left: 35px;
background: #efefef;
border: 1px solid #cfd4d8;
color: #5a9bab;
background-repeat: no-repeat;
background-position: 8px 8px;
text-shadow: 1px 1px 0 #ffffff;
line-height: 17px;
font-size: 14px;
/*margin-bottom: 20px;
*/
width:100%;

border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
text-transform: none;

-webkit-box-shadow: none;
box-shadow: none;
}

div.buj h5 button:hover{
background: #efefef;
border: 1px solid #cfd4d8;
color: #5a9bab;
text-shadow: 1px 1px 0 #ffffff;
line-height: 17px;
font-size: 14px;
-webkit-box-shadow: none;
box-shadow: none;
}
.norightpadding{
	padding-right: 0px !important;
}
/* video */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*vakances */

div.field--name-field-galvenie-pienakumi div.field__label, div.field--name-field-galvenas-prasibas div.field__label{
	font-weight: bold;
	color: #000;
}
.black{
	color: #000;
}
.clearb{
	clear: both;
	line-height: 0px;
}
ul.vakances-list li{
	margin: 0 !important;
	border-bottom: 2px solid #425CBB;
}

ul.vakances-list li div.views-field-field-darba-vietas-adrese, ul.vakances-list li div.views-field-field-iesniegsanas-termins, ul.vakances-list li div.views-field-field-darba-veids{
	float: left !important;
	width: 30% !important;
}

/*ul saturā*/

div.node__content.clearfix ul, div.node__content.clearfix ol{
margin-bottom: 12.5px !important;
}

/*info right*/
div.inforight{
	width: 300px;
float: right;
padding-left: 20px;
padding-bottom: 10px;
font-size: 13px;
}
div.inforight img{
	margin-bottom: 15px;
}

/*blog inside pic*/
.post-image-insideimg{
	width: 40%;
	float: left;
	padding: 0 20px 20px 0;
}

.post-block .post-meta:after {
	clear: none;
}

/* lapas title*/
.widget.gsc-heading .title{
	text-transform: none;
}
/*menu*/
header.header-v1 .navigation .gva_menu > li > a:hover{
	/*border-bottom: 1px solid #425CBB;*/
	background-color: #efefef;
}
header.header-v1 .navigation .gva_menu > li.menu-item--active-trail > a {
	/*border-bottom: 1px solid #e6e6e6;*/

}
header.header-v1 .navigation .gva_menu > li > a{
	/*border-bottom: 1px solid #fff;*/
}
.navigation .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li{
	margin-bottom: 20px;
}
.navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li a, .navigation .gva_menu .sub-menu > li > a{
	font-size: 13px;
}
.navigation .gva_menu .sub-menu > li > a{
	line-height: 21px;
}

#block-topbar div.block-content a, #block-toptopbar div.block-content a, #block-topbarru div.block-content a, #block-topbaren div.block-content a{
	color: #fff !important;
}


.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-white .breadcrumb-links li a:hover, .breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb.text-light .breadcrumb-links li a:hover{
	color: #fcd962 !important;
}

.breadcrumb-content-inner {
  margin-bottom: 10px !important;
}
.breadcrumb-content-inner .gva-breadcrumb-content .gva-block-breadcrumb .breadcrumb-style {
  padding: 10px 0 0px !important;
  margin-bottom: 5px !important;
}
.widget .gsc-heading .title{
	font-size: 20px !important;
	text-transform: none !important;
}
.breadcrumb-content-inner .gva-breadcrumb-content .breadcrumb-links nav.breadcrumb li{
	font-size: 12px !important;
}

/*kursu pieteikumu forma*/
legend {
	font-size: 14px !important;
	font-weight: bold !important;
}
.webform-submission-form textarea{
	 width: 100%;
}
/*end*/

.xauto{
	overflow-x: auto !important;
}

table {
	margin: 0 0 10px 0;
}

table, td, th {

	color: #446783;
	font-size: 13px;
}

td, th {
	padding: 10px;
}

tbody, tfoot, thead, tr {}

tbody {
	border: none;
}

thead th {

	font-size: 14px;
	font-weight: 600;
	color: #55738c !important;
	background: #cfd9e2;
	text-align: center;
}

.views-table thead {
	border: none;
}

thead th a, thead th a.active {
	color: inherit;
	text-decoration: none;
}

tr.even, tr.odd {
	background-color: transparent;

	padding: 0;
}

table[border] th, table[border] td {
	border: 1px solid #446783 !important;
}

table[border] th {
	color: #55738c;
	background-color: #cfd9e2;

}

table[border="0"] th {
	background-color: transparent;
	color: #939190;
}

table[border=""], table[border="0"], table[border=""] th, table[border=""] td,
table[border="0"] th, table[border="0"] td {

	background: none;
}

table[align="center"] {
	margin: 0 auto;
}

.programs{
	padding: 0 20px 20px;
}
.program-out{
	margin-bottom: 20px;
}
.sitemap h2{
	display: none !important;
}

.navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li.menu-item.menu-item--active-trail a{
	text-decoration: underline;
}


.table{
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 3px;
}

.caption{
  display: table-caption;
  text-align: center;
  font-weight: bold;
}

.thead{
  display: table-header-group;
  font-weight: bold;
}

.tbody{
  display: table-row-group;
}

.tr{
  display: table-row;
}

.th{
  border-bottom: 1px dashed #cccccc;
}

.tr:nth-child(odd){
  background: #f5f5f5;
}

.th,
.td{
  display: table-cell;
}

.td{
  padding: 10px 0;
}

.label{
  display: none;
}

.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}

.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}

.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}

.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}

.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}

.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe;
}

.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}

.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}

.alert-link {
font-weight: 700;
}

.alert-primary .alert-link {
color: #002752;
}
.alert-secondary .alert-link {
color: #202326;
}

.alert-success .alert-link {
color: #0b2e13;
}

.alert-danger .alert-link {
color: #491217;
}
.alert-warning .alert-link {
color: #533f03;
}
.alert-info .alert-link {
color: #062c33;
}
.alert-light .alert-link {
color: #686868;
}
.alert-dark .alert-link {
color: #040505;
}

#block-valoduparsledzejs .links{
	float: left;
	border-right: 1px solid #fff;
	margin-right: 10px;
}
#block-valoduparsledzejs .links li{
	padding-right: 10px;
}
#block-valoduparsledzejs .links a{
	color: #fff;
}

#block-valoduparsledzejs img.language-icon{
	margin-top: 3px;
}

.ddsBlue .dd-select {
  border: 1px solid #aaaacc;
  background: none repeat scroll 0 0 #c3c3e3 !important;
  border-radius: 2px;
  cursor: pointer;
  position: relative;
}
.ddsBlue .dd-desc {
  color: #8888aa;
  display: block;
  font-weight: normal;
  line-height: 1.4em;
  overflow: hidden;
}
.ddsBlue .dd-selected {
  display: block;
  font-weight: bold;
  overflow: hidden;
  padding: 10px;
  color: #333366;
  text-decoration: none;
}
.ddsBlue .dd-selected label {
  line-height: 1.4 !important;
}
.ddsBlue .dd-selected:hover {
  text-decoration: none;
  color: #333366;
}
.ddsBlue .dd-pointer {
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 0;
}
.ddsBlue .dd-pointer-down {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #333399 rgba(0, 0, 51, 0) rgba(0, 0, 51, 0);
  border-image: none;
  border-right: 5px solid rgba(0, 0, 51, 0);
  border-style: solid;
  border-width: 5px;
}
.ddsBlue .dd-pointer-up {
  -moz-border-bottom-colors: none !important;
  -moz-border-left-colors: none !important;
  -moz-border-right-colors: none !important;
  -moz-border-top-colors: none !important;
  border-color: rgba(0, 0, 51, 0) rgba(0, 0, 51, 0) #333399 !important;
  border-image: none !important;
  border-style: solid !important;
  border-width: 5px !important;
  margin-top: -8px;
}
.ddsBlue .dd-options {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #ccccff;
  border-color: -moz-use-text-color #aaaacc #aaaacc;
  border-image: none;
  border-right: 1px solid #aaaacc;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  box-shadow: 0 1px 5px #bbbbdd;
  display: none;
  list-style: none outside none;
  margin: 0;
  overflow: auto;
  padding: 0 !important;
  position: absolute;
  z-index: 2000;
}
.ddsBlue .dd-option:hover {
  text-decoration: none;
}
.ddsBlue .dd-option img,
.ddsBlue .dd-selected img {
  width: 20px;
  height: 14px;
}
.ddsBlue .dd-option {
  border-bottom: 1px solid #bbbbdd;
  color: #333399;
  cursor: pointer;
  display: block;
  overflow: hidden;
  padding: 10px;
  text-decoration: none;
  transition: all 0.25s ease-in-out 0s;
}
.ddsBlue .dd-options > li:last-child > .dd-option {
  border-bottom: medium none;
}
.ddsBlue .dd-option:hover {
  background: none repeat scroll 0 0 #c0c0e0;
  color: #333366;
}
.ddsBlue .dd-selected-description-truncated {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ddsBlue .dd-option-selected {
  background: none repeat scroll 0 0 #b3b3e3;
}
.ddsBlue .dd-option-image,
.dd-selected-image {
  float: left;
  margin-right: 5px;
  max-width: 64px;
  vertical-align: middle;
}
.ddsBlue .dd-image-right {
  float: right;
  margin-left: 5px;
  margin-right: 15px;
}
.ddsBlue .dd-container {
  position: relative;
}
.ddsBlue .dd-selected-text {
  font-weight: bold;
}

.desc ul li{
 text-align: left;
}


.messages--error li.messages__item{
  color: red;
}
.webform-elements input.error{
  border-color: red !important;
}
/*
div.messages--error{
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
  border: 1px 1px 1px 8px !important;
  padding: 3px;
  margin-left: -8px
}

.messages--error {
	color: #a51b00;
	border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
	background-color: #fcf4f2;
	background-image: url(/core/misc/icons/e32700/error.svg);
	box-shadow: -8px 0 0 #e62600;
}
*/


div.form-item--error-message, fieldset.error span{
	color: red;
  font-weight: bold;
}



.messages {
	padding: 15px 20px 15px 35px;
	word-wrap: break-word;
	border: 1px solid;
	border-width: 1px 1px 1px 0;
	border-radius: 2px;
	background: no-repeat 10px 17px;
	overflow-wrap: break-word;
}

[dir="rtl"] .messages {
	padding-right: 35px;
	padding-left: 20px;
	text-align: right;
	border-width: 1px 0 1px 1px;
	background-position: right 10px top 17px;
}

.messages + .messages {
	margin-top: 1.538em;
}

.messages__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.messages__item + .messages__item {
	margin-top: 0.769em;
}

.messages--status {
	color: #325e1c;
	border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
	background-color: #f3faef;
	background-image: url(/core/misc/icons/73b355/check.svg);
	box-shadow: -8px 0 0 #77b259;
}

[dir="rtl"] .messages--status {
	margin-left: 0;
	border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
	box-shadow: 8px 0 0 #77b259;
}

.messages--warning {
	color: #734c00;
	border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
	background-color: #fdf8ed;
	background-image: url(/core/misc/icons/e29700/warning.svg);
	box-shadow: -8px 0 0 #e09600;
}

[dir="rtl"] .messages--warning {
	border-color: #f4daa6 transparent #f4daa6 #f4daa6;
	box-shadow: 8px 0 0 #e09600;
}

.messages--error {
	color: #a51b00;
	border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
	background-color: #fcf4f2;
	background-image: url(/core/misc/icons/e32700/error.svg);
	box-shadow: -8px 0 0 #e62600;
}

[dir="rtl"] .messages--error {
	border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
	box-shadow: 8px 0 0 #e62600;
}

.messages--error p.error {
	color: #a51b00;
}




@media all and (max-width: 600px){
  .thead{
	display: none;
  }
  .tr{
	display: block;
	margin-bottom: 1.5em;
	padding: 10px;
  }
  .td{
	display: inherit;
	padding: 0;
  }
  .label{
	font-weight: bold;
	display: inline-block;
	min-width: 120px;
  }
}

@media (min-width:768px) {
  .webform-flex--container > .form-item > input, .webform-flex--container > .form-item > select {
		width: 90%;
	}
  .tparrows{
	display: none;
  }
}

@media (min-width:480px) {
  .webform-flex--container > .form-item > input, .webform-flex--container > .form-item > select {
		width: 95%;
	}
}


.file {
	padding-left: 20px;
	display: inline-block;
	min-height: 16px;
	background-repeat: no-repeat;
	background-position: left center;
}

[dir="rtl"] .file {
	padding-left: inherit;
	padding-right: 20px;
	background-position: right center;
}

.file--general, .file--application-octet-stream {
	background-image: url(/core/themes/classy/images/icons/application-octet-stream.png);
}

.file--package-x-generic {
	background-image: url(/core/themes/classy/images/icons/package-x-generic.png);
}

.file--x-office-spreadsheet {
	background-image: url(/core/themes/classy/images/icons/x-office-spreadsheet.png);
}

.file--x-office-document {
	background-image: url(/core/themes/classy/images/icons/x-office-document.png);
}

.file--x-office-presentation {
	background-image: url(/core/themes/classy/images/icons/x-office-presentation.png);
}

.file--text-x-script {
	background-image: url(/core/themes/classy/images/icons/text-x-script.png);
}

.file--text-html {
	background-image: url(/core/themes/classy/images/icons/text-html.png);
}

.file--text-plain {
	background-image: url(/core/themes/classy/images/icons/text-plain.png);
}

.file--application-pdf {
	background-image: url(/core/themes/classy/images/icons/application-pdf.png);
}

.file--application-x-executable {
	background-image: url(/core/themes/classy/images/icons/application-x-executable.png);
}

.file--audio {
	background-image: url(/core/themes/classy/images/icons/audio-x-generic.png);
}

.file--video {
	background-image: url(/core/themes/classy/images/icons/video-x-generic.png);
}

.file--text {
	background-image: url(/core/themes/classy/images/icons/text-x-generic.png);
}

.file--image {
	background-image: url(/core/themes/classy/images/icons/image-x-generic.png);
}

.box-button {
	text-transform: none !important;
	text-align: center;
	margin-left: 20px;
	width: 90%;
}

ul.front-list .post-image {
width: 190px;
height: auto;
float: left;
}

ul.front-list .post-content {
padding-left: 205px;
float: none;
width: 100%;
padding-right: 10px;
}
ul.front-list .post-image a{
  border-bottom: 0px !important;
}

.front-light-white .post-block{
  /*
  background: transparent;
*/
}
.front-light-white .post-block .post-title a, .front-light-white .impo-list a, .front-light-white .impo-list em{
  color: #555 !important;
  border-bottom: none !important;
  font-size: 13px;
  margin-top: 0px;
  text-transform: none;
  line-height: 22px;
}
.front-light-white .impo-list em{
  font-size: 20px;
}
.front-light-white .post-block .post-title a:hover, .front-light-white .impo-list a:hover{
  color: #707ff6 !important;
}


/*** webform useful **/


#footer .webform-submission-form {
    display: flex;
    min-height: 7.5em;
    align-items: center;
    padding-left: 0;
    padding-bottom: 2.1875em;
    padding-top:2.1875em
}

#footer .webform-submission-form .mb-3 {
    margin-bottom:0 !important
}

#footer .webform-submission-form .submit-form-choice {
    margin: auto;
    float:left
}

#footer .webform-submission-form .submit-form-choice input {
    margin-bottom:.5em
}

#footer .webform-submission-form .container-large-wrapper {
    min-width:auto
}

#footer .webform-submission-form .container-large-wrapper input {
    display:block
}

#footer .webform-submission-form .card {
    border: none;
    background-color: #fff;
    margin-top: 0;
    margin-bottom:0
}

#footer .webform-submission-form .card .card-header {
    display:none
}

#footer .webform-submission-form .card .card-body {
    padding:0
}

#footer .webform-submission-form .card .card-body .webfom-left-div {
    float: left;
    padding-left:15px
}

#footer .webform-submission-form .card .card-body .webfom-left-div .bold-custom-text, #footer .webform-submission-form .card .card-body .webfom-left-div .bold-custom-text p {
    margin-bottom:.25em
}

#footer .webform-submission-form .card .card-body .webfom-left-div p {
    margin-bottom:0
}

#footer .webform-submission-form .card .card-body .webfom-right-div {
    margin-top:0
}

#footer .webform-submission-form .card .card-body .webfom-right-div .card-body {
    height: 100%;
    display: flex;
    align-items:center
}

#footer .webform-submission-form .card .card-body .webfom-right-div .form-radios {
    display:flex
}

#footer .webform-submission-form .card .card-body .webfom-right-div .form-radios .form-check {
    padding-left:3.25em
}

#footer .webform-submission-form .card .card-body .webfom-right-div .form-radios .form-check:nth-child(3) {
    display:none
}

#footer .webform-submission-form .card .card-body .webfom-right-div .webform-type-radios {
    margin:auto auto auto 0
}

@media (max-width: 992px) {
    #footer .webform-submission-form .card .card-body .webfom-right-div .webform-type-radios {
        margin-left:auto
    }
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) {
    position: absolute;
    left:-624.9375em
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label {
    position: relative;
    padding-left: 2.625em;
    cursor: pointer;
    line-height: 2em;
    display: flex;
    align-items:center
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:before, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    border: 1px solid #4c5059;
    border-radius:100%
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:after, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:after {
    content:none
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:focus, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:focus {
    outline:none
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:before, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:hover:before {
    border: 1px solid var(--brand-color01, #5474bf) !important;
    color:var(--brand-color01, #5474bf)
}

#footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:after, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:checked + label:focus:after, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:focus:after, #footer .webform-submission-form .card .card-body .webfom-right-div [type=radio]:not(:checked) + label:hover:after {
    content: "";
    width: 1.125em;
    height: 1.125em;
    position: absolute;
    top: .4375em;
    left: .4375em;
    border-radius: 100%;
    background-color:var(--brand-color01, #5474bf)
}

#footer .webform-submission-form .card .card-body .webfom-right-div .form-check-label:hover {
    color:var(--brand-color01, #5474bf) !important
}

@media (max-width: 576px) {
    #footer .webform-submission-form .card .card-body .webfom-right-div {
        margin-top:1.875rem
    }
}

@media (max-width: 992px) {
    #footer .webform-submission-form .card .card-body .webfom-right-div {
        margin-top:30px
    }
}

#footer .webform-submission-form .card .card-body .how-to-improve-question {
    margin-bottom: .5em;
    margin-top:-.75em
}

#footer .webform-submission-form .card .card-body .how-to-improve-question label {
    font-style: normal;
    font-weight: 500;
    font-size: 1.125rem;
    line-height: 1.375rem;
    margin:auto
}

#footer .webform-submission-form .card .card-body .how-to-improve-question textarea {
    max-width: 22.5em;
    height:4.375em
}

#footer .webform-submission-form .card .card-body .how-to-improve-question .form-actions.container, #footer .webform-submission-form .card .card-body .how-to-improve-question fieldset.container {
    display:inline-block
}

#footer .webform-submission-form .webform-confirmation {
    width:100%
}

#footer .webform-submission-form .webform-confirmation__message {
    text-align: center;
    margin-bottom:0
}

#footer .webform-submission-form .spinner-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background-color:hsla(0, 0%, 100%, .95)
}

@media (min-width: 768px) {
    #footer .webform-submission-form #edit-response-wrapper--2 {
        padding-left:15px
    }
}

@media (max-width: 768px) {
    #footer .webform-submission-form #edit-response-wrapper--2 {
        margin:auto
    }
}

@media print {
    #footer .webform-submission-form {
        display:none
    }
}

#footer .webform-submission-website-rating-form .throbber {
    display:none
}

@media (max-width: 768px) {
    #footer .webform-submission-website-rating-form .ajax-progress-throbber {
        margin:auto
    }
}

#footer .webform-submission-website-rating-form .message {
    display: block;
    position:relative
}

#footer .webform-submission-website-rating-form .message .spinner-border-sm {
    top: .8125rem;
    left: 1.5625rem;
    position:absolute
}

#footer .webform-submission-website-rating-form textarea[name=how_can_we_improve_it] {
    padding:.75rem
}

#footer .webform-submission-website-rating-form .messages.messages--error {
    display:none
}

#footer .container > .card-body.fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    position:relative
}

#footer .reopen-cookies {
    cursor:pointer
}

@media screen and (min-width: 992px) {
    #footer .footer-div-section-right {
        padding-left: 2.25em;
        border-left:1px solid #dbdee4
    }

    #footer .subscribe-form .form-fields #newsletter-result-message {
        bottom:-1.25em
    }

    #footer .sucessful-form {
        display: block !important;
        position:relative
    }

    #footer .sucessful-form .status {
        position: static;
        margin-left: auto;
        margin-right: auto;
        padding-top:1.5625em
    }

    #footer .footer-info {
        margin-top:3.125em
    }
}

@media screen and (max-width: 991px) {
    #footer .subscribe-form .form-fields #newsletter-result-message {
        bottom:-.9375em
    }

    #footer .subscribe-form form {
        display:block
    }

    #footer .subscribe-form .sucessful-form {
        position: relative;
        display:inline-flex
    }

    #footer .subscribe-form .notice-text {
        margin-top:.625em
    }

    #footer .webform-submission-form .submit-form-choice {
        padding-left:0
    }

    #footer .footer-info .footer-div h4 {
        margin-bottom:1.875em
    }

    #footer .footer-info .footer-div-section-left {
        padding-bottom:5px
    }

    #footer .footer-info .footer-div-section-left .footer-div:first-child {
        margin-bottom:1.875em
    }

    #footer .footer-info .footer-div-section-right .btn-secondary {
        margin-bottom:2.5em
    }

    #footer .copyrightblock .copyright-wrap {
        margin-top:1.5625em
    }
}

@media screen and (max-width: 575px) {
    #footer .webform-submission-form {
        padding-bottom: 2.5em;
        padding-top:2.5em
    }

    #footer .newsletter-subscription-form .subscribe-form .form-fields {
        padding-left:.9375em
    }
}

@media screen and (min-width: 768px) {
    #footer .webform-submission-form .how-to-improve-question {
        display:flex
    }

    #footer .webform-submission-form .how-to-improve-question label {
        padding-right:2.1875rem
    }

    #footer .webform-submission-form .submit-form-choice {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width:fit-content
    }

    #footer .banners-slider .slick-slider {
        padding-left: 5.625em;
        padding-right:5.625em
    }
}

@media (max-width: 991px) {
    #footer .subscribe-form .form-fields, #footer .subscribe-form form:not(.sucessful-form) {
        display: block;
        text-align:center
    }

    #footer .subscribe-form .form-fields input[name=email], #footer .subscribe-form .form-fields input[type=submit] {
        margin:auto
    }

    #footer .subscribe-form .notice-text {
        margin-bottom:1.25em
    }

    #footer .subscribe-form .notice-text .bold-notice {
        margin-bottom:1.1111111111em
    }

    #footer .subscribe-form .newsletter-subscription-form {
        max-width:none
    }

    #footer .subscribe-form #newsletter-result-message {
        position: static !important;
        margin-bottom:1.25em
    }

    #footer .banners-slider .slick-slider {
        padding-left: 1.25em;
        padding-right:1.25em
    }

    #footer .webform-submission-form .webfom-left-div {
        width: 100%;
        text-align:center
    }

    #footer .webform-submission-form .webfom-left-div .card-body {
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
        justify-content:center
    }

    #footer .webform-submission-form .webfom-right-div {
        width: 100%;
        text-align:center
    }

    #footer .webform-submission-form .webfom-right-div .form-radios {
        display:inline-flex !important
    }

    #footer .webform-submission-form .webfom-right-div .form-radios .form-check:first-child {
        padding-right: 1.5625em;
        padding-left:0 !important
    }

    #footer .webform-submission-form .webfom-right-div .form-radios .form-check:nth-child(2) {
        padding-left:.9375em !important
    }

    #footer .webform-submission-form .webfom-right-div .how-to-improve-question {
        display:block
    }

    #footer .webform-submission-form .webfom-right-div .how-to-improve-question textarea {
        max-width: 100%;
        margin-top: .625em;
        margin-bottom:1em
    }

    #footer .webform-submission-form .webfom-right-div .how-to-improve-question label {
        padding-right:0
    }

    #footer .webform-submission-form input[type=submit] {
        margin:auto
    }
}


#edit-actions-submit{
 background-color: rgb(192, 192, 192);
 color: rgb(114,114,114)
}

@media (min-width: 268px) {
  .webform-flexbox {
    display: flex;
    margin: 1em -0.5em;
  } 
}

/**



* User form css from claro theme*



**/

/*
 * Color Palette.
 */
--color-absolutezero: var(--color-blue-600);
--color-white: #fff;
--color-text: var(--color-gray);
--color-text-light: var(--color-gray-500);
--color-gray-050-o-40: rgba(243, 244, 249, 0.4);
/* Secondary. */
--color-gray-200-o-80: rgba(212, 212, 218, 0.8);
--color-maximumred: var(--color-red-500);
--color-sunglow: #ffd23f;
--color-sunglow-shaded: #977405;
--color-lightninggreen: #26a769;
--color-focus: var(--color-lightninggreen);
/* Variations. */
--color-absolutezero-hover: var(--color-blue-650); /* 5% darker than base. */
--color-absolutezero-active: var(--color-blue-700); /* 10% darker than base. */
--color-maximumred-hover: var(--color-red-550); /* 5% darker than base. */
--color-maximumred-active: var(--color-red-600); /* 10% darker than base. */
--color-bgblue-hover: var(--color-blue-020); /* 2% darker than base. */
--color-bgblue-active: var(--color-blue-050); /* 5% darker than base. */
--color-bgred-hover: var(--color-red-020); /* 5% darker than base. */
--color-bgred-active: var(--color-red-050); /* 10% darker than base. */
/* Gray variations. */
--color-gray: #232429;
--color-gray-900: #393a3f;
--color-gray-800: #55565b;
--color-gray-700: #75767b;
--color-gray-600: #828388;
--color-gray-500: #919297;
--color-gray-400: #adaeb3;
--color-gray-300: #c1c2c7;
--color-gray-200: #d3d4d9;
--color-gray-100: #dedfe4;
--color-gray-050: #f3f4f9;
--color-gray-025: #f9faff;
/* Blue variations. */
--color-blue: var(--color-blue-600);
--color-blue-900: #000f33;
--color-blue-800: #001f66;
--color-blue-700: #002e9a;
--color-blue-650: #0036b1;
--color-blue-600: #003ecc;
--color-blue-500: #004eff;
--color-blue-400: #3371ff;
--color-blue-300: #6694ff;
--color-blue-200: #99b8ff;
--color-blue-100: #ccdbff;
--color-blue-070: #dbe6ff;
--color-blue-050: #e5edff;
--color-blue-020: #f5f8ff;
/* Red variations. */
--color-red: var(--color-red-500);
--color-red-900: #2c0707;
--color-red-800: #580e0e;
--color-red-700: #841515;
--color-red-600: #b01c1c;
--color-red-550: #c61f1f;
--color-red-500: #dc2323;
--color-red-400: #e34f4f;
--color-red-300: #ea7b7b;
--color-red-200: #f1a7a7;
--color-red-100: #f8d3d3;
--color-red-070: #fae0e0;
--color-red-050: #fce9e9;
--color-red-020: #fdf5f5;
/*
 * Base.
 */
--color-fg: var(--color-text);
--color-bg: var(--color-white);
--color-link: var(--color-absolutezero);
--color-link-hover: var(--color-absolutezero-hover);
--color-link-active: var(--color-absolutezero-active);
--color-divider: rgba(142, 146, 156, 0.5);
/*
 * Typography.
 */
--font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-serif: "Times New Roman", times, serif;
--line-height: 1.5;
--line-height-heading: 1.3;
--line-height-form-label: calc(18rem / 16); /* 18px */
--font-size-base: 1rem; /* 1rem = 16px if font root is 100% ands browser defaults are used. */
--font-size-xl: 2.25rem; /* ~36px */
--font-size-h1: 2.027rem; /* ~32px */
--font-size-h2: 1.802rem; /* ~29px */
--font-size-h3: 1.602rem; /* ~26px */
--font-size-h4: 1.424rem; /* ~23px */
--font-size-h5: 1.266rem; /* ~20px */
--font-size-h6: 1.125rem; /* 18px */
--font-size-s: 0.889rem; /* ~14px */
--font-size-xs: 0.79rem; /* ~13px */
--font-size-xxs: 0.702rem; /* ~11px */
--font-size-label: var(--font-size-s);
--font-size-description: var(--font-size-xs);
/**
 * Spaces.
 */
--space-xl: 3rem; /* 3 * 16px = 48px */
--space-l: 1.5rem; /* 1.5 * 16px = 24px */
--space-m: 1rem; /* 1 * 16px = 16px */
--space-s: 0.75rem; /* 0.75 * 16px = 12px */
--space-xs: 0.5rem; /* 0.5 * 16px = 8px */
/*
 * Common.
 */
--speed-transition: 0.2s;
--transition: all var(--speed-transition) ease-out;
--base-border-radius: 2px;
--focus-border-size: 0.1875rem;
--focus-border-offset-size: 2px;
--outline-size: 2px;
--focus-outline: var(--outline-size) dotted transparent;
--focus-box-shadow: 0 0 0 var(--focus-border-offset-size) var(--color-white), 0 0 0 calc(var(--focus-border-size) + var(--focus-border-offset-size)) var(--color-focus);
/**
 * Shadows.
 */
--shadow-z3: 0 0.875rem 1.875rem rgba(0, 0, 0, 0.1);
/*
 * Inputs.
 */
--input-fg-color: var(--color-fg);
--input-bg-color: var(--color-bg);
--input-fg-color--description: var(--color-gray-800);
--input-fg-color--placeholder: var(--color-gray-700);
--input-border-color: var(--color-gray-500);
--input--hover-border-color: var(--color-text);
--input--focus-border-color: var(--color-absolutezero);
--input--error-color: var(--color-maximumred);
--input--error-border-color: var(--color-maximumred);
--input--disabled-color: rgba(84, 85, 96, 0.6); /* Davy's gray with 0.6 opacity. */
--input--disabled-fg-color: var(--color-gray-800);
--input--disabled-bg-color: #f2f2f3; /* Light gray with 0.3 opacity on white bg. */
--input--disabled-border-color: #bababf; /* Old silver with 0.5 opacity on white bg. */
--input--disabled-border-opacity: 0.5;
--input-border-radius-size: 0.125rem; /* (1/8)em ~ 2px */
--input-border-size: 1px; /* (1/16)em ~ 1px */
--input--error-border-size: 2px;
--input-padding-vertical: calc(var(--space-s) - var(--input-border-size));
--input-padding-horizontal: calc(var(--space-m) - var(--input-border-size));
--input-font-size: var(--font-size-base);
--input-line-height: var(--space-l);
--input-padding-vertical--small: calc(var(--space-xs) - (var(--input-border-size) * 2));
--input-padding-horizontal--small: calc(var(--space-m) - var(--input-border-size));
--input-font-size--small: var(--font-size-xs);
--input-line-height--small: 1.3125rem;
--input--extrasmall-padding-vertical: calc(0.15rem - var(--input-border-size));
--input--extrasmall-padding-horizontal: calc(var(--space-xs) - var(--input-border-size));
--input--extrasmall-font-size: var(--font-size-s);
--input--extrasmall-line-height: calc(var(--space-m) + 0.2rem); /* Font size is too big to use 1rem for extrasmall line-height */
--input--required-mark-size: 0.4375rem; /* 7px inside the form element label. */
--input--label-spacing: 1.6875rem; /* 8px with the checkbox width of 19px */
/*
 * Details.
 */
--details-border-color: var(--color-gray-100);
--details-summary-shadow-color: var(--color-focus);
--details-summary-focus-border-size: var(--focus-border-size);
--details-desktop-wrapper-padding-start: calc(var(--space-m) + var(--space-s) + var(--space-xs));
--details-box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.1);
--details-border-size: 1px;
--details-border-size-radius: 2px;
--details-accordion-border-size-radius: var(--base-border-radius);
--details-spread-box-shadow-radius: 2px;
--details-bg-color-transition-duration: 0.12s;
--details-box-shadow-transition-duration: 0.2s;
--details-transform-transition-duration: 0.12s;
--details-line-height: 1.295rem;
/**
 * Buttons.
 */
--button--focus-border-color: var(--color-blue-300);
--button-border-radius-size: var(--base-border-radius);
--button-fg-color: var(--color-text);
--button-bg-color: var(--color-gray-200);
--button--hover-bg-color: var(--color-gray-300);
--button--active-bg-color: var(--color-gray-400);
--button--disabled-bg-color: #ebebed;
--button--disabled-fg-color: var(--color-gray-500);
--button-fg-color--primary: var(--color-white);
--button-bg-color--primary: var(--color-absolutezero);
--button--hover-bg-color--primary: var(--color-absolutezero-hover);
--button--active-bg-color--primary: var(--color-absolutezero-active);
--button--focus-bg-color--primary: var(--button-bg-color--primary);
--button--disabled-bg-color--primary: var(--color-gray-200);
--button--disabled-fg-color--primary: var(--color-gray-600);
--button-fg-color--danger: var(--color-white);
--button-bg-color--danger: var(--color-maximumred);
--button--hover-bg-color--danger: var(--color-maximumred-hover);
--button--active-bg-color--danger: var(--color-maximumred-active);
--dropbutton-widget-z-index: 100;
/**
 * jQuery.UI dropdown.
 */
--jui-dropdown-fg-color: var(--color-gray-800);
--jui-dropdown-bg-color: var(--color-white);
--jui-dropdown--active-fg-color: var(--color-white);
--jui-dropdown--active-bg-color: var(--color-absolutezero);
--jui-dropdown-border-color: rgba(216, 217, 224, 0.8); /* Light gray with 0.8 opacity. */
--jui-dropdown-shadow-color: rgba(34, 35, 48, 0.1); /* Text color with 0.1 opacity. */
/**
 * jQuery.UI dialog.
 */
--jui-dialog-title-color: var(--color-white);
--jui-dialog-title-bg-color: var(--color-text);
--jui-dialog-title-font-size: var(--font-size-h4);
--jui-dialog-close-button-size: calc(var(--space-m) * 2);
--jui-dialog-close-button-border-radius: 50%;
--jui-dialog-close-button-reserved-space: calc(var(--space-m) * 4);
--jui-dialog-off-canvas-close-button-reserved-space: calc(var(--space-m) * 3);
--jui-dialog-border-radius: 0.25rem;
--jui-dialog-box-shadow: 0 0 var(--space-m) calc(var(--space-m) / -4) var(--color-text);
--jui-dialog--focus-outline: 2px dotted transparent;
--jui-dialog--focus-box-shadow: 0 0 0 0.1875rem var(--color-focus);
--jui-dialog-z-index: 1260;
--jui-dialog-off-canvas-z-index: 501;
/**
 * Progress bar.
 */
--progress-bar-border-size: 1px;
--progress-bar-small-size: calc(var(--space-xs) - (2 * var(--progress-bar-border-size)));
--progress-bar-small-size-radius: var(--space-xs);
--progress-bar-spacing-size: var(--space-xs);
--progress-bar-transition: width 0.5s ease-out;
--progress-bar-label-color: var(--color-text);
--progress-bar-description-color: var(--color-gray-800);
--progress-bar-description-font-size: var(--font-size-xs);
--progress-track-border-color: var(--color-gray-500);
--progress-track-bg-color: var(--color-gray-200);
/**
 * Tabledrag icon size.
 */
--tabledrag-handle-icon-size: calc(17rem / 16); /* 17px */
/**
 * Ajax progress.
 */
--ajax-progress-margin-horizontal: var(--space-s);
/**
 * Breadcrumb.
 */
--breadcrumb-height: 1.25rem;
/**
 * Layout.
 */
--layout-region-edit-width: min(60rem, 100%);
--layout-region-edit-extended-width: min(68rem, 100%);
/**
 * Vertical Tabs.
 *
 * These are shared between the vertical tabs and media library.
 * @see ../components/vertical-tabs.pcss.css
 * @see ../theme/media-library.pcss.css
 */
--vertical-tabs-margin-vertical: var(--space-s);
--vertical-tabs-border-radius: var(--details-accordion-border-size-radius);
--vertical-tabs-shadow: var(--details-box-shadow);
--vertical-tabs-border-color: var(--details-border-color);
--vertical-tabs-border-size: 1px;
--vertical-tabs-border: var(--vertical-tabs-border-size) solid var(--vertical-tabs-border-color);
--vertical-tabs-menu-item-shadow-extraspace: 0.5rem;
--vertical-tabs-menu-item--top-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -2);
--vertical-tabs-menu-item--right-margin: calc(var(--vertical-tabs-border-size) * -1);
--vertical-tabs-menu-item--bottom-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
--vertical-tabs-menu-item--left-margin: calc(var(--vertical-tabs-menu-item-shadow-extraspace) * -1);
--vertical-tabs-menu-separator-color: var(--color-gray-200);
--vertical-tabs-menu-separator-size: 1px;
--vertical-tabs-menu-width: 20em;
--vertical-tabs-pane-width: calc(100% - var(--vertical-tabs-menu-width));
--vertical-tabs-menu-link-focus-border-size: var(--details-summary-focus-border-size);
--vertical-tabs-menu-link--active-border-size: 0.25rem;
--vertical-tabs-menu-link--active-border-color: var(--color-absolutezero);
--vertical-tabs-menu--z-index: 0;


::placeholder {
  opacity: 1;
  color: var(--input-fg-color--placeholder);
}

/**
 * General form item.
 */

.form-item {
  margin-block: var(--space-l);
}

/**
 * When a table row or a container-inline has a single form item, prevent it
 * from adding unnecessary extra spacing.
 * If it has multiple form items, allow spacing between them, overriding core.
 */

tr .form-item,
.container-inline .form-item {
  margin-block: var(--space-s);
}

/**
 * Form element label.
 */
 
 .user-profile .user-form{
   color: rgb(35, 36, 41);
 }
 
 .user-profile .user-form a{
   color: #003ecc;
 }
 .user-profile .user-form a:hover{
    color: #0036b1;
  }
  .user-profile .user-form a:active{
    color: #002e9a;
  }

.user-profile label {
  display: table;
  margin-block: 4px; /* 4px */
  font-size: 14px; /* ~14px */
  font-weight: bold;
  line-height: 18px;
}

.user-profile label[for] {
  cursor: pointer;
}

.user-profile label.option {
  display: inline;
  font-weight: normal;
}

.user-profile label.has-error {
  color: var(--input--error-color);
}

.user-profile label.option.has-error {
  color: inherit;
}

.user-profile label.is-disabled {
  cursor: default; /* @todo ...or auto? */
  color: #55565b;
}

/**
 * Form item description.
 */

.user-profile .description {
  margin-block: calc(6rem / 16); /* 6px */
  color: #55565b;
  font-size: 0.95rem; /* ~13px */
  line-height: calc(17rem / 16); /* 17px */
}

.user-profile .description.is-disabled {
  color: #55565b;
}

/**
 * Error message (Inline form errors).
 */

.form-item__error-message {
  margin-block: calc(6rem / 16); /* 6px */
  color: var(--input--error-color);
  font-size: var(--font-size-xs); /* ~13px */
  font-weight: normal;
  line-height: calc(17rem / 16); /* 17px */
}

.form-item__prefix.is-disabled,
.form-item__suffix.is-disabled {
  color: var(--input--disabled-fg-color);
}

/* Add some spacing so that the focus ring and suffix don't overlap. */

@media screen and (min-width: 37.5625rem) {
  .form-item__suffix {
    margin-inline-start: var(--space-xs);
    white-space: nowrap;
  }
}

/**
 * Form actions.
 */

.form-actions,
.field-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-block: var(--space-xs);
}

.form-actions .form-wrapper,
.field-actions .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) 0;
}

.form-actions .button,
.field-actions .button,
.form-actions .action-link,
.field-actions .action-link {
  margin-block: var(--space-xs);
}

.form-actions .ajax-progress--throbber,
.field-actions .ajax-progress--throbber {
  align-self: center;
}

/**
 * Password module.
 *
 * @legacy
 * @todo These should be in a standalone component file.
 */

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto;
}

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both;
}

/**
 * Custom label placement for editor filter format select.
 */

.form-item--editor-format {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix {
  margin-inline-end: var(--space-xs);
}

.form-item--editor-format .form-item__description,
.form-item--editor-format .form-item__error-message {
  flex: 0 1 100%;
  min-width: 1px;
}

/**
 * Improve form element usability on narrow devices.
 *
 * @legacy
 */

@media screen and (max-width: 37.5rem) {
  .password-strength {
    width: 100%;
  }
  div.form-item div.password-suggestions {
    float: none;
  }
}

/**
 * Prevent regression due to explicit line-heights applied to these elements in
 * normalize.css 7.0.0.
 */

button {
  line-height: 1.125rem;
}

input,
optgroup {
  line-height: 1.5rem;
}

/**
 * Prevent regression due to -webkit-appearance being set to button in
 * normalize.css 4.1.0.
 */

::-webkit-file-upload-button {
  -webkit-appearance: push-button;
}



.user-profile .user-form .form-text {
  box-sizing: border-box;
  max-width: 100%;
  min-height: calc(((var(--input-padding-vertical) + var(--input-border-size)) * 2) + var(--input-line-height)); /* iOS. */
 /* padding: var(--input-padding-vertical) var(--input-padding-horizontal);*/
  color: var(--input-fg-color);
/*  border: var(--input-border-size) solid var(--input-border-color); */
  border-radius: var(--input-border-radius-size);
  background: var(--input-bg-color);
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  appearance: none; /* Being able to control inner box shadow on iOS. */
}

.no-touchevents .form-element--extrasmall,
.no-touchevents .form-element[name$="][_weight]"] {
  min-height: calc(((var(--input--extrasmall-padding-vertical) + var(--input-border-size)) * 2) + var(--input--extrasmall-line-height)); /* iOS. */
  padding: var(--input--extrasmall-padding-vertical) var(--input--extrasmall-padding-horizontal);
  font-size: var(--input--extrasmall-font-size);
  line-height: var(--input--extrasmall-line-height);
}

/**
 * Override normalize.css's search appearance.
 */

.form-element--type-search[type="search"] {
  appearance: none;
  box-sizing: border-box;
}

/**
 * Fix minor things for specific types.
 */

.form-element--type-date,
.form-element--type-time {
  vertical-align: -webkit-baseline-middle; /* Prevent iOS input jump while filling. */
}

.form-element--type-date {
  min-width: 9.5rem; /* Prevent input width change while filling. */
}

.form-element--type-time {
  min-width: 7.5rem; /* Prevent input width change while filling. */
}

.form-element--type-color {
  min-width: 3rem; /* Bigger input for webkit */
  padding: 0; /* Bigger pickable area */
  text-indent: calc(0.75rem - var(--input-border-size)); /* Text-input fallback for non-supporting browsers like Safari */
}

/**
 * Better upload button alignment for Chrome.
 */

.form-element--type-file::-webkit-file-upload-button {
  vertical-align: top;
}

/**
 * States.
 */

.form-element:active {
  border-color: var(--input--focus-border-color);
}

.form-element:hover {
  border-color: var(--input--hover-border-color);
  box-shadow: inset 0 0 0 var(--input-border-size) var(--input--hover-border-color);
}

.form-element:focus {
  box-shadow:
    0 0 0 2px var(--color-white),
    0 0 0 5px var(--color-focus);
}

.form-element:hover:focus {
  box-shadow:
    0 0 0 2px var(--color-white),
    0 0 0 5px var(--color-focus),
    inset 0 0 0 var(--input-border-size) var(--input--hover-border-color);
}

.form-element.error {
  border-width: var(--input--error-border-size);
  border-color: var(--input--error-border-color);
}

.form-element.error:hover {
  box-shadow: none;
}

.form-element.error:hover:focus {
  box-shadow:
    0 0 0 2px var(--color-white),
    0 0 0 5px var(--color-focus);
}

.form-element--type-textarea.error + .cke {
  border-color: var(--input--error-border-color);
}

.form-element[disabled] {
  color: var(--input--disabled-fg-color);
  border-color: var(--input--disabled-border-color);
  background-color: var(--input--disabled-bg-color);
  box-shadow: none;
  /* https://stackoverflow.com/q/262158#answer-23511280 */
  -webkit-text-fill-color: var(--input--disabled-fg-color);
}

/**
 * Improve form element usability on narrow devices.
 */

@media screen and (max-width: 37.5rem) {
  /* Number, date and time are skipped here */
  .form-element {
    float: none;
    width: 100%;
    margin-block-start: 0.75rem;
    margin-inline: 0;
  }
  .form-element:first-child,
  .form-item__label + .form-element {
    margin-block-start: 0;
  }
}

.form-element--type-textarea.error + .ck-editor > .ck-editor__main {
  border: var(--input--error-border-size) solid var(--input--error-border-color);
}

.password-confirm {
  max-inline-size: 25rem;
}

.password-confirm input {
  width: 100%;
}

.password-confirm__password {
  margin-block-end: 0;
}

.password-confirm__confirm {
  margin-block-end: 0;
}

.js .password-confirm__confirm {
  max-height: 10rem;
  transition:
    max-height var(--speed-transition) ease-in-out,
    margin var(--speed-transition) ease-in-out;
}

@media screen and (prefers-reduced-motion: reduce) {
  .js .password-confirm__confirm {
    transition: none;
  }
}

/* Password confirm widget states. */

.js .is-initial:not(.form-item--error) .form-item__description {
  margin-block-start: 0;
}

.js .is-initial.is-password-empty.is-confirm-empty:not(.form-item--error) .password-confirm__confirm {
  display: none;
  max-block-size: 0;
  margin-block-start: 0;
}

/**
 * Password strength
 *
 * Description and strength indicator for the main input.
 */

.password-strength {
  /* Weak */
  --password-strength-bar-weak-bg-color: var(--color-maximumred);
  --password-strength-bar-weak-border-color: var(--color-maximumred);
  /* Fair */
  --password-strength-bar-fair-bg-color: var(--color-sunglow);
  --password-strength-bar-fair-border-color: #977405;
  /* Good */
  --password-strength-bar-good-bg-color: var(--color-lightninggreen);
  --password-strength-bar-good-border-color: var(--color-lightninggreen);
  /* Strong */
  --password-strength-bar-strong-bg-color: var(--color-lightninggreen);
  --password-strength-bar-strong-border-color: var(--color-lightninggreen);

  margin-block: var(--progress-bar-spacing-size);
}

.password-strength__track {
  height: var(--progress-bar-small-size);
  margin-block: var(--progress-bar-spacing-size);
  border: var(--progress-bar-border-size) solid var(--progress-track-border-color);
  border-radius: var(--progress-bar-small-size-radius);
  background-color: var(--progress-track-bg-color);
}

.password-strength__track::after {
  display: table;
  clear: both;
  content: "";
}

/* Password strength states */

.password-strength__bar {
  min-inline-size: var(--progress-bar-small-size);
  height: var(--progress-bar-small-size);
  margin: calc(var(--progress-bar-border-size) * -1);
  transition: var(--progress-bar-transition);
  border: var(--progress-bar-border-size) solid transparent;
  border-radius: var(--progress-bar-small-size-radius);
  background-color: transparent;
}

.password-strength__bar.is-weak {
  border-color: var(--password-strength-bar-weak-border-color);
  background-color: var(--password-strength-bar-weak-bg-color);
}

.password-strength__bar.is-fair {
  border-color: var(--password-strength-bar-fair-border-color);
  background-color: var(--password-strength-bar-fair-bg-color);
}

.password-strength__bar.is-good {
  border-color: var(--password-strength-bar-good-border-color);
  background-color: var(--password-strength-bar-good-bg-color);
}

.password-strength__bar.is-strong {
  border-color: var(--password-strength-bar-strong-border-color);
  background-color: var(--password-strength-bar-strong-bg-color);
}

@media screen and (prefers-reduced-motion: reduce) {
  .password-strength__bar {
    transition: none;
  }
}

.password-strength__title {
  overflow: hidden;
  margin-block: var(--progress-bar-spacing-size);
  color: var(--progress-bar-description-color);
  font-size: var(--progress-bar-description-font-size);
  line-height: var(--space-m);
}

.is-initial.is-password-empty .password-strength__title {
  margin: 0;
  line-height: 0;
}

.password-strength__text {
  color: var(--progress-bar-label-color);
  font-weight: bold;
}

@media (forced-colors: active) {
  .password-strength__bar.is-weak,
  .password-strength__bar.is-fair,
  .password-strength__bar.is-good,
  .password-strength__bar.is-strong {
    background-color: canvastext;
  }

  .is-initial .password-strength__bar {
    border-color: transparent;
    background-color: transparent;
  }
}

/**
 * Password match message.
 *
 * This is the description-like message on the bottom of the password confirm
 * input.
 */

.password-match-message {
  margin-block: var(--progress-bar-spacing-size);
  color: var(--progress-bar-description-color);
  font-size: var(--progress-bar-description-font-size);
}

.is-confirm-empty .password-match-message {
  visibility: hidden;
}

.password-match-message__text {
  color: var(--progress-bar-label-color);
  font-weight: bold;
}

/**
 * Password suggestions.
 *
 * Tips for improving the password.
 */

.password-suggestions {
  margin-block: var(--progress-bar-spacing-size) var(--space-xs);
  padding: var(--space-m);
  color: var(--progress-bar-description-color);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--base-border-radius);
  background-color: var(--color-white);
  box-shadow: var(--details-box-shadow);
  font-size: var(--progress-bar-description-font-size);
}

.password-suggestions__tips {
  margin-block-start: var(--space-xs);
  margin-inline-start: var(--space-l);
}


.form-element--type-select {
  padding-inline-end: calc(2rem - var(--input-border-size));
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23545560'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 2.75rem 0.5625rem; /* w: 14px + (2 * 15px), h: 9px */

  /**
   * Select states.
   */
}

.form-element--type-select:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%23003ecc'/%3e%3c/svg%3e");
}

.form-element--type-select[disabled] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3e%3cpath fill='none' stroke-width='1.5' d='M1 1l6 6 6-6' stroke='%238e929c'/%3e%3c/svg%3e");
}

[dir="rtl"] .form-element--type-select {
  background-position: 0 50%;
}

.no-touchevents .form-element--type-select.form-element--extrasmall,
.no-touchevents .form-element--type-select[name$="][_weight]"] {
  padding-inline-end: calc(1.5rem - var(--input-border-size));
  background-size: 1.75rem 0.4375rem; /* w: 14px + (2 * 7px), h: 7px */
}

@media (forced-colors: active) {
  .form-element--type-select,
  .form-element--type-select:focus,
  .form-element--type-select[disabled] {
    padding-inline-end: var(--input-padding-horizontal);
    background-image: none;
    appearance: revert; /* Revert <select> appearance value for modern browsers. */
  }
}

.button {
  display: inline-block;
  margin-block: var(--space-m);
  margin-inline: 0 var(--space-s);
  padding: calc(var(--space-m) - 1px) calc(var(--space-l) - 1px); /* 1 */
  cursor: pointer;
  text-align: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-fg-color);
  border: 1px solid transparent;
  border-radius: var(--button-border-radius-size);
  background-color: var(--button-bg-color);
  font-size: var(--font-size-base);
  font-weight: 700;
  line-height: 1rem;
  appearance: none;
  -webkit-font-smoothing: antialiased; /* 2 */
}

.button:not(:focus) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.button:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: var(--button-fg-color);
  background-color: var(--button--hover-bg-color);
}

.button:focus {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.button:active {
  background-color: var(--button--active-bg-color);
}

/* Common styles for small buttons. */

.no-touchevents .button--small {
  margin-block: var(--space-s);
  margin-inline: 0 var(--space-xs);
  padding: calc(var(--space-xs) - 1px) calc(var(--space-m) - 1px); /* 1 */
  font-size: var(--font-size-xs);
}

/* Common styles for extra small buttons. */

.no-touchevents .button--extrasmall {
  margin-block: var(--space-xs);
  margin-inline: 0 var(--space-xs);
  padding: calc(calc(var(--space-xs) / 2) - 1px) calc(var(--space-s) - 1px); /* 1 */
  font-size: var(--font-size-xs);
}

/* Styles for action link buttons. */

.button--action {
  margin: 0;
}

.button--action::before {
  margin-inline: -0.25em 0;
  padding-inline: 0 0.25em;
  content: "+";
  font-weight: 900;
}

/* Primary button style.s */

.button--primary {
  color: var(--button-fg-color--primary);
  background-color: var(--button-bg-color--primary);
}

.button--primary:is(:hover, :active) {
  color: var(--button-fg-color--primary);
  background-color: var(--button--hover-bg-color--primary);
}

/* Danger button styles */

.button--danger {
  color: var(--button-fg-color--danger);
  background-color: var(--button-bg-color--danger);
}

.button--danger:is(:hover, :active) {
  color: var(--button-fg-color--danger);
  background-color: var(--button--hover-bg-color--danger);
}

/**
 * Disabled state styles as last.
 *
 * Overrides every definitions before, including variants.
 */

.button:is(:disabled, .is-disabled) {
  color: var(--button--disabled-fg-color);
  background-color: var(--button--disabled-bg-color);
}

/* Make disabled <link> behave like a [disabled] <input> or <button>. */

.button.is-disabled {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

/**
 * Style a clickable/tappable element as a link. Duplicates the base style for
 * the <a> tag, plus a reset for padding, borders and background.
 */

.link {
  display: inline;
  padding: 0;
  cursor: pointer;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  border: 0;
  background: none;
  appearance: none;
}


/*****


******/

.user-profile #page-main-content{
  margin-top: 20px;
}
.user-profile .field--label-above{
  margin-top: 10px;
}
.user-profile .field__label{
  font-weight: 500;
  font-size: 16px;
  color: rgb(35, 36, 41);
  line-height: 18px;
}
.user-profile .field__item{
  padding-left: 20px;
  color: rgb(68, 70, 77);
}
  
.logout-menu a em i:hover{
  color: rgb(234, 121, 8);
  
}
.user-form, .tfa-setup{
  padding-bottom: 30px;
}

#tfa-overview a, .tfa-setup a{
 text-decoration: none;
    border-bottom: 1px solid #dfdfdf;
    color: #2375bb;
}

#tfa-overview a:hover, .tfa-setup a:hover {
    border-bottom: 1px solid #2375bb;
}
.button--primary{
padding: 6px 12px 6px 12px;
color: #fff !important;
background-color: #007bff !important;
border-color: #007bff;
border-radius: 0.25rem;
}