html.black *:not(.nocontrast *) {
    background: black !important;
    color: white !important;
}

html.yellow2 *:not(.nocontrast *) {
    background: #F8F21D !important;
    color: black !important;
    border-color: black !important;
}

html.yellow *:not(.nocontrast *) {
    background: black !important;
    color: #F8F21D !important;
}

body {
    font-family: Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
}

b {font-weight: 500;}

h1 {font-weight: 500; color: rgb(33, 33, 33); font-size: 2.25rem; line-height: 1.22222;}
hr {margin-top: 1.5rem;}

#cookie-bar {
    background-color: rgb(0, 131, 143);
    padding-top: 1rem;
}

#cookie-bar p {color: rgb(255, 255, 255);}

#cookie-bar a {
	color: rgb(255, 255, 255);
    font-size: 1.142rem;
    text-decoration: underline;
}

.logo {max-width: 174px;}
h2 {font-size: 1.714rem; font-weight: 400;}

nav .sign-in {color: rgba(0,0,0,.5);}
nav .sign-in:hover {color: rgba(0,0,0,.9);}

button:focus, .btn:focus, .btn:active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {outline: none; box-shadow: none;}

.form-control {
    background-color: rgb(255, 255, 255);
    color: rgb(33, 33, 33);
    font-size: 1rem;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 224, 224);
    border-image: initial;
    border-radius: 2px;
    padding: 0.5em 1em;
}

