body {
    background-color: #fff;
}

a {
    text-decoration: none !important;
}

.select-sc-left .select2-container--bootstrap .select2-selection {
    height: 4vh !important;
    border-radius: 10px 0px 0px 10px !important;
    text-align: center;
    margin-bottom: 0px !important;
}
.row-darkgrey-01 .btn-swift-simple {
    padding: 0px 5px !important;
    border-radius: 100px !important;
    margin-top: 3rem;
}
.row-darkgrey-01 label{
    color: #ffffff;
}
.row-darkgrey-01 select{
    color: #4f4f4f !important;
}
.row-darkgrey-01 {
    background-color: #9a9a9a;
    line-height: 2rem;
    padding: 1.5rem 0rem;
}
.tag-img-01 {
    border: solid 1px #4f4f4f;
    position: absolute;
    bottom: 2.5rem;
    border-radius: 50px !important;
    padding: 0.5rem 1rem;
    background-color: rgba(255, 255, 255, .7);
    backdrop-filter: blur(4px);
    width: auto;
    left: 2.5rem;
}

/* menu vertical */

.menu-vertical-001 {
    background-color: #4f4f4f;
    color: #ffffff;
    height: 28rem;
}

.menu-column-select {
    background-color: #2f2f2f;
}

.menu-column a {
    border: solid 1px #ffffff;
    border-radius: 50px !important;
    margin-top: 1rem;
    color: #ffffff;
}

.menu-column {
    display: grid;
    border-bottom: none;
}


/* menu vertical */

.separate-02 {
    border-top: solid 1px #888787;
    border-bottom: solid 1px #888787;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
}

.form-box {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 15px !important;
    padding: 3rem 2rem;
    box-shadow: -3px 10px 10px rgba(0, 0, 0, 0.5);
}

.form-003 label {
    text-transform: uppercase;
}

.form-003 input :focus {
    border: solid 1px #1b1b1b;
}

.form-003 input {
    width: 100%;
    border-radius: 15px !important;
    height: 4rem;
    color: #4f4f4f;
    padding: 1rem;
    border: none;
}

.form-003 {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 15px !important;
    height: 40%;
    padding: 2rem 0rem;
}

.form-004 label {
    text-transform: uppercase;
}

.form-004 input :focus {
    border: solid 1px #1b1b1b;
}

.form-004 input {
    width: 100%;
    border-radius: 15px !important;
    height: 4rem;
    color: #4f4f4f;
    padding: 1rem;
    border: none;
}

.form-004 {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 15px !important;
    padding: 2rem 0rem;
}

.submenu-002 {
    background-color: #4f4f4f;
    position: relative;
    min-height: 1px;
    float: left;
    width: 98%;
    padding: 15px;
    margin: 15px;
    border-radius: 2rem !important;
}

.submenu-003 {
    background-color: #4f4f4f;
    padding: 15px;
}

.btn-submenu-002 {
    background: #4f4f4f;
    color: #fff;
    padding: 1rem;
    border-radius: 15rem !important;
    text-align: center !important;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
}

.btn-submenu-002-disabled {
    background: #878585;
    color: #fff;
    padding: 1rem;
    border-radius: 15rem !important;
    text-align: center !important;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
}

.btn-submenu-003 {
    background: #EE3160;
    color: #fff;
    padding: 1rem;
    border-radius: 15rem !important;
    text-align: center !important;
    box-shadow: inset 0px 0px 10px rgb(0 0 0 / 50%);
}

button {
    outline: none !important;
}

.doc-warning-red {
    background-color: #EE3160 !important;
    color: #fff;
}

.swift-textarea {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

button:active {
    outline: none !important;
}

.select-header-002 .selection .select2-selection--single {
    padding: 0.2rem 1rem !important;
    height: 2rem !important;
    font-size: 1.2rem;
}

.select-header-002 .selection .select2-selection--single .select2-selection__arrow {
    bottom: 1rem;
}

.help-btn {
    background-color: #000;
    color: #fff;
    padding: 0.3rem 0.7rem;
    border-radius: 100px !important;
    margin-left: -3rem;
    margin-right: 1rem;
}

.help-btn-inverted {
    background-color: #fff;
    color: #000;
    padding: 0.3rem 0.7rem;
    border-radius: 100px !important;
    margin-left: -3rem;
    margin-right: 1rem;
}

.row-selector {
    background-color: #4f4f4f;
    color: #fff;
    padding: 2rem;
    border-radius: 10px !important;
}
.red-pink-btn span{
    text-align: center;
    width: 100%;
}
.red-pink-btn{
    background-color: #EE3160;
    height: 5rem;
    display: flex;
    color: #fff;
    text-align: center;
    padding: 1.5rem;
    border-radius: 50px !important;
}
.check-1 {
    opacity: 1 !important;
    position: inherit !important;
}

.cursor {
    cursor: pointer;
}

.login {
    position: static !important;
    margin-top: 0px !important;
}

.banner-login {
    background: url("../../img/banner-login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 35em !important;
    color: white;
    margin-bottom: -20px;
    margin-left: 15px;
    margin-right: 15px;
}

.top-login {
    height: 4em;
}

.login-btn {
    width: 6em;
}

.top-menu {
    margin-top: -5px;
    margin-right: 0px;
}

.row-search-sc {
    background-color: #4d4d4d;
    border-radius: 15px !important;
    padding: 2.5rem 2rem;
    color: #fff;
}

.row-search-sc .select-filter-row {
    display: inline-flex;
    line-height: 2.7rem;
}

.btn-white {
    background-color: #fff;
    color: #4f4f4f;
    border-radius: 50px !important;
    padding: 0.1rem 2rem;
    margin: 0rem 0.2rem;
}

.btn-search-row img {
    height: 1.8rem;
}

.btn-search-row {
    background-color: #da4466;
    border-radius: 15px !important;
    color: #fff;
    padding: 0.5rem 1.5rem;
}

.input-table-row {
    border: solid 1px #c3c3c3 !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    color: #41c4e2;
    height: 25px !important;
    outline: 0 !important;
    width: 25rem;
}

.btn-menu {
    color: black;
    transition: 1s;
}

.btn-menu li a {
    color: black;
    transition: 1s;
}

.btn-menu:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #ee3160 !important;
    transition: 1s;
}

.swift-danger {
    margin-top: -10px;
    margin-bottom: 15px;
}

.hr-low {
    margin-top: 10px;
    margin-bottom: 5px;
}

.form-password-login {
    position: absolute;
    top: 35%;
    width: 100%;
}

.swift-dropdown {
    padding: 19px 10px 19px !important;
}

.dropdownfix>.dropdown-menu {
    left: -150% !important;
    right: 100% !important;
}


.dropdownfix2>.dropdown-menu {
    left: -390% !important;
    right: 100% !important;
    width: 375%;
}

.dropdownfix3>.dropdown-menu {
    left: -185% !important;
    right: 100% !important;
    width: 180%;
}


.point-notifications {
    top: 10px !important;
    right: 2px !important;
    position: absolute !important;
}

.badge-default {
    top: 10px !important;
    right: 2px !important;
}

.more {
    color: white !important;
    background-color: rgba(0, 0, 0, 0) !important;
    opacity: 0.5 !important;
    transition: 0.5s;
}

.more:hover {
    opacity: 1 !important;
    transition: 1s
}

.uppercase {
    text-transform: uppercase;
}


/*  company name  */

.page-container-bg-solid .page-title {
    color: #ee3160
}


/**icons extra**/


/**end icons extra**/


/*  company name  */


/* positions */

.static {
    position: static !important;
}

.no-margin {
    margin: 0 !important;
}

.page-title {
    padding: 0 !important;
    font-size: 26px !important;
    letter-spacing: -1px !important;
    line-height: 26px !important;
    display: block !important;
    margin: 0 0 !important;
    font-weight: 300 !important;
}

.swift-hide {
    display: none !important;
}

.fright {
    float: right !important;
}

.fleft {
    float: left !important;
}

.flex {
    display: flex !important;
}

.flex-lg {
    display: flex;
}

.block {
    display: block !important;
}

.inline-table {
    display: inline-table !important;
}

.inline-flex {
    display: inline-flex !important;
}

.nopad {
    padding: 0px !important;
}

.center {
    margin: auto;
}


/** opacity **/

.alpha-1 {
    opacity: 0.1 !important;
}

.alpha-2 {
    opacity: 0.2 !important;
}

.alpha-3 {
    opacity: 0.3 !important;
}

.alpha-4 {
    opacity: 0.4 !important;
}

.alpha-5 {
    opacity: 0.5 !important;
}

.alpha-6 {
    opacity: 0.6 !important;
}

.alpha-7 {
    opacity: 0.7 !important;
}

.alpha-8 {
    opacity: 0.8 !important;
}

.alpha-9 {
    opacity: 0.9 !important;
}

.sweet-alert {
    border-radius: 10px !important;
    box-shadow: 10px 10px 16px rgba(0, 0, 0, 0.5) !important;
}


/**buttons**/

.btn-z-index {
    z-index: 1;
    position: absolute;
    top: -5px;
    left: 8px;
}

.btn-complement {
    text-align: left;
    padding-left: 1.9vw !important;
    white-space: nowrap;
    font-size: 1.1rem;
}

.btn-register {
    height: 30px;
    width: 75px;
}


/**end buttons**/


/** end opacity **/


/* filters */

.grey-filter-sc {
    filter: grayscale(1);
}


/* end filters */


/*siwft-colors*/


/*  gradients  */

.gradient-blue {
    background-image: linear-gradient(to right, #41c4e2, #228696) !important;
    color: white;
}

.gradient-pink {
    background-image: linear-gradient(to right, #EE3160, #BC1950) !important;
    color: white;
}

.gradient-grey {
    background-image: linear-gradient(to right, #BBBDC0, #9E9E9E) !important;
    color: white;
}


/* end gradients */

.line-blue {
    border: solid 1px #41C4E2 !important;
    background-color: white !important;
    color: #41c4e2 !important;
    margin: -1px !important;
    transition: 1s !important;
}

.line-blue:hover {
    background-color: #41c4e2 !important;
    color: white !important;
    transition: 1s !important;
}

.line-black {
    border: solid 1px #212121 !important;
    background-color: white;
    color: #212121 !important;
    margin: -1px !important;
    transition: 1s;
}

.line-black:hover {
    background-color: #212121;
    color: white !important;
    margin: -1px !important;
    transition: 1s;
}

.border-white {
    border: white;
}

.no-color {
    background-color: rgba(255, 255, 255, 0.00) !important;
}

.no-color:hover {
    background-color: rgba(255, 255, 255, 0.00) !important;
}

.no-color:active {
    background-color: rgba(255, 255, 255, 0.00) !important;
}

.black {
    background-color: #212121;
    color: white;
}

.black:hover {
    background-color: #212121;
    color: white;
}

.white {
    background-color: #ffffff !important;
    color: #4f4f4f
}

.white:hover {
    background-color: #ffffff !important;
    color: #4f4f4f
}

.red-pink {
    background-color: #EE3160 !important;
    color: white !important;
}

.red-pink h3 {
    /*background-color: #EE3160 !important;*/
    color: black !important;
}

.red-pink:hover {
    background-color: #EE3160 !important;
    color: white !important;
}

.red-pink-text {
    color: #EE3160 !important;
}

.light-green {
    background-color: #66C3A4 !important;
    color: white !important;
}

.light-green:hover {
    background-color: #66C3A4 !important;
    color: white;
}

.vivid-blue {
    background-color: #41C4E2 !important;
    color: white !important;
}

.vivid-blue:hover {
    background-color: #41C4E2 !important;
    color: white !important;
}

.dark-grey {
    background: #4F4F4F !important;
    color: white !important;
}

.dark-grey:hover {
    background: #4F4F4F !important;
    color: white !important;
}

.light-grey {
    background-color: #BBBDC0;
    color: #ffffff;
}

.ultra-light-grey {
    background-color: rgb(221, 222, 225);
    color: #4F4F4F;
}

.light-grey:hover {
    background-color: #BBBDC0;
    color: #ffffff;
}

.low-grey {
    background-color: #efefef;
    color: #4f4f4f;
}

.low-grey:hover {
    background-color: #efefef;
    color: #4f4f4f;
}

.purple-swift {
    background-color: #852b85;
    color: #ffffff;
}


/*color progress bar*/

.grey-bar {
    background-color: #777777 !important;
    border-radius: 50rem !important;
}

.yellow-bar {
    background-color: #DDAC4A !important;
    border-radius: 50rem !important;
}

.blue-bar {
    background-color: #4BA1DB !important;
    border-radius: 50rem !important;
}

.green-bar {
    background-color: #5ED84C !important;
    border-radius: 50rem !important;
}

.red-bar {
    background-color: red !important;
    border-radius: 50rem !important;
}

.progress-back-color {
    display: -ms-flexbox !important;
    display: block !important;
    height: 100% !important;
    overflow: hidden !important;
    font-size: 100% !important;
    background-color: #777777 !important;
    border-radius: 100rem !important;
    margin-bottom: 0px !important;
}


/*end progress bar*/


/*  text  */

.white-text {
    color: white !important;
}

.black-text {
    color: black !important;
}

.light-grey-text {
    color: #66C3A4 !important;
}

.light-grey-text:hover {
    color: #66C3A4 !important;
}


/*  end text  */


/*end-siwft-colors*/


/* opacity */

.opa-01 {
    opacity: 0.1 !important;
}

.opa-02 {
    opacity: 0.2 !important;
}

.opa-03 {
    opacity: 0.3 !important;
}

.opa-04 {
    opacity: 0.4 !important;
}

.opa-05 {
    opacity: 0.5 !important;
}

.opa-06 {
    opacity: 0.6 !important;
}

.opa-07 {
    opacity: 0.7 !important;
}

.opa-08 {
    opacity: 0.8 !important;
}

.opa-09 {
    opacity: 0.9 !important;
}

.opa-10 {
    opacity: 1 !important;
}


/* end opacity */


/* sizes */

.widht-350-box {
    width: 350px !important;
    max-width: 350px !important;
}

.size-100 {
    height: 100% !important;
    width: 100% !important;
}


/* fonts */

.font-8 {
    font-size: 8px !important;
}

.font-9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
}

.font-11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-14 {
    font-size: 14px !important;
}

.font-15 {
    font-size: 15px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-26 {
    font-size: 26px !important;
}


/* end fonts */


/* height */

.h-auto {
    height: auto !important;
}

.height-1 {
    height: 0.1em !important;
}

.height-2 {
    height: 0.2em !important;
}

.height-3 {
    height: 0.3em !important;
}

.height-4 {
    height: 0.4em !important;
}

.height-5 {
    height: 0.5em !important;
}

.height-10 {
    height: 1em !important;
}

.height-15 {
    height: 1.5em !important;
}

.height-20 {
    height: 2em !important;
}

.height-25 {
    height: 2.5em !important;
}

.height-30 {
    height: 3em !important;
}

.height-35 {
    height: 35px !important;
}

.height-60 {
    height: 6em;
}

.height-70 {
    height: 7em !important;
}

.height-90 {
    height: 9em !important;
}

.height-100 {
    height: 10em !important;
}

.height-110 {
    height: 11em !important;
}

.height-160 {
    height: 16em !important;
}

.height-210 {
    height: 21em !important;
}

.height-400 {
    height: 40em !important;
}

.height-price {
    height: 83%;
}


/* end height */


/* widht */

.w-auto {
    width: auto !important;
}

.w-100 {
    width: 100% !important;
}

.widht-1 {
    width: 0.1em !important;
}

.widht-2 {
    width: 0.2em !important;
}

.widht-3 {
    width: 0.3em !important;
}

.widht-4 {
    width: 0.4em !important;
}

.widht-5 {
    width: 0.5em !important;
}

.widht-6 {
    width: 0.6em !important;
}

.widht-10 {
    width: 1em !important;
}

.widht-15 {
    width: 1.5em !important;
}

.widht-20 {
    width: 2em !important;
}

.widht-25 {
    width: 2.5em !important;
}

.widht-30 {
    width: 3em !important;
}

.widht-40 {
    width: 4em !important;
}

.widht-50 {
    width: 5em !important;
}

.widht-60 {
    width: 6em !important;
}

.widht-70 {
    width: 7em !important;
}

.widht-80 {
    width: 8em !important;
}

.widht-100 {
    width: 10em !important;
}

.widht-110 {
    width: 11em !important;
}

.wight-150 {
    width: 15em !important;
}

.widht-160 {
    width: 16em !important;
}

.widht-170 {
    width: 17em !important;
}

.widht-48-percent {
    width: 48% !important;
}


/* end widht */

.width-auto {
    width: auto !important;
}

.width-auto.swift-input {
    width: auto !important;
}

.grey-input {
    background-color: #4e4e4e;
    border: solid 1px white;
    border-radius: 0px !important;
    padding: 12px 20px;
}

.no-scrollbar {
    overflow-x: hidden !important;
}

.no-scrollbar-datatable .dataTables_sscrollBody {
    overflow-x: hidden !important;
}
/* header tab */
.tab-swift.tabbable-line>.nav-tabs>li{
    background-color: #9c9c9c !important;
    color: #4f4f4f !important;
    border: solid 1px #fff;
    border-radius: 10px 10px 0px 0px !important;
    height: 5rem;
}
.tab-swift.tabbable-line>.nav-tabs>li>a{
    color: #fff !important;
}
.tab-swift.tabbable-line>.nav-tabs>li.active {
    border-bottom: 4px solid #41C4E2 !important;
    background: #4f4f4f!important;
    font-weight: bold;
}

/* end header tab */

/* height line */

.l-height-5 {
    line-height: 5px !important;
}

.l-height-12 {
    line-height: 12px !important;
}

.l-height-13 {
    line-height: 13px !important;
}

.l-height-14 {
    line-height: 14px !important;
}

.l-height-15 {
    line-height: 15px !important;
}

.l-height-16 {
    line-height: 16px !important;
}

.l-height-17 {
    line-height: 17px !important;
}

.l-height-18 {
    line-height: 18px !important;
}

.l-height-19 {
    line-height: 19px !important;
}

.l-height-20 {
    line-height: 20px !important;
}

.l-height-21 {
    line-height: 21px !important;
}

.l-height-22 {
    line-height: 22px !important;
}

.l-height-23 {
    line-height: 23px !important;
}

.l-height-24 {
    line-height: 24px !important;
}

.l-height-25 {
    line-height: 25px !important;
}

.l-height-26 {
    line-height: 26px !important;
}

.l-height-27 {
    line-height: 27px !important;
}

.l-height-28 {
    line-height: 28px !important;
}

.l-height-29 {
    line-height: 29px !important;
}

.l-height-30 {
    line-height: 30px !important;
}

.l-height-35 {
    line-height: 35px !important;
}

.l-height-40 {
    line-height: 40px !important;
}


/* end height line */


/* end sizes */


/*shapes*/

.price-box {
    border: solid 5px white;
}

.custom-fields {
    padding: 5px;
    margin-bottom: 15px;
    vertical-align: middle !important;
    line-height: 40px;
    font-size: 20px;
}

.box_user {
    min-height: 28em;
    max-height: 35em;
    margin-bottom: 1em;
}

.btn-border {
    border: solid 1px white;
    border-radius: 100px !important;
}

.twin-btn-left {
    padding: 8px;
    border-radius: 10px 0px 0px 10px !important;
    margin: 2px !important;
}

.twin-btn-right {
    padding: 8px;
    border-radius: 0px 10px 10px 0px !important;
    margin: 2px !important;
}

.beta_iconos_integraciones {
    background-color: #66c3a4;
    color: white;
    text-align: center;
    width: auto;
    margin-top: 20%;
}


/* integrations */

.logos_integrations {
    border: solid 1px #e7ecf1;
}

.iconos_integraciones {
    height: 300px;
}

.no_border_container_logo {
    border: none !important;
}


/* end integrations */


/*  settings  */

.btn-password {
    position: absolute;
    top: 5px;
    left: -8px;
    border-radius: 10px !important;
    text-align: right;
    padding-left: 46px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.settings-bar {
    padding: 5px;
    border-radius: 10px !important;
    font-size: 8px !important;
    width: 100%;
    display: block;
    border: none;
    line-height: 20px;
    text-decoration: none !important;
    height: 65px;
    line-height: 9px;
    text-transform: uppercase;
}


/*  end settings  */


/*  wizard  */

.modal-lg {
    width: 95% !important;
    max-width: 1200px !important;
}


/* wizard */

.step-wizard {
    display: inline-flex !important;
}

.step-wizard h3 {
    line-height: 2.3vh;
    margin-left: 10px;
    text-decoration: none !important;
}


/* wizard */


/*  end wizard  */


/* table */

.overf-hiden {
    overflow: hidden;
}

.popover {
    z-index: 19999 !important;
    width: 15em !important;
}


/* table */


/* lines */

.line-bottom {
    border-bottom: 1px solid white;
}

.line-bottom-grey {
    border-bottom: 1px solid #BBBDC0;
}

.white-line {
    border-top: 1px solid white;
}

.grey-line {
    border-top: 1px solid #BBBDC0;
}

.dark-grey-line {
    border-top: 1px solid #4f4f4f;
}

.line-r-white {
    border-right: 1px solid white;
}

.line-l-white {
    border-left: 1px solid white;
}

.line-r-black {
    border-right: 1px solid black;
}

.boxliner {
    border: solid 1px #8d8d8d;
    border-radius: 5px !important;
}


/* end lines */


/* hub */

.banner-responsive {
    position: absolute;
}

.banner-azul {
    position: absolute;
    height: auto;
    width: 93.2%;
    left: 1vw;
}

.banner-home {
    border-radius: 10px !important;
    height: auto;
    padding-bottom: 8px;
}

.subtitle-hub {
    display: table;
    height: 30px;
    width: 100%;
    padding: 8px;
    border-radius: 10px !important;
    line-height: 30px;
}


/* hub */

.btn-in-tag {
    height: 14px;
    width: 14px;
    line-height: 7px;
    text-align: center;
    padding: 3px;
    background-color: white;
    color: #4f4f4f;
    margin: 2px;
}

.dates-table {
    display: grid;
    text-align: center;
    padding: 1px !important;
    height: 2.3em;
    line-height: 2.3em;
    border-left: solid 1px white;
}

.alert-swift {
    border-radius: 10px !important;
    padding: 5px 10px;
    margin: 15px;
    border: solid 2px white !important;
    position: relative;
    font-size: 10pt;
}

.alert-danger {
    text-align: center;
}

.swift-box {
    padding: 1.5%;
    border: solid 1px #c3c3c3;
    margin: 2%;
}

.title-bar {
    border-radius: 15px !important;
    padding: 5px 15px !important;
    text-transform: uppercase !important;
}

.subtitle-bar {
    padding: 5px;
    padding-left: 2rem;
    border-radius: 50rem !important;
    font-size: 1.2rem !important;
    width: 100%;
    display: flex;
    border: none;
    line-height: 2rem;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.btn-login {
    height: 50px;
    width: auto;
    padding: 8px 15px;
    border: none;
    line-height: 35px;
    text-align: center;
    text-transform: uppercase !important;
}

.btn-swift {
    border-radius: 10px !important;
    padding: 5px 15px;
    display: flex;
    border: none;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
}

.btn-swift-noflex {
    border-radius: 10px !important;
    padding: 5px 15px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
    border: none !important;
}

.btn-swift-noflex-blue {
    border-radius: 10px !important;
    padding: 5px 15px !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
}

.btn-swift-simple {
    border-radius: 10px !important;
    padding: 5px 15px;
    border: none;
    text-decoration: none !important;
}

.btn-right {
    border-radius: 0px 10px 10px 0px !important;
    line-height: 24px !important;
    text-align: center;
    padding: 2px 15px;
    text-decoration: none !important;
    border: none;
}

.btn-left {
    border-radius: 10px 0px 0px 10px !important;
    line-height: 24px !important;
    text-align: center;
    padding: 2px 8px;
    text-decoration: none !important;
    border: none;
    margin-right: 1px !important;
}

.btn-pluss {
    padding: 10px;
    width: 33px;
    text-align: center;
    border-radius: 50% !important;
    text-decoration: none !important;
}

.swift-text-area {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.swift-input {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 2.6em !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.swift-phone {
    border: solid 1px #c3c3c3 !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 2.6em !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.sc-input-icon {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 3.6em !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
    display: flex;
}

.no-input {
    position: absolute;
    right: 4%;
    top: 28%;
    border: solid 1px #ffffff !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.swift-textarea {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.select2-container--bootstrap .select2-selection {
    border: solid 1px #c3c3c3;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    /*height: 2.6em !important;*/
    color: #41c4e2 !important;
    margin-bottom: 1em !important;
    outline: 0 !important;
}

.swift-input-alert {
    border: solid 1px #EE3160 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 2.6em !important;
    color: #41c4e2;
    margin-bottom: 1em !important;
    outline: 0 !important;
    text-align: center !important;
    color: black;
    font-weight: bold;
}

.input-left {
    border-radius: 10px 0px 0px 10px !important;
    background-color: white !important;
    border: solid 1px #c3c3c3;
    padding: 6px;
    height: 2.7em
}

.input-table {
    border: solid 1px #c3c3c3 !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    color: #41c4e2;
    height: 25px !important;
    outline: 0 !important;
}


/** correccion **/

.select-table .select2-selection--single {
    border: solid 1px #c3c3c3 !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    color: #41c4e2 !important;
    height: 1.75em !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-align: left;
    width: 100%;
    position: absolute;
}


/** final correccion **/

.input-wizard select {
    border-radius: 15px !important;
}

.resize-col-sm-6 .col-sm-12 {
    width: 50% !important;
    margin-top: 0px !important;
}

.input-wizard>.select2-selection--single {
    border: solid 1px #c3c3c3 !important;
    padding: 2px !important;
    border-radius: 10px !important;
    color: #41c4e2 !important;
    height: 3em !important;
    outline: 0 !important;
    width: 100% !important;
    background-color: white;
}

.input-table-select>.select2-container {
    border: solid 1px #c3c3c3 !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    color: #41c4e2 !important;
    height: 25px !important;
    outline: 0 !important;
    width: 100%;
}

.table-modal-left {
    height: 16.5em;
    width: 100%;
    overflow-x: hidden;
    margin-bottom: 1.5em;
    border: solid 1px #c3c3c3;
    right: -15px;
}

.unprocessedMovement_modal_style {
    width: 80%;
    display: none;
    margin: auto;
}

.unprocessedMovement_modal_style_header {
    border-bottom: solid 1px #212121;
    margin-bottom: 10px;
}

.modal-open .modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.modal-grey-table {
    background-color: #4f4f4f;
    color: #f5f5f5;
    margin-top: 15px;
}

.tab-fixed {
    position: fixed;
    height: 1.9em;
    width: 20.5em;
    background-color: white;
    border-bottom: solid 1px #c3c3c3;
    display: flex;
    align-items: center;
    padding-left: 2em;
}

.tag-table {
    border-radius: 5px !important;
    text-align: left !important;
    padding: 3px 8px !important;
    font-size: 0.9em !important;
    float: left !important;
    width: auto !important;
    margin: 2px !important;
    color: white !important;
}

.truncate-text {
    width: 5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-text-table {
    width: 5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-table-modal {
    width: 20em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate-notification {
    width: 14em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* corner */

.no-corner {
    border-radius: 0px !important;
}

.corner-10 {
    border-radius: 10px !important;
}

.corner-15 {
    border-radius: 15px !important;
}

.corner-20 {
    border-radius: 20px !important;
}

.corner-25 {
    border-radius: 25px !important;
}

.corner-50 {
    border-radius: 50% !important
}

.corner-100 {
    border-radius: 100% !important
}


/* end corner */

.portlet {
    border-radius: 10px 10px 0px 0px !important;
}


/* wizard */

.form-wizard .steps>li.active>a.step .number {
    background-color: #41C4E2;
    transition: 1s;
}

.form-wizard .steps>li>a.step:hover>.number {
    background-color: #66C3A4;
    color: #fff;
    transition: 1s;
}


/* wizard */


/*end shapes*/


/*buttons*/

.btn-settings {
    padding: 5px 30px;
    border-radius: 10px !important;
    width: 15em;
    margin: -12px;
}


/* start-menu */

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

.btn_flotante_cerrar {
    border: none;
    height: 15px;
    width: 15px;
    background-color: rgba(0, 0, 0, 0.80);
    color: white;
    border-radius: 50px !important;
    bottom: 44px;
    right: 41px;
    position: fixed;
    font-size: 10pt;
    transition: 1s;
    line-height: 10px;
}


/* start-menu */


/*top bar*/

.icon-top-bar {
    margin: 1.3em 0.6em;
}


/*end top bar*/


/* side bar */

.center-icon {
    margin: auto;
}

.page-sidebar-menu.page-header-fixed.page-sidebar-menu-hover-submenu.page-sidebar-menu-closed img {
    width: 30px;
}

.max-h {
    max-height: 70px
}

.page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: -18% !important;
    position: relative;
}

.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler {
    margin-right: -18% !important;
}

.side-bar-button {
    background-color: #4f4f4f !important;
    list-style: none;
    transition: 1.5s;
}

.side-bar-button:hover {
    background-color: #41c4e2 !important;
    transition: 1s;
}

.side-bar-button:active {
    background-color: #4f4f4f !important;
    transition: 1s;
}


/* side bar */


/* hover */

.btn-no {
    border: none;
    background: none;
}

.hover-no {
    opacity: 1 !important;
}

.hover-no:hover {
    opacity: 1 !important;
}

.btn-hover {
    opacity: 1;
    text-decoration: none !important;
    transition: 0.5s;
    cursor: pointer !important;
}

.btn-hover:hover {
    opacity: 0.6 !important;
    text-decoration: none !important;
    transition: 0.5s;
    cursor: pointer !important;
    color: white;
}

.btn-hover-02:hover {
    box-shadow: 1px 1px 8px #212121 inset;
}


/*positions*/

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.v-center {
    vertical-align: center !important;
}

.v-inherit {
    vertical-align: inherit !important;
}

.fj-start {
    justify-content: flex-end;
}

.fj-center {
    justify-content: center;
}

.fj-space-between {
    justify-content: space-between;
}

.fj-end {
    justify-content: flex-end;
}

.fsj-start {
    justify-self: flex-start;
}

.fsj-center {
    justify-self: center;
}

.fsj-end {
    justify-self: flex-end;
}

.fa-start {
    align-items: flex-start;
}

.fa-center {
    align-items: center;
}

.fa-end {
    align-items: flex-end;
}

.fsa-start {
    align-self: flex-start;
}

.fsa-center {
    align-self: center;
}

.fsa-end {
    align-self: flex-end;
}


/*end positions*/


/* text */

.text-strong {
    font-size: 15px !important;
    font-weight: 600;
}


/* end text */


/* hover */

.arrow-next {
    border-radius: 10px !important;
    width: 3em;
    background-image: url("../../svg/next.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5em;
    padding: 16px;
}

.arrow-back {
    border-radius: 10px !important;
    width: 3em;
    background-image: url("../../svg/back.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.5em;
    padding: 16px;
}


/*end buttons*/


/* icons */

.logobox {
    height: 30px !important;
    border: solid 1px white;
    border-radius: 100px !important;
}


/* end icons */


/* display */

.d-block {
    display: block;
}

.d-none {
    display: none;
}

.d-flex {
    display: flex !important;
}


/* display */


/* padding */
.padd-2 {
    padding: 0.2em !important;
}
.padd-5 {
    padding: 0.5em !important;
}

.padd-8 {
    padding: 8px !important;
}

.padd-9 {
    padding: 0.8em !important;
}

.padd-10 {
    padding: 1em !important;
}

.padd-12 {
    padding: 12px !important;
}

.padd-15 {
    padding: 1.5em !important;
}

.padd-19 {
    padding: 1.9em !important;
}

.padd-20 {
    padding: 2em !important;
}

.padd-25 {
    padding: 2.5em !important;
}

.padd-30 {
    padding: 3em !important;
}

.padd-h-2 {
    padding-left: 0.2em !important;
    padding-right: 0.2em !important;
}

.padd-h-5 {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.padd-h-10 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.padd-h-15 {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.padd-h-20 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}


/* padding */


/* margin */


/*botom*/

.no-margin-b {
    margin-bottom: 0px !important;
}

.margin-b--10 {
    margin-bottom: -1em !important;
}

.margin-b-5 {
    margin-bottom: 5px !important;
}

.margin-b-8 {
    margin-bottom: 8px !important;
}

.margin-b-20 {
    margin-bottom: 20px !important;
}


/*end botom*/


/* top */

.margin-t-5 {
    margin-top: 0.5em !important;
}

.margin-t-10 {
    margin-top: 1em !important;
}

.margin-t-20 {
    margin-top: 2em !important;
}


/* end top */

.margin--10 {
    margin: -1em;
}

.margin--9 {
    margin: -0.9em;
}

.margin--8 {
    margin: -0.8em;
}

.margin--7 {
    margin: -0.7em;
}

.margin--6 {
    margin: -0.6em;
}

.margin--5 {
    margin: -0.5em;
}

.margin--4 {
    margin: -0.4em;
}

.margin--3 {
    margin: -0.3em;
}

.margin--2 {
    margin: -0.2em;
}

.margin--1 {
    margin: -0.1em;
}

.margin-1 {
    margin: 0.1em;
}

.margin-2 {
    margin: 0.2em;
}

.margin-3 {
    margin: 0.3em;
}

.margin-4 {
    margin: 0.4em;
}

.margin-5 {
    margin: 0.5em !important;
}

.margin-10 {
    margin: 1em;
}

.margin-15 {
    margin: 1.5em;
}

.margin-20 {
    margin: 2em;
}

.margin-25 {
    margin: 2.5em;
}


/* right */

.margin-r-2 {
    margin-right: 2px !important;
}

.margin-r-3 {
    margin-right: 3px !important;
}

.margin-r-4 {
    margin-right: 4px !important;
}

.margin-r-5 {
    margin-right: 5px !important;
}

.margin-r-10 {
    margin-right: 1em !important;
}

.margin-r-15 {
    margin-right: 1.5em !important;
}

.margin-r-20 {
    margin-right: 2em !important;
}

.margin-r-80 {
    margin-right: 8em !important;
}

.margin-r-100 {
    margin-right: 10em !important;
}


/* end right */


/* left */

.margin-l-2 {
    margin-left: 2px !important;
}

.margin-l-3 {
    margin-left: 3px !important;
}

.margin-l-4 {
    margin-left: 4px !important;
}

.margin-l-5 {
    margin-left: 5px !important;
}

.margin-l-10 {
    margin-left: 1em !important;
}

.margin-l-15 {
    margin-left: 1.5em !important;
}

.margin-l-20 {
    margin-left: 2em !important;
}

.margin-l-30 {
    margin-left: 3em !important;
}

.margin-l--50 {
    margin-left: -5em;
}

.margin-l--10 {
    margin-left: -1em !important;
}

.margin-l--20 {
    margin-left: -2em !important;
}

.margin-l--30 {
    margin-left: -3em !important;
}

.margin-l--40 {
    margin-left: -4em !important;
}


/* left */

.margin-text-alert {
    margin-bottom: 1.5em;
    margin-top: -0.9em;
}

.h-margin-5 {
    margin: 0em 0.5em
}

.h-margin-10 {
    margin: 0em 1em
}

.h-margin-15 {
    margin: 0em 1.5em
}

.h-margin-20 {
    margin: 0em 2em
}


/* end margin */


/* modal */

.grey-modal {
    background-color: #4e4e4e;
    color: white;
    padding: 25px 0px 25px 0px !important;
    height: auto !important;
}

.swift-modal {
    width: 56em;
    margin: auto;
    position: relative;
    top: 3em;
}

.modal-conversion {
    width: 80% !important;
    max-width: 1024px !important;
}

.modal-title {
    text-align: center;
    font-size: 22pt;
}

.modal-subtitle {
    text-align: center;
    font-size: 11pt;
}


/* end modal */


/*  swift elements  */

.box-user {
    background-color: rgb(221, 222, 225);
    color: #4f4f4f;
    /**background-image: linear-gradient(to bottom, #BBBDC0, #9E9E9E) !important;**/
    border-radius: 10px !important;
    padding: 10px 0px;
    height: 135px;
    opacity: 0.8;
    margin-bottom: 20px;
    transition: 2s;
}

.box-user:hover {
    background-image: linear-gradient(to bottom, #BBBDC0, #9E9E9E) !important;
    color: white;
    border-radius: 10px !important;
    padding: 10px 0px;
    height: 135px;
    opacity: 1;
    margin-bottom: 20px;
    box-shadow: 0px 5px 10px black;
    transition: 0.5s;
}

.static-title {
    background-color: #4F4F4F;
    height: 35px;
    border-bottom: solid 1px white;
    position: absolute;
    top: -40px;
    width: 90%;
}

.overflow-list {
    overflow: auto;
    max-height: 200px;
}

.banner-blue {
    color: white;
    text-align: right;
    margin-left: -1vw;
    margin-top: 0.2vw;
}

.wizard_back {
    background-color: white !important;
    color: #212121 !important;
    padding: 1em 2em;
}

.step-size {
    font-size: 8pt !important;
    margin-top: 3px;
}


/*  banner  */

.title-banner {
    font-size: 0.9vw;
    color: white;
    line-height: 20px;
    position: absolute;
    opacity: 0.5;
    transition: 1s;
    width: 6em;
    left: 55px;
    top: 4px;
}

.title-banner:hover {
    color: white !important;
    opacity: 1;
    transition: 0.5s;
}

.number_banner {
    padding-top: 1vw;
    text-align: right;
    font-size: 1.7vw;
    line-height: 2.5vw;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 300;
}


/*  end banner  */


/*  end swift elements  */


/* PARA REVISAR */

.btn_Swift_remove {
    border-radius: 10px !important;
    padding: 5px 25px;
    height: 38px !important;
    float: left;
    margin: 0px 10px !important;
    line-height: 26px;
    text-decoration: none !important;
}

.itemohandlow {
    color: #ee3160 !important;
    font-weight: bold !important;
    display: table !important;
    text-align: right !important;
    line-height: 30px;
}

.count-point {
    margin-top: -40px !important;
    ;
    right: 2px !important;
}

.bluebtn {
    background: #41C4E2 !important;
    padding: 5px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 12px !important;
    width: 100% !important;
    display: table !important;
    border: none !important;
    text-transform: uppercase !important;
}

.bluebtn-sm {
    background: #41C4E2 !important;
    padding: 3px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 12px !important;
    width: 100% !important;
    display: table !important;
    border: none !important;
    text-transform: uppercase !important;
}

.pinkbtn-sm {
    background: #EE3160 !important;
    padding: 3px !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 12px !important;
    width: 100% !important;
    display: table !important;
    border: none !important;
    text-transform: uppercase !important;
}

.pinkbtn {
    background: #EE3160;
    padding: 5px;
    border-radius: 10px !important;
    color: #fff;
    font-size: 10.5px;
    width: 100%;
    display: table;
    height: 3%;
    border: none;
}

.yellowbtn {
    background: #F1C40F;
    padding: 10px;
    border-radius: 10px !important;
    color: #fff;
    font-size: 10.5px;
    width: 100%;
    display: table;
}

.yellowbtn:hover {
    text-decoration: none;
    color: #fff !important;
}

.range-date {
    padding: 5px 0px;
    margin-left: 15px;
    margin-right: auto;
    background-color: #efefef;
    border-radius: 10px !important;
    border: 1px solid #e7ecf1;
}

.table-tag_in_table {
    border-radius: 50rem !important;
    text-align: left;
    padding: 6px 12px;
    width: 21em;
    font-size: 1rem;
    box-shadow: inset 0px 2px 13px #000;
}

.tag-swift {
    border-radius: 5px !important;
    text-align: left !important;
    padding: 1px 8px;
    width: 210px !important;
    font-size: 10px !important;
    line-height: 18px !important;
}

.table-tag {
    border-radius: 5px !important;
    text-align: left;
    padding: 1px 8px;
    width: 210px;
    font-size: 9px;
    margin-bottom: 1px;
}

.db2 {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px !important;
    background: none !important;
}


/* PARA REVISAR */

.display-table {
    display: table !important;
}

div.user-login-5.login1.SwiftCOUNTLogin {
    margin-top: -160px;
    position: static;
}

div.user-login-5.login1.SwiftCOUNTLogin {
    position: static !important;
    margin-top: -160px;
    margin-top: 50px;
}


/*  btn settings  */

.icon-left-password {
    margin-left: -163px
}

.btn-left-password {
    margin-left: 15px;
}

.user_inactive_settings {
    opacity: 0.2;
}

.mt-element-list .list-news.ext-1 .list-thumb {
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
}

.grey-salsa {
    width: 100%;
    background: 1;
}

.hover-menu {
    background-color: rgba(0, 0, 0, 0);
    transition: 1s;
}

.hover-menu:hover {
    background-color: #41C4E2 !important;
    transition: 1s;
}


/*  end settings */


/*ID*/


/** image **/

.change-password {
    background: url("../../svg/change-password.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10px;
    line-height: 33px;
    color: white;
    text-align: right;
}

.change-password:hover {
    background: url("../../svg/change-password.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10;
    line-height: 33px;
    color: white !important;
    text-align: right;
}

.two-factor {
    background: url("../../svg/change-password.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10px;
    line-height: 33px;
    color: white;
    text-align: center;
}

.two-factor:hover {
    background: url("../../svg/change-password.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10;
    line-height: 33px;
    color: white !important;
    text-align: center;
}

.assign-warehouses {
    background: url("../../svg/assign_warehouses.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10px;
    line-height: 33px;
    color: white !important;
    text-align: left;
}

.assign-warehouses:hover {
    background: url("../../svg/assign_warehouses.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10;
    line-height: 33px;
    color: white !important;
    text-align: left;
}

.reset-database {
    background: url("../../svg/reset-database.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10;
    line-height: 33px;
    color: white;
    text-align: left;
}

.reset-database:hover {
    background: url("../../svg/reset-database.svg");
    display: block;
    width: 250px;
    height: auto;
    background-size: 250px;
    background-repeat: no-repeat;
    padding: 10;
    line-height: 33px;
    color: white;
    text-align: left;
}

.img-plan {
    height: 80px;
}


/** fin image **/

.table-responsive {
    overflow-x: visible;
    min-height: .01%;
}


/*scrollbar*/

.scrollbar-swift::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
}

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


/*end scrollbar*/


/*input radio*/

.control {
    font-family: arial;
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 3px;
    padding-top: 6px;
    cursor: pointer;
    font-size: 16px;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control_indicator {
    position: absolute;
    top: 6px;
    right: 7px;
    height: 20px;
    width: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: 0px solid #000000;
}

.control-radio .control_indicator {
    border-radius: 100px !important;
}

.control:hover input~.control_indicator,
.control input:focus~.control_indicator {
    background: #cccccc;
}

.control input:checked~.control_indicator {
    background: #4f4f4f;
    transition: 1s;
}

.control:hover input:not([disabled]):checked~.control_indicator,
.control input:checked:focus~.control_indicator {
    background: #0e6647;
}

.control input:disabled~.control_indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked~.control_indicator:after {
    display: block;
}

.control-radio .control_indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #ffffff;
}

.control-radio input:disabled~.control_indicator:after {
    background: #7b7b7b;
}


/*end inut radio*/


/* welcome */

.btn-login {
    color: white;
    background-color: #da4466;
    padding: 10px 50px;
    border-radius: 4px;
    font-size: 14pt;
}

.btn-login a {
    font-family: mont-semibold;
}

.container {
    background-color: #f9f9f9;
    border: solid 1px #cfcfcf;
    width: 487px;
    padding: 1% 5%;
}

.container-check {
    background-color: rgba(0, 0, 0, 0);
    border: solid 1px rgba(0, 0, 0, 0);
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 200;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.title-modal {
    font-size: 22pt;
}

.sc-alert-register .alert-danger {
    background: #da4466;
    color: white;
    border-radius: 5px !important;
}


/* scroll */

.scrollbar-pricing {
    /*margin-left: 30px;*/
    /*float: left;*/
    height: 488px;
    /*width: 225px;*/
    background: none;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 25px;
}

.scrollbar-multipicker {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.scrollbar {
    margin-left: 30px;
    float: left;
    height: 488px;
    width: 225px;
    background: none;
    overflow-y: scroll;
    margin-bottom: 25px;
}

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

.scrollbar-primary::-webkit-scrollbar {
    width: 8px;
    background-color: rgba(0, 0, 0, 0);
}

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

.scrollbar-danger::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #ff3547;
}

.scrollbar-warning::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #FF8800;
}

.scrollbar-success::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #00C851;
}

.scrollbar-info::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #33b5e5;
}

.scrollbar-default::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #2BBBAD;
}

.scrollbar-secondary::-webkit-scrollbar-track {
    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;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #aa66cc;
}


/* sales rep  */

.s-r-table {
    background-color: #f5f5f5;
    color: #4f4f4f;
    border-radius: 15px !important;
    padding: 1% 0%;
    transition: 2s;
    margin-top: 1%;
}

.s-r-table:hover {
    background-color: #d8d8d8;
    color: #4f4f4f;
    border-radius: 15px !important;
    padding: 1% 0%;
    transform: scale(1.01);
    box-shadow: 5px 0px 16px #000000;
    transition: 0.5s;
}

.text-s-r-table {
    line-height: 5vh;
    font-size: 12pt;
    text-align: left;
    display: contents;
    font-weight: bold;
}

.lines-v {
    border-left: solid 2px white;
    border-right: solid 2px white;
    text-align: center;
}


/* table responsive */

.table-r-02 {
    height: 50vh;
    margin-top: 0.1vh;
    overflow: auto;
}


/* end table responsive */


/* end sales rep  */

.input-group-addon {
    padding: 0 !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.jstree-default .jstree-themeicon {
    display: none !important;
}

.table-tag-sc {
    background-color: #4f4f4f;
    padding: 7px 14px;
    border-radius: 25px !important;
    width: 100%;
}


/* background: url("../../img/banner-login.jpg"); */

.jstree-default .jstree-node,
.jstree-default .jstree-icon {
    background-image: url("../../img/32px.png");
}

.modal-scroll-body {
    height: 50vh;
    overflow-y: scroll;
}

.icon-subtitle-bar {
    padding: 5px;
    border-radius: 10px !important;
    font-size: 1.2rem !important;
    width: 100%;
    border: none;
    line-height: 2rem;
    text-decoration: none !important;
    text-transform: uppercase !important;
    margin: 0px 5px;
}

.margin-t-1 {
    margin-top: 1.5rem;
}


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

.switch {
    position: relative;
    display: block;
    width: 55px;
    height: 25px;
    float: right;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: -1.4rem;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #da4466;
    /* background-color: #41C4E2; */
    border: solid 1px rgb(168, 168, 168);
    box-shadow: inset 0px 0px 8px black;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px !important;
    height: 2.5rem;
    width: 5rem;
}

.slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    box-shadow: 0px 0px 10px black;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px;
}

input:checked+.slider {
    /* background-color: #4f4f4f; */
    background-color: #41C4E2;
    box-shadow: inset 0px 0px 5px black;
}

input:focus+.slider {
    box-shadow: 0 0 1px #4f4f4f;
    box-shadow: inset 0px 0px 5px black;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.slide-btn-row {
    background-color: #4f4f4f;
    color: white;
    line-height: 3rem;
}

.user-settings {
    background-color: #212121;
    color: #fff;
    margin-top: 1rem;
    border-radius: 10px !important;
    text-align: center;
    padding: 7px;
}

.user-settings:hover {
    animation-duration: 1s;
    animation-name: hover;
}


/* Rounded sliders */

.web-link {
    display: none;
}

.timepicker {
    border-radius: 15px 0px 0px 15px !important;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.btn-date-sc {
    background-color: #EE3160 !important;
    border: none;
    color: white !important;
    height: 3.4rem;
    margin-top: 0.5rem;
    border-radius: 0px 15px 15px 0px !important;
}

.text-box-title {
    background-color: #4f4f4f;
    color: #fff;
}

.second-list {
    display: grid;
    padding-left: 3rem;
}

.progress {
    border-radius: 0px !important;
}

.play-btn-sc {
    border: solid 3px #41C4E2;
    color: #41C4E2;
    border-radius: 50px !important;
    margin-top: 1rem;
    text-align: center;
    width: 6rem;
    height: 3rem;
    float: left !important;
    padding: 0.5rem;
    background-image: url("../../svg/play.svg");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
}

.stop-btn-sc {
    border: solid 3px #41C4E2;
    color: #41C4E2;
    border-radius: 50px !important;
    margin-top: 1rem;
    text-align: center;
    width: 6rem;
    height: 3rem;
    float: left !important;
    padding: 0.5rem;
    background-image: url("../../svg/stop.svg");
    background-size: 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
}

.table-modal-004 th {
    background-color: #4e4e4e;
    color: #fff;
    border: none
}

.table-modal-004 table {
    border-radius: 15px;
    box-shadow: 2px 2px 16px rgba(0, 0, 0, .3);
    border: none;
}

.modalsc {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.modalsc>center {
    width: 50%;
    margin: auto;
    margin-top: 45%;
    background: white;
    border: 1px gray;
    border-radius: 10px !important;
    box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    padding-bottom: 30;
    padding-top: 1;
    padding-left: 5;
    padding-right: 5;
}

.text-bar-date {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 1rem;
    border-radius: 50px !important;
}

.text-bar-date a {
    background-color: #fff;
    color: #4f4f4f;
    padding: 0.5rem;
    border-radius: 80px !important;
}

.category_variant .sc-tagsinput {
    border-radius: 15px !important;
    padding-left: 1rem;
    padding-top: 0.7rem;
    width: 100%;
}

.category_variant .bootstrap-tagsinput {
    border-radius: 15px !important;
    padding-left: 1rem;
    width: 100%;
}

.fa-plus {
    border: none !important;
}

.sc-btn-variant-add {
    display: flex;
    background-color: #ee3160;
    border-radius: 50px !important;
    height: 4rem;
    width: 4rem;
    color: #fff;
    font-size: 3rem !important;
    padding: 1.1rem;
    border: none !important;
}

.sc-btn-variant-check {
    display: flex;
    background-color: #41c4e2 !important;
    border-radius: 50px !important;
    height: 4rem;
    width: 4rem;
    color: #fff;
    font-size: 3rem !important;
    padding: 1.1rem;
    border: none !important;
    background: url("../../svg/sc-check.svg");
    background-repeat: no-repeat;
    background-size: 3rem;
    background-position: center;
}


/* .sc-btn-variant-check {
    
} */

.bootstrap-tagsinput .label-info {
    border-radius: 50px !important;
    background-color: #4f4f4f;
    color: #fff;
    padding: 0.7rem 2rem;
}

.sc-textarea-blue {
    border-radius: 10px !important;
    color: #41c4e2;
}

.img-product {
    height: 11rem !important;
}

.swift-input-modal {
    border: solid 1px #c3c3c3 !important;
    padding: 10px !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 3.6rem !important;
    color: #41c4e2;
    outline: 0 !important;
    margin-bottom: 0.5rem;
}

.img_product_02 {
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    /*border-bottom: solid 0.5pt rgba(0, 0, 0, 0.1);*/
    margin-top: -1.5rem;
}

.select-btn a {
    margin-top: -2.5rem;
}

.select-btn {
    display: flex;
    height: 2rem;
    margin-bottom: 1rem;
}

.select-btn-2 {
    display: contents;
    height: 2rem;
    margin-bottom: 1rem;
}

.select-btn .bootstrap-tagsinput {
    width: 47%;
    margin-right: 2%;
    min-height: 2.6rem;
    border-radius: 10px !important;
}

#container_count .dates-table {
    background-color: #EE3160 !important;
    color: #ffffff;
    border-radius: 100px !important;
    margin: 4px;
}

#container_count .low-grey {
    background-color: #e6e6e6 !important;
    color: #1d1d1d;
    border-radius: 100px;
    margin: 4px;
}

.design-table-status .dates-table {
    background-color: #852b85 !important;
    color: #ffffff;
    border-radius: 100px !important;
    margin: 4px;
}

.design-table-status .low-grey {
    background-color: #e6e6e6 !important;
    color: #1d1d1d;
    border-radius: 100px;
    margin: 4px;
}


/* togle */

.togle-box.slider {
    top: -1.5rem;
}

.togle-box {
    background-color: #4e4e4e;
    padding: 1rem;
    color: #fff;
    border-radius: 50px !important;
    box-shadow: inset 0px 0px 16px black;
    width: 21rem;
    float: right;
    height: 4rem;
}


/* end togle */

.new-product-tag .tag {
    margin-top: 2.3rem;
    font-size: 1.2rem;
    margin-left: -0.5rem;
}

.filterCountDetail {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}


/* end togle */

.input-tag-box .bootstrap-tagsinput {
    border-radius: 15px !important;
    background-color: #fff;
    padding: 1rem;
}

.margin-tag-box .tag {
    margin-top: 0.3rem !important;
}

.hover-li {
    opacity: 0.5;
}

.hover-li:hover {
    opacity: 1;
}

.hover-li:active {
    opacity: 1 !important;
    color: #ee3160;
}

.hover-grey-dark {
    background-color: #1b1b1b !important;
    color: #ffffff !important;
}

.hover-grey-dark:hover {
    background-color: #363636 !important;
    color: #ffffff !important;
}

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}


/* scroll */

.scroll-001 {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 54rem;
}


/* scroll */

.box-t-tip {
    background-color: #4f4f4f;
    color: #fff;
    padding: 1rem;
}

.border-icon {
    border: solid 1px #fff;
    border-radius: 50px !important;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.swift-text-area {
    width: 40vw;
    border-radius: 5px !important;
    padding: 0.5rem;
    margin-bottom: 1rem;
}

.btn-info {
    background-color: #4f4f4f;
    border: solid 1px #4f4f4f;
    border-radius: 100px !important;
}

.btn-info:hover {
    background-color: #EE3160;
    border: solid 1px #EE3160;
    color: #fff;
}

.line-step-sc {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 1px;
    top: 1rem;
    left: 50%;
    border-left: 4px solid;
    transform: translateX(-2px);
}

.text-observations {
    /* width: 16vw;*/
    font-size: 1.3rem !important;
    font-weight: lighter !important;
    text-align: justify;
}

.truncate-observations {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold !important;
    font-size: 2rem !important;
}

.btn-atach {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 5px !important;
    text-align: center;
    padding: 0.5rem;
}

.click-here-01 div {
    background-color: #ee3160;
    color: #fff !important;
    border-radius: 50px !important;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.2rem;
}

.mt-container {
    overflow-x: auto;
    /*height: 65%;*/
    width: 102%;
}

.box-img-001 {
    background-color: #323030;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.div-img-001 {
    background-color: #4d4d4d;
    border-radius: 5px !important;
    height: auto;
    text-align: center;
    padding: 1rem;
    margin: 0.5rem;
}

.div-img-001 span {
    color: rgba(255, 255, 255, 40%);
    font-size: 1.2rem;
    width: 6vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.div-img-002 {
    height: 10vh;
    width: 10vh;
}

/* checkbox */
/* compound-cell-bar */
td div a .progress-back-color {
    float: left;
    width: 100%;
    /*  padding: 0.5rem; */
}

/* end compound-cell-bar */

/* box-tracking */
.box-tracking {
    background-color: #bdbdbd;
    border-radius: 10px !important;
    color: #4f4f4f;
    padding: 1rem;
    margin-bottom: 1rem;
    /*height: 7rem;*/
    border: solid 4px rgba(255, 255, 255, 0);
    /*transition: 3s*/
    ;
    cursor: pointer;
}

.box-tracking-selected {
    background-color: #4f4f4f;
    color: #fff;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 1);
    border: solid 4px #41C4E2;
    border-radius: 10px !important;
    padding: 1rem;
    margin-bottom: 1rem;
    /*height: 7rem;*/
}

.box-tracking-2:hover {
    background-color: #4f4f4f;
    color: #fff;
    transform: scale(1.01)
        /*rotate(1deg)*/
    ;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 1);
    transition: 0.3s;
    border: solid 4px #41C4E2;
}

.many-lines-text {
    white-space: normal;
}

.only-one-line-text {
    white-space: nowrap;
}

.tablePhases {
    background-color: #ece9e9;
    color: #4f4f4f;
    height: 54rem !important;
    max-height: 60rem !important;
    padding: 1rem;
    border-radius: 1rem !important;
}

.table::-webkit-scrollbar {
    width: 2rem;
    height: 2rem;
    margin: 2rem;
}

.table::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.table::-webkit-scrollbar-thumb {
    background: #4f4f4f;
    border: 3px none #ece9e9;
    border-radius: 50px;
}

.table::-webkit-scrollbar-thumb:active {
    background: #000000;
}

.table::-webkit-scrollbar-track {
    background: #ece9e9;
    border: 3px none #ece9e9;
    border-radius: 50px;
}

.table::-webkit-scrollbar-track:active {
    border: 3px none #ece9e9;
    background: #333333;
}

.table::-webkit-scrollbar-corner {
    background: transparent;
}

/* end box-tracking */

.check-box-settings .btn:hover {
    color: #fff;
}

.check-box-settings:hover {
    transform: scale(1.05);
    transition: 0.3s;
    box-shadow: 5px 0px 10px rgba(0, 0, 0, 0.5);
    background-color: #ee3160;
    color: #fff;
}

.check-box-settings {
    background-color: #b3b3b3;
    color: #4f4f4f;
    border-radius: 10rem !important;
    padding: 1rem;
    margin-bottom: 1rem;
    transition: 3s;
}

.panel-text-body {
    background-color: #4F4F4F;
    color: #fff;
    border-radius: 10px !important;
}

.plans-title {
    text-align: center;
    border-bottom: solid 2px rgba(0, 0, 0, .3);
    margin-bottom: 1rem;
    padding: 0rem 1rem;
}

.isuue-img input[type="file"] {
    display: none;
}

.isuue-img {
    height: 40px;
    width: 40px;
    background-image: url(../../responsive/img/svg/cam.svg);
    background-repeat: no-repeat;
    background-size: 40px;
}



/* ------ firma --------*/

input[type="range"] {
    -webkit-appearance: none;
    margin-right: 15px;
    width: 200px;
    height: 7px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    background-image: linear-gradient(#ff4500, #ff4500);
    background-size: 70% 100%;
    background-repeat: no-repeat;
}

/* Input Thumb */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ff4500;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ff4500;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #ff4500;
    cursor: ew-resize;
    box-shadow: 0 0 2px 0 #555;
    transition: background .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
    background: #ff0200;
}

input[type="range"]::-moz-range-thumb:hover {
    background: #ff0200;
}

input[type="range"]::-ms-thumb:hover {
    background: #ff0200;
}

/* Input Track */
input[type=range]::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type=range]::-moz-range-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

input[type="range"]::-ms-track {
    -webkit-appearance: none;
    box-shadow: none;
    border: none;
    background: transparent;
}

.icon-float {
    display: flex !important;
    width: 100% !important;
    text-align: right !important;
    padding-left: 9vw;
    padding-top: 1vh;
}

.icon-float .item-float {
    margin: .5rem;
}

.scroll-card {
    overflow: auto;
    height: 21rem;
}
/* ---------------------------------------BORRAR------------------------------- */
/* RAC */
.rac-style {
    width: 100%;
    min-height: 40rem;
    background-color: #c7c7c7;
    padding: 1rem;
    border-radius: 15px !important;
}

.icon-rac {
    background-color: #4f4f4f;
    color: #fff;
    border-radius: 100px !important;
    text-align: center;
    margin: 0.2rem;
}
.icon-rac label{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pr-20 {
    width: 4.5%;
    height: 5rem;
    line-height: 5rem;
    margin-top: 0.5rem;
}
.pr-19 {
    width: 4.7%;
    height: 5.2rem;
    line-height: 5.2rem;
    margin-top: 0.5rem;
}

.pr-18 {
    width: 5%;
    height: 5.3rem;
    line-height: 5.3rem;
    margin-top: 0.5rem;
}

.pr-17 {
    width: 5.5%;
    height: 5.8rem;
    line-height: 5.8rem;
    margin-top: 0.5rem;
}

.pr-16 {
    width: 5.7%;
    height: 6.2rem;
    line-height: 6.2rem;
    margin-top: 0.5rem;
}

.pr-15 {
    width: 6%;
    height: 6.5rem;
    line-height: 6.5rem;
    margin-top: 0.5rem;
}

.pr-14 {
    width: 6.5%;
    height: 6.8rem;
    line-height: 6.8rem;
    margin-top: 0.5rem;
}

.pr-13 {
    width: 7%;
    height: 7.3rem;
    line-height: 7.3rem;
    margin-top: 0.5rem;
}

.pr-12 {
    width: 8%;
    height: 8.4rem;
    line-height: 8.4rem;
    margin-top: 0.5rem;
}
/* ---------------------------------------BORRAR------------------------------- */


/* --------------------------nuevo----------------------------- */
.rack-background {
    background: rgba(87, 87, 87, 1);
    background: -moz-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(41, 41, 41, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87, 87, 87, 1)), color-stop(100%, rgba(41, 41, 41, 1)));
    background: -webkit-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(41, 41, 41, 1) 100%);
    background: -o-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(41, 41, 41, 1) 100%);
    background: -ms-linear-gradient(top, rgba(87, 87, 87, 1) 0%, rgba(41, 41, 41, 1) 100%);
    background: linear-gradient(to bottom, rgba(87, 87, 87, 1) 0%, rgba(41, 41, 41, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#292929', GradientType=0);
}

.rack-background {
    width: 50%;
    padding: 2rem;
}

.scroll-rack {
    width: 100%;
    overflow-x: scroll;
    display: -webkit-inline-box;
    height: 50rem;
}

.bar-rack {
    background-image: url(../../svg/barra.svg);
    background-size: 1rem auto;
    background-repeat: repeat;
    height: auto;
    width: 1rem;
    z-index: 1;
}

.box-rack {
    width: 6rem;
}

.line-base {
    border-bottom: solid 15px #2f848f;
    margin-top: 0px;
    margin-bottom: 1rem;
    margin-left: -15px;
    margin-right: -15px;
    z-index: 2;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
    scrollbar-width: auto;
    scrollbar-color: #393739 #ffffff;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 16px;
}

*::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .5);
    border-radius: 50px;
}

*::-webkit-scrollbar-thumb {
    background-color: #393739;
    border-radius: 10px;
    border: 3px solid rgba(0, 0, 0, .5);
    ;
}

.tooltip-r {
    position: relative;
    display: inline-block;
}

.tooltip-r label {
    position: absolute;
    background-color: #fff;
    margin: auto;
    left: 0;
    right: 0;
    width: 80%;
    text-align: center;
    top: 0;
    bottom: 1.5rem;
    height: 1.4rem;
}

/* Tooltip text */
.tooltip-r .tooltiptext-r {
    visibility: hidden;
    width: 15rem;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    font-size: 1.2rem !important;
    border-radius: 6px !important;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    top: -4rem;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip-r:hover .tooltiptext-r {
    visibility: visible;
}
/* --------------------------nuevo----------------------------- */

.scan_codes_header{
    background-color: #b3b3b3;
    border-radius: 3rem !important;
    padding: 1rem;
}
.scan_codes_header>label{
    margin-right: 7%;
}
#datatable_complementary_product_wrapper .grey-salsa{
    border-radius: 50px !important;
    line-height: 2rem;
    height: 3.5rem;
}

.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload #product_image {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 33px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.img-preview {
    max-width: 100%;
    max-height: 400px;
}

.btn-danger {
    background-color: #B73333;
}

/* File Upload */
.fake-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Report Maker  */
.btn-create-report{
    background-color: #EE3160 !important;
    color: #fff;
    border-radius: 0px 50px 50px 0px !important;
    border: none !important;
    width: 20rem !important;
    padding: 1.8rem;
    line-height: 0.5rem;
}
.btn-create-report[disabled]{
    background-color: #ee316069 !important;
    color: #ffffff8b;
}
.create-report {
    background-color: #4f4f4f;
    padding: 2rem;
    border-radius: 15px !important;
    align-items: center !important;
    display: inline-flex !important;
    width: auto !important;
    flex-direction: column;
    width: 35% !important;
}

.create-report input{
    border: solid 1px #4f4f4f !important;
    margin-right: 0px;
    padding: 1.8rem 2rem !important;
    border-radius: 50px 0px 0px 50px !important;
    width: 100% !important;
}
.create-report span{
    color: #fff;
    width: 100%;
    margin-bottom: 0.5rem;
}
.save-report-btn{
    background-color: #EE3160;
    color: #fff;
}
.print-report-btn{
    background-color: #4f4f4f;
    color: #fff;
}
.reportMakerSidebar {
    border-radius: 15px !important;
    box-shadow: inset 0px 0px 6px #4f4f4f;
    margin-right: 5px;
}
#tab_menu .tab-content{
    padding: 0px 0;
    background-color: #fff;
    /* color: #fff; */
}
.reportMakerSidebar {
    width: 19% !important;
}
.previewReportMaker {
    width: 80%;
    border-radius: 10px !important;
}
#previewDynamicTable thead > tr:first-child {
    background-color: #4f4f4f;
    color: #fff;
}
#previewDynamicTable input{
    border-radius: 50px !important;
}
#previewDynamicTable .range_dt_previewDynamicTable {
    border-radius: 50px !important;
}

.customColumnsHeader {
    width: 100%;
    height: fit-content;
    display: flex;
    /* Center  */
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
}

.customColumnsHeader button {
    background-color: #EE3160;
    color: #fff;
    border-radius: 50px !important;
    border: none;
    width: 80%;
    padding: 1rem;
    font-size: small;
    line-height: 1.25rem;
    height: fit-content;
}
/* Report Maker  */
/* descuentos */
.discount-box{
    background-color: #838383;
    color: #fff;
    border-radius: 9px !important;
    box-shadow: inset 5px 0px 16px #000;
}
.discount-box .col-md-12{
    margin-top: -1.5rem;
}
.total-discount-box{
    background-color: #4f4f4f;
    color: #fff;
}
.discount-title{
    background-color: #4f4f4f;
    padding: 1rem;
    font-size: 1.8rem;
    font-weight: bold !important;
    mix-blend-mode: overlay;
}
.discount-text{
    background-color: #4f4f4f;
    padding: 1rem;
    font-size: 1.8rem;
    font-weight: bold !important;
    mix-blend-mode: overlay;
}
/* descuentos */
/* input color*/
.swift-color
{
    width: 100%;
}
.swift-color {
    -webkit-appearance: none;
    border: none;
}
.swift-color::-webkit-color-swatch-wrapper {
    padding: 0;
    margin: 0;
}
.swift-color::-webkit-color-swatch {
    border: none;
}

/* input color*/