/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
    height: 100%;
}

.colorWeak {
    filter: invert(80%);
}

.ant-layout {
    min-height: 100vh;
    /*background-color: #fff;*/
}

canvas {
    display: block;
}

body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*ul,*/
/*ol {*/
/*  list-style: none;*/
/*}*/
@media (max-width: 480px) {
    .ant-table {
        width: 100%;
        overflow-x: auto;
    }

    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > th,
    .ant-table-thead > tr > td,
    .ant-table-tbody > tr > td {
        white-space: pre;
    }

    .ant-table-thead > tr > th > span,
    .ant-table-tbody > tr > th > span,
    .ant-table-thead > tr > td > span,
    .ant-table-tbody > tr > td > span {
        display: block;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    body .ant-design-pro > .ant-layout {
        min-height: 100vh;
    }
}

/*.ant-card-bordered {
  border: 0px;
}*/


/*---------------------------------------------*/
/*Plk.Blazor.DragDrop.Demo/wwwroot/css/dragdrop.css*/

/*add this to avoid flickering*/
.plk-dd-inprogess > * {
    pointer-events: none;
}

/*dropzone style style*/
.plk-dd-dropzone {
    min-height: 50px;
}

/*drag drop styles*/

.plk-dd-spacing {
    height: 10px;
}

.plk-dd-spacing-dragged-over {
    padding: 25px;
}

.plk-dd-dragged-over {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.plk-dd-dragged-over > div {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.plk-dd-dragged-over-denied {
    background-color: red;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.plk-dd-in-transit {
    opacity: 0;
}

.plk-dd-in-transit > div {
    opacity: 0;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blink_me {
    animation: blinker 1s linear infinite;
}

/*for flex demo*/

.plk-flex .plk-dd-spacing {
    width: 20px;
    height: auto;
}

.plk-flex .plk-dd-dragged-over {
    background-color: lightgray;
    opacity: 0.6;
    animation: blinker 1s linear infinite;
}

.plk-flex .plk-dd-dragged-over > div {
    background-color: lightgray;
    opacity: 0.9;
    animation: blinker 1s linear infinite;
}

.plk-flex .plk-dd-in-transit {
    background-color: orangered;
}

.plk-flex .plk-dd-in-transit > div {
    background-color: orangered;
}

.plk-dd-noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}

/*---------------------------------------------*/

.test-square {
    width: 330px;
    height: 305px;
    color: white;
    padding: 19px 23px 17px 30px;
    position: relative;
    margin-bottom: 13px;
}

.test-number {
    width: 25px;
    border: solid 1px white;
    border-radius: 12px;
    text-align: center;
    background-color: transparent;
    color: white;
    float: left;
    font-size: 12px;
    margin-right: 10px;
}

.test-title {
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.test-main-title {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 16px;
}

.test-progress {
    #position: absolute;
    #bottom: 17px;
    #left: 150px;
    text-align: right;
    line-height: 26px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
}

.test-button {
    border-radius: 25px;
    height: 25px;
    padding: 0px 25px 0px 25px;
    background-color: transparent;
    color: white;
    #bottom: 17px;
    #position: absolute;
    #left: 30px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.test-nav {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: #6D998D;
    border-color: #6D998D;
    color: white;
    margin: 10px 5px 10px 5px;
}

.test-nav:disabled {
    border-color: #6D998D;
    color: #6D998D;
    background-color: transparent;
}

.test-nav:hover {
    background-color: #81B5A7;
    border-color: #81B5A7;
}

.test-nav-transparent {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: transparent;
    border-color: #6D998D;
    color: #6D998D;
    margin: 10px 5px 10px 5px;
}

.test-nav-violet {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: #696D87;
    border-color: #696D87;
    color: white;
    margin: 10px 5px 10px 5px;
}

.test-nav-violet:disabled {
    border-color: #696D87;
    color: #696D87;
    background-color: transparent;
}

.test-nav-violet:hover {
    background-color: #878CAD;
    border-color: #878CAD;
}

.test-nav-red {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: #CA7B8E;
    border-color: #CA7B8E;
    color: white;
    margin: 10px 5px 10px 5px;
}

.test-nav-red:disabled {
    border-color: #CA7B8E;
    color: #CA7B8E;
    background-color: transparent;
}

.test-nav-red:hover {
    background-color: #F797AE;
    border-color: #F797AE;
}

.ant-radio-inner::after {
    background-color: #6D998D;
}

.ant-radio-checked .ant-radio-inner {
    border-color: #6D998D;
}

.ant-radio-wrapper:hover .ant-radio, .ant-radio:hover .ant-radio-inner, .ant-radio-input:focus + .ant-radio-inner {
    border-color: #93CFBE;
}

.test-text {
    font-size: 9px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.test-text ul {
    padding-left: 10px;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon {
    background: white;
}

.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-icon .ant-steps-icon {
    color: #475196;
}

.ant-steps-item-process .ant-steps-item-icon {
    border-color: #475196;
}

.ant-spin-nested-loading {
    margin-top: 30px;
}

.card-title {
    color: #475196;
    font-weight: bold;
    text-transform: uppercase;
}

.ant-form-item-label h1 {
    color: #59a6c9;
    font-weight: bold;
}

.ant-radio-wrapper {
    /*font-weight: bold;*/
}

.user-logged {
    padding-left: 20px;
    float: left;
    margin-top: 30px;
}

.bth {
    background-image: url("/assets/bth.png");
    width: 27px;
    height: 28px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.bth-text {
    padding-top: 5px;
    color: #6E6F6F;
}

.test-table {
}

.test-square-panel {
    float: left;
}

.ant-layout {
    font-family: 'Rubik';
}

.logon-box {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    padding: 30px 50px 30px 50px;
    background-color: white;
    margin: 10% auto 10% auto;
    /*    box-shadow: 1px 5px 6px rgba(0,0,0,0.2);
    border-radius: 7px;*/
}

.btn-login {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: white;
    border-color: #6D998D;
    border-style: solid;
    border-width: 1px;
    color: #6D998D;
    margin: 10px 5px 10px 5px;
}

.btn-login:hover {
    cursor: pointer;
    background-color: #E5FFF6;
}

.btn-register {
    border-radius: 25px;
    height: 25px;
    padding: 0px 20px 0px 20px;
    background-color: #6D998D;
    border-color: #6D998D;
    border-style: solid;
    border-width: 1px;
    color: white;
    margin: 10px 5px 10px 5px;
}

.btn-register:hover {
    background-color: #81B5A7;
    border-color: #81B5A7;
    cursor: pointer;
}

.red-dot {
    position: absolute;
    top: 10px;
    right: 10px;
    background: red;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}

.login-form {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: right;
    padding-right: 20px;
}

.login-form-captcha {
    padding-top: 15px;
    padding-bottom: 15px;
}

.login-form-input {
    border-radius: 25px;
    background-color: white;
    border-width: 1px;
    border-color: #6D998D;
    border-style: solid;
    padding-left: 10px;
    padding-right: 10px;
}

.anticon.anticon-close svg {
    display: none;
}

.ant-modal-close-x {
    width: 12px;
    height: 12px;
}

.ant-modal-close {
    background-color: red;
    border-radius: 45px;
    width: 12px;
    height: 12px;
    margin: 7px;
}

.ant-input {
    border-radius: 30px;
    border: 1px solid #000;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item.survey-section-link {
    white-space: normal;
    height: auto;
    border: 1px solid #000;
    background: #696D87;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 15px 10px 15px 10px !important;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item.survey-section-link.ant-menu-item-selected {
    background: #1890FF;
}


.test-text-header {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.test-logout {
    margin-top: 60px;
    text-align: center;
    font-weight: 300;
    font-size: 46px;
    color: #2D3987 !important;
    font-family: 'Rubik';
}

.ant-layout-sider {
    margin-left: 3px;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-vertical .ant-menu-item, .ant-menu-dark.ant-menu-vertical-left .ant-menu-item, .ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
    left: -3px;
}

.ant-menu-dark.ant-menu-inline .ant-menu-item, .ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
    width: calc(100% + 3px);
}

.logontext {
    margin-top: 50px;
}

.languagemenu {
    position: absolute;
    z-index: 1000;
    width: 35%;
    left: 0px;
    background-color: white;
    left: 50%;
    transform: translate(-50%);
    border: 1px solid lightgray;
    border-radius: 25px;
}
.languagemenu:hover {
    border: 1px dashed lightgray;
}

.languageselect {
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;

}

.languageselect img {
    max-height: 20px;
    left: 0px;
}

.languageselect div.flag {
    margin-left: 20px;
    line-height: 25px;
}

.languageselect div.flag:not(.selected) {
    display: none;

}

.languageselect div.flag.selected {
    display: block;
}

.languageselect:hover div.flag {
    display: block;
}

.mobile-hamburger {
    display: none;
    position: fixed;
    z-index: 999;
    margin: 4px;
    right: 0;
    cursor: pointer;
}

@media (max-width: 1023px) {
    .mobile-hamburger {
        display: block;
    }

    .ant-layout-sider {
        margin-left: 0;
    }

    .ant-layout-sider-collapsed {
        #display: none;
        left: -80px;
    }

    .ant-layout-sider-trigger {
        display: none;
    }

    .ant-layout-sider:not(.ant-layout-slider-collapsed) {
        position: fixed;
        z-index: 100;
        height: 100%;
        overflow-y:scroll;
        overflow-x:hidden;
    }
}