.btn {
	text-decoration: none;
	-webkit-appearance: none;
    font-size: 1rem;
    font-weight: 500;
    
    user-select: none;
    cursor: pointer;
	color: rgb(255, 255, 255);
	will-change: box-shadow;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 2px;
    padding: 0px 1em;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.bootstrap-select .btn{min-height:40px;}

/*a.btn {line-height: 40px;}*/

.btn-primary {
    background-color: rgb(239, 83, 80);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
}

.btn-primary:hover {
    background-color: rgb(229, 115, 115);
    color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}
.btn-primary:not(:disabled):not(.disabled):active {background-color: rgb(211, 47, 47); color: rgb(255, 255, 255);}

.btn-secondary {box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; background-color: rgb(79, 179, 191);}
.btn-secondary:hover {box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px; background-color: rgb(79, 179, 191);}



main a {color: rgb(0, 131, 143); text-decoration: underline;}
main a:hover {color: rgb(79, 179, 191);}

main a.project_item {
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    will-change: box-shadow;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    text-decoration: none;
}
main a.project_item:hover {box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;}
main a.project_item .ThumbnailBase {
	background-color: rgb(245, 245, 245);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    flex: 0 0 auto;
    overflow: hidden;
}
main a.project_item .ThumbnailBase .Ratio {
	position: relative;
    padding-top: 56.25%;
}
main a.project_item .ThumbnailBase .Ratio .RatioContent {
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
main a.project_item .ThumbnailBase .Ratio .RatioContent .StyledBackgroundImg {
	transform: scale(1);
    will-change: transform;
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
main a.project_item:hover .ThumbnailBase .Ratio .RatioContent .StyledBackgroundImg {transform: scale(1.05);}
main a.project_item .ThumbnailBase .Ratio .RatioContent .StyledBackgroundImg img {
	background-size: cover;
    width: 100%;
    height: 100%;
    background-position: center center;
}

main a.project_item .StyledContent {
	min-height: 208px;
    position: relative;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 24px 24px 36px;
    flex: 1 0 auto;
}
main a.project_item .StyledContent h1 {
	color: rgb(33, 33, 33);
    font-size: 1.25rem;
    line-height: 1.4;
    margin-top: 0px;
}
main a.project_item .StyledContent p {
	color: rgb(72, 72, 72);
    font-size: 1rem;
    line-height: 1.5;
}

main a.project_item .StyledContent .ActionAlignment {    transform: translate(-12px, 24px);}
main a.project_item .StyledContent .ActionAlignment button {    min-width: 0px;     -webkit-appearance: none;
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    min-width: 88px;
    background-color: transparent;
    color: rgb(0, 131, 143);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 2px;
    padding: 0px 0.5em 0px 1em;     font-family: inherit;
    font-size: 0.875rem;}
main a.project_item .StyledContent .ActionAlignment button .StyledLabel {display: inline-block; vertical-align: middle; padding: 10px 0px 9px;}
main a.project_item .StyledContent .ActionAlignment button .StyledIcon {display: inline-block; vertical-align: middle;}
main a.project_item .StyledContent .ActionAlignment button .StyledIcon i {font-style: normal; display: inline-flex; pointer-events: none; vertical-align: middle;}
main a.project_item .StyledContent .ActionAlignment button .StyledIcon i svg {display: block; width: 1em; height: 1em;}
main a.project_item .StyledContent .ActionAlignment button .StyledIcon i svg polygon {fill: currentcolor;}

main h3 {color: rgb(33, 33, 33); font-size: 1.25rem; line-height: 1.4;}
main .highlightBlock {border-left: 0.5em solid rgb(224, 224, 224); padding: 0.5em 0px 0.5em 1em;}
main .highlightBlock p {margin-bottom: 0;}

main .g-recaptcha {display: inline-block;}

footer {
	color: rgb(158, 158, 158);
	font-size: 0.875rem;
}
/*
footer a {
	height: 100%;
    background-color: rgb(0, 131, 143);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    will-change: box-shadow;
    color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 248px;
    border-radius: 2px;
    text-decoration: none;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

footer a h1 {color: rgb(255, 255, 255); font-size: 1.25em; line-height: 1.4; margin-bottom: 0.75em; color: currentcolor;}
footer a i {font-size: 3em;}

footer a:hover { color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px; text-decoration: none;}

footer a.light {background-color: rgb(79, 179, 191); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;}
footer a.light:hover {box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;}
footer a.red {background-color: rgb(239, 83, 80); box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;}
footer a.red:hover {box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;}
*/

.m-header {
    height: 66px;
}
header {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
    border-bottom: 1px solid rgb(224, 224, 224);
}
.m-brand {
    padding: 0px 42px;
}
.m-brand .m-brand__logo, .m-brand .m-brand__tools {
    height: 65px !important;
}

.pieklustamiba p,.pieklustamiba ul{font-size: 1.125rem !important;}
.pieklustamiba h3{margin-top: 2em;   margin-bottom: 0.75em;}
.pieklustamiba h1{margin-bottom: 1em !important;}


/* cookie consent */
#sticky-cookie {
	position: fixed;
	border-radius: 4px;
	bottom: 20px;
	right: 20px;
	color: #00838F;
	background: #fff;
	font-weight: 500;
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	opacity: 1;
	padding: 9px 0 9px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	width: 140px;
	display: none;
	cursor: pointer;
	border: 1px solid #00838F;
}
#sticky-cookie:hover {color:#fff; background:rgb(79, 179, 191)}

:root{
	--cc-btn-primary-bg:rgb(0, 131, 143) !important;
	--cc-text:#fff !important;
	--cc-btn-primary-text: var(--cc-text) !important;
	--cc-btn-primary-hover-bg:rgb(79, 179, 191) !important;
	--cc-btn-secondary-bg: var(--cc-btn-primary-bg) !important;
	--cc-btn-secondary-text: var(--cc-text) !important;
	--cc-btn-secondary-hover-bg: var(--cc-btn-primary-hover-bg) !important;
	--cc-toggle-bg-on:var(--cc-text) !important;
	--cc-toggle-bg-readonly:rgb(79, 179, 191) !important;
	--cc-block-text: #00838F !important;
}

.cc_div #cm {background-color: rgb(0, 131, 143);}
.cc_div #s-cnt {color: #00838F !important;}
.cc_div .b-bn .b-tl::before {border-color: #00838F !important;}
.cc_div #s-cnt .cc-link {color: #00838F }
.cc_div #s-cnt .cc-link:hover {color: rgb(79, 179, 191) !important;}
.cc_div {font-family: Roboto, sans-serif !important;}
.c-bn {border: 1px solid #fff !important;}
.c-bn:hover, #s-c-bn:hover {color: #fff !important;}
#s-c-bn {width: 1.75em !important; height: 1.75em !important; outline: none !important;}
#s-c-bn:hover:after, #s-c-bn:hover:before {background: #fff !important;}
.cc-link {color: #fff !important; border-bottom: 1px solid; font-weight: 500 !important; text-decoration: underline !important;}
.cc-link:hover, .cc_div a:hover {color: rgb(79, 179, 191) !important;}
.cc_div a {color: #fff; border-bottom: none !important; text-decoration: underline !important;}
#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {font-weight: 500 !important;}

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

.pieklustamiba td, .pieklustamiba th {
  border: 1px solid rgb(224, 224, 224);
  padding: 8px;
}

.pieklustamiba th {font-weight: 500;}
*/

/* SVS */
html, body, .tooltip, .popover, .btn, .btn.m-btn--custom, 
.m-portlet.m-portlet--creative .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text,
.vakata-context, .vakata-context ul {font-family: Roboto;}

#cookie-bar {
    background-color: rgb(0, 131, 143);
    padding-top: 1rem;
	font-size: 1.148rem;
	font-weight: 400;
}

#cookie-bar p {color: rgb(255, 255, 255);}
#cookie-bar b {font-weight: 500;}

#cookie-bar a {
	color: rgb(255, 255, 255);
    font-size: 1.148rem;
    text-decoration: underline;
}

body.m-content--skin-light2 {background: white;}

.hiden{display:none;}
.modal-backdrop {z-index: 1029;}
.modal {z-index: 1030;}

.m-body .m-wrapper { overflow: visible; }
.sticky-top{top: 66px;z-index: 11;}
.vertical-middle{vertical-align:middle !important;}
.table-cursor-pointer tbody td:not(.rowlink-skip){cursor:pointer;}
.tableTimeTable td.active{background: #f4f5f8;}
table.table-docs tr:first-child td{border:0;}
.pointer{cursor:pointer;}

.m-checkbox.has-danger{color:#f4516c;}
.m-checkbox.has-danger span{border-color:#f4516c;}
.m-radio.has-danger{color:#f4516c;}
.m-radio.has-danger span{border-color:#f4516c;}

.bootstrap-maxlength { z-index: 5 !important;}

.btn-group.bootstrap-select.m-datatable__pager-size{width:90px !important;}

.alert-danger:not(.m-alert--outline) {
    color: white;
    background-color: rgb(239, 83, 80);
    border-color: rgb(239, 83, 80);
}

.m-table tr.m-table__row--light th, .m-table tr.m-table__row--light td {
  background: #f4f5f8;
  color: #111111;
  border-bottom: 0;
  border-top: 0; 
 }

.deleteOptionConfirm,.reportDeleteOptionConfirm,.ratingDeleteOptionConfirm{
	position: absolute;
    top: 0px;
	padding-top:1rem;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: white;
    z-index: 5;
	top: calc(50% - 20px);
	padding-top:0;
}
#tableOptions td {vertical-align: middle;}

/* projektu sistēma - start */
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
	-webkit-appearance: none;
    font-size: 1rem;
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    background-color: rgb(239, 83, 80);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    will-change: box-shadow;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 2px;
    padding: 0px 1em;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn.ps-style {
background-color: #00838F;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn:hover {
    background-color: rgb(229, 115, 115);
    color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn.ps-style:hover {
background-color: #005662;
}

.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.ps-style {
    background-color: rgb(255, 255, 255);
    color: rgb(33, 33, 33);
    font-size: 1rem;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 224, 224);
    border-image: initial;
    border-radius: 2px;
    padding: 0.5em 1em;
}

.btn.btn-secondary, .btn-danger, .btn.m-btn--air.btn-secondary:focus {
	-webkit-appearance: none;
    font-size: 1rem;
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    background-color: rgb(239, 83, 80) !important;
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    will-change: box-shadow;
    border-width: initial;
    border-style: none;
    border-color: initial !important;
    border-image: initial;
    border-radius: 2px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.btn.m-btn--air.btn-secondary:hover, .btn.btn-secondary:hover, .btn-danger:hover {background-color: rgb(239, 83, 80) !important; box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px !important;}

.btn-accent.m-btn--air,.btn-primary, .btn-accent {
	-webkit-appearance: none;
    /*font-size: 1em;*/
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    background-color: rgb(79, 179, 191);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    will-change: box-shadow;
    border-width: initial;
    border-style: none;
    border-color: rgb(79, 179, 191);
    border-image: initial;
    border-radius: 2px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
}
.btn-default{
	-webkit-appearance: none;
    /*font-size: 1em;*/
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    color: black;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    will-change: box-shadow;
    border-width: initial;
    border-style: none;
    border-image: initial;
    border-radius: 2px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
	background: #ebedf2 !important;
	
}

.btn-accent.m-btn--air:hover, .btn-accent:hover,.btn-primary:hover {
	background-color: rgb(79, 179, 191);
	border-color: rgb(79, 179, 191);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: rgb(79, 179, 191);
   border-color: rgb(79, 179, 191);
   opacity:0.8;
}

/*project field list */
body.dragging, body.dragging * {cursor: move !important;}
.dragged { position: absolute;opacity: 0.5;z-index: 2000;}
ol.fields li.placeholder ,ol.report-fields li.placeholder  ,ol.rating-fields li.placeholder {
    position: relative;
    margin: 0;
    padding: 0;
    border-color: red;
    border-style: dotted;
	z-index: 2000;
}	
ol.fields li.placeholder:before ,ol.report-fields li.placeholder:before,ol.rating-fields li.placeholder:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	margin-top: -8px;
	left: -8px;
	top: -1px;
	border: 8px solid transparent;
	border-left-color: red;
	border-right: none;
	z-index: 2000;
} 
ol.fields,ol.report-fields,ol.rating-fields{list-style:none;margin:0;padding:0;}
ol.fields li,ol.report-fields li,ol.rating-fields li{list-style:none;border:1px solid transparent;padding:10px 5px;display:block;}

#delete-img-div{position:relative;}
#delete-img-div i{position:absolute;top:0px; right:0px;background: black; color: white;  padding: 4px;cursor:pointer;}

/* projektu sistēma - end */

.full-width{width:100%;}
.half-width{width:50%;}

input[type="file"]{padding: 0.46rem 1.25rem;}


/* Form validation on error form icon color */
.custom-file-control{border-color: #ebedf2;    border-radius: 0.25rem;    padding: 0.65rem 1.25rem;height: 2.64em;}
.custom-file-control::before{border-color: #ebedf2;border-radius:0;height: 2.6em;color:#959598;border-radius: 0px 0.25rem 0.25rem 0px;}
.custom-file-control::after{color:#959598;}
.form-control.has-danger {border-color: #f4516c;}
label.has-danger{color: #f4516c !important;}
.form-control.has-danger::placeholder {color:#f4516c;}
.form-control.has-danger button.dropdown-toggle {border-color: #f4516c;}
.form-control.has-danger button.dropdown-toggle:after {color: #f4516c;}
.form-control.has-danger + span.input-group-addon{background: #f4516c;border-color: #f4516c;}
.form-control.has-danger .filter-option.pull-left,select.has-danger .dropdown-toggle:after{color: #f4516c;}
.form-control.has-danger + span.input-group-addon i{color:white;}
.custom-file-input.has-danger + span.custom-file-control {border-color: #f4516c;}
.custom-file-input.has-danger + span.custom-file-control::before{color: white;background:#f4516c;border-color: #f4516c;}
.custom-file-input.has-danger + span.custom-file-control::after{color: #f4516c;}

/* makes the font 33% larger relative to the icon container */
/* Fix because style.bundle.css overwrites this */
.fa-lg {
  font-size: 1.33333333rem;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2rem; }

.fa-3x {
  font-size: 3rem; }

.fa-4x {
  font-size: 4rem; }

.fa-5x {
  font-size: 5rem; }

.custom-file {width:100%;}

.custom-file-control:lang(lv):empty::after {
content: "Izvēlēties failu..."; }

.custom-file-control:lang(lv)::before {
content: "Pārlūkot"; }


.task .m-card-profile__pic{display:inline-block;text-align:center; margin: 0px 10px;}
.task .m-card-profile__pic-wrapper{
	border: 2px solid #f4f5f8;    
	padding: 8px;
    display: inline-block;
   -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.task .m-card-profile__pic-wrapper img{
	text-align: center;
    max-width: 130px!important;
    margin: 0 auto!important;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
	width: 95px;
}

.task .days{
    display: inline-block;
    margin-right: 15px;
    padding: 10px;
}
.task .days span{    font-size: 2.7rem;   padding-top: 11px;   display: inline-block;}
.task #dates div{display: inline-block;vertical-align: top; text-align: left;}


span.b2{width: calc(100% - 80px);text-align:left;}

table.tasks tr td:first-child{width:40px;padding-left: 15px;}
table.tasks tr td:last-child{padding-right: 15px !important;}

.form-control-label {font-weight: 400;}
.form-control:focus {border-color: #4BACB8; color: #575962;}

.datepicker tbody tr > td.day.today {
    background-color: rgb(79, 179, 191) !important;
    color: rgb(255, 255, 255) !important;
}

.datepicker tbody tr > td.day.selected, .datepicker tbody tr > td.day.selected:hover, .datepicker tbody tr > td.day.active, .datepicker tbody tr > td.day.active:hover {
    background-color: rgb(0, 131, 143);
    color: rgb(255, 255, 255);
}

.bootstrap-select.btn-group.show > .dropdown-toggle.btn-default, .bootstrap-select.btn-group.show > .dropdown-toggle.btn-secondary {border-color: transparent !important;}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
    background-color: rgb(239, 83, 80);
    border-color: rgb(239, 83, 80);
    color: #ffffff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    background-color: rgb(0, 131, 143);
    border-color: rgb(0, 131, 143);
    color: #ffffff;
}

.m-badge.m-badge--success {background-color: #4BACB8;}
.m-badge.m-badge--danger {background-color: rgb(239, 83, 80);}

.m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link:hover, .m-tabs-line.m-tabs-line--primary.nav.nav-tabs .nav-link.active, .m-tabs-line.m-tabs-line--primary a.m-tabs__link:hover, .m-tabs-line.m-tabs-line--primary a.m-tabs__link.active {
    color: rgb(0, 131, 143);
    border-bottom: 1px solid rgb(0, 131, 143);
}

a {color: rgb(0, 131, 143);}
a:hover {color: rgb(0, 131, 143);}

.m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-icon, .m-nav > .m-nav__item:hover > .m-nav__heading .m-nav__link-text, .m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-icon, .m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-text, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-icon, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__heading .m-nav__link-text, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-icon, .m-nav > .m-nav__item.m-nav__item--active > .m-nav__link .m-nav__link-text {
    color: rgb(0, 131, 143);
}

.has-success .form-control:focus {
    border-color: #4BACB8;
}

.btn.m-btn--hover-accent:hover, .btn.m-btn--hover-accent.active, .btn.m-btn--hover-accent:active, .btn.m-btn--hover-accent:focus, .show > .btn.m-btn--hover-accent.dropdown-toggle {
    border-color: rgb(79, 179, 191) !important;
    color: #ffffff !important;
    background-color: rgb(79, 179, 191) !important;
}

.btn.m-btn--hover-danger:hover, .btn.m-btn--hover-danger.active, .btn.m-btn--hover-danger:active, .btn.m-btn--hover-danger:focus, .show > .btn.m-btn--hover-danger.dropdown-toggle {
    border-color: rgb(239, 83, 80) !important;
    color: #ffffff !important;
    background-color: rgb(239, 83, 80) !important;	
}

.btn.btn-secondary i {
    color: #ffffff;
}

.m-table.m-table--head-separator-primary thead th {
    border-top: 0;
    border-bottom: 1px solid rgb(0, 131, 143);
}

.table td {vertical-align: middle;}

.form-control.m-input--solid:focus {border-color: #4BACB8;}

.m-aside-left-close.m-aside-left-close--skin-dark:hover {background-color: rgb(0, 131, 143);}

/* menu */

.m-aside-left.m-aside-left--skin-dark {
    background-color: white;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover {
    background-color: white;
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-icon {
    color:  rgb(0, 131, 143);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {
    color: rgb(72, 72, 72);
}

.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item > .m-menu__link > .m-menu__link-icon {
    color: rgb(0, 131, 143);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-icon {
    color: rgb(239, 83, 80);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {
    color: rgb(239, 83, 80);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover > .m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover > .m-menu__link .m-menu__link-icon {
    color: rgb(239, 83, 80);
}

.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover > .m-menu__heading .m-menu__link-text, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover > .m-menu__link .m-menu__link-text {
    color: rgb(239, 83, 80);
}

/* logo */

.m-brand.m-brand--skin-dark {
    background: white;
}

.m-wrapper {background: white;}

body.m-aside-left--skin-dark .m-header .m-header-head {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: rgb(0, 131, 143);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
    background: rgb(0, 131, 143);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: rgb(0, 131, 143);
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: rgb(0, 131, 143);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span {
    background: rgb(0, 131, 143);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: rgb(0, 131, 143);
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after {
    background: rgb(239, 83, 80);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span {
    background: rgb(239, 83, 80);
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler:hover span::after {
    background: rgb(239, 83, 80);
}

header {
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
	border-bottom: 1px solid rgb(224, 224, 224);
}

.m-header {height: 66px;}

.m-brand {padding: 0px 42px;}
.m-brand .m-brand__logo, .m-brand .m-brand__tools {height: 65px !important;}

.m-footer {-webkit-box-shadow: none; box-shadow: none; height: auto; padding-bottom: 2em; padding: 7px 42px; margin-bottom: 1rem;}
.m-footer .m-footer__copyright {font-size: 1rem;}
.m-footer .m-footer__copyright i {font-style: normal; display: inline-flex; pointer-events: none; vertical-align: middle; margin-right: 1.5em;}

.scroll_arrow {padding: 10px 0px 9px;}

.scroll_top{cursor: pointer; text-align: right; color: rgb(117, 117, 117); font-weight: 400;}
.scroll_top:hover {color: rgb(33, 33, 33);}

.m-subheader .m-subheader__title.m-subheader__title--separator {border-right: none; }

.m-aside-menu .m-menu__nav > .m-menu__item  {
	background-color: transparent;
    border-left: 4px solid transparent;
    padding: 5px 15px 0px 15px;
}
.m-aside-menu .m-menu__nav > .m-menu__item.m-menu__item--active  {
	background-color: rgb(245, 245, 245) !important;
    border-left: 4px solid rgb(239, 83, 80);
    /*pointer-events: none;    */
}
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link .m-menu__link-text {font-weight: 400;font-size: 1.2rem;text-transform: initial; text-decoration: none; height: auto;}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--active > .m-menu__link .m-menu__link-text {color: rgb(72, 72, 72);}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav > .m-menu__item:not(.m-menu__item--parent):hover > .m-menu__link .m-menu__link-text {text-decoration: underline;color:rgb(72, 72, 72);} 
.m-aside-menu .m-menu__nav > .m-menu__item > .m-menu__link {width: auto; padding: 5px 2px; height: 19px;height:auto;display: inline-block;}
.m-aside-menu .m-menu__nav {margin-left: 40px;}

.m-content--skin-light2 .m-body {background-color: #ffffff;}
.m-subheader .m-subheader__title {font-size: 2.572rem; color: black; /*margin-left: 7px; margin-right: 7px;*/}
.m-portlet {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell {background: transparent;}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--even > .m-datatable__cell {background: transparent;}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row.m-datatable__row--hover:not(.m-datatable__row--active) > .m-datatable__cell {background: transparent;}
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__head tr{border: 1px solid rgb(224, 224, 224);}
.m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row {border-bottom: 1px solid rgb(224, 224, 224);}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span {color: #212121; font-size: 1.1429rem;} 
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span a.mainlink {color: black; font-weight:500; text-decoration: none;} 
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__body .m-datatable__row > .m-datatable__cell > span a.mainlink:hover {color: rgb(0, 131, 143);}
.m-datatable.m-datatable--default > .m-datatable__table > .m-datatable__head .m-datatable__row > .m-datatable__cell > span {color: black; font-size: 1.1429rem; font-weight:300;}
div.doc_count {font-size: 1.2858rem; color: rgb(72, 72, 72); margin-left: 7px; margin-right: 7px;}
span.table_row_count {font-size: 2.4572rem; font-weight: 500; color: rgb(33, 33, 33);}
/*.m-body .m-content {padding: 0;}*/
.req_asterisk {color: rgb(239, 83, 80);}
label.form-control-label, .m-form h6 {font-size: 1.1429rem !important; color: #3f4047; font-weight: 700;}
.m-form .m-form__group label.col-form-label {font-size: 1.1429rem; color: #3f4047; font-weight: 400;}
.form-control {font-family: Roboto; font-size: 1.1429rem;}
.m-form .m-form__group {padding-top: 5px; padding-bottom: 5px;}
.m-form__group.row .m-checkbox-list {padding-top: 12px;}

.form-control, .custom-file-control, .bootstrap-switch .bootstrap-switch-label {background-color: #F9FAFC;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p {color: #3f4047;}

.m-login.m-login--2.m-login-2--skin-2 .m-login__container .m-login__head .m-login__title {color: black; font-size: 1.72rem; font-weight: 400;}
.m-login.m-login--2 .m-login__wrapper .m-login__container {width: 340px;}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.ps-style {font-size: 1.148rem}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {margin: 0 auto 2rem auto;}
.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {margin: 2rem auto;}

/* Accordion */
.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #ebedf2;
    border-radius: .25rem;
}
.accordion>.card {
    overflow: hidden;
}
.accordion .card {
    overflow: visible!important;
    margin: 0;
}
.accordion>.card:not(:last-of-type) {
    border-bottom: 0;
    border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion.accordion-light .card {
    border: 0;
    border-top: 1px solid #eeeef4;
    margin: 0;
}

.accordion.accordion-light .card:first-child {
    border-top: 0;
}

.accordion.accordion-light .card:first-child .card-header {
    margin: 0;
}
.accordion.accordion-light .card .card-header {
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
}
.accordion .card .card-header {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: 0;
}
.accordion>.card>.card-header {
    border-radius: 0;
    margin-bottom: -1px;
}
.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f8fa;
    border-bottom: 1px solid #ebedf2;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed {
    color: #74788d;
}
.accordion.accordion-light .card .card-header .card-title.collapsed {
    color: #74788d;
}
.accordion.accordion-toggle-arrow .card .card-header .card-title {
    color: #3d94fb;
    position: relative;
}
.accordion.accordion-light .card .card-header .card-title {
    margin: 0;
    font-size: 1.1rem;
    padding: 1rem 1rem 1rem 0;
    font-weight: 500;
    color: #3d94fb;
}
.accordion .card .card-header .card-title.collapsed {
    color: #595d6e;
}
.accordion .card .card-header .card-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 1rem 1rem;
    color: #3d94fb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.card-title {
    margin-bottom: .75rem;
}
.collapse:not(.show) {
    display: none;
}

.accordion.accordion-light .card .card-body {
    padding: 0;
    margin-bottom: 1.25rem;
    font-size: 1rem;
}
.accordion .card .card-body {
    padding: 1.25rem;
    font-size: 1rem;
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
    color: #74788d;
    content: "";
    content: "";
}
.accordion.accordion-light .card .card-header .card-title.collapsed:after {
    color: #74788d;
}
.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
    position: absolute;
    font-size: 1rem;
    font-family: LineAwesome;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    content: "";
    color: #3d94fb;
}
.accordion.accordion-light .card .card-header .card-title:after {
    right: 0;
}
.accordion .card .card-header .card-title:after {
    right: 1rem;
}


.form-group.has-danger label.col-form-label { color: #f4516c;}
.tooltip-table{width: 500px;}
.tooltip-table td,.tooltip-table th{vertical-align: middle;padding: 11px 10px;}
.tooltip-table td:first-child,.tooltip-table th:first-child{width:300px;}
.popover{max-width: none;}

.alertt{
	border-radius: 2px;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    background-color: rgb(245, 245, 245);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    will-change: box-shadow;
    color: rgb(33, 33, 33);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 64px;
    padding: 16px;
	width: 60%;
    margin: 0px auto;
}
.alertt:hover {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}
.alert-info:not(.m-alert--outline) {
    color: #5b5a5a;
    background-color: #dfdfdf17;
    border-color: #89898942;
}
.green{color: rgb(0, 131, 143);}
.m--font-success{color:rgb(79, 179, 191) !important;}
/*.form-group.note-form-group.note-group-select-from-files{display:none;}*/

/* cookie consent */
#sticky-cookie {
	position: fixed;
	border-radius: 4px;
	bottom: 20px;
	right: 20px;
	color: #00838F;
	background: #fff;
	font-weight: 500;
	font-family: Roboto, sans-serif;
	font-size: 1rem;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	opacity: 1;
	padding: 9px 0 9px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background .2s ease;
	transition: background .2s ease;
	width: 140px;
	display: none;
	cursor: pointer;
	border: 1px solid #00838F;
	z-index: 100;
}
#sticky-cookie:hover {color:#fff; background:rgb(79, 179, 191)}

:root{
	--cc-btn-primary-bg:rgb(0, 131, 143) !important;
	--cc-text:#fff !important;
	--cc-btn-primary-text: var(--cc-text) !important;
	--cc-btn-primary-hover-bg:rgb(79, 179, 191) !important;
	--cc-btn-secondary-bg: var(--cc-btn-primary-bg) !important;
	--cc-btn-secondary-text: var(--cc-text) !important;
	--cc-btn-secondary-hover-bg: var(--cc-btn-primary-hover-bg) !important;
	--cc-toggle-bg-on:var(--cc-text) !important;
	--cc-toggle-bg-readonly:rgb(79, 179, 191) !important;
	--cc-block-text: #00838F !important;
}

.cc_div #cm {background-color: rgb(0, 131, 143);}
.cc_div #s-cnt {color: #00838F !important;}
.cc_div .b-bn .b-tl::before {border-color: #00838F !important;}
.cc_div #s-cnt .cc-link {color: #00838F !important;}
.cc_div #s-cnt .cc-link:hover {color: rgb(79, 179, 191) !important;}
.cc_div {font-family: Roboto, sans-serif !important;}
.c-bn {border: 1px solid #fff !important;}
.c-bn:hover, #s-c-bn:hover {color: #fff !important;}
#s-c-bn {width: 1.75em !important; height: 1.75em !important; outline: none !important;}
#s-c-bn:hover:after, #s-c-bn:hover:before {background: #fff !important;}
.cc-link {color: #fff !important; border-bottom: 1px solid; font-weight: 500 !important; text-decoration: underline !important;}
.cc-link:hover, .cc_div a:hover {color: rgb(79, 179, 191) !important;}
.cc_div a {color: #fff; border-bottom: none !important; text-decoration: underline !important;}
#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {font-weight: 500 !important;}


.note-icon-audio svg {
    vertical-align: middle;
}

/* 4 kārta */


/*
html.black .bi-circle-half{
    color: white !important;
}

html.yellow .bi-circle-half{
    color: yellow !important;
}

html.black .paginator .next img, html.black .paginator .prev img,
html.yellow .paginator .next img, html.yellow .paginator .prev img,
html.yellow2 .paginator .next img, html.yellow2 .paginator .prev img{
    filter:invert(0);
}
*/

#formEditGeneral .external1{display:none;}
.table-useful .m-switch.m-switch--sm input ~ span:after{top:10px;}
.table-useful .m-switch.m-switch--sm input ~ span:before{top:8px; bottom:-8px;}
#useful-p{
	font-size: 1.15rem;
	color: rgb(158, 158, 158);
	font-weight: 400;
	min-height:40px;
	display: flex;
    align-items: center;
	margin-top: 4rem;
}
#useful-p button{
	font-size: inherit;
    min-width: 0px;
    padding: 0.45rem;
   /* transform: translateY(-1px);*/
    margin: 0px;
	appearance: none;
    border: none;
    border-radius: 2px;
	font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
	background-color: transparent;
    color: rgb(0, 131, 143);
}
#useful-p button:hover{color: rgb(79, 179, 191);}
#useful-p button:active{background-color: rgba(0, 131, 143, 0.12); color: rgb(0, 86, 98);}

.m-switch input:checked ~ span:after{box-shadow:none;background:#00838F;}
.m-datatable__pager-info .filter-option-inner-inner{margin-top:5px;}
label.has-danger + .bootstrap-select button {border: 1px solid #f4516c;}
label.has-danger + .bootstrap-select button.btn.dropdown-toggle:after,label.has-danger + .bootstrap-select button .filter-option-inner-inner {color: #f4516c;}
*:focus-visible,.bootstrap-select.btn-group > .dropdown-toggle:focus-visible,.bootstrap-select.btn-group .dropdown-menu.inner > li > a:focus-visible{outline: 2px solid rgb(255,191,71) !important;outline-offset:2px !important;border-radius: 0.25px;}


.bootstrap-select.form-control button,.show > .btn-light.dropdown-toggle{background-color: #F9FAFC;}
.btn.dropdown-toggle:after{right:1rem;}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline:none !important;}
.bootstrap-select .dropdown-toggle:focus-visible, .bootstrap-select>select.mobile-device:focus-visible+.dropdown-toggle{outline: 2px solid rgb(255,191,71) !important;
    outline-offset: 2px !important;
    border-radius: 0.25px;}
.dropdown-menu > li > a.active, .dropdown-menu > .dropdown-item.active{background: #f7f8fa;color: #16181b;}
.dropdown-item.active, .dropdown-item:active{color: #16181b;background-color: #f7f8fa;}
.filter-option-inner-inner,.btn.dropdown-toggle:after{color: #16181b;}


.item a:focus > div{outline: 2px solid rgb(255,191,71) !important;outline-offset:2px !important;border-radius: 0.25px;}
.item-small{position: relative;}
.item-small > * {
    height: 100%;
}
.item-small a{
	border-radius: 2px;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    text-decoration: none;
    background-color: rgb(245, 245, 245);
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 0px 0px 0px, rgba(0, 0, 0, 0.2) 0px 0px 0px 0px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    will-change: box-shadow;
    color: rgb(33, 33, 33);
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    min-height: 64px;
    padding: 16px;
}
.item-small a:hover{
	color: rgb(0, 131, 143);
	box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}
.item-small a > * {
    pointer-events: none;
    user-select: none;
}
.item-small a div{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.item-small a div > :not(i) {margin: 0px;}
.item-small a div h1{
	font-size: 1.2em;
    line-height: 1.25;
	color: currentcolor;
	font-weight: 500;
}
.item-small a div i{
	font-style: normal;
    display: inline-flex;
    pointer-events: none;
    vertical-align: middle;
	margin-left: 16px;
}
.item-small a div i svg{
	color: rgb(204, 204, 204);
	display: block;
    width: 1.7em;
    height: 1.7em;
}
.item-small a:hover div i svg {color: rgb(0, 131, 143);}
.item-small a div i svg polygon{fill: currentcolor;}

#lang-mobile{display:none;}
#m_aside_left_offcanvas_toggle{margin-right:20px;margin-top:-3px;}
html.translated-ltr .m-header{top:39px;}
label,p,.m-datatable__pager-detail{font-size: 1rem;}
footer{font-size:0.928rem;font-weight: 400;}
footer p{line-height:27px;color: #9e9e9e;}
footer p i{float: left; margin-right: 25px;}
footer .soc{margin-top:-3px;}
footer .soc a img{width: 1.45rem;}
footer .soc a{
	opacity:0.6;
	font-weight: 400;
	text-decoration:none;
	padding: 10px 12px 5px 12px;
	color:black;
	display: inline-block;
}
footer .soc a:hover{opacity:1;}
footer .soc a svg{width: 1.35rem;height: 1.35rem;}
footer .soc a svg path{fill: currentcolor;}
.pre-footer a{color: #9e9e9e;font-weight: 400;}
.pre-footer p{color: #9e9e9e;font-size:0.928rem;margin-bottom: 10px;font-weight: 400;}
.pre-footer h4{font-size:1rem;}
.m-brand__logo svg{width: 6rem;height: 1.75rem;}
.m-brand__login{border-left: 1px solid rgb(224, 224, 224);padding-top:2px;width:100px;padding-left: 15px;}
.m-brand__login a{text-decoration:none;font-size: 1rem;}
.m-brand__login img{width: 2rem;height: 2rem;}
.m-brand__login svg{width: 2rem;height: 2rem;vertical-align: middle;margin-top: -2px;}
.m-brand__tools nav{
	transform: translateY(-1.5px);
    -webkit-box-align: center;
    align-items: center;
    margin-right: 1em;
	display:inline-block;
}

.m-brand__tools nav div > button {
    color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	appearance: none;
    border: none;
    border-radius: 2px;
    font-size: 1.05rem;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    min-width: 88px;
    padding: 0px 0.5em 0px 1em;
    background-color: transparent;
    
}
.m-brand__tools nav div  button:hover {
    color: rgb(33, 33, 33);
}
.m-brand__tools nav div  button:active {
   background-color: rgb(245, 245, 245);
    color: rgb(33, 33, 33);
}
.m-brand__tools nav div > button span{
	display: inline-block;
    padding: 10px 0px 9px;
    vertical-align: middle;
}
.m-brand__tools nav div > button > * {
    pointer-events: none;
}
.m-brand__tools nav div > button > span:not(:first-child) {
    margin-left: 0.5em;
    margin-right: 0px;
	display: inline-block;
    padding: 10px 0px 9px;
    vertical-align: middle;
    transform: translateY(-1px);
}
.m-brand__tools nav div > button > span:not(:first-child) span{
	width: 1rem;
    height: 1rem;
    transform: translateY(0.2em);
}
.m-brand__tools nav svg{
	width:1.2rem;
	height:1.2rem;	
}
.font-size{position: relative;display:inline-block;margin-right: 1rem;}
.font-size div > button{
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	font-family: inherit;
    appearance: none;
    border: none;
    border-radius: 2px;
    font-size: 1rem;    
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    padding: 0px 1em;
    background-color: transparent;
}
.font-size div > button:hover {
   color: rgb(33, 33, 33);
}
.font-size div > button:active {
    background-color: rgb(245, 245, 245);
    color: rgb(33, 33, 33);
}
.font-size div > button > * {
    pointer-events: none;
}
.font-size div > button span{font-size: 1.325rem;}
.font-size div > button span:nth-child(2) {font-size: 0.9rem;}
.font-size div > button span:nth-child(3) {font-size: 0.8rem;}
.font-size div > button span span{display: inline-block;}
.font-size ul {
	list-style: none;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: translateY(100%);
    z-index: 100;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    display: none;
    padding: 1em;
}
.font-size ul button{
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	font-family: inherit;
    font-size: 0.875rem;
	appearance: none;
    border: none;
    border-radius: 2px;
    font-size: 1rem;
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    min-width: 88px;
    padding: 0px 1em;
    background-color: transparent;
}
.font-size ul button > * {
    pointer-events: none;
}
.font-size ul button span{
	display: inline-block;
    padding: 10px 0px 9px;
    vertical-align: middle;
	font-size: 1rem;
    font-weight: 400;
}
.font-size ul button.active span{
	color: rgb(239, 83, 80);
}
.contrast{position: relative;display:inline-block;margin-right: 1em;}
.contrast div > button{
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	font-family: inherit;
    font-size: 1.075rem;
	appearance: none;
    border: none;
    border-radius: 2px;
	min-height: 40px;
	height:40px;
    user-select: none;
    cursor: pointer;
    padding: 0px 1em;
    display: flex;
    background-color: transparent;
	
}
.contrast div > button:hover{color: rgb(33, 33, 33);}
.contrast div > button:active{background-color: rgb(245, 245, 245);color: rgb(33, 33, 33);}
.contrast div > button span{
	display: inline-block;
    padding: 10px 0px 7px;
    vertical-align: middle;
}
.contrast div > button span i{ 
	font-style: normal;
    display: inline-flex;
    pointer-events: none;
    vertical-align: middle;
}
.contrast div > button span i svg{
	display: block;
    width: 1.5em;
    height: 1.5em;
}
.contrast div > button span i svg path{fill: currentcolor;}
.contrast ul{
	list-style: none;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    transform: translateY(100%);
    z-index: 100;
    background-color: rgb(255, 255, 255);
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    display: none;
    padding: 1.2em;
}
.contrast ul button {
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	font-family: inherit;
    font-size: 0.875rem;
	appearance: none;
    border: none;
    border-radius: 2px;
	min-height: 40px;
    user-select: none;
    cursor: pointer;
    padding: 0px 1em;
    background-color: transparent;
	padding-top: 3px;
}
.contrast ul button span{background-color: rgb(0, 0, 0);
    border-radius: 50%;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    font-size: 1.125rem;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
}
.contrast ul button > * {
    pointer-events: none;
}

.contrast ul li button span{line-height: 0.7em;font-size: 1.2rem;border: 1px solid transparent;}
.contrast ul li:nth-of-type(1) button span,.contrast-mobile ul li:nth-of-type(1) button span{background:white;color:black;border: 1px solid black;}
.contrast ul li:nth-of-type(1) button:hover span,.contrast-mobile ul li:nth-of-type(1) button:hover span{border: 1px solid black;}
.contrast ul li:nth-of-type(2) button:hover span,.contrast-mobile ul li:nth-of-type(2) button:hover span{border: 1px solid white;}
.contrast ul li:nth-of-type(3) button span,.contrast-mobile ul li:nth-of-type(3) button span{background-color: rgb(249, 243, 0);color:black;border-color: white;}
.contrast ul li:nth-of-type(3) button:hover span,.contrast-mobile ul li:nth-of-type(3) button:hover span{border: 1px solid black;}
.contrast ul li:nth-of-type(4) button span,.contrast-mobile ul li:nth-of-type(4) button span{background-color: black;color: rgb(249, 243, 0);border-color: white;}
.contrast ul li:nth-of-type(4) button:hover span,.contrast-mobile ul li:nth-of-type(4) button:hover span{border: 1px solid rgb(249, 243, 0);}
#google_translate_element{margin-top:1em;}
#modalTranslate .modal-body .row div:first-child{
	/*background-color: rgb(0, 131, 143);
    color: rgb(255, 255, 255);
	padding: 1.25em 1.5em;
	*/
}
/* menu-search */
.menu-search main{
	position: relative;
    flex: 0 0 58.3333%;
    width: 58.3333%;
}
.menu-search main > div{
	font-size: 1.325rem;
    color: rgb(72, 72, 72);
    padding-bottom: 0.5em;
    border-bottom: 1px solid rgb(224, 224, 224);
    margin-bottom: 1.75em;
	font-weight:400;
}
.menu-search main > div span{
	font-size: 1.9rem;
    font-weight: 500;
    color: rgb(33, 33, 33);
}
.menu-search main ul{
	list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
}
.menu-search main ul li{
	border-bottom: 1px solid rgb(224, 224, 224);
    padding-bottom: 1em;
	margin-top: 1em;
}
.menu-search main ul li:first-child{margin-top:0;}
.menu-search main ul li a{
	color: inherit;
    display: block;
    text-decoration: none;
}
.menu-search main ul li a > h2 {
    font-weight: 500;
	font-size: 1.325rem;
	margin-top: 0px;
    margin-bottom: 0.5em;
	color: rgb(33, 33, 33);
}
.menu-search main ul li a:visited > h2 {
    color: rgb(27, 9, 107);
}
.menu-search main ul li a:hover > h2 {
    color: rgb(0, 131, 143);
}
.menu-search main ul li a p {
    font-size: 1rem;
	color: rgb(72, 72, 72);
    line-height: 1.5;
	font-weight: 400;
}
.menu-search main ul li a p:not(:empty) {
    margin: 1em 0px;
}
.menu-search nav{
	display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 2em;
}
.menu-search nav > a {
    flex: 0 0 50%;
    overflow-x: hidden;
    white-space: nowrap;
	color: rgb(0, 131, 143);
    padding: 0.5em;
    margin: -0.5em;
	text-decoration:none;
}
.menu-search nav a:hover {
    color: rgb(79, 179, 191);
}
.menu-search nav a[rel="next"] {
    text-align: right;
}
.menu-search nav > a small{
	display: block;
    overflow-x: hidden;
    text-overflow: ellipsis;
	color: rgb(72, 72, 72);
    font-size: 1rem;
}
.menu-search nav > a span{
	font-size: 1.45rem;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0.5em;
}
.menu-search nav > a p span{margin-right: 1em;}
.menu-search nav > a i{
	font-size: 1.2rem;
    margin-top: -0.3em;
	font-style: normal;
    display: inline-flex;
    pointer-events: none;
    vertical-align: middle;
}
.menu-search nav > a i svg{
	display: block;
    width: 1.5em;
    height: 1.5em;
	margin-left: 1em;
}
.menu-search nav > a i svg path{fill: currentcolor;}
.menu-search nav > a[rel="prev"] >  i {transform: scaleX(-1);}

/* menu-index */
#search-wrapper{
	position:relative;
	margin-left:16.665%;
	margin-right:16.665%;
	margin-bottom:30px;
}
#search-wrapper #results{
	display: none;
    position: absolute;
    top: 2.5625em;
    left: 0px;
    width: 100%;
    z-index: 50;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(224, 224, 224);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px;
    padding: 1.5em 3em 0.5em;
}
#search-wrapper #results ul{
	list-style: none;
    margin: 0px;
    padding-left: 0px;
}
#search-wrapper #results ul a{
	cursor: pointer;
    display: inline-block;
    text-decoration: none;
}
#search-wrapper #results > ul > li a > p {
	font-size:1.2rem;
	font-weight:400;
	color: rgb(0, 131, 143);
	margin: 0.7rem 0px 0px 0px;
}
#search-wrapper #results > ul > li a:hover > p {color: rgb(79, 179, 191);}
#search-wrapper #results > ul > li:first-child p {margin-top: 0.5em;}
#search-wrapper #results > ul > small{color: rgb(117, 117, 117);}
#search-wrapper #results small{font-size:0.9rem;}
#search-wrapper #results p#no-results{font-weight: 400;font-size: 1.2rem;}

#search-wrapper > svg{
	position: absolute;
    top: 1.2rem;
    left: 15px;
    color: rgb(239, 83, 80);
    width: 1.7rem;
    height: 1.7rem;
}
#search-wrapper > svg path{fill: currentcolor;}
#search-wrapper input{
	font-size:1.148rem;
	background-color: rgb(245, 245, 245);
    border: 1px solid rgb(224, 224, 224);
    color: rgb(33, 33, 33);
	padding: 1em 3em 1em 3.25em;
	width: 100%;
}
#search-wrapper input:focus{
	outline: rgb(255,191,71) solid 2px; 
	outline-offset:2px;
}
#search-wrapper #all-results {text-align: right;}
#search-wrapper #all-results a{
	padding: 0.5em;
    transform: translateX(0.5em);
	font-family: inherit;
    font-size: 1rem;
	appearance: none;
    border: none;
    border-radius: 2px;
	font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    min-width: 88px;
	background-color: transparent;
    color: rgb(0, 131, 143);
	text-decoration:none;
}
#search-wrapper #all-results a:hover{color: rgb(79, 179, 191);}
#search-wrapper #all-results a span#count{
	display: inline-block;
    padding: 10px 0px 9px;
    vertical-align: middle;
}
#search-wrapper #all-results a span#icon{
	margin-left: 0.35em;
	display: inline-block;
    padding: 10px 0px 9px;
    vertical-align: middle;
    transform: translateY(-1px);
}
#search-wrapper #all-results a span#icon i{
	font-style: normal;
    display: inline-flex;
    pointer-events: none;
    vertical-align: middle;
}
#search-wrapper #all-results a span#icon i svg{
	display: block;
    width: 1em;
    height: 1em;
}
#search-wrapper #all-results a > span {margin-left: 0.35em;}
#search-wrapper #all-results svg polygon {fill: currentcolor;}
#main-box .h1{
	display: flex;
    align-items: flex-end;
    margin-bottom: 1rem;
}
#main-box .h1 div{
	color: rgb(33, 33, 33);
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 24px;
}
#main-box .h1 hr{
	flex: 1 1 0%;
    margin-bottom: 1.5em;
	border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid rgb(224, 224, 224);
}
#main-box h1{
	font-weight: 500;
	margin: 0px;
	color: rgb(33, 33, 33);
    font-size: 2.45rem;
    line-height: 3;
}
#main-box .h3{
	display: flex;
    align-items: flex-end;
    margin-bottom: 1rem;
}
#main-box .h3 div{
	color: rgb(33, 33, 33);
    display: flex;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px 24px;
}
#main-box .h3 hr{
	flex: 1 1 0%;
    margin-bottom: 1.5em;
	border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid rgb(224, 224, 224);
}
#main-box h3{
	font-weight: 500;
	margin: 0px;
	color: rgb(33, 33, 33);
    font-size: 1.7rem;
    line-height: 3.2;
}
#main-box .item2{margin-bottom:30px;}
#main-box .item2 div{
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    will-change: box-shadow;
	height:100%;
}
#main-box .item2 div:hover {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}
#main-box .item2 p{padding:10px 15px;font-weight: 500;}
#main-box .item2 a{color:#3f4047;}
#main-box .item2 a:hover{text-decoration: none;}
#main-box .item2 h2{
	display:inline-block;
	width:100%;
	background-color: rgb(79, 179, 191);
	padding:16px 0px;
	color:white;
	text-align:center;
	font-size: 1.714rem;
    font-weight: 500;
}
#main-box .item2 h2 a{color:white;}

#main-box .item{margin-bottom:30px;}
#main-box .item img{
	width:100%;
	border-radius: 2px 2px 0px 0px;
	transform: scale(1);
    transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    will-change: transform;
}
#main-box .item a:hover img{transform: scale(1.05);}
#main-box .item a > div:first-child{
	box-shadow: rgba(0, 0, 0, 0.14) 0px 2px 4px 0px, rgba(0, 0, 0, 0.12) 0px 3px 4px 0px, rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
    transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0s;
    will-change: box-shadow;
	height:100%;
	padding: 24px 24px 50px;
	font-size: 1.142rem;
	font-weight:400;
	position:relative;
}
#main-box .item a > div:hover {
    box-shadow: rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 3px, rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}
#main-box .item div div{
	width: calc(100% + 48px);
    margin: -24px 0px 20px -24px;	
	overflow:hidden;
	border-radius: 2px 2px 0px 0px;
}
#main-box .item p{margin: 15px 0px;}
#main-box .item i {font-size: 1rem;}
#main-box .item span {position:absolute;bottom:16px; right:25px;}
#main-box .item svg {width: 2em; height: 2em;}
#main-box .item svg polygon{fill: currentcolor;}
#main-box .item a:hover{text-decoration: none;}
#main-box .item h2{
	color: rgb(33, 33, 33);
    font-size: 1.428rem;
    line-height: 1.4;
    font-weight: 500;
}
.item3{display:flex}
.item3 h2{border-bottom: 1px solid rgb(224, 224, 224);width: 100%;}
.item3:nth-last-child(-n + 2) h2{border-bottom:0;}
.item3 a{
	color: rgb(33, 33, 33);
	font-size: 1.325rem;
    line-height: 1.33333;
	font-weight: 500;
	padding: 0.5em 0.5em 1em 0.5em;
    display: inline-block;
	height: 100%;
    width: 100%;
}
.item3 a:hover{text-decoration: none;color: rgb(0, 131, 143);}

#controls-mobile{margin-left: 40px;display:none;}
.font-size-mobile,.contrast-mobile {display:flex;}
.contrast-mobile {margin-top: 10px;margin-bottom: 10px;}
.font-size-mobile p,.contrast-mobile p{
	margin: 0px;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex: 0 0 auto;
    width: 38px;
}
.font-size-mobile span{font-size: 1.325rem;font-weight: 400;}
.font-size-mobile span span:nth-child(2) { font-size: 0.9rem;}
.font-size-mobile span span:nth-child(3) { font-size: 0.8rem;}
.font-size-mobile button {
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
    font-family: inherit;
    font-size: 0.875rem;
    appearance: none;
    border: none;
    border-radius: 2px;
    font-weight: 500;
    min-height: 40px;
    user-select: none;
    cursor: pointer;
    
    background-color: transparent;
}
.font-size-mobile button:hover{color:black;}
.font-size-mobile button span{font-size: 1.075rem;}
.font-size-mobile ul, .contrast-mobile ul {
	list-style: none;
    display: flex;
    margin: 0px;
    padding-left: 1em;
    flex: 1 1 auto;
    flex-wrap: wrap;
}
.font-size-mobile ul button.active span { color: rgb(239, 83, 80);}
.contrast-mobile li{margin-top: 0px !important;}
.contrast-mobile li button > *{pointer-events: none;}
.contrast-mobile li button{
	min-width: 62px;
	color: rgb(117, 117, 117);
    font-weight: 400;
    margin: 0px;
	font-family: inherit;
    font-size: 1.075em;
	appearance: none;
    border: none;
    border-radius: 2px;
	min-height: 40px;
    user-select: none;
    cursor: pointer;
    padding: 0px 1em;
    background-color: transparent;
}
.contrast-mobile li:nth-of-type(1) button span{
	background-color: rgb(255, 255, 255);
    border-radius: 50%;
    color: rgb(0, 0, 0);
    font-size: 1.125em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border: 1px solid rgb(249, 243, 0);
}
.contrast-mobile li:nth-of-type(2) button span{
	background-color: rgb(0, 0, 0);
    border-radius: 50%;
    border: 1px solid transparent;
    color: rgb(255, 255, 255);
    font-size: 1.125em;
    display: block;
    width: 2em;
    height: 2em;
	line-height: 2em;
}
.contrast-mobile li:nth-of-type(3) button span{
	background-color: rgb(249, 243, 0);
    border-radius: 50%;
    border: 1px solid transparent;
    color: rgb(0, 0, 0);
    font-size: 1.125em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
}
.contrast-mobile li:nth-of-type(4) button span{
	background-color: rgb(0, 0, 0);
    border-radius: 50%;
    border: 1px solid transparent;
    color: rgb(249, 243, 0);
    font-size: 1.125em;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
}
.contrast-mobile svg path{fill: currentcolor;}
.pre-footer .workhours p{display: flex; justify-content: space-between;}
.pb-50px{padding-bottom:50px !important;}
/*#main-box .item h2 a{color:white;}*/


/* piekļūstamībaa */


html.black #main-box .item a > div,html.black .item-small a{border: 2px solid rgb(255, 255, 255);box-shadow: none;}
html.black #main-box .item a:hover *,html.black .item-small a:hover,html.black .item-small a:hover * {background: white !important;color:black !important;}
html.black #search-wrapper input::placeholder {color: white;}
html.black #search-wrapper input:focus { outline: white dashed 2px;outline-offset:2px;}
html.black #controls button:hover,html.black #controls-mobile button:hover { background:white !important;color:black !important;}
html.black #controls .font-size li button:hover *,html.black #controls-mobile .font-size-mobile li button:hover *{background:white !important;color:black !important;}
html.black #controls nav div button:hover * { background:white !important ;color:black !important;}
html.black #controls .contrast > div > button:hover * ,html.black #controls-mobile .contrast-mobile > div > button:hover * { background:white !important ;color:black !important;}
html.black #controls .font-size > div > button:hover *,html.black #controls-mobile .font-size-mobile > div > button:hover * { background:white !important ;color:black !important;}

html.black .logo > path, html.black .logo > polygon {fill: rgb(255, 255, 255);}
html.black footer .soc a{opacity:1;color:white;}
html.black footer .soc a:hover{background-color:white; color: black;}
html.black hr{border-top: 1px solid white;}
html.black #s-inr,html.black .c-bn{border: 1px solid white !important;}
html.black #s-hdr {border-bottom: 1px solid white;}
html.black #s-bns {border-top: 1px solid white;}
html.black #s-c-bn:before, html.black #s-c-bn:after {background: white !important;}
html.black .cc_div #s-cnt .cc-link {color: white !important;}
html.black .cc_div .b-bn .b-tl::before {    border-color: white !important;}
html.black #s-bl thead tr:first-child { border-bottom: 1px solid white !important;}
html.black .c-tgl { background-color: white !important;}
html.black #s-bl::-webkit-scrollbar-thumb{background:white;}
html.black #s-bl::-webkit-scrollbar{background-color:black !important;}
html.black #sticky-cookie{border-color: white}
html.black #sticky-cookie:hover{background: white !important;color:black !important;}
html.black .c-tg,html.black .on-i,html.black .off-i{background: white !important;}
.black .on-i::before{border-color: black !important;}
html.black .off-i::before,html.black .off-i::after{background: black !important;}
html.black .cc_div .b-tg .c-tg:after{background:black;}
html.black .cc_div #s-bns button:hover,html.black .cc_div #s-hdr button:hover{background:white !important;color:black !important;}
html.black .cc_div #s-c-bn:hover:before,html.black .cc_div #s-c-bn:hover:after{background:black !important;}
html.black input,html.black label.m-checkbox span,html.black label.m-checkbox span:after{border-color:white !important;}
html.black input[type="text"]:focus{outline: white dashed 2px; outline-offset: 2px;}
html.black #m_aside_left_offcanvas_toggle span,html.black #m_aside_left_offcanvas_toggle span:before,html.black #m_aside_left_offcanvas_toggle span:after{background:white !important;}

html.black .bootstrap-select,html.black .dropdown-menu.show{border:1px solid white !important;}
html.black .dropdown-menu.show li a:hover,html.black .dropdown-menu.show li.active a{background:white !important;}
html.black .dropdown-menu.show li a:hover .text,html.black .dropdown-menu.show li.active a .text{background:white !important; color:black !important;}
html.black tbody .btn{border:1px solid white !important;}
html.black tbody .btn:hover{background:white !important; color:black !important;}
html.black .modal-dialog{border: 1px solid white;}
html.black .modal-header button{opacity:1;}
html.black .modal-dialog .close{text-shadow:none;}
html.black .m-brand__login svg {color:black !important;}
html.black .m-brand__login svg g{fill: currentcolor;}
html.black .m-brand__login svg g use{fill: white;}
html.black *:focus-visible{
	outline: 2px dashed white !important;
	outline-offset:2px !important;
	border-radius: 0.25px;
}



html.yellow2 #main-box .item a > div,html.yellow2 .item-small a{border: 2px solid black;box-shadow: none;}
html.yellow2 #main-box .item a:hover *,html.yellow2 .item-small a:hover,html.yellow2 .item-small a:hover *{background: black !important; color:rgb(249, 243, 0) !important;box-shadow: none;}
html.yellow2 #search-wrapper input::placeholder {color: black;}
html.yellow2 #search-wrapper input:focus { outline: black dashed 2px;outline-offset:2px;}
html.yellow2 #controls button:hover ,html.yellow2 #controls-mobile button:hover { background:black !important;color:rgb(249, 243, 0) !important;}
html.yellow2 #controls .font-size li button:hover *,html.yellow2 #controls-mobile .font-size-mobile li button:hover *{background:black !important;color:rgb(249, 243, 0) !important;}
html.yellow2 #controls nav div button:hover * { background:black !important ;color:rgb(249, 243, 0) !important;}
html.yellow2 #controls .contrast > div > button:hover *, html.yellow2 #controls-mobile .contrast-mobile > div > button:hover * { background:black !important ;color:rgb(249, 243, 0) !important;}
html.yellow2 #controls .font-size > div > button:hover *, html.yellow2 #controls-mobile .font-size-mobile > div > button:hover * { background:black !important ;color:rgb(249, 243, 0) !important;}
html.yellow2 .logo > path, html.yellow2 .logo > polygon {fill: rgb(0, 0, 0);}
html.yellow2 footer .soc a {opacity: 1;}
html.yellow2 footer .soc a{opacity:1;color:black;}
html.yellow2 footer .soc a:hover{background-color:black; color: rgb(249, 243, 0);}
html.yellow2 hr{border-top: 1px solid rgb(249, 243, 0);}
html.yellow2 #s-inr,html.yellow .c-bn{border: 1px solid black !important;}
html.yellow2 #s-hdr {border-bottom: 1px solid black;}
html.yellow2 #s-bns {border-top: 1px solid black;}
html.yellow2 #s-c-bn:before, html.yellow2 #s-c-bn:after {background: black !important;}
html.yellow2 .cc_div #s-cnt .cc-link {color: black !important;}
html.yellow2 .cc_div .b-bn .b-tl::before {    border-color: black !important;}
html.yellow2 #s-bl thead tr:first-child { border-bottom: 1px solid black !important;}
html.yellow2 .c-tgl { background-color: black !important;}
html.yellow2 #s-bl::-webkit-scrollbar-thumb{background:black;}
html.yellow2 #s-bl::-webkit-scrollbar{background-color:rgb(249, 243, 0) !important;}
html.yellow2 #sticky-cookie{border-color: black}
html.yellow2 #sticky-cookie:hover{background: black !important;color:rgb(249, 243, 0) !important;}
html.yellow2 .c-tg,html.yellow2 .on-i,html.yellow2 .off-i{background: black !important;}
.yellow2 .on-i::before{border-color: rgb(249, 243, 0) !important;}
html.yellow2 .off-i::before,html.yellow .off-i::after{background: rgb(249, 243, 0) !important;}
html.yellow2 .cc_div .b-tg .c-tg:after{background:rgb(249, 243, 0);}
html.yellow2 .cc_div #s-bns button:hover,html.yellow2 .cc_div #s-hdr button:hover{background:black !important;color:rgb(249, 243, 0) !important;}
html.yellow2 .cc_div #s-c-bn:hover:before,html.yellow2 .cc_div #s-c-bn:hover:after{background:rgb(249, 243, 0) !important;}
html.yellow2 input,html.yellow2 label.m-checkbox span,html.yellow2 label.m-checkbox span:after{border-color:black !important;}
html.yellow2 input[type="text"]:focus{outline: black dashed 2px; outline-offset: 2px;}
html.yellow2 .contrast ul li:nth-of-type(4) button span,html.yellow2 .contrast-mobile ul li:nth-of-type(4) button span{border-color:black;}
html.yellow2 .contrast ul li:nth-of-type(4) button:hover span,html.yellow2 .contrast-mobile ul li:nth-of-type(4) button:hover span{border-color:rgb(249, 243, 0);}
html.yellow2 #m_aside_left_offcanvas_toggle span,html.yellow2 #m_aside_left_offcanvas_toggle span:before,html.yellow2 #m_aside_left_offcanvas_toggle span:after{background:black !important;}
html.yellow2 .modal-dialog{border: 1px solid black;}
html.yellow2 .modal-header button{opacity:1;}
html.yellow2 .modal-dialog .close{text-shadow:none;}
html.yellow2 .bootstrap-select,html.yellow2 .dropdown-menu.show{border:1px solid black !important;}
html.yellow2 .dropdown-menu.show li a:hover,html.yellow2 .dropdown-menu.show li.active a{background:black !important;}
html.yellow2 .dropdown-menu.show li a:hover .text,html.yellow2 .dropdown-menu.show li.active a .text{background:black !important; color:rgb(249, 243, 0) !important;}
html.yellow2 tbody .btn{border:1px solid black !important;}
html.yellow2 tbody .btn:hover{background:black !important; color:rgb(249, 243, 0) !important;}
html.yellow2 .m-brand__login svg {color:rgb(249, 243, 0) !important;}
html.yellow2 .m-brand__login svg g{fill: currentcolor;mask: none;}
html.yellow2 .m-brand__login svg g use{fill: black;}
html.yellow2 *:focus-visible,html.yellow2 .bootstrap-select .dropdown-toggle:focus-visible,html.yellow2 .bootstrap-select>select.mobile-device:focus-visible+.dropdown-toggle{
	outline: 2px dashed black !important;
	outline-offset:2px !important;
	border-radius: 0.25px;
}
html.yellow2 .item3 a:hover{background: black !important; color: #F8F21D !important;}

html.yellow #main-box .item a > div,html.yellow .item-small a {border: 2px solid rgb(249, 243, 0);box-shadow: none;}
html.yellow #main-box .item a:hover *,html.yellow .item-small a:hover,html.yellow .item-small a:hover * {background: rgb(249, 243, 0) !important; color:black !important;box-shadow: none;}
html.yellow #main-box .h1 hr{border-top: 1px solid rgb(249, 243, 0);}
html.yellow header{border-bottom: 1px solid rgb(249, 243, 0);}
html.yellow .m-brand__login {border-left: 1px solid rgb(249, 243, 0);}
html.yellow #search-wrapper input { border: 1px solid rgb(249, 243, 0);color: rgb(249, 243, 0);}
html.yellow #search-wrapper input:focus { outline: rgb(249, 243, 0) dashed 2px;outline-offset:2px;}
html.yellow #search-wrapper input::placeholder {color: rgb(249, 243, 0);}
html.yellow #controls button:hover,html.yellow #controls-mobile button:hover { background:rgb(249, 243, 0) !important;color:black !important;}
html.yellow #controls .font-size li button:hover *,html.yellow #controls-mobile .font-size-mobile li button:hover *{background:rgb(249, 243, 0) !important;color:black !important;}
html.yellow #controls nav div button:hover * { background:rgb(249, 243, 0) !important ;color:black !important;}
html.yellow #controls .contrast > div > button:hover * ,html.yellow #controls-mobile .contrast-mobile > div > button:hover * { background:rgb(249, 243, 0) !important ;color:black !important;}
html.yellow #controls .font-size > div > button:hover *,html.yellow #controls-mobile .font-size-mobile > div > button:hover * { background:rgb(249, 243, 0) !important ;color:black !important;}
html.yellow .contrast-mobile p
html.yellow .contrast ul li:nth-of-type(2) button span,html.yellow .contrast-mobile ul li:nth-of-type(2) button span{border: 1px solid rgb(249, 243, 0);}
html.yellow .logo > path, html.yellow .logo > polygon {fill: rgb(249, 243, 0);}
html.yellow footer .soc a{opacity:1;color:rgb(249, 243, 0);}
html.yellow footer .soc a:hover{background-color: rgb(249, 243, 0);color: black;}
html.yellow hr{border-top: 1px solid rgb(249, 243, 0);}
html.yellow #s-inr,html.yellow .c-bn{border: 1px solid rgb(249, 243, 0) !important;}
html.yellow #s-hdr {border-bottom: 1px solid rgb(249, 243, 0);}
html.yellow #s-bns {border-top: 1px solid rgb(249, 243, 0);}
html.yellow #s-c-bn:before, html.yellow #s-c-bn:after {background: rgb(249, 243, 0) !important;}
html.yellow .cc_div #s-cnt .cc-link {color: rgb(249, 243, 0) !important;}
html.yellow .cc_div .b-bn .b-tl::before {    border-color: rgb(249, 243, 0) !important;}
html.yellow #s-bl thead tr:first-child { border-bottom: 1px solid rgb(249, 243, 0) !important;}
html.yellow .c-tgl { background-color: rgb(249, 243, 0) !important;}
html.yellow #s-bl::-webkit-scrollbar-thumb{background:rgb(249, 243, 0);}
html.yellow #s-bl::-webkit-scrollbar{background-color:black !important;}
html.yellow #sticky-cookie{border-color: rgb(249, 243, 0)}
html.yellow #sticky-cookie:hover{background: rgb(249, 243, 0) !important;color:black !important;}
html.yellow .c-tg,html.yellow .on-i,html.yellow .off-i{background: rgb(249, 243, 0) !important;}
.yellow .on-i::before{border-color: black !important;}
html.yellow .off-i::before,html.yellow .off-i::after{background: black !important;}
html.yellow .cc_div .b-tg .c-tg:after{background:black;}
html.yellow .cc_div #s-bns button:hover,html.yellow .cc_div #s-hdr button:hover{background:rgb(249, 243, 0) !important;color:black !important;}
html.yellow .cc_div #s-c-bn:hover:before,html.yellow .cc_div #s-c-bn:hover:after{background:black !important;}
html.yellow input,html.yellow label.m-checkbox span,html.yellow label.m-checkbox span:after{border-color:rgb(249, 243, 0) !important;}
html.yellow input[type="text"]:focus{outline: rgb(249, 243, 0) dashed 2px; outline-offset: 2px;}
html.yellow .contrast ul li:nth-of-type(1) button span,html.yellow .contrast-mobile ul li:nth-of-type(1) button span{border-color:rgb(249, 243, 0);}
html.yellow .contrast ul li:nth-of-type(1) button:hover span,html.yellow .contrast-mobile ul li:nth-of-type(1) button:hover span{border-color:black;}
html.yellow .contrast ul li:nth-of-type(2) button span,html.yellow .contrast-mobile ul li:nth-of-type(2) button span{border-color:rgb(249, 243, 0);}
html.yellow .contrast ul li:nth-of-type(2) button:hover span,html.yellow .contrast-mobile ul li:nth-of-type(2) button:hover span{border-color:white;}
html.yellow .contrast ul li:nth-of-type(3) button span,html.yellow .contrast-mobile ul li:nth-of-type(3) button span{border-color:rgb(249, 243, 0);}
html.yellow .contrast ul li:nth-of-type(3) button:hover span,html.yellow .contrast-mobile ul li:nth-of-type(3) button:hover span{border-color:black;}
html.yellow #m_aside_left_offcanvas_toggle span,html.yellow #m_aside_left_offcanvas_toggle span:before,html.yellow #m_aside_left_offcanvas_toggle span:after{background:rgb(249, 243, 0) !important;}
html.yellow .modal-dialog{border: 1px solid rgb(249, 243, 0);}
html.yellow .modal-header{border-color: rgb(249, 243, 0);}
html.yellow .modal-header button{opacity:1;}
html.yellow .modal-dialog .close{text-shadow:none;}
html.yellow .bootstrap-select,html.yellow .dropdown-menu.show{border:1px solid rgb(249, 243, 0) !important;}
html.yellow .dropdown-menu.show li a:hover,html.yellow .dropdown-menu.show li.active a{background:rgb(249, 243, 0) !important;}
html.yellow .dropdown-menu.show li a:hover .text,html.yellow .dropdown-menu.show li.active a .text{background:rgb(249, 243, 0) !important; color:black !important;}
html.yellow tbody .btn{border:1px solid rgb(249, 243, 0) !important;}
html.yellow tbody .btn:hover{background:black !important; color:rgb(249, 243, 0) !important;}
html.yellow .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__head{border-color:rgb(249, 243, 0) !important;}
html.yellow .m-datatable.m-datatable--default.m-datatable--loaded > .m-datatable__table > .m-datatable__body .m-datatable__row {
   border-color:rgb(249, 243, 0) !important;
}
html.yellow .m-brand__login svg {color:black !important;}
html.yellow .m-brand__login svg g{fill: currentcolor;mask: none;}
html.yellow .m-brand__login svg g use{fill: rgb(249, 243, 0);}
html.yellow *:focus-visible,html.yellow .bootstrap-select .dropdown-toggle:focus-visible,html.yellow .bootstrap-select>select.mobile-device:focus-visible+.dropdown-toggle{
	outline: 2px dashed rgb(249, 243, 0) !important;
	outline-offset:2px !important;
	border-radius: 0.25px;
}

.btn{font-family: Roboto, sans-serif !important;}
label{font-size: 1.1429rem !important;    font-weight: 400 !important;}

#lock{
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5000;
	background:#ffffff;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 33px;
    font-weight: bold;
    color: rgb(79, 179, 191);
	flex-direction: column;
}
#loader{
	width: 48px;
    height: 48px;
    border: 5px solid rgb(79, 179, 191);
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
	margin-bottom: 20px;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
.img-wrapper{
	position:relative;
	display:inline-block;
	margin-top: 10px;
}
.img-wrapper i{
	position: absolute;
    top: 0px;
    right: 0px;
    z-index: 555;
    padding: 10px;
    background: #ffffffa6;
    cursor: pointer;
}
.img-wrapper i:hover{
	color: white;
    background: #00000085;
}
.m-radio span.nr{
	position: absolute;
    top: 20px;
    font-weight: bold;
    border: 0 !important;
}
.m-radio span.nr::after{
	display:none !important;
}

.dropdown-menu.show{max-width:100%;}
.bootstrap-select .dropdown-menu li a span.text {white-space: normal;}

@media (min-width: 993px) {
	body.menu-index .m-body .m-content {
		padding: 30px 47px;
		max-width: 1280px;
		margin-left: -123px;
	}
	body.menu-index .m-grid__item.m-grid__item--fluid.m-wrapper{justify-content: center;display: flex;}
	
	header.m-header .container{max-width: 1420px; padding-left: 150px;}
	
}

@media (min-width: 1430px) {
	footer .container{max-width: 1350px;padding-left: 150px;}
	.pre-footer-container{max-width: 1350px;padding-left: 150px;}
}

@media (max-width: 1200px) {	
	.alertt{width: 100%;}
	footer .container{max-width: 1300px;padding-left: 30px;}
	.pre-footer-container{max-width: 1300px;padding-left: 30px;}	
}

@media (max-width: 992px) {
	.sticky-top{top: 61px;}
	.item3:nth-last-child(-n + 2) h2{border-bottom: 1px solid rgb(224, 224, 224);}
	.item3:nth-last-child(-n + 1) h2{border-bottom: 0;}
	#controls{display:none;}
	.m-brand .m-brand__logo, .m-brand .m-brand__tools {
		height: 55px !important;
	}
	.m-aside-left {width:355px !important;}
	.m-aside-left--on .m-aside-left-close {left:329px;}
	.m-aside-left {left:-365px;}
	.m-header {
		height: 61px !important;
	}
	#controls-mobile{display:block;}
	#lang-mobile{display:inline-block;}
	#img-header{margin-top:60px;}
	
}

@media (max-width: 700px) {
	.m-brand__login{width:50px;}
	.m-brand__login span {display:none;}
	.m-brand__logo {width: 100px !important;}
	.m-brand{padding:0px 15px;}
	
	#main-box h1 {
		margin: 0px;
		font-size: 1.95rem;
		line-height: 4.0;
	}
}