*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);color:#4b5563;background:#f9fafb}
html,body{height:100%}
hr{margin:0.5rem 0;color:inherit;border:0;border-top:1px solid;opacity:0.15}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{margin-top:0;margin-bottom:0.5em;font-weight:500;line-height:1.2;color:#1f2937}
h1,.h1{font-size:1.75rem}
h2,.h2{font-size:1.5rem}
h3,.h3{font-size:1.25rem}
h4,.h4{font-size:1rem}
h5,.h5{font-size:0.875rem}
h6,.h6{font-size:0.75rem}
p{margin-top:0;margin-bottom:1rem}
ol,ul{padding-left:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}
dt{font-weight:700}
dd{margin-bottom:0.5rem;margin-left:0}
blockquote{margin:0 0 1rem}
b,strong{font-weight:bolder}
small,.small{font-size:.875em}
mark,.mark{padding:0.2em;background-color:#fcf8e3}
sub,sup{position:relative;font-size:0.75em;line-height:0;vertical-align:baseline;font-weight:normal}
sub{bottom:-0.25em}
sup{top:-0.5em}
a{color:#4b5563;text-decoration:none}
a:hover{color:#6366f1}
pre{display:block;margin-top:0;text-align:left;padding:0.5rem;margin-bottom:1rem;overflow:auto;font-size:0.75rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;direction:ltr;unicode-bidi:bidi-override}
figure{margin:0 0 1rem}
img,svg{vertical-align:middle}
table{caption-side:bottom;border-collapse:collapse}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#9ca3af;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
label{display:block}
button{border-radius:0}
button:focus:not(:focus-visible){outline:0}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
select{word-wrap:normal}
select:disabled{opacity:1}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}
::-moz-focus-inner{padding:0;border-style:none}
textarea{resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{float:left;width:100%;padding:0;margin-bottom:0.5rem;font-size:calc(1.275rem + 0.3vw);line-height:inherit}
output{display:inline-block}
iframe{border:0}
summary{display:list-item;cursor:pointer}
progress{vertical-align:baseline}
template,[hidden]{display:none !important}
button:focus{outline:0}
chart{display:block}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
p:last-child{margin-bottom:0}

.btn{display:inline-block;font-weight:500;color:inherit;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.5rem 1rem;font-size:.875rem;line-height:1.4285714286;border-radius:0.25rem;position:relative;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
.btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem;border-radius:0.25rem}
.btn-main{color:#fff;background-color:#6366f1;border-color:#6366f1}
.btn-main:hover{color:#fff;background-color:#5457cd;border-color:#4f52c1}
.btn-danger {color:#fff;background:#e83e8c;border :outset 1px #4f52c1}
.btn-danger:hover{background: #e2428b; border-style: inset}
.btn-block{width:100%}
.btn:disabled,.btn.disabled{pointer-events:none;opacity:.65}

.input{display:block;width:100%;padding:.5rem .75rem;font-size:.875rem;line-height:1.4285714286;color:#4b5563;background-color:#fff;border:1px solid #d1d5db;border-radius:0.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input:focus{color:#4b5563;background-color:#fff;border-color:#6366f1;outline:0;box-shadow:0 0 0 0.125rem #6366f140}
.input-row{margin-bottom:1rem}
.input-label{margin-bottom:0.5rem;font-weight:bold;font-size:0.75rem}
.input-invalid{display:none;width:100%;margin-top:0.25rem;font-size:.875em;color:#ef4444;text-align:center}
.input-invalid.active{display:block}
.input-select{display:block;text-align:left;width:100%;padding:.5rem 2.25rem .5rem .75rem;font-size:.875rem;line-height:1.4285714286;color:#4b5563;background-color:#fff;border:1px solid #d1d5db;border-radius:0.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%231f2937' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.input-select option{color:#4b5563}
.input::-moz-placeholder {color:#9ca3af;opacity:1;}
.input::placeholder {color:#9ca3af;opacity:1}
.input:disabled,.input-select:disabled{background-color:#f3f4f6;opacity:1}
.input::-webkit-file-upload-button {padding:0.5rem 0.75rem;margin:-0.5rem -0.75rem;-webkit-margin-end:0.75rem;margin-inline-end:0.75rem;color:#4b5563;background-color:#f3f4f6;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0}
.input.ng-empty,.input-select.ng-empty,.input-select option[value='']{color:#9ca3af}

.auth{display:table;height:100%;width:100%;background:#1f2937;color:#fff;}
.auth-main{display:table-cell;vertical-align:middle;padding:1rem 1rem 8rem 1rem}
.auth-content{max-width:20rem;margin:0 auto}
.auth-title{margin-bottom:0.5rem}

.row{margin-right:-0.5rem;margin-left:-0.5rem}
.row:after{content:'';clear:both;display:table;float:none}
.row > *{padding-left:0.5rem;padding-right:0.5rem;min-height:1px;float:left}
.row-sm{margin-right:-0.25rem;margin-left:-0.25rem}
.row-sm > *{padding-left:0.25rem;padding-right:0.25rem}
.row-5 > *{width:20%}

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

.m-1 {margin:1rem}
.mt-1 {margin-top:1rem}
.mb-1 {margin-bottom:1rem}
.my-1 {margin:1rem 0}
.mx-1 {margin:0 1rem}
.ml-1 {margin-left:1rem}
.mr-1 {margin-right:1rem}

.text-main{color:#1f2937}
.text-default{color:#9ca3af}
.text-prime{color:#0891b2}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-danger{color:#EF4444}
.text-success{color:#16A34A}
.text-black{font-weight:bold}
.text-mute{opacity:0.45}
.text-empty{margin:0;text-align:center;color:#9ca3af;padding:2rem}

.bg-success{background:#16A34A;color:#fff}
.bg-danger{background:#EF4444;color:#fff}
.bg-default{background:#9ca3af;color:#fff}
.bg-main{background:#6366F1;color:#fff}

.pull-clear:after{content:'';display:table;clear:both}
.pull-left{float:left}
.pull-right{float:right}

.img{overflow:hidden;background:#ecf0f1;position:relative}
.img img{width:100%;position:absolute;top:50%;transform:translateY(-50%);}
.img-user{border-radius:50%;width:42px;height:42px}
.img-fluid{width:100%}

.badge{display:inline-block;padding:0.35em 0.65em;font-size:.8em;font-weight:700;line-height:1;text-align:center;text-transform:uppercase;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem}

/** cookies widget **/
.widget.cookies {
    background: rgba(67, 67, 67, .7);
    bottom: 0;
    color: #fff3cd;
    /*height: calc(30vh);*/
    padding: 1rem 2rem;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #0f0f0f;
    width: 100%;
}
.widget.cookies a,
.widget.cookies > header > h3 {
    color: #fff3cd;
}
.widget.cookies a {
    text-decoration: underline;
}
.widget.cookies a:hover {
    color: #dccfa8;
}
.widget.cookies > article {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}