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

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

@font-face {
    font-family: Quicksand-Semibold;
    src: url('../fonts/Quicksand/Quicksand-SemiBold.ttf');
}

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

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

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

@font-face {
    font-family: OpenSans-Semibold;
    src: url('../fonts/OpenSans/OpenSans-SemiBold.ttf');
}

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

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


.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.opensansregular
{
    font-family: OpenSans-Regular;
}



.btn-lancebom{
    background: transparent linear-gradient(180deg, #EC008C 0%, #FF4130 100%) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    border-color: transparent;
    font: normal normal bold 14px/25px Quicksand;
}

.bg{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}
@media (max-width: 1000px) {

    .bg {
        background-size: auto;
    }

}



.btn-transp
{border: 2px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    background-color: transparent;
}

.btn-transp:hover
{   border: 2px solid #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    background-color: transparent;
    background: transparent linear-gradient(180deg, #EC008C 0%, #FF4130 100%) 0% 0% no-repeat padding-box;
}

.link-lancebom {
    font: normal normal bold 17px/28px Quicksand;
    letter-spacing: 0px;
    color: #EC008C;
    opacity: 1;
}


.link-lancebom-white {
    text-decoration: underline;
    font: normal normal normal 14px/21px OpenSans-Regular;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.link-lancebom-pink {
    text-decoration: underline;
    font: normal normal normal 14px/21px OpenSans-Regular;
    letter-spacing: 0px;
    color: #EC008C;
    opacity: 1;
}


.link-lancebom-black {
    text-decoration: underline;
    font: normal normal normal 14px/21px OpenSans-Regular;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


t1 {
    font: normal normal normal 14px/21px OpenSans-Regular;
    letter-spacing: 0px;
    color: #EC008C;
    opacity: 1;
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    text-align: center;

}

t1:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 110%;
    height: 1px;
    content: '\a0';
    background-color: #EC008C;
}
.box {
    width: 300px;
    height: 300px;
    background: #fff;
}

.container {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center

}
#inner-div {
    display: inline-block;
    margin: 0 auto;
    padding: 3px;
    background-color: #8ebf42
}


.user_menu
{
    font: normal normal bold 18px/32px Quicksand-Regular;
    letter-spacing: 0px;
    color: #002829;
    opacity: 1;
}


#default-color
{
    color: #EC008C;

}

.default-color
{
    color: #EC008C;

}

.default-font
{
    font-family: Quicksand-Regular;

}

.default-font2
{
font-family: OpenSans;
    text-align: left;
    font: normal normal normal 14px/18px OpenSans;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;


}

.lnk_active
{
    color: #EC008C;
}

.lnk_white
{
    color: #ffffff;
}

a.lnk_white
{
    color: #ffffff;
}
a.lnk_white:hover
{
    color: #000000;
}


a.deco-none {
    color:#000000 !important;
    text-decoration:none;

}

.bg-color-default
{
    background-color: #fde5f3;

}


.popover-content {
    color: red;
}

    .itemmenu-dropbox {
        /*height: 65px;*/
        align-items: center;
        padding: 5px;
        font-size: 8px;
        border-radius: 7px;
        margin-left: 5px;
        margin-right: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-family: OpenSans-Regular;
    }



.not-read
{
    background-color: #fde5f3;
}

.titlemenu-dropbox
{
    height: 40px;
    align-items: center;
    padding: 5px;
    font-size: 15px;
    border-radius: 7px;
    margin-left: 5px;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Quicksand-Bold;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}
/*
.bd-loading-modal-lg .modal-dialog1{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-loading-modal-lg .modal-dialog1 .modal-content1{
    background-color: transparent;
    border: none;
}

.bd-loading-modal-lg .modal-dialog1{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-loading-modal-lg .modal-dialog1 .modal-content1{
    background-color: transparent;
    border: none;
}*/

.inner-addon {
    position: relative;
  }
  
  /* style glyph */
  .inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
   
  }

  .input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control {
     position: relative; 
     flex: 1 1 auto; 
    width: 1%;
     margin-bottom: 0; 
}


.inputSucess
{
    background-color: #e1f1e4;   
    border: 1px solid #0C8D21;
}


.inputError
{
    background-color: #ffdedd;   
 
    border: 1px solid #FE3C37;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .fa-search {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}

/* align icon */
.left-addon .fa-search  { left:  0px;}
.right-addon .fa-search { right: 0px;}

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }