@font-face {
    font-family: "Quicksand-Bold";
    src: url("../admin_layout/assets/css/font/Quicksand-Bold.eot");
    src: url("../admin_layout/assets/css/font/Quicksand-Bold.eot?#iefix") format("embedded-opentype"),
        url(../admin_layout/assets/css/font/Quicksand-Bold.woff) format("woff"),
        url(../admin_layout/assets/css/font/Quicksand-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Quicksand-Regular";
    src: url("../admin_layout/assets/css/font/Quicksand-Regular.eot");
    src: url("../admin_layout/assets/css/font/Quicksand-Regular.eot?#iefix") format("embedded-opentype"),
        url(../admin_layout/assets/css/font/Quicksand-Regular.woff) format("woff"),
        url(../admin_layout/assets/css/font/Quicksand-Regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Karla-Bold";
    src: url(../admin_layout/assets/css/font/Karla-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Karla-Regular";
    src: url(../admin_layout/assets/css/font/Karla-Regular.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
}

form {
    margin: 0 !important;
}

#id_kitzmartbox {
    background-color: #000000;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 300;
    font-family: "Karla-Regular";
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h2 {
    font-family: "Karla-Regular";
    font-size: 25px;
}

h3 {
    font-family: "Karla-Regular";
    font-size: 18px;
}

.full-width-navbar {
    max-width: 1200px !important;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}

body.home .full-width-navbar {
    max-width: 100% !important;
}

.frontend .navbar .container {
    overflow: inherit;
}

.width-100 {
    width: 100%;
    display: block;
}

.col-centered {
    float: none;
    margin: 0 auto;
}

div.page {
    /*padding: 0.5% 10% 0.5% 10%;*/
    max-width: 1140px;
}

.form-control {
    border-radius: 20px;
}

.vertical-align {
    display: flex;
    flex-direction: row;
}

.vertical-align>[class^="col-"],
.vertical-align>[class*=" col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Optional, to align inner items 
                                horizontally inside the column */
}

/**
   *  Do NOT include this part into your stylesheet.
   *  "flex: 1" or "flex-grow: 1" is added to make the inner div
   *  - Which is also a flex-item - take up all the horizontal space
   *  available space inside the flex container (.col-* elements)
   */
.vertical-align>[class^="col-"]>div,
.vertical-align>[class*=" col-"]>div {
    /* flex: 1; */
    flex-grow: 1;
}

.custom-select {
    font-family: "Quicksand-Regular";
    font-size: 14px !important;
    text-align-last: center;
    height: 45px;
    padding: 0px 30px 0px 15px !important;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='%23e63c2e' height='34' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-position-y: 4px;
    margin-right: 45px;
    /*box-shadow           : 2px 2px 4px rgba(0, 0, 0, 0.2);*/
}

select:focus {
    /*box-shadow: 2px 2px 4px rgba(230, 60, 46, 1) !important;*/
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-top: 0px;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23e63c2e' width='24' height='24' viewBox='0 0 24 24'><path d='M19 0h-14c-2.762 0-5 2.239-5 5v14c0 2.761 2.238 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-8.959 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591z'/></svg>");
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.2);
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.row-padding-color-title {
    background-color: #fafbff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.row-padding-color1 {
    background-color: #fafbff;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.row-padding-color2 {
    background-color: #eff0f6;
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.row-padding-color3 {
    background-color: rgba(230, 60, 46, 0.3);
    padding-top: 15px;
    padding-bottom: 0px;
    padding-left: 30px;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .row-padding-color-title {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-padding-color1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-padding-color2 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row-padding-color3 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.height-image-full {
    background-color: #ffffff;
    padding: 30px 20px;
}

.height-info-full {
    color: white;
    padding-top: 65px;
    padding-left: 35px;
    padding-right: 35px;
}

.control-ul {
    padding-left: 15px;
}

.control-label.control-label-text {
    color: #7c7c7c;
    font-family: "Karla-Regular";
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 0px;
}

.control-label.control-label-regular {
    color: #7c7c7c;
    font-family: "Karla-Regular";
    font-weight: 100;
    font-size: 14px;
}

.control-label.label-option {
    color: #000000;
    font-family: "Karla-Regular";
    font-size: 16px !important;
    font-weight: 600;
    margin-bottom: 0px;
}

::marker {
    color: rgb(230, 60, 46);
}

.padding-text-info {
    padding-bottom: 40px;
}

.padding-left-right-5 {
    /*padding-left : 0px;
    padding-right: 0px;*/
}

.text-div-header {
    line-height: 48px;
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
    font-size: 18px;
}

.text-div-header:hover {
    color: #ffffff;
    text-decoration: none;
}

.dropdown.user-search .dropdown-toggle {
    color: #ffffff;
    font-size: 13px;
    text-shadow: 0 1px 0 #000000;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 18px;
    padding-right: 18px;
    border-left: 1px solid rgba(0, 0, 0, 0.21);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    font-weight: bold;
}

.dropdown.user-search .dropdown-toggle:hover {
    background-color: #e63c2e;
}

.nav>li.user-search>a:hover,
.nav>li.user-search>a:focus {
    background: #e63c2e;
}

.nav li.user-search.dropdown.open>.dropdown-toggle {
    color: #ffffff;
    background: #9d2f0d;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.25) inset, -1px 0 0 rgba(0, 0, 0, 0.25) inset;
    border-left: 1px solid rgba(0, 0, 0, 0.21);
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

.overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgba(255, 255, 255, 0.8) url(../../../img/load.gif) center no-repeat;
}

body.loading {
    overflow: hidden;
}

body.loading .overlay {
    display: block;
}

.error-msg {
    color: #e63c2e;
    font-family: "Karla-Regular";
    font-weight: bolder;
    font-size: 12px;
}

form {
    margin: 0 !important;
}

.type-font-input {
    font-family: "Karla-Regular" !important;
}

.link-type-font-input {
    font-family: "Karla-Regular" !important;
    color: white;
    text-shadow: 1px 1px #000000;
}

.link-type-font-input:hover,
.link-type-font-input:focus {
    color: #e63c2e;
    text-shadow: none;
}

.div-btn-kit {
    padding: 10px 15px;
    border-radius: 4px;
    max-width: 300px;
    border: 1px solid transparent;
}

.div-btn-kit:hover,
.div-btn-kit:focus {
    border: 1px solid #e63c2e;
    text-decoration: none;
}

@media (min-width: 768px) {
    .pl-0 {
        padding-left: 0;
    }

    .pr-0 {
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .img-responsive {
        display: block;
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
    }
}

@media screen and (max-width: 441px) {
    .custom-select {
        padding: 0px 25px 0px 15px !important;
        background-position-x: calc(100% - 5px);
    }
}

.background-blur {
    background-image: url(/img/esquema_difussor.jpg);
    background-size: 100% 100%;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    z-index: -2;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.type-font-input-bold {
    font-family: "Karla-Bold" !important;
}

.header-font-title {
    font-family: "Karla-Regular" !important;
    color: #ffffff;
}

.type-font-input {
    font-family: "Karla-Regular" !important;
}

body * {
    font-family: "Karla-Regular" !important;
}

body [class^="icon-"],
body[class*=" icon-"] {
    font-family: FontAwesome !important;
}

.column-left {
    background-color: #ffffff;
}

.bottom-align-text {
    position: fixed;
    right: 0;
    bottom: 40px;
    margin-right: 30px;
}

.content {
    min-height: 200px;
}

body .select2-container--default .select2-selection--single {
    height: 45px;
    border: 1px solid #ccc;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: rgb(230, 60, 46) transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}

body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
    right: 15px;
}

body .select2-container--default .select2-selection--single .select2-selection__clear {
    height: 45px;
    margin-right: 35px;
}

body .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    font-size: 14px;
    text-align: center;
}