/*
* HTML
*/
@font-face {
    font-family: "Galano";
    src: url('/general/fonts/resources/GalanoGrotesque-Medium.ttf') format('truetype');
  }
@font-face {
    font-family: "GalanoLight";
    src: url('/general/fonts/resources/GalanoGrotesque-Light.ttf') format('truetype');
  }
@font-face {
    font-family: "GalanoBold";
    src: url('/general/fonts/resources/GalanoGrotesque-Bold.ttf') format('truetype');
  }

html,
body {
    height: 100%
}
#cf-turnstile-container {
    display: flex;
    justify-content: center;
    margin-top: 20px; /* opcional, para dar espacio */
  }
a{
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.54px;
    color: #21333A;
    opacity: 1;
}

.form-password{
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    line-height: 14px;
    letter-spacing: 0.54px;
    color: #21333A;
    opacity: 1;
    text-align: left;
}

.form-password,
a:hover {
    text-decoration: underline;
}

div,span{
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1.1px;
}

p{
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0;
}

audio { width: 200px; }
video { width: 200px; }

/** TOOLTIPS **/
.tooltip_templates { display: none; }
.no-visible{display:none;}
/*
* LOGIN
*/
.login {
    background-color: #D0CBC4 ;
    background-image: url('/general/images/cpage/ojo.svg');
    background-repeat: no-repeat;
    background-position: 35% 50%;
    
}


.login_box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    opacity: 1;
    border-radius: 5px;
    padding: 50px;
}
/*
* BUILDER
*/
.builder{
    background-color: #ECEAE7;
    min-height: 600px;
}
/*
* BUILDER MARKETING
*/
.builderM{
    background-color: #ECEAE7;
    min-height: 600px;
}

.bgMarketing{
    background-color: #F8F8FF;
    border-radius: 15px;
    padding: 15px;
    margin: 15px;
}

.noWrap{
    white-space:nowrap !important;
}

/*
* IMAGES
*/
.imgMyAccount{
    margin-bottom:12px; 
    margin-left:40px; 
    text-align:center;  
}

.circular--square {
    border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
}

.circular--square img{
    width: auto;
    height: 100%;
    margin: 0;
}

.circular--landscape {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
}

.circular--landscape img {
    width: auto;
    height: 100%;
    margin-left: -50px;
}

.circular--portrait {
    position: relative;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%;
}

.circular--portrait img {
    width: 100%;
    height: auto;
}

/*
* TABLES
*/
.table-minified td{
    line-height: 12px;
    height: 12px !important;
    padding: 2px;
}

/*
* LABELS
*/
label{
    text-align: left;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 9px;
    line-height: 11px;
    letter-spacing: 0.54px;
    color: #0057bc;
    opacity: 1;
    text-transform: uppercase;
}

/*
* P
*/
p.dark {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.08px;
    color: #646464;
}

p.light {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 0.08px;
    color: #646464;
}

/*
* SPAN
*/
span.mini {
    font-size: 9px;
    line-height: 11px;
    letter-spacing: 0.54px;
    margin-left: 1.75rem;
}

/*
* HEADERS
*/
h1{
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 50px;
    letter-spacing: 0;
    color: #21333A;
    opacity: 1;
}

h2{
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    color: #21333A;
    opacity: 1;
}

h3{
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0;
    color: #21333A;
    opacity: 1;
}

h4{    
    line-height: 25px;
    opacity: 1;
    text-align: left;
    font: normal normal normal 23px/30px Montserrat;
    letter-spacing: 0px;
    color: #4B4F56;
    padding: 1rem;
    font-weight: bold;
}

h5{
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0;
    color: #21333A;
    opacity: 1;
}

h6{
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 60;
    color: #21333A;
    opacity: 1;
}

/*
* LINKS
*/
a.notification-details{
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0px;
    color: #A0529C;
}

a.notification-details:hover{
    text-decoration: underline;
}

.breadcumb{
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0px;
    color: #627179;
}

a.breadcumb{
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0px;
    color:#21333A
}

a.breadcumb:hover{
    text-decoration: underline;
}


a.white{
    font-family: "Montserrat", sans-serif;
    font-size: 9px;
    line-height: 11px;
    letter-spacing: 0.54px;
    color: #ffffff;
    opacity: 1;
}

a.white:hover{
    color: #EBF0F2;
    text-decoration: none;
}

a.menu-link {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1.2px;
    color: #4B4F56;
    opacity: 1;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

a.menu-link:hover {
}

a.menu-link-active {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1.2px;
    color: #0056C4;
    opacity: 1;
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

/*
* FORMS
*/
input {
    font-family: "Montserrat", sans-serif;
    font-size: 14px !important;
    line-height: 30px;
    color: #21333A;
    border: 0px !important;
    border-bottom: 1px solid #21333A !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.input-icon{
    position: relative;
}

.input-icon .icon {
    position: absolute;
    right: 0.3rem;
    top: 0rem;
    width: 2.6rem;
    height: 2.4rem;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}


/*
* DASHBOARD MENU
*/
.dashboard-menu{
    padding: 5px;
}

.dashboard-menu-icon{
    min-height: 80px;
}

a.link-dashboard-menu{
    font-family: "Montserrat", sans-serif;
    font-size: 15px !important;
    line-height: 19px;
    letter-spacing: 0.9px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 300;
}

a.link-dashboard-menu:hover{
    text-decoration: underline;
}

/*
* DASHBOARD WIDGETS
*/
.account-menu{
    background: #6f625d 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.training-menu{
    background: #8B817D 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.marketing-menu{
    background: #A8A09D 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.products-menu{
    background: #C5C0BE 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.instruments-menu{
    background: #A8A09D 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.present-menu{
    background: #8B817D 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.directchannel-menu{
    background: #C5C0BE 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.settings-menu{
    background: #6F625D 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    width: 100%;
    height: 190px;
}

.custType{
    margin-top:12px; 
    margin-left:40px; 
    height:max-content;    
}

.freeCourse{
    text-align: end;
    float: right;
    font:  12px/15px normal normal medium "Montserrat";
    letter-spacing: 0.24px;
    color: #627179;
    opacity: 1;   
}

/*
* MARGINS
*/
.mt-5{ margin-top:5px !important}
.mt-10{ margin-top:10px !important}
.mt-20{ margin-top:20px !important}
.mt-30{ margin-top:30px}
.mt-40{ margin-top:40px}
.mt-50{ margin-top:50px}
.mt-60{ margin-top:60px}

.mb-5{ margin-bottom:5px !important}
.mb-10{ margin-bottom:10px !important}
.mb-20{ margin-bottom:20px !important}
.mb-30{ margin-bottom:30px}
.mb-40{ margin-bottom:40px}
.mb-50{ margin-bottom:50px}
.mb-60{ margin-bottom:60px}

.ml-5{ margin-left:5px !important}
.ml-10{ margin-left:10px !important}
.ml-20{ margin-left:20px !important}
.ml-30{ margin-left:30px}
.ml-40{ margin-left:40px}
.ml-50{ margin-left:50px}
.ml-60{ margin-left:60px}

.mr-5{ margin-right:5px !important}
.mr-10{ margin-right:10px !important}
.mr-20{ margin-right:20px !important}
.mr-30{ margin-right:30px}
.mr-40{ margin-right:40px}
.mr-50{ margin-right:50px}
.mr-60{ margin-right:60px}


/*
* FONTS
*/
.ff1 { font-family: "Montserrat", sans-serif; }

.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs24 { font-size: 24px; }
.fs36 { font-size: 36px; }
.fs48 { font-size: 48px; }

.lh10 { line-height: 10px; }
.lh11 { line-height: 11px; }
.lh12 { line-height: 12px; }
.lh13 { line-height: 13px; }
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh24 { line-height: 24px; }
.lh36 { line-height: 36px; }
.lh48 { line-height: 48px; }

.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }

.ls0 { letter-spacing: 0; }

/*
* COLORS
*/
.white { color: #ffffff; }
.white-modal { color: #ffffff !important; text-shadow: none; }
.dark_blue { color: #0056C4; }
.blue { color: #0090D1; }
.light_blue { color: #5CC4E8; }
.black { color: #21333A; 
        font-weight: bold;}
.black2 { color: #21333A;}
.dark_grey { color: #627179; }
.light_grey { color: #EBF0F2; }
.yellow { color: #FED400; }
.orange { color: #F5A700; }
.green { color: #8FC31F; }
.pink { color: #DE007E; }
.purple { color: #A0529C; }
.wine { color: #861B65; }

.btn-wine{
    background-color: #861B65;
    border-color: #861B65;
}

/*
* BACKGROUNDS
*/
.bg_white { background-color: #FFFFFF; }
.bg_dark_blue { background-color: #0056C4; }
.bg_blue { background-color: #0090D1; }
.bg_light_blue { background-color: #5CC4E8; }
.bg_light_blue-20 { background-color: #5CC4E833; }
.bg_black { background-color: #21333A; }
.bg_dark_grey { background-color: #627179; }
.bg_light_grey { background-color: #EBF0F2; }
.bg_yellow { background-color: #FED400; }
.bg_orange { background-color: #F5A700; }
.bg_green { background-color: #8FC31F; }
.bg_pink { background-color: #DE007E; }
.bg_purple { background-color: #A0529C; }
.bg_wine { background-color: #861B65; }

/*
* PAGINATION
*/
.pagination{
    display: inline-block;
    margin-left: auto ;
    margin-right: auto ;
}

.pagination-body{
    display: inline-block;
    width: 100%;
}

.pagination-pages{
    display: inline-block;
    float: left;
}

.pagination-icon-left{
    display: inline-block;
    float: left;
}

.pagination-icon-right{
    display: inline-block;
    float: left;
}

.pagination-pages{
    display: block;
    padding-top: 12px;
}

.pagination-page{
    display:  inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

/*
* SECTIONS
*/

/* SUBMENU MENU */
.submenu-div{
    padding-top: 20px;
    padding-bottom: 20px;
}

.submenu-div-item{
    padding-right: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #0056C4;
}

.submenu-div-item-active{
    padding-right: 37px;
    padding-bottom: 20px;
    border-bottom: 2px solid #0056C4;
}

a.submenu-link {
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 1.1px;
    color: #4B4F56;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 0.55;
    margin-top: 15px;
    font-weight: bold;
}

a.submenu-link-active {
    font-weight: 700;
}

a.submenu-link:hover {

}

a.submenu-link-active {
    color: #0057BC;
}

/*
* ALERT ICONS
*/
.alert-icon-div {
    z-index: 900;
    position: fixed;
    top: 128px;
    width: 48px;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-bottom-left-radius: 2px;
    right: 0px;
    z-index: 1240;
    background: #f00;
    -webkit-transition: transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    height: 50px;
    background: #0056C4 0% 0% no-repeat padding-box;
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
    padding: 9px;
    padding-right: 0px;
}

.alert-icon-icon{
    margin-top: 9px;
}
.alert-icon-badge{
    position: absolute;
    top: -50;
}

.cart-icon-div {
    z-index: 900;
    position: fixed;
    top: 188px;
    width: 48px;
    border: 0;
    box-shadow: none;
    padding: 0;
    border-bottom-left-radius: 2px;
    right: 0px;
    z-index: 1240;
    -webkit-transition: transform 0.15s ease;
    -o-transition: transform 0.15s ease;
    transition: transform 0.15s ease;
    height: 50px;
    background: #4B4F56 0% 0% no-repeat padding-box;
    border-radius: 10px 0px 0px 10px;
    opacity: 1;
    padding: 9px;
    padding-right: 0px;
}

/* BACKGROUND LIST DOCTOR SENDER REQUEST */
.blueBGList{
	background-color:#5CC4E850 !important;
}
.greenBGList{
	background-color:#5cd70682 !important;
}
.redBGList{
	background-color:#d706066b !important;
}
/* WIDGETS */
.widget-welcome-title{
    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0;
    color: #e3ecf7;
    font-weight: 300;
}

.widget-welcome-section-title{
    font-family: "Montserrat", sans-serif;
    font-size: 9px !important;
    line-height: 11px;
    letter-spacing: 0.54px;
    color: #e3ecf7;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
    font-weight: bold;
    
}

.widget-welcome-section-body{
    font-family: "Montserrat", sans-serif;
    font-size: 20px !important;
    line-height: 24px;    
    color: #FFF;
    font-weight: 300;
    margin-bottom: 5px;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    
    
}

.widget-welcome-section-code{
    text-align: left;
    font: normal normal normal 11px/13px Montserrat;
    letter-spacing: 0.54px;
    color: #FFFFFF;
    opacity: 1;   
    vertical-align: bottom;
    line-height: 24px;
    }


/* CONTENT */
.content {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 500px;
}

.content-welcome {
    background: url("/general/images/export/ojo_mask.png");
    background-color: #0057bc;
     border-radius: 10px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
    min-height: 400px;
    padding:35px;
    margin: 0px -10px 0 -20px;
}

.content-fecha{
    font: normal normal medium  Montserrat;
    letter-spacing: 0.6px;
    color: #0056C4;
    text-transform: uppercase;
    opacity: 1;
    margin-left: 0px;
    font-size: 12px;
}

.content-customer {
    background: #5CC4E8 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 300px;
}

.content-cmyself-block {
    background: #a79f89 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 300px;
}

.content-cmyself {
    background: #2d2926 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 300px;
}

.content-loyalty {
    background: #286BC2 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 300px;
}

.content-business {
    background: #F1FBFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
}

.content-bg {
    background: #d9d5cf 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    min-height: 500px;
}

.content-fit {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
}

.content-training {
    background: #0057bc 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
}

.content-course {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 4px;
    opacity: 1;
    padding: 15px;
    margin: 5px;
}

.content-event {
    background: #FCFCFC 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 4px;
    opacity: 1;
    padding: 15px;
    margin: 5px;
}

.content-campaign {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    opacity: 1;
}

.content-resource {
    min-height: 150px;
    opacity: 1;
    padding: 0px;
    margin: 5px;
}

.content-comparator {
    min-height: 150px;    
    background: url('/general/images/icons/fondo_montaje_ftc.jpg');
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px;
    background-origin: border-box;    
}

.content-comparator2 {
    min-height: 150px;    
    background: #d3ccc4;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px;
    background-origin: border-box;    
}

.content-promotions {
    min-height: 150px;
    background: #0057bc 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 10px;
    color: white;
}

.content-cart{
    background: #627179 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:15px;
}

/* AGREEMENTS */
.agreements-title{
    background: #0056C404 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding:10px;
    text-align: center;
    font-size: 16px;
}

/* CAMPAIGNS */

.campaign-image{
    width: 100%;
    height: 90px;
}

.campaign-data{
    padding: 9px;
}

.campaign-title{
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0;
    color: #21333A;
}

.campaign-date-title{
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0.5;
    color: #5CC4E8;
}

.campaign-date-body{
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.65;
    font-weight: 700;
    color: #627179;
}


.campaign-footer{
    background-color: rgba(33, 51, 58, 0.15);
    padding: 9px;
}

/* RESOURCES */
.resource-campaign{
    margin-top: 15px;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: #21333A;
    text-transform: uppercase;
    font-weight: 400;
}

.resource-type{
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
    color: #5CC4E8;
    text-transform: uppercase;
    font-weight: 400;
}

/* FILTERS */
.product-filter{
    display: inline-block;
    color: #fff;
    background: #627179 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 15px;
    margin-right: 1px;
    min-width: 150px;
}

/* VOUCHERS */
.vouchers {
    background: #759FD1 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
    margin-top: 20px;
}

/* CARDS */
.hoya-card {
    background: #F6F5F3 0% 0% no-repeat padding-box;
    box-shadow:  0px 2px 4px #00000029;
    border-radius: 7px;
    opacity: 1;
    padding: 15px;
}

/* CALENDAR */
.calendar-header{
    background: #759FD1 0% 0% no-repeat padding-box;
    border-radius: 10px 10px 0px 0px;
    opacity: 1;
    height: 60px;
}

.calendar-month-header{
    text-transform: uppercase;
}

.calendar-month-title{
    padding-top: 10px;
    font-size:16px!important;
}
.calendar-body {
    padding: 40px 55px;
    background-color: #fff;
    min-height: 300px;
}
.calendar-directchannel .calendar-body {
    padding: 40px 55px;
    background-color: #fff;
    min-height: 300px;
    /*box-shadow: 0px 2px 4px #00000029;*/
    border-radius: 0 0 15px 15px;
}
.calendar-events{
    background: #A498A022 0% 0% no-repeat padding-box;
    /*opacity: 0.17;*/
    padding: 15px;
}

.calendar-footer{
    background: #A498A022 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 10px 10px;
    /*opacity: 0.17;*/
    height: 60px;
}

div.zabuto_calendar .table tr td div.day {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 15px !important;
}
div.zabuto_calendar .table th, div.zabuto_calendar .table td {
    padding:0px !important;
}


.badge-calendar{
    background-color: #759FD1;
    color: #fff;
    border-radius: 25px;
    padding: 10px;
    width: 30px;
}

.badge-event-ajax{
    background-color: #A0529C !important;
    color: #fff !important;
    border-radius: 25px !important;
    padding: 10px !important;
    width: 30px !important;
    padding-left:0px!important;
}

.badge-event-ajax > span{
    background-color: #FED400;
    color: #fff;
    border-radius: 25px;
    padding: 10px;
    width: 30px;
}

/*
* METHOD
*/
a.method-link {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    line-height: 35px;
    letter-spacing: 0;
    color: #0056C4;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

a.method-link:hover {
    color: #627179;
}

a.method-link-active {

}

a.agreement-link {
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    line-height: 35px;
    letter-spacing: 0;
    color: #0056C4;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}

a.agreement-link:hover {
    color: #627179;
}

a.agreement-link-active {

}

/* LOYALTY */

a.link-products-category{
    font-family: "Montserrat", sans-serif;
    font-size: 12px !important;
    line-height: 30px;
    letter-spacing: 0.24px;
    color: #FED400;
    text-transform: uppercase;
}

a.link-dashboard-menu:hover{
    text-decoration: underline;
}

a.link-products-category-white{
    font-family: "Montserrat", sans-serif;
    font-size: 14px !important;
    line-height: 30px;
    letter-spacing: 0.24px;
    color: #FFFFFF;
    text-transform: uppercase;
}

a.link-dashboard-menu-white:hover{
    text-decoration: underline;
}


/* NEWS */
.news {
    background: #939599 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    opacity: 1;
    padding: 15px;
}

.news-title{
    margin-bottom: 5px;    
    text-align: left;
    font: normal normal bold 9px/11px Montserrat;
    letter-spacing: 0.54px;
    color: #2D2A28;
    opacity: 1;
}

.news-briev{
   text-align: left;
font: normal normal 300 12px/16px Montserrat;
letter-spacing: 0.72px;
color: #FFFFFF;
opacity: 1;
}

.news-link-zone{

}

a.news-link {
    text-align: left;
    font: normal normal normal 9px/11px Montserrat;
    letter-spacing: 0.54px;
    color: #FFFFFF;
    opacity: 1;
    text-decoration: underline;
}

a.news-link:hover{
    text-decoration: none;
    color: #F5A700;
    padding-bottom: 2px;
    margin-bottom: 4px;
    border-bottom: 1px solid #F5A700;
}

a.news-link:visited{
    padding-bottom: 2px;
    border-bottom: 1px solid #FED400;
    text-decoration: none;
}

/*
* HELPERS
*/
.vcenter{
    position: relative;
    top: 25%;
    margin-top: auto;
    margin-bottom: auto;
}

.inline {
    display: inline;
}

/* HR */
.hr_white { border-top: 1px solid  #ffffff; margin-left:0; }
.hr_white-modal { border-top: 1px solid  #ffffff; margin-left:0; }
.hr_dark_blue { border-top: 1px solid  #0056C4; margin-left:0; }
.hr_blue { border-top: 1px solid  #0090D1; margin-left:0; }
.hr_light_blue { border-top: 1px solid  #5CC4E8; margin-left:0; }
.hr_black { border-top: 1px solid  #21333A; margin-left:0; }
.hr_dark_grey { border-top: 1px solid  #627179; margin-left:0; }
.hr_light_grey { border-top: 1px solid  #EBF0F2;margin-left:0; }
.hr_yellow { border-top: 1px solid  #FED400; margin-left:0; }
.hr_orange { border-top: 1px solid  #F5A700;margin-left:0; }
.hr_green { border-top: 1px solid  #8FC31F;margin-left:0; }
.hr_pink { border-top: 1px solid  #DE007E;margin-left:0; }
.hr_purple { border-top: 1px solid  #A0529C; margin-left:0; }
.hr_wine { border-top: 1px solid  #861B65; margin-left:0; }

.hr_training_w10{
    width: 10%;
    margin-left:0;
    border-top:1px solid #21333A;
}

.carousel-control-prev{
    left: 30%;
}
.home-control{
    left: 30%;
}
.carousel-control-next{
    right: 30%;
}

.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w70 { width: 70%; }
.w60 { width: 60%; }
.w50 { width: 50%;
border-color: #ffffff;        
}
.w40 { width: 40%; }
.w30 { width: 30%; }
.w20 { width: 20%; }
.w10 { width: 10%; }

.mh100 { min-height: 100px; }
.mh200 { min-height: 200px; }
.mh300 { min-height: 300px; }
.mh400 { min-height: 400px; }
.mh500 { min-height: 500px; }
.mh600 { min-height: 600px; }
.mh700 { min-height: 700px; }
.mh800 { min-height: 800px; }

.p1 { padding:1px; }
.p2 { padding:2px; }
.p3 { padding:3px; }
.p4 { padding:4px; }
.p5 { padding:5px; }
.p6 { padding:6px; }
.p7 { padding:7px; }
.p8 { padding:8px; }
.p9 { padding:9px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }

/* TRAINING */
.training-family-active {
    background: #4B4F56;
}
.training-family-generic {
    background: #C0B7B5;
}

/* CUSTOM RADIO BUTTON */
.containerRB {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.containerRB input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: white;
    border-radius: 50%;
    border:1px solid #0056C4;
}

/* On mouse-over, add a grey background color */
.containerRB:hover input ~ .checkmark {
    background-color: white;
}

/* When the radio button is checked, add a blue background */
.containerRB input:checked ~ .checkmark {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRB input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerRB .checkmark:after {
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0056C4;
}



/* CUSTOM RADIO BUTTON MINI */
.containerRB-Mini {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    margin-right:10px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.containerRB-Mini input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.containerRB-Mini .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 14px;
    width: 14px;
    background-color: white;
    border-radius: 50%;
    border:1px solid #0056C4;
}

/* On mouse-over, add a grey background color */
.containerRB-Mini:hover input ~ .checkmark {
    background-color: white;
}

/* When the radio button is checked, add a blue background */
.containerRB-Mini input:checked ~ .checkmark {
    background-color: white;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.containerRB-Mini .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRB-Mini input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.containerRB-Mini .checkmark:after {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0056C4;
}

/* SELECT CUSTOM */

select:focus, #settingsForm input:focus{
    outline-offset: 0px !important;
    outline: none !important;

    border: 0px solid #F3F3F3 !important;
    border-radius:0px;
    border-bottom:1px solid #21333A !important;
    box-shadow: 0 0 0px #F3F3F3 !important;
    -moz-box-shadow: 0 0 0px #F3F3F3 !important;
    -webkit-box-shadow: 0 0 0px #F3F3F3 !important;
}
select{
    background:transparent !important;
    border:0px !important;
    border-radius: 0px !important;
    font-family: "Montserrat", sans-serif;
    font-size: 14px !important;
    border-bottom:1px solid #21333A !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';

}
select::-ms-expand {
    display: none;
}

#settingsForm select:focus, #settingsForm input:focus{
    outline-offset: 0px !important;
    outline: none !important;

    border: 0px solid #F3F3F3 !important;
    border-radius:0px;
    border-bottom:1px solid #21333A !important;
    box-shadow: 0 0 0px #F3F3F3 !important;
    -moz-box-shadow: 0 0 0px #F3F3F3 !important;
    -webkit-box-shadow: 0 0 0px #F3F3F3 !important;
}
#settingsForm select{
    background:transparent !important;
    border:0px !important;
    border-radius:0px;
    font-family: "Montserrat", sans-serif;
    font-size: 14px !important;
    border-bottom:1px solid #21333A !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';

}
#settingsForm select::-ms-expand {
    display: none;
}


.productFilter{
    margin-bottom:0px !important;
}
.productFilter > select:focus, .productFilter > input:focus{
    outline-offset: 0px !important;
    outline: none !important;

    border: 0px solid #F3F3F3 !important;
    border-radius:0px;
    border-bottom:0px!important;
    color:white !important;
    box-shadow: 0 0 0px #F3F3F3 !important;
    -moz-box-shadow: 0 0 0px #F3F3F3 !important;
    -webkit-box-shadow: 0 0 0px #F3F3F3 !important;
}
.productFilter > select{
    background:transparent !important;
    border:0px !important;
    border-radius:0px;
    font-family: "Montserrat", sans-serif;
    font-size: 11px !important;
    color:white !important;
    border-bottom:0px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
option{
    color:black !important;
}

.productFilter > select::-ms-expand {
    display: none;
    color:white !important;
}


/* USER MENU */
#buttonUserMenu{
    z-index: 999;
    position: relative;
}
#userMenu{
    display: none;
    position: absolute;
    z-index: 99;
    top:28px;
}

#userMenu a{
    font: 11px/14px 'Montserrat';
    letter-spacing: 0;
    line-height: 24px;
    color: #0056C4;
}

/* MODALS CURSOS */
.modal-dialog {
    max-width: 880px;
}

.modal-dialog-expanded{
    max-width: 80% !important;
}

.modal-content{
    background: #F8F8FF 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 4px #00000029 !important;
}

.modal-cmyself {
    background: #2d2926 0% 0% no-repeat padding-box !important;
}

.modal-loyalty {
    background: #286BC2 0% 0% no-repeat padding-box !important;
}
.modal-points {
    background: #5CC4E8 0% 0% no-repeat padding-box !important;
}
.modal-points-myself {
    background: #a79f89 0% 0% no-repeat padding-box !important;
}

#displayModalContentDivOut .form-control{
    background-color: transparent !important;
}

.modalClose{
    text-decoration:none;
    font: 12px/30px "Montserrat";
    letter-spacing: 0.72px;
    color: #21333A;
}

/*OCULTAR DIV MODAL ON LOAD*/
#displayDivFormOnline{
    display:none;
}

/* MODAL PRODUCTO */

#productCompareModalWindow .modal-content{
    background: #C6E5F5 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 4px #00000029 !important;
}


/* CALENDARIO MINI PARA MODALS */

.calendarMini{

    margin:30px 5px 5px 5px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 15px;
}
.calendarMini .calendar-month-title{
    font-size:15px !important;
}
.calendarMini div.zabuto_calendar .table th, .calendarMini div.zabuto_calendar .table td {
    padding:0px !important;
}
.calendarMini .calendar-dow-header > th {
    font-size:10px !important;
}
.calendarMini .calendar-body {
    padding: 5px !important;
    background-color: transparent !important;
}
.calendarMini div.zabuto_calendar .table tr td div.day {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 13px !important;
}
.calendarMini .calendar-body {
    min-height: 250px !important;
}

/* INPUT INDIVIDUALES COD CLIENTE */
.codClienteInput{
    border-bottom:0px !important;
    box-shadow: 0px 1px 2px #00000066 !important;
    border: 1px solid #BFBFBF!important;
    border-radius: 5px !important;
    width:100% !important;
    font-weight:600 !important;
    color: #21333A;
}
.codClienteInput:focus{
    border-bottom:0px !important;
    box-shadow: 0px 1px 2px #00000066 !important;
    border: 1px solid #BFBFBF!important;
    border-radius: 0px !important;
    width:100% !important;
    font-weight:600 !important;
    color: #21333A;
}

#verticalBorder {
    border-left: 1px solid #62717966;
    position: absolute;
    top: 5%;
    bottom: 15%;
}

/* infoDIV */

.infoDiv{
    background: #C6E5F5 0% 0% no-repeat padding-box;
    padding:15px 5px 10px 5px;
    font: 12px/19px "Montserrat";
    letter-spacing: 0;
    color: #21333A;
}

#phoneConfirmationForm{
    display: none;
}


/* BTN PRODUCT */

.btn-miyosmart {
    background-color: transparent;
    border: 1px solid #21333A;
    border-radius: 37px;
    text-transform: lowercase;
    font-weight: 300;
    color: #21333A;
    text-decoration: none;
}

.btn-miyosmart:hover {
    background-color: #21333A;
    border: 1px solid #21333A;
    color: #fff;
    text-decoration: none;
}
.btn-miyosmart2 {
    background-color: transparent;
    border: 1px solid #9f5c22;
    border-radius: 37px;
    text-transform: lowercase;
    font-weight: 300;
    color: #9f5c22;
    text-decoration: none;
}

.btn-miyosmart2:hover {
    background-color: #9f5c22;
    border: 1px solid #9f5c22;
    color: #fff;
    text-decoration: none;
}
.btn-miyosmart-dealer {
    background-color: #FBBC43;
    border: 1px solid #FBBC43;
    border-radius: 37px;
    text-transform: lowercase;
    font-weight: 300;
    color: #21333A;
    text-decoration: none;
}

.btn-miyosmart-dealer:hover {
    background-color: #21333A;
    border: 1px solid #21333A;
    color: #fff;
    text-decoration: none;
}

.btn-training {
    background-color: transparent;
    border: 1px solid #811A61;
    border-radius: 37px;
    text-transform: lowercase;
    font-weight: 300;
    color: #811A61;
    text-decoration: none;
}

.btn-training:hover {
    background-color: #811A61;
    border: 1px solid #811A61;
    color: #fff;
    text-decoration: none;
}




.btn-product {
    background-color: transparent;
    border: 1px solid #A0529C;
    border-radius: 37px;
    text-transform: lowercase;
    font-weight: 300;
    color: #0056C4;
    text-decoration: none;
}

.btn-product:hover {
    background-color: #A0529C;
    border: 1px solid #A0529C;
    color: #fff;
    text-decoration: none;
}


.btn-product:focus{
    background-color: #627179;
    border: 1px solid #627179;
    color: #fff;
    text-decoration: underline;
    box-shadow: none;
}

.btn-product:disabled{
    background-color: #0056C4;
    border: 1px solid #0056C4;
    color: #fff;
    pointer-events: none;
}


/* RADIO BUTTONS LIKE BUTTONS */
#sectionCustomMarketingResources .buttonRadioUl{
    margin:0px !important;
}

.buttonRadioUl {
    list-style-type:none;
    margin:25px 0 0 0;
    padding:0;
}

.buttonRadioUl li {
    float:left;
    margin:0 5px 0 0;
    width:120px;
    height:40px;
    position:relative;
}

.buttonRadioUl label, .buttonRadioUl input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    font: 13px/18px 'Montserrat';
    letter-spacing: 0px;
    color: #0056C4;
}

.buttonRadioUl input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.buttonRadioUl input[type="radio"]:checked + label {
    background: #0056C4 0% 0% no-repeat padding-box;
    border: 1px solid #0056C4;
    border-radius: 37px;
    color:white;
}

.prueba{
        display: inline-flex;
        align-items: center;
        justify-content: center;
}

.buttonRadioUl label {
    padding:5px;
    border: 1px solid #0056C4;
    border-radius: 37px;
    cursor:pointer;
    z-index:90;
}

.buttonRadioUl label:hover {
    background: #0056C4 0% 0% no-repeat padding-box;
    border: 1px solid #0056C4;
    border-radius: 37px;
    color:white;
}

/* RADIO BUTTONS LIKE BUTTONS PRODUCTS */

.buttonProductRadioUl {
    list-style-type:none;
    margin:25px 0 0 0;
    padding:0;

}

.buttonProductRadioUl li {
    float:left;
    margin:0 5px 0 0;
    width:120px;
    height:40px;
    position:relative;

}

.buttonProductRadioUl label, .buttonProductRadioUl input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    font: 13px/18px 'Montserrat';
    letter-spacing: 0px;
    color: #627179;
    cursor:pointer !important;
}

.buttonProductRadioUl input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.buttonProductRadioUl input[type="radio"]:checked + label {
    background: #C6E5F5 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 3px;
}

.buttonProductRadioUl label {
    padding:5px;
    border: 1px solid #707070;
    border-radius: 3px;
}

.buttonProductRadioUl label:hover {
    padding:5px;
    background: #C6E5F5 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 3px;
    color: #627179;
}


/* BORDER DIVS */

.br-4{
    border-radius:4px;
}


/* CUSTOM CHECKBOX */

.span_pseudo, .custom-Checkbox span:before, .custom-Checkbox span:after {
    content: "";
    display: inline-block;
    background: #fff;
    width: 0;
    height: 0.2rem;
    position: absolute;
    transform-origin: 0% 0%;
}

.custom-Checkbox {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 3px;
}
.custom-Checkbox input {
    display: none;
}
.custom-Checkbox input:checked ~ span {
    background: #0056C4;
    border-color: #0056C4;
}
.custom-Checkbox input:checked ~ span:before {
    width: 1rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.3s;
}
.custom-Checkbox input:checked ~ span:after {
    width: 0.4rem;
    height: 0.15rem;
    transition: width 0.1s;
    transition-delay: 0.2s;
}
.custom-Checkbox input:disabled ~ span {
    background: #ececec;
    border-color: #dcdcdc;
}
.custom-Checkbox input:disabled ~ label {
    color: #dcdcdc;
}
.custom-Checkbox input:disabled ~ label:hover {
    cursor: default;
}
.custom-Checkbox label {
    padding-left: 2rem;
    position: relative;
    z-index: 2;
    cursor: pointer;
    margin-bottom:0;
}
.custom-Checkbox span {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border: 1px solid #21333A;
    position: absolute;
    left: 0;
    transition: all 0.2s;
    z-index: 1;
    box-sizing: content-box;
}
.custom-Checkbox span:before {
    transform: rotate(-55deg);
    top: 1rem;
    left: 0.37rem;
}
.custom-Checkbox span:after {
    transform: rotate(35deg);
    bottom: 0.35rem;
    left: 0.2rem;
}

/* NOTIFICATION MESSAGE */

.tooltip_templates { display: none; }

.notification-message{
    background: #fff 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-wine{
    background: #861B65 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-purple{
    background: #A0529C 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-pink{
    background: #DE007E 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-green{
    background: #8FC31F 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-orange{
    background: #F5A700 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-yellow{
    background: #FED400 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-light_grey{
    background: #EBF0F2 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-dark_grey{
    background: #627179 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-black{
    background: #21333A 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
}

.notification-message-dark_blue{
    background: #0056C4 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-blue{
    background: #0090D1 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}

.notification-message-light_blue{
    background: #5CC4E8 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
}
.notification-message-grey{
    background: #e6e8ed 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px 30px;
    margin-bottom: 5px;
    border: 2px solid #0056c4;
}

/* CHECKBOX BUTTONS LIKE BUTTONS */
.buttonCheckUl {
    list-style-type:none;
    margin:5px 0 0 0;
    padding:0;
}

.buttonCheckUl li {
    float:right;
    margin:0 8px 0 0;
    width:70px;
    height:35px;
    position:relative;
}

.buttonCheckUl label, .buttonCheckUl input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    font: 13px/18px 'Montserrat';
    letter-spacing: 0px;
    color: #21333A;
}

.buttonCheckUl input[type="checkbox"] {
    opacity:0.011;
    z-index:100;
}

.buttonCheckUl input[type="checkbox"]:checked + label {
    background: #21333A 0% 0% no-repeat padding-box;
    border: 1px solid #21333A;
    border-radius: 37px;
    color:white;
}

.buttonCheckUl label {
    padding:4px 0 5px 0px;
    border: 1px solid #21333A;
    border-radius: 37px;
    cursor:pointer;
    z-index:90;
}

.buttonCheckUl label:hover {
    border: 1px solid #21333A;
    border-radius: 37px;
    color:#21333A;
}


/* BUSCADOR */
.searchInputModern{
    border:1px solid #333 !important;
    float:right;
    width: 35px;
    margin-top:2px;
    padding-left: 35px;
    box-sizing: border-box;
    border-radius: 30px !important;
    font-size: 16px;
    background-color: white;
    background-image: url('/general/images/icons/search-24px.svg');
    background-position: 9px 8px;
    background-repeat: no-repeat;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.searchInputModern:focus {
    width: 100%;
    background-position: 95% 8px;
}

.overlayCampaign{
    display:none;
    background:#0090D1EE;
    width:85%;
    height:130px;
    position:absolute;
    top:5px;
}

/* CANAL DIRECTO */

.directChannelContent{
    background: #0057BC 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:20px;
}

.clientAtentionContent{
    background: #C0C5D1 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding:10px;
}

/* CHECKBOX BUTTONS LIKE BUTTONS INSTRUMENTOS */
.instruments .buttonCheckUl {
    list-style-type:none;
    margin:5px 0 0 0;
    padding:0;
}

.instruments .buttonCheckUl li:first-child {
    float:left;
    margin:0 8px 0 0;
    min-width:175px;
    height:35px;
    position:relative;
}
.instruments .buttonCheckUl li {
    float:left;
    margin:0 8px 0 0;
    min-width:175px;
    height:35px;
    position:relative;
}

.instruments .buttonCheckUl label,.instruments  .buttonCheckUl input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    text-align: center;
    font: 13px/18px 'Montserrat';
    letter-spacing: 0px;
    color: #21333A;
}

.instruments .buttonCheckUl input[type="checkbox"] {
    opacity:0.011;
    z-index:100;
}

.instruments .buttonCheckUl input[type="checkbox"]:checked + label {
    background: #21333A 0% 0% no-repeat padding-box;
    border: 1px solid #21333A;
    border-radius: 37px;
    color:white;
}

.instruments .buttonCheckUl label {
    padding:4px 0 5px 0px;
    border: 1px solid #21333A;
    border-radius: 37px;
    cursor:pointer;
    z-index:90;
}

.instruments .buttonCheckUl label:hover {
    border: 1px solid #21333A;
    border-radius: 37px;
    color:#21333A;
}

/* ACCORDION */
.card-header{
    background: transparent !important;
    border:0px;
    padding: 0.75rem 0rem;
}
.card{
    border:0px;
}
.card-body{
    padding:0px;
    margin-bottom: 15px;
}

.courses_active_title{
    text-align: left;
    font: normal normal medium 14px/35px Montserrat;
    letter-spacing: 0.6px;
    color: #0056C4;
    opacity: 1;
    font-weight: bold;
}

.courses_inactive_title{
    text-align: left;
    font: normal normal medium 14px/35px Montserrat;
    letter-spacing: 0.6px;
    color: #627179;
    opacity: 1;
    font-weight: bold;
}

.accordion .card-header:after {
    content: "- ";
    float: right;
    font-size:50px;
    color: #0056C4;
    margin-right:5px!important;
    font-weight: bold;

}
.accordion .card-header.collapsed:after {
    content: " +";
    margin-right:0px!important;
}
.accordion .subaccordion .card-header:after {
    font-size:35px;
    margin-right:-3px !important;
    font-family: 'Material Icons';
    content: "keyboard_arrow_down";
    float: right;
}
.accordion .subaccordion .card-header.collapsed:after {
    content: "keyboard_arrow_right";
}
/* ACCORDION */

/* SEMICIRCLE */
.semicirclePurple {
    background: #593F80;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleLightPurple {
    background: #A0529C;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleWhite {
    background: #fff;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleDarkBlue {
    background: #0056C4;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleLigthBlue {
    background: #5CC4E8;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleBlack {
    background: #000;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleDarkGrey {
    background: #627179;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleLightGrey {
    background: #EBF0F2;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleYellow {
    background: #FED400;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleOrange {
    background: #F5A700;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleGreen {
    background: #8FC31F;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicirclePink {
    background: #DE007E;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}
.semicircleWine {
    background: #861B65;
    display: inline-block;
    margin: 0 1em 1em 0;
    height: 50px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    width: 25px;
}

/* REDONDEO DE ESQUINAS */
.news-top{
    border-top-left-radius:10px !important;
    border-top-right-radius:10px !important;
}

.news-block{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}

.cropImage{
    height: 120px;
}

.scroll_on_hover_parent {
    max-width: 200px;
    margin-bottom: 3px;
}

.scroll_on_hover {
    white-space: nowrap;
    overflow: hidden;
}

.ellipsis
{
    text-overflow: ellipsis;
}


.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}
.DevStepwizard-row {
    display: table-row;
}
.PointsStepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    border: 1px solid #5CC4E8;
    background:#fff;
}
.stepwizard-step > .btn-primary{
    background:#5CC4E8 !important;
}


/* WIZARD */
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    padding:0px 20px;
    margin-top:30px;
    margin-bottom:30px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 85%;
    height: 1px;
    background-color: #0057bc;
}
.DevStepwizard-row:before {
    top: 14px;
    bottom: 0;
    left:12%;
    position: absolute;
    content: " ";
    width: 75%;
    height: 1px;
    background-color: #5CC4E8;
}
.PointsStepwizard-row:before {
    top: 14px;
    bottom: 0;
    left:12%;
    position: absolute;
    content: " ";
    width: 70%;
    height: 1px;
    background-color: #5CC4E8;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-primaryWizard{
    background-color:#0057bc !important;
    border-color:#0057bc;
    color:white;
}
.btn-default{
    border-color:#0057bc;
    background-color:white;
}

.btn-circle {
    width: 28px;
    height: 28px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}
.stepwizard-step .disabled{
    opacity:1;
}
/* FIN WIZARD */

.campaignsType{
    cursor:pointer;
    margin:10px 0px;
}
.campaignsMarketing{
    cursor:pointer;
    margin:10px 0px;
}


/* RETURN */

.return-garantee{
    background: #E1F4FB 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 10px;
    padding: 5px;
}

/*
LABELS
*/
.lbl {
    padding: .5rem 1rem;
    border-radius: .2rem;
    cursor: pointer;
    transition: all .3s;
    transition-timing-function: ease-in-out;
    margin-bottom: 1px;
}

.lbl-default {
    background-color: rgb(116,120,141, 0.1);
    color: #74788d;
}

.lbl-default:hover {
    background-color: #74788d;
    color: #fff;
}

.lbl-success {
    background-color: rgba(10, 187, 135, 0.1);
    color: #0abb87;
}

.lbl-success:hover {
    background-color: #0abb87;
    color: #fff;
}

.lbl-danger {
    background-color: rgba(253,57,122,.1);
    color: #fd397a;
}

.lbl-danger:hover {
    background-color: #fd397a;
    color: #fff;
}

.lbl-primary {
    background-color: rgba(93,120,255,.1);
    color: #5d78ff;
}

.lbl-primary:hover {
    background-color: #5d78ff;
    color: #fff;
}

.lbl-warning {
    background-color: rgba(255,184,34,.1);
    color: #ffb822;
}

.lbl-warning:hover {
    background-color: #ffb822;
    color: #fff;
}

.lbl-block {
    display: block;
}

.ndw-flex, .ndw, .ndw-block{
    display: none;
}
.blueLightCircle{
    margin-right:20px;height: 40px;width: 40px;border-radius: 100px;display: inline-block;
}

.highlight {
    background-color: #000000 !important;
    color: white;
}

.blur {
    text-shadow: 1px 1px 5px #aaa;
    color: transparent;
}
.slick-prev::before, .slick-next::before {
	color: #0056C4;
}
@media only screen and (min-width : 160px) and (max-width : 740px) /*and (orientation : portrait)*/ {
	
	/* PADDINGS & MARGINS */
	.pad-0-m{padding:0px !important}
	
	.pb-0-m{padding-bottom:0px !important;}
	.pb-5-m{padding-bottom:5px !important;}
	.pb-10-m{padding-bottom:10px !important;}
	.pb-20-m{padding-bottom:20px !important;}
	.pb-30-m{padding-bottom:30px !important;}
	.pb-40-m{padding-bottom:40px !important;}
	.pb-50-m{padding-bottom:50px !important;}
	.pb-60-m{padding-bottom:60px !important;}
	.pb-70-m{padding-bottom:70px !important;}
	.pb-80-m{padding-bottom:80px !important;}
	.pb-90-m{padding-bottom:90px !important;}
	.pb-100-m{padding-bottom:100px !important;}
	
	
	.pt-0-m{padding-top:0px !important;}
	.pt-5-m{padding-top:5px !important;}
	.pt-10-m{padding-top:10px !important;}
	.pt-20-m{padding-top:20px !important;}
	.pt-30-m{padding-top:30px !important;}
	.pt-40-m{padding-top:40px !important;}
	.pt-50-m{padding-top:50px !important;}
	.pt-60-m{padding-top:60px !important;}
	.pt-70-m{padding-top:70px !important;}
	.pt-80-m{padding-top:80px !important;}
	.pt-90-m{padding-top:90px !important;}
	.pt-100-m{padding-top:100px !important;}
	.pt-120-m{padding-top:120px !important;}
	.pt-150-m{padding-top:150px !important;}
	
	.p-0-m{padding:0px !important;}
	.p-10-m{padding:10px !important;}
	.p-20-m{padding:20px !important;}
	.p-30-m{padding:30px !important;}
	.pl-30-m{padding-left:30px !important;}
	.p-40-m{padding:40px !important;}
	.p-50-m{padding:50px !important;}
	.p-60-m{padding:60px !important;}
	.p-70-m{padding:70px !important;}
	.p-80-m{padding:80px !important;}
	.p-90-m{padding:90px !important;}
	.p-100-m{padding:100px !important;}
	
	.mt-0-m{margin-top:0px !important;}
	.mt-10-m{margin-top:10px !important;}
	.mt-20-m{margin-top:20px !important;}
	.mt-30-m{margin-top:30px !important;}
	.mt-35-m{margin-top:35px !important;}
	.mt-40-m{margin-top:40px !important;}
	.mt-50-m{margin-top:50px !important;}
	.mt-60-m{margin-top:60px !important;}
	.mt-70-m{margin-top:70px !important;}
	.mt-80-m{margin-top:80px !important;}
	.mt-90-m{margin-top:90px !important;}
	.mt-100-m{margin-top:100px !important;}
	.mt-120-m{margin-top:120px !important;}
	.mt-150-m{margin-top:150px !important;}
	.mt-170-m{margin-top:170px !important;}
	.mt-200-m{margin-top:200px !important;}
	.mt-300-m{margin-top:300px !important;}
	.mt--90-m{margin-top:-90px !important;}
	.mt--310-m{margin-top:-310px !important;}
	.mt--20-m{margin-top:-20px !important;}
	
	.mb-0-m{margin-bottom:0px !important;}
	.mb-5-m{margin-bottom:5px !important;}
	.mb-10-m{margin-bottom:10px !important;}
	.mb-20-m{margin-bottom:20px !important;}
	.mb-25-m{margin-bottom:25px !important;}
	.mb-30-m{margin-bottom:30px !important;}
	.mb-40-m{margin-bottom:40px !important;}
	.mb-50-m{margin-bottom:50px !important;}
	.mb-60-m{margin-bottom:60px !important;}
	.mb-70-m{margin-bottom:70px !important;}
	.mb-80-m{margin-bottom:80px !important;}
	.mb-90-m{margin-bottom:90px !important;}
	.mb-100-m{margin-bottom:100px !important;}
	
	
	.mr-10-m{margin-right:10px !important;}
	.mr-20-m{margin-right:20px !important;}
	.mr-30-m{margin-right:30px !important;}
	.mr-40-m{margin-right:40px !important;}
	.mr-50-m{margin-right:50px !important;}
	.mr-60-m{margin-right:60px !important;}
	.mr-70-m{margin-right:70px !important;}
	.mr-80-m{margin-right:80px !important;}
	.mr-90-m{margin-right:90px !important;}
	.mr-100-m{margin-right:100px !important;}
	
	.ml-10-m{margin-left:10px !important;}
	.ml-20-m{margin-left:20px !important;}
	.ml-30-m{margin-left:30px !important;}
	.ml-40-m{margin-left:40px !important;}
	.ml-50-m{margin-left:50px !important;}
	.ml-60-m{margin-left:60px !important;}
	.ml-70-m{margin-left:70px !important;}
	.ml-80-m{margin-left:80px !important;}
	.ml-90-m{margin-left:90px !important;}
	.ml-100-m{margin-left:100px !important;}
	
    .login {
        background-position: 50% 50%;        
    }

    #remberberUser{
        white-space: nowrap;
        align-items: left;
        margin-left: 0.5rem;
    }

    .logoLogin{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
    }

    #report{
        visibility: hidden;
    }

    #recoverFormActiveButton{
        font-weight: bold;

    }

    #showPasswordImage{
        visibility: hidden;
    }

    .bttMovil{
        visibility: hidden;
    }
    .ndm{
        display:none !important;
    }

    .text-center{
        display: block;
        align-items: center;
    }

    .ndw{
        display: inline;
    }
    .ndw-flex{
        display: flex;
    }
    .ndw-block{
        display:inline-block
    }
    .mtm-20{
        margin-top:20px;
    }
    .blueLightCircle{
        margin-right:20px;height: 20px;width: 30px;border-radius: 100px;display: inline-block;
    }

    .content-welcome {
        margin: 0px -20px;
    }
    .alignLeftMobile{
        text-align: left !important;
    }
    .account-menu, .training-menu, .directchannel-menu, .settings-menu, .directchannel-menu, .present-menu, .instruments-menu, .marketing-menu, .products-menu{
        height:auto;
    }
    .dashboard-menu-icon{
        min-height: 100%;
    }

    .ptm-10{
        padding-top:10px;
    }
    .ptm-20{
        padding-top:20px;
    }
    .ptm-30{
        padding-top:30px;
    }
    .ptm-40{
        padding-top:40px;
    }
    .pbm-10{
        padding-bottom:10px;
    }
    .pbm-20{
        padding-bottom:20px;
    }
    .pbm-30{
        padding-bottom:30px;
    }
    .pbm-40{
        padding-bottom:40px;
    }


    .slick-slide{
        padding: 0px !important;
    }



    .alert-icon-div{
        position: absolute;
        top:15px;
        right:0px;
        background:transparent;
    }
    .cart-icon-div{
        background: #0056C4;
        display: none;
    }
    /*  MENU DE NAVEGACIÓN  */
    #nav-icon4 {
        width: 30px;
        height: 16px;
        position: relative;
        margin: 5px 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
      }

      #nav-icon4 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #007bff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
      }
      #nav-icon4 {
      }

      #nav-icon4 span:nth-child(1) {
        top: 0px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
      }

      #nav-icon4 span:nth-child(2) {
        top: 4px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
      }

      #nav-icon4 span:nth-child(3) {
        top: 12px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
      }

      #nav-icon4.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: -3px;
        left: 4px;
      }

      #nav-icon4.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
      }

      #nav-icon4.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 18px;
        left: 4px;
      }



      /* CHECKBOX BUTTONS LIKE BUTTONS INSTRUMENTOS */
    .instruments .buttonCheckUl {
        list-style-type:none;
        margin:5px 0 0 0;
        padding:0;
    }

    .instruments .buttonCheckUl li:first-child {
        float:left;
        margin:0 8px 0 0;
        min-width:150px;
        height:35px;
        position:relative;
    }
    .instruments .buttonCheckUl li {
        float:left;
        margin:0 8px 0 0;
        min-width:150px;
        height:35px;
        position:relative;
    }

    .instruments .buttonCheckUl label,.instruments  .buttonCheckUl input {
        display:block;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align: center;
        font: 10px/18px 'Montserrat';
        letter-spacing: 0px;
        color: #21333A;
    }

    .instruments .buttonCheckUl input[type="checkbox"] {
        opacity:0.011;
        z-index:100;
    }

    .instruments .buttonCheckUl input[type="checkbox"]:checked + label {
        background: #21333A 0% 0% no-repeat padding-box;
        border: 1px solid #21333A;
        border-radius: 37px;
        color:white;
    }

    .instruments .buttonCheckUl label {
        padding:4px 0 5px 0px;
        border: 1px solid #21333A;
        border-radius: 37px;
        cursor:pointer;
        z-index:90;
    }

    .instruments .buttonCheckUl label:hover {
        border: 1px solid #21333A;
        border-radius: 37px;
        color:#21333A;
    }

    /*dialog*/
    .ui-dialog_custom { 
        z-index: 1070 !important ;
    }
    .ui-widget-overlay_custom {
        z-index: 1060 !important;
    }
}

@media only screen and (min-width : 1200px){
	.modal-xl {
		max-width: 1140px !important;
	}
}
@media only screen and (min-width : 992px){
	.modal-xl {
		max-width: 900px !important;
	}
}