@font-face {
    font-family: nvidia;
    src: url('/fonts/NVIDIASans_Bd.ttf');
}

@font-face {
    font-family: nvidiaMd;
    src: url('/fonts/NVIDIASans_Lt.ttf');
}

label {
    font-weight: 600;
    font-size: 12px;
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    color: rgb(106, 116, 128);
}

.form-control {
    background-color: transparent !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    height: auto;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 4px !important;
    border-color: rgb(160, 170, 179) !important;
    outline: 0px !important;
    color: rgb(73, 80, 87) !important;
}

.centerHor {
    text-align: center;
}

.file-upload {
    display: block;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.file-upload .file-select {
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

.file-upload .file-select:hover {
    border-color: #34495e;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select:hover .file-select-button {
    background: #34495e;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select {
    border-color: #3fa46a;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload.active .file-select .file-select-button {
    background: #3fa46a;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

.file-upload .file-select.file-select-disabled:hover {
    cursor: default;
    display: block;
    border: 2px solid #dce4ec;
    color: #34495e;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: left;
    background: #FFFFFF;
    overflow: hidden;
    position: relative;
}

.file-upload .file-select.file-select-disabled:hover .file-select-button {
    background: #dce4ec;
    color: #666666;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
}

.file-upload .file-select.file-select-disabled:hover .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
}

html {
    font-family: 'Montserrat', sans-serif !important;
}


.minp {
    font-weight: 500 !important;
}

.number-input input[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

.number-input input[type=number]::-webkit-inner-spin-button,
.number-input input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.number-input {
    margin-bottom: 3rem;
}

.number-input button {
    -webkit-appearance: none;
    background-color: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.number-input button:before,
.number-input button:after {
    display: inline-block;
    position: absolute;
    content: '';
    height: 2px;
    transform: translate(-50%, -50%);
}

.number-input button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
    text-align: center;
}

.number-input.number-input {
    border: 1px solid #ced4da;
    width: 10rem;
    border-radius: .25rem;
}

.number-input.number-input button {
    width: 2.6rem;
    height: .7rem;
}

.number-input.number-input button.minus {
    padding-left: 10px;
}

.number-input.number-input button:before,
.number-input.number-input button:after {
    width: .7rem;
    background-color: #495057;
}

.number-input.number-input input[type=number] {
    max-width: 4rem;
    padding: .5rem;
    border: 1px solid #ced4da;
    border-width: 0 1px;
    font-size: 1rem;
    height: 2rem;
    color: #495057;
}

.hhh:hover {
    cursor: pointer;
}

.hhh {
    margin: 4px;
}

.mdb .form-check-input[type="radio"]:checked + label:after, .mdb .form-check-input[type="radio"].with-gap:checked + label:after, .mdb label.btn input[type="radio"]:checked + label:after, .mdb label.btn input[type="radio"].with-gap:checked + label:after {
    background-color: orange !important;
}

.mdb .form-check-input[type="radio"]:checked + label:after, .mdb .form-check-input[type="radio"].with-gap:checked + label:before, .mdb .form-check-input[type="radio"].with-gap:checked + label:after, .mdb label.btn input[type="radio"]:checked + label:after, .mdb label.btn input[type="radio"].with-gap:checked + label:before, .mdb label.btn input[type="radio"].with-gap:checked + label:after {
    border: 2px solid orange !important;
}

.mce-menubtn span {
    display: inline-block !important;
}

.tox-tinymce-aux {
    position: relative !important;
    z-index: 1600;
}

.removeshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.tabs-link {
    color: orange !important;
    transition: color 0.05ms ease;
}

.tabs-link:hover {
    color: #ba7800 !important;
}

.border-bot-left-right {
    border-left: 0.5px solid #e2e2e2;
    border-right: 0.5px solid #e2e2e2;
    border-bottom: 0.5px solid #e2e2e2;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 500px;
    width: 65px;
    overflow-y: scroll;
    margin-bottom: 25px;
}

.force-overflow {
    min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #4285F4;
}

.scrollbar-danger::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-danger::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ff3547;
}

.scrollbar-warning::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-warning::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: orange;
}

.scrollbar-success::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-success::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
}

.scrollbar-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #33b5e5;
}

.scrollbar-default::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-default::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #2BBBAD;
}

.scrollbar-secondary::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-secondary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-secondary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #aa66cc;
}

.tabcontent {
    margin: 0px !important;
}

.fakeLink:hover {
    cursor: pointer;
}

#modalToManipulate {
    transition: all .5s ease;
}

.hideoutsidefix {
    background-color: transparent !important;
}

@media screen and (max-width: 939px) {
    .mobilefixmessagesender {
        text-align: left !important;
    }
}

.form-elegant .font-small {
    font-size: 0.8rem;
}

.form-elegant .z-depth-1a {
    -webkit-box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
    box-shadow: 0 2px 5px 0 rgba(55, 161, 255, 0.26), 0 4px 12px 0 rgba(121, 155, 254, 0.25);
}

.form-elegant .z-depth-1-half,
.form-elegant .btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
    box-shadow: 0 5px 11px 0 rgba(85, 182, 255, 0.28), 0 4px 15px 0 rgba(36, 133, 255, 0.15);
}

.form-elegant,
.form-dark {
    position: relative;
    height: 604px;
    overflow-y: scroll;
}

.form-dark .font-small {
    font-size: 0.8rem;
}

.form-dark [type="radio"] + label,
.form-dark [type="checkbox"] + label {
    font-size: 0.8rem;
}

.form-dark [type="checkbox"] + label:before {
    top: 2px;
    width: 15px;
    height: 15px;
}

.form-dark .md-form label {
    color: #fff;
}

.form-dark input[type=text]:focus:not([readonly]) {
    border-bottom: 1px solid #00C851;
    -webkit-box-shadow: 0 1px 0 0 #00C851;
    box-shadow: 0 1px 0 0 #00C851;
}

.form-dark input[type=text]:focus:not([readonly]) + label {
    color: #fff;
}

.form-dark input[type=password]:focus:not([readonly]) {
    border-bottom: 1px solid #00C851;
    -webkit-box-shadow: 0 1px 0 0 #00C851;
    box-shadow: 0 1px 0 0 #00C851;
}

.form-dark input[type=password]:focus:not([readonly]) + label {
    color: #fff;
}

.form-dark input[type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1.5px solid #fff;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.form-dark input[type="checkbox"]:checked + label:before {
    top: -4px;
    left: -3px;
    width: 12px;
    height: 22px;
    border-style: solid;
    border-width: 2px;
    border-color: transparent #00c851 #00c851 transparent;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.scrollbar-light-blue::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-light-blue::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-light-blue::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #82B1FF;
}

.scrollbar-dusty-grass::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-dusty-grass::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
    background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}

.medium-editor-anchor-preview, .medium-editor-toolbar {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    z-index: 99999999;
}

@-webkit-keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes medium-editor-image-loading {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97,0,0,1,0,12);
        transform: matrix(.97,0,0,1,0,12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99,0,0,1,0,2);
        transform: matrix(.99,0,0,1,0,2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1,0,0,1,0,-1);
        transform: matrix(1,0,0,1,0,-1)
    }

    100% {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0)
    }
}

@keyframes medium-editor-pop-upwards {
    0% {
        opacity: 0;
        -webkit-transform: matrix(.97,0,0,1,0,12);
        transform: matrix(.97,0,0,1,0,12)
    }

    20% {
        opacity: .7;
        -webkit-transform: matrix(.99,0,0,1,0,2);
        transform: matrix(.99,0,0,1,0,2)
    }

    40% {
        opacity: 1;
        -webkit-transform: matrix(1,0,0,1,0,-1);
        transform: matrix(1,0,0,1,0,-1)
    }

    100% {
        -webkit-transform: matrix(1,0,0,1,0,0);
        transform: matrix(1,0,0,1,0,0)
    }
}

.medium-editor-anchor-preview {
    left: 0;
    line-height: 1.4;
    max-width: 280px;
    position: absolute;
    text-align: center;
    top: 0;
    word-break: break-all;
    word-wrap: break-word;
    visibility: hidden
}

.medium-editor-anchor-preview a {
    color: #fff;
    display: inline-block;
    margin: 5px 5px 10px
}

.medium-editor-placeholder-relative:after, .medium-editor-placeholder:after {
    content: attr(data-placeholder) !important;
    white-space: pre;
    padding: inherit;
    margin: inherit;
    font-style: italic
}

.medium-editor-anchor-preview-active {
    visibility: visible
}

.medium-editor-dragover {
    background: #ddd
}

.medium-editor-image-loading {
    -webkit-animation: medium-editor-image-loading 1s infinite ease-in-out;
    animation: medium-editor-image-loading 1s infinite ease-in-out;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    height: 40px;
    width: 40px
}

.medium-editor-placeholder {
    position: relative
}

.medium-editor-placeholder:after {
    position: absolute;
    left: 0;
    top: 0
}

.medium-editor-placeholder-relative, .medium-editor-placeholder-relative:after {
    position: relative
}

.medium-toolbar-arrow-over:before, .medium-toolbar-arrow-under:after {
    border-style: solid;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    width: 0
}

.medium-toolbar-arrow-under:after {
    border-width: 8px 8px 0
}

.medium-toolbar-arrow-over:before {
    border-width: 0 8px 8px;
    top: -8px
}

.medium-editor-toolbar {
    left: 0;
    position: absolute;
    top: 0;
    visibility: hidden
}

.medium-editor-toolbar ul {
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0
}

.medium-editor-toolbar li button {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 1.33;
    margin: 0;
    padding: 15px;
    text-decoration: none
}

.medium-editor-toolbar li button:focus {
    outline: 0
}

.medium-editor-toolbar li .medium-editor-action-underline {
    text-decoration: underline
}

.medium-editor-toolbar li .medium-editor-action-pre {
    font-family: Consolas,"Liberation Mono",Menlo,Courier,monospace;
    font-size: 12px;
    font-weight: 100;
    padding: 15px 0
}

.medium-editor-toolbar-active {
    visibility: visible
}

.medium-editor-sticky-toolbar {
    position: fixed;
    top: 1px
}

.medium-editor-relative-toolbar {
    position: relative
}

.medium-editor-toolbar-active.medium-editor-stalker-toolbar {
    -webkit-animation: medium-editor-pop-upwards 160ms forwards linear;
    animation: medium-editor-pop-upwards 160ms forwards linear
}

.medium-editor-action-bold {
    font-weight: bolder
}

.medium-editor-action-italic {
    font-style: italic
}

.medium-editor-toolbar-form {
    display: none
}

.medium-editor-toolbar-form a, .medium-editor-toolbar-form input {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

.medium-editor-toolbar-form .medium-editor-toolbar-form-row {
    line-height: 14px;
    margin-left: 5px;
    padding-bottom: 5px
}

.medium-editor-toolbar-form .medium-editor-toolbar-input, .medium-editor-toolbar-form label {
    border: none;
    box-sizing: border-box;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    width: 316px;
    display: inline-block
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:focus, .medium-editor-toolbar-form label:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    outline: 0
}

.medium-editor-toolbar-form a {
    display: inline-block;
    font-size: 24px;
    font-weight: bolder;
    margin: 0 10px;
    text-decoration: none
}

.medium-editor-toolbar-form-active {
    display: block
}

.medium-editor-toolbar-actions:after {
    clear: both;
    content: "";
    display: table
}

.medium-editor-element {
    word-wrap: break-word;
    min-height: 30px
}

.medium-editor-element img {
    max-width: 100%
}

.medium-editor-element sub {
    vertical-align: sub
}

.medium-editor-element sup {
    vertical-align: super
}

.medium-editor-hidden {
    display: none
}

.medium-toolbar-arrow-under:after {
    border-color: #000 transparent transparent;
    top: 40px
}

.medium-toolbar-arrow-over:before {
    border-color: transparent transparent #000
}

.medium-editor-toolbar {
    background-color: #000;
    border: none;
    border-radius: 50px
}

.medium-editor-toolbar li button {
    background-color: transparent;
    border: none;
    box-sizing: border-box;
    color: #ccc;
    height: 40px;
    min-width: 40px;
    padding: 5px 12px;
    -webkit-transition: background-color .2s ease-in,color .2s ease-in;
    transition: background-color .2s ease-in,color .2s ease-in
}

.medium-editor-toolbar li .medium-editor-button-active, .medium-editor-toolbar li button:hover {
    background-color: #000;
    color: #a2d7c7
}

.medium-editor-toolbar li .medium-editor-button-first {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    padding-left: 24px
}

.medium-editor-toolbar li .medium-editor-button-last {
    border-bottom-right-radius: 50px;
    border-right: none;
    border-top-right-radius: 50px;
    padding-right: 24px
}

.medium-editor-toolbar-form {
    background: #000;
    border-radius: 50px;
    color: #ccc;
    overflow: hidden
}

.medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: #000;
    box-sizing: border-box;
    color: #ccc;
    height: 40px;
    padding-left: 16px;
    width: 220px
}

