/* FONTS */
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Light.ttf");
    font-weight: 100;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat/Montserrat-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Montserrat Medium";
    src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
}
@font-face {
    font-family: "Montserrat SemiBold";
    src: url("../fonts/Montserrat/Montserrat-SemiBold.ttf");
}

@font-face {
    font-family: "Captcha";
    src: url("../fonts/captcha_font.ttf");
    font-weight: normal;
}

/* END FONTS */

/* COLORS */
:root {
    --colorA: #6d71f9;
    --colorA_80: #6d71f9CD;
    --colorA_20: #d9dafc;
    --colorB: #54c1fb;
    --colorB_80: #54c1fbCD;
    --colorC: #272848;
    --colorC_80: #272848CD;
    --colorD: #eff0f8;
    --colorF: #f96d6d;
    --colorHighlighted: #fcc92f;
    --colorHighlighted_80: #fcc92fCD;
    --colorHighlightedRemove_80: #999999CD;
    --colorHighlightedNoCredits_80: #FF3E63CD;
    --colorContactAccepted_80: #FFFFFFCD;
    --colorContactPending_80: #999999CD;
}
/* END COLORS */

* {
    font-family: Montserrat;
}

/* FIX ISSUES WITH FORMS */
.wrapper {
    max-height: 100%;
    overflow-y: hidden !important;
}

.form-actions.stuck {
    position:relative;
    margin-left: 0;
}

/* HEADER LOGO */
.dashboard_header {
    height: 0 !important;
}

.dashboard_header_logo {
    height: 0 !important;
}

/* REGISTER */
.register {
    background-color: #EEEEEE;
}
.register-wrapper {
    width: 500px;
    margin: 50px auto;
}

.register-link {
    margin-top: 10px;
    text-align: right;
}

/* HOME */
.home {
    width: 70%;
    margin: auto;
    text-align: center;
    padding: 30px;
}

.home h1 {
    color: var(--colorA);
}

.btn {
    color: white;
    border: none;
    border-color: transparent;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    background: linear-gradient(to right, var(--colorA), var(--colorB));
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
    outline:0;
}

.btn:hover {
    border-color: transparent;
}

.btn:focus {
    border-color: transparent;
}

.btn-danger {
    color: white;
}

.btn-yellow {
    background: goldenrod;
}

.btn-red {
    background: indianred;
}

.btn-green {
    background: #5ac773;
}

.btn-success {
    color: white;
}

.btn-success-small {
    color: white;
    height: 25px;
    padding: revert;
}

.btn-yellow-small {
    background: goldenrod;
    height: 25px;
    padding: revert;
}

.btn-success-contact-view {
    color: white;
    height: 35px;
    padding: revert;
}

.btn-yellow-contact-view {
    background: goldenrod;
    height: 35px;
    padding: revert;
}

.wine-button-background-bio-green {
    background: linear-gradient(to right, #5ac773, #EFE524);
    font-size: 12px !important;
}

.wine-button-background-eco-green {
    background: #5ac773;
    font-size: 12px !important;
}

.wine-button-background-first {
    background: linear-gradient(to right, #5c71f4, #5584f5);
}

.wine-button-background-second {
    background: linear-gradient(to right, #5487f5, #4c9af6);
}

.wine-button-background-third {
    background: linear-gradient(to right, #4a9df6, #42b1f7);
}

.wine-button-background-fourth {
    background: #ffc300;
}

/* FILE SELECTOR */
::file-selector-button {
    height: 34px;
    color: white;
    border: none;
    padding-right: 30px;
    border-color: transparent;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    background: linear-gradient(to right, var(--colorA), var(--colorB));
}

input[type="file"]::after {
    color: white;
    font-weight: 100;
    content: "\f093";
    margin-left: -25px;
    font-family: "Font Awesome 5 Free";
}
/* END FILE SELECTOR */

/* RANGE */
input[type=range] {
    border: 0px;
    padding: 0;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    margin-top: -14px;
    border-radius: 3px;
    background-size: 40px;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('/images/slider.svg');
}

input[type="range"]::-webkit-slider-runnable-track {
    border: none;
    height: 10px;
    border-radius: 12px !important;
    -moz-border-radius: 12px !important;
    -webkit-border-radius: 12px !important;
    background: linear-gradient(to right, var(--colorA), var(--colorB));
}

.range-value {
    float: left;
    width: 100%;
    margin-top: -8px;
    font-weight: bold;
    text-align: center;
    position: relative;
}
/* END RANGE */

/* BACKEND */
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent;
}

.nav.navbar-right.btn-group { /* TO HIDE LIST MODE BUTTONS */
    visibility: hidden;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: var(--colorA);
}

.representative_info {
    line-height: 24px;
}

.image_show_field img {
    max-width: 200px;
}

.sonata-field-hidden {
    display:none;
}

div.mosaic-inner-box.wines_img {
    height: 200px;
}

table.sonata-ba-list td .wines_img img {
    object-fit: contain;
    height: 200px;
    margin: auto;
}

/* MULTI SELECT TABLE */
.select2-search {
    padding: 4px 24px 0 4px;
    background-color: #f3f4fe;
}

.select2-search input {
    margin: 15px;
    border-radius: 16px;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
}

.select2-results {
    margin: 15px;
    font-size: 12px;
    background-color: #f3f4fe;
}

.select2-choice, .select2-choices, .select2-drop {
    overflow: hidden overlay;
    border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
}

/* END MULTI SELECT TABLE */

/* CHECKBOXES */
.checkbox label > .control-label__text {
    float: left;
    margin-top: -30px;
}

.icheckbox_square-blue {
    background-size: 40px !important;
    background-position: -9px !important;
    background-image: url('/images/wines/check.svg');
}

.icheckbox_square-blue.checked {
    background-image: url('/images/wines/check_fill.svg') !important;
}
/* END CHECKBOXES */

/*BREADCRUMBS*/
.sidebar-collapse .breadcrumb {
    transform: translate(-180px, 0) !important;
    transition-delay: 0.2s;
}

.sonata-bc .breadcrumb {
    margin-left: 190px;
}

/*MODALS*/
.ui-dialog {
    border-radius: 0;
    width: 30% !important;
    min-width: 300px;
}

.ui-draggable .ui-dialog-titlebar {
    background: transparent;
    border: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: transparent;
    border: 0;
}

.ui-dialog-titlebar-close:after {
    content: 'x' !important;
    font-weight: normal;
}

.ui-dialog-titlebar-close:before {
    box-sizing: unset;
}

body.fixed .content-header .navbar.stuck{
    top: 0 !important;
    z-index: 1300;
}

.box-footer {
    background-color: transparent !important;
}

.alert .close {
    right: 10px;
    top: -12px;
}

.star_icon {
    height: 30px !important;
}

@media screen and (max-width: 680px) {
    .content {
        margin-top: 50px;
    }
}