#plugin-container{
    width:auto;
    max-width:1290px;
    
    height:auto;
    margin:auto;
    position:relative;
    margin-top:50px;
}

#plugin-container *{
    font-size:16px;
}


#container {
    max-width:1290px;
    width:100%;
}
#container-left{
    max-width:720px;
    max-height:720px;
    height:auto;
    border:1px solid rgb(245,245,245);
    position:relative;
    margin:auto;
}
#container-right{
    width:50%;
}
.picker{
    margin:1px;
    padding-top:14px;
    padding-left:14px;
    background-color:rgb(245,245,245);
    display:inline-block;
    border-radius:0px;
}
.picker .title{
    margin-bottom:5px;
    font-size:17px;
    font-weight: bold;
}
.colorPicker-color{
    border-radius:0px!important;
}

.plugin-preloader{
    width:100%;
    height:100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background:#f4f6f9;
    position:absolute;
    z-index:1;
    align-items: center!important;
    transition: height .2s linear;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    left:-10px;
}
.preloader-logo{
    vertical-align: middle;
    border-style: none;
}
#container-left img{
    width:100%;
    height:100%;
}
#current_selection{
    display:block;
    max-width:550px;
    width:100%;
    margin-bottom:10px;
    margin-top: 50px;
}
#current_selection .title{
    color:rgb(97,98,104);
    font-size:21px;
    font-weight: bold;
}
#container-right{
    margin-top:50px;
    height:700px;
    max-width:550px;
    border-right:1px solid rgb(245,245,245);
    margin:auto;
}
#imageContainer{
    cursor:pointer;
}
.image-preloader{
    width: auto;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    top: 45%;
    left:48%;
    position: absolute;
    color:#000000;
}
.image-preloader i {
    font-size: 30px!important;
}
#cushion_main_color{
    background-image:url('/configurator/images/main_color_icon.png');
    background-repeat:no-repeat;
    background-position:center right;
    height:auto;
    max-width:550px;
    width:100%;
    background-size:110px;
}
#cushion_secundary_color{
    background-image:url('/configurator/images/sec_color_icon.png');
    background-repeat:no-repeat;
    background-position:center right;
    height:auto;
    max-width:550px;
    width:100%;
    background-size:110px;
}
#frame_colors{
    max-width:550px;
    width:100%;
}
.picker{
    margin-bottom:5px;
}
.picker .title{
    margin-left:20px;
    margin-bottom:10px;
    font-weight: bold;
    font-size:17px;
}
.picker .colorPicker-container{
    margin-left:20px;
}
.contact-button{
    color:#f5f5f5;
    background-color:#f04e23;
    width:149px;
    height:50px;
    display:inline-block;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-decoration:none;
}
.message{
    color:rgb(129,130,134);
    margin-top:5px;
    text-align:center;
}
.contact-button:hover{
    color:#f5f5f5;
}
.selected-text-container {
    margin-left:20px;
    padding-bottom:15px;
    font-size:16px;
}
.button-container{
    max-width:550px;
    width:100%;
}

#Configurator-Popup *{
    font-size:16px;
}
#SendMail-Popup *{
    font-size:24px;
}
#SendMail-Popup section{
    opacity:1!important;
    padding-top:0px!important;
}
#SendMail-Popup section h2{
    font: 65px/65px MFred, sans-serif;
    color: #575756;
}
#SendMail-Popup .modal-header{
    border-bottom: 1px solid transparent;
}
#SendMail-Popup .modal-body{
    padding-top:0px!important;
}
#SendMail-Popup .modal-content{
    background-color: #9f9f9f;
}

#SendMail-Popup .modal-header .btn-close{
    transition: transform .3s ease-in-out;
}
#SendMail-Popup .modal-header .btn-close:hover{
    transform: rotate(90deg);
    background-color:#dedede;
    border-radius:50%;
}

#SendMail-Popup .modal-content{
    background-color: #9f9f9f;
}

#Configurator-Popup .modal-content{
    border-radius:0px;
    /* max-height: calc(100vh - 123px); */
    overflow-y: auto;
}
#Configurator-Popup .modal-body{
    text-align:center;
    overflow: auto;
}
#Configurator-Popup .modal-body .image-container img{
    height:140vh;
    margin: -253px 0;
    padding: 113px 0;

    
    transition: width .5s;
}
#Configurator-Popup .modal-body .image-container{

    position: absolute;
    right: -50%;
    left: -50%;
    top: 0;
    bottom: -40%;
    margin: auto auto;
}
#Configurator-Popup .modal-body .mobile-image-container img{
    height:100vh;
    margin: -113px 0;
    padding: 113px 0;
}



#Configurator-Popup .btn-secondary{
    border-radius:0px;
}
#Configurator-Popup .modal-header{
    border-bottom:0px solid transparent;
}
#Configurator-Popup .modal-header .btn-close{
    transition: transform .3s ease-in-out;
}
#Configurator-Popup .modal-header .btn-close:hover{
    transform: rotate(90deg);
    background-color:#dedede;
    border-radius:50%;
}
.grabbable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active:hover {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.modal-backdrop{
    background-color:#ffffff;
}
#Configurator-Popup .modal-footer button{
    margin-bottom:2.5px;
}
html{
    overflow-y: visible!important;
}
#plugin-contact-button{
    cursor:pointer;
}
#show_machine_popup{
    border-radius: 0px;
    border-color:#f04e23;
    color:white;
}
#show_machine_popup:hover{
    background-color:#f04e23;
}
.show-selected-button-container{
    margin-bottom: 10px;
    border-bottom: 1px solid rgb(245,245,245);
    padding-bottom: 10px;
}
.tooltipster-base .tooltipster-box {
    background-color:black!important;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
    border-top-color:black!important;
}
.tooltipster-content {
    font-size:16px;
}

#SendMail-Popup .form-control{
    font-size: 18px;
}
#SendMail-Popup .error{
    font-size: 17px;
}

#mainColor,
#secColor,
#frameColor{
    color:#f04e23;
    font-weight:bold;
}
#imageContainer{
    transition: opacity .3s ease-in-out;
}
body.modal-open {
    height: 100vh!important;
    overflow-y: hidden!important;
  }