.medium-editor-toolbar-form .medium-editor-toolbar-input::-webkit-input-placeholder {
    color: #f8f5f3;
    color: rgba(248,245,243,.8)
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:-moz-placeholder {
    color: #f8f5f3;
    color: rgba(248,245,243,.8)
}

.medium-editor-toolbar-form .medium-editor-toolbar-input::-moz-placeholder {
    color: #f8f5f3;
    color: rgba(248,245,243,.8)
}

.medium-editor-toolbar-form .medium-editor-toolbar-input:-ms-input-placeholder {
    color: #f8f5f3;
    color: rgba(248,245,243,.8)
}

.medium-editor-toolbar-form a {
    color: #ccc;
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.medium-editor-toolbar-form .medium-editor-toolbar-close {
    margin-right: 16px
}

.medium-editor-toolbar-anchor-preview {
    background: #000;
    border-radius: 50px;
    padding: 5px 12px
}

.medium-editor-anchor-preview a {
    color: #ccc;
    text-decoration: none
}

.medium-editor-toolbar-actions button, .medium-editor-toolbar-actions li {
    border-radius: 50px
}

.form-group {
    padding-left: 0;
    padding-right: 0;
}

/*select*/

.vscomp-value {
    color: #6c757d !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.row {
    overflow: inherit !important;
}

.vscomp-toggle-button {
    background-color: transparent !important;
}

.vscomp-clear-button {
    background-color: transparent !important;
}

.vscomp-dropbox {
    background-color: rgba(248, 248, 248, 1) !important;
}

.vscomp-option {
    color: #6e6e6e !important;
}

.vscomp-option.focused {
    color: black !important;
}

.vscomp-option.selected {
    color: black !important;
}

/*select end*/

/*input*/

.form-control {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    height: auto;
    padding-left: 12px !important;
    padding-right: 12px !important;
    border-radius: 4px !important;
    border-color: rgb(160, 170, 179) !important;
    outline: 0px !important;
    color: rgb(73, 80, 87) !important;
}

/*input end*/

/* autocomplete */

.autoComplete_wrapper {
    box-shadow: none !important;
    width: 100% !important;
}

.hints-form-control {
    width: 100% !important;
}

.hints-form-control::placeholder {
    color: rgb(108, 117, 125) !important;
    padding: 0px !important;
    font-size: 16px !important;
    opacity: 1 !important;
}

.hints-form-control::selection {
    background-color: darkorange !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/* autocomplete end */

/* disable select shadow */

.vscomp-toggle-button {
    box-shadow: none !important;
    border-radius: 4px !important;
}

.vscomp-dropbox-container {
    box-shadow: none !important;
}

/* disable select shadow end */

/* button */

.btn {
    padding: 2px 16px 2px 16px;
    font-size: 14px;
    font-weight: 500;
    height: 38px;
    font-family: Montserrat, sans-serif;
}

.btn-gold {
    background-color: rgb(218, 120, 0) !important;
}

.custom-control-label::after {
    top: -0.5px !important;
}

@media (max-width: 1024px) {
    .container, .container-sm, .container-md {
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1380px;
    }
}

/* button end */

@media (max-width: 400px) {
    .midBr2 {
        display: none;
    }
}

#components-reconnect-modal2 {
    display: none;
    transition: visibility 0s linear 500ms;
}

#components-reconnect-modal2.components-reconnect-show, #components-reconnect-modal2.components-reconnect-failed, #components-reconnect-modal2.components-reconnect-rejected {
    display: block;
}

.components-reconnect-show {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.75);
}

.bodyReconnecting {
    overflow: hidden;
}

.bgBlur {
    filter: blur(2px);
}

.reconnectText {
    font-size: 1.3em;
    margin-top: 100px;
    margin-bottom: 40px;
    user-select: none;
    color: white;
}

.reconnectImg {
    user-select: none;
}

.custom-checkbox .custom-control-label.customRadiobox::before {
    border-radius: 0.5rem !important;
}

.alert-primary {
    justify-content: center;
}