/* IMPORTAZIONI */

/* OPENS SANS */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

/* LATO */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

/*Montserrat*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Dancing Script */

@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');


/* Crimson Pro */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Dancing+Script:wght@400;500;600;700&family=Montserrat:ital,wght@0,100;1,100&display=swap');


* {
    margin: 0px;
    padding: 0px;
}

html,
body {
    background-color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 100%;
    min-width: 1000px;
    position: relative;
    top: 0px;
    left: 0px;
    overflow-x: hidden;
    /*width: 100%;
    height: 100%;*/
}

*:focus {
    outline: none !important;
}


#menuheader {
    background-image: url(back.jpg);
    border-bottom: 1px solid #CCCCCC;
    height: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

#menuheader img {
    position: relative;
    top: 6px;
}

#menu {
    position: absolute;
    height: 100px;
    /* left: 365px; */
    right: 220px;
    top: 0px;
}

.menuitem {
    color: #B6B6B6;
    font-size: 14px;
    padding: 70px 9px 0px 9px;
    margin-bottom: 5px;
    text-align: center;
    text-decoration: none;
    height: 30px;
    float: left;
    padding-top: 30px;
}

.menuitem span {
    position: relative;
    bottom: 8px;
}

.menuitem:hover {
    background-image: url(back_hover.jpg);
}

#menu2 {
    bottom: 5px;
    left: 205px;
    position: absolute;
}

.menuitem2 {
    color: #B6B6B6;
    font-size: 15pt;
}

#statusbox {
    border-left: 1px dotted #CCCCCC;
    height: 80%;
    padding-left: 15px;
    position: absolute;
    right: 25px;
    top: 10px;
    width: 150px;
}

#statusbox div {
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    margin-top: 5px;
}

#text {
    /* left: 75px; */
    position: relative;
    /*top: 175px;*/
    top: 110px;
    width: 95%;
    padding-bottom: 50px;
    margin: auto;
    margin-bottom: 120px;
}

h1 {
    bottom: 5px;
    color: #3766AC;
    font-size: 25pt;
    font-weight: bold;
    left: 50px;
    margin-right: 100px;
    position: absolute;
}

h2 {
    font-weight: 400;
    color: #676769;
    font-size: 20pt;
}

h3 {
    font-weight: bold;
}

.kop2 {
    font-size: 14pt;
    color: #006ab3;
    font-weight: bold;
    display: block;
}

.kop3,
.kop4 {
    color: gray;
}

.kop3 {
    font-size: 17pt;
}

.kop4 {
    font-size: 12px;
}

.menuheader .menudiv {
    /*background-color: #F4F4F4;
    border: 1px dotted gray;*/
    padding: 2px 0px 2px 0px;
    margin: 10px;
    display: inline-block;
}

.menudiv {
    display: block;
}

div#personalizzazioneSito.menudiv input[type=text],
div#impostazioniCMS.menudiv input[type=text],
div#personalizzazioneSito.menudiv input[type=password],
div#impostazioniCMS.menudiv input[type=password],
div#personalizzazioneSito.menudiv textarea,
div#impostazioniCMS.menudiv textarea {
    background-color: #ffffff;
}

.menudiv .title-page {
    width: 350px;
    font-size: 17pt;
}

.menudiv .title-module {
    width: 600px;
    font-size: 17pt;
    color: gray;
}

.menudiv span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 2px;
}

.menudiv span a {
    font-size: 14pt;
}

a {
    font-size: 14pt;
}

.menudiv span .more {
    font-size: 8pt;
    color: gray;
}

#somp {
    border-top: 1px dashed gray;
    color: gray;
    font-size: 12px;
    margin-top: 30px;
    padding-top: 5px;
}

#somp a {
    color: #3766AC;
    text-decoration: none;
}

#somp a:hover {
    color: gray;
    text-decoration: none;
    lelle
}

.logo {
    bottom: 5px;
    left: 0px;
    position: absolute;
}

a {
    color: gray;
    text-decoration: none;
}

a:hover {
    color: #3766AC;
    text-decoration: none;
}

a img {
    border: 0px;
}

input[type=text],
input[type=password],
input[type=file],
input[type=reset],
input[type=submit],
input[type=button],
button {
    /* background-color: #F4F4F4; */
    /* border: 1px solid gray; */
    /* color: gray; */
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    border: none;
    border-bottom: 1px solid;
}

input[type=button],
input[type=submit],
button,
btn {
    background-color: #006ab3;
    color: #ffffff;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 20px;
    border: 0px;
    border-radius: 0 !important;
}

textarea {
    background-color: #F4F4F4;
    border: 1px solid gray;
    color: gray;
    margin-top: 2px;
}

p {
    /* margin-bottom: 15px !important;
    margin-left: 15px !important; */
}

.rightmenu {
    color: #3766AC;
    float: right;
    font-size: 12px;
    margin-bottom: 2%;
    border: 1px solid #C0C0C0;
}

.row-rightmenu {
    flex-direction: column;
}

.row-rightpageover {
    color: #3766AC;
    border: 1px solid #C0C0C0;
    position: absolute;
    top: 2%;
    z-index: 10;
    left: 53%;
    width: 50% !important;
    padding: 0 !important;
}

.col-rightmenu {
    color: #3766AC;
    /*float: right;*/
    font-size: 12px;
    margin-bottom: 2%;
    border: 1px solid #C0C0C0;
    /*margin-top: 12% !important;*/
    /*height: 100% !important;*/
}

.row-tiny {
    padding: 0 !important;
}

.row-page {
    padding: 0 !important;
}

.row-dimension {
    /* font-size:10px; */
}

.smallmenu {
    text-align: right;
    margin: 0px;
    margin-bottom: -8px;
    font-size: 13px;
    color: gray;
    height: 25px;
    width: 98%;
}

.smallmenu_button {
    margin-left: 10px;
}

.smallmenu_a {
    padding-left: 22px;
}

.red {
    color: red;
}

.green {
    color: green;
}

ul {
    margin-left: 20px;
}

ol {
    margin-left: 20px;
}

/*multiupload gallery*/
.error {
    padding: 10px;
    height: 58px;
    overflow: auto;
    border: 1px solid #ff0000;
    background-color: #FFFFA0;
    margin-bottom: 10px;
    line-height: 22px;
}

#custom-demo .uploadifyQueueItem {
    background-color: #FFFFFF;
    border: none;
    border-bottom: 1px solid #E5E5E5;
    font: 11px Verdana, Geneva, sans-serif;
    height: 50px;
    margin-top: 0;
    padding: 10px;
    width: 350px;
}

#custom-demo .uploadifyError {
    background-color: #FDE5DD !important;
    border: none !important;
    border-bottom: 1px solid #FBCBBC !important;
}

#custom-demo .uploadifyQueueItem .cancel {
    float: right;
}

#custom-demo .uploadifyQueue .completed {
    color: #C5C5C5;
}

#custom-demo .uploadifyProgress {
    background-color: #E5E5E5;
    margin-top: 10px;
    width: 100%;
}

#custom-demo .uploadifyProgressBar {
    background-color: #0099FF;
    height: 3px;
    width: 1px;
}

#custom-demo #custom-queue {
    border: 1px solid #E5E5E5;
    min-height: 213px;
    width: 370px;
    background-color: #ffffff;
}

#custom-queue-wrapper {
    height: 215px;
    width: 390px;
    overflow: auto;
    margin-bottom: 10px;
}

#custom-demo #btnUpload {
    height: 30px;
    padding: 0px;
    text-transform: uppercase;
    width: 160px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    border: 0px none;
    border: 1px solid #808080;
    color: #3C3C3C;
    background-color: #FFFFA0;
    font-weight: normal;
    cursor: pointer;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}

#custom-demo #btnUpload.files {
    width: 120px;
}

#waitLevel {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #ffffff;
    overflow: hidden;
    top: 0px;
    left: 0px;
    display: none;

    opacity: 0.75;
    z-index: 9999;
    background: url(../../data/images/loading.gif) no-repeat center center #ffffff;
}

/*Colorpicker*/

#colorpickerAdmin table tr td {
    padding: 0px 15px 0px 15px;
    width: 190px;
}

#colorpickerAdmin table tr:nth-child(2n) td {
    padding-bottom: 20px;
    border-bottom: 1px solid #666666;
}

#colorpickerAdmin input[type="text"] {
    width: 126px;
    height: 26px;
    line-height: 26px;
}

#colorpickerAdmin input[type="submit"] {
    width: 156px;
    float: right;
    height: 26px;
    margin-top: 10px;
}

#colorpickerAdmin textarea {
    width: 98%;
    margin: 0px 1%;
    min-height: 50px;
}

#colorpickerAdmin .colorpickerSection {
    border-bottom: solid 1px #666666;
    margin-bottom: 25px;
    padding-bottom: 15px;
}

div#imageGalleryList {
    /*margin-top: 100px;*/
}

.img-gallery-preview {
    width: 200px;
    height: auto;
}

div#dimension input {
    margin-right: 20px;
}


/* wincms new */


.pswp__ui.pswp__ui--hidden {
    display: none;
}

.pswp {
    display: none;
}

/* LOGIN */

.login-form {
    width: 300px;
    margin: auto;
    text-align: center;

}

.titolo-login {
    text-align: center;
}

form.login-form input[name="account"] {
    width: 100%;
    border: 0px;
    height: 30px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
}

form.login-form input[name="password"] {
    width: 100%;
    border: 0px;
    height: 30px;
    border-bottom: 1px solid #bbb;
    margin-bottom: 20px;
    background: none;
}


.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.col-lg-6.d-none.d-lg-block.bg-login-image {

    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 20px;
}

i.iconadmin {
    display: block !important;
    font-size: 30px;
    padding-right: 20px;
    padding-bottom: 10px;

}

a {
    color: black !important;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.log-profilo {
    width: 60px;
    height: 60px;
    display: block;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 5px;
    border: 2px solid #d4e6f2;
}

.title-admin-page {
    font-size: 22px;
    text-transform: uppercase;
    color: #006ab3 !important;
}

div#menuheader #menu .menuitem i {
    padding-right: 0px;
}

div#menuheader #menu .menuitem a {
    font-weight: bold;
    text-align: center !important;
    display: block !important;
    position: relative;
    color: #006ab3 !important;
    font-size: 16px;
}

.icopages {
    font-size: 25px;
}

i.icopages {
    padding-left: 10px;
    font-size: 22px;
}

/* EDITOR */

.tox.tox-tinymce {
    width: 100% !important;
}

#print_foot .tox.tox-tinymce {
    height: 600px !important;
}

#footer_mobile .tox.tox-tinymce {
    height: 600px !important;
}

/*FINE EDITOR */

div#imageGalleryList img {
    max-width: 100%;
}

section.cont-pagine {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}

.row {
    padding: 2%;
}

.row-gallery-dx,
.row-slide-admin {
    padding-top: 10px;
    padding-bottom: 0;
}

.row-admin-img {
    padding: 0 !important;
    border-top: 1px dotted #ccc;
    align-items: center;
}

#row-left-img-opz {
    align-items: center;
    margin: 2%;
    max-width: fit-content;
}

.row-download {
    align-items: center;
    margin: 0;
    padding: 0;
    border-top: 1px dotted #ccc;
}

.ajax-upload-dragdrop {
    width: 100% !important;
    max-width: 400px !important;
}

/* COOKIE BAR */

.ico-cookie-option {
    color: red;
}


.input-group {
    display: flex;
    flex-wrap: nowrap !important;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    text-align: center;
    white-space: nowrap;
    background-color: #eee;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.color_input {
    width: 90%;
    height: 38px;
}

/*input[type=text], input[type=password], input[type=file], input[type=reset], input[type=submit], input[type=button], button {
     background-color: #F4F4F4; 
    border: 1px solid gray;
    color: gray;
    padding: 2px;
    border: none;
    border: 1px solid;
}*/
.form-label {
    padding-top: 0.5rem;
}


.field-icon {
    float: right;
    margin-right: 15px;
    margin-top: -40px;
    position: relative;
    z-index: 2;
}

.form-check-input {
    vertical-align: middle !important;
}

/*PANNELLO ADMIN - MODELLI PAGINE*/
#txt-area-models {
    height: 500px !important;
    width: 100% !important;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #f8f8f8;
    font-size: 16px;
    resize: none;
}

#salvabutton {
    margin-top: 3% !important;
}

.img-model {
    width: 55px;
    height: 90px;
    object-fit: cover;
    cursor: pointer;
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}

.img-block {
    cursor: pointer;
    -webkit-transition-property: all;
    -webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease;
}

.img-model:hover {
    transform: scale(1.1);
    position: absolute !important;
    z-index: 9999 !important;
}

.img-block:hover {
    transform: scale(1.1);
    position: absolute !important;
    z-index: 9999 !important;
}


.slick-next {
    position: absolute !important;
    left: 97%;
    background: #f10879 !important;
    width: 50px !important;
    height: 30px !important;
}

.slick-prev {
    left: -15px !important;
    background: #f10879 !important;
    width: 50px !important;
    position: absolute !important;
    z-index: 9999 !important;
    height: 30px !important;
}

.row-show-model{
    display: none;
    width: 42%;
    height: 100vh;
    left: 58%;
    text-align: center;
    z-index: 9999;
    top:0;
    position: fixed;
    background: rgba(0, 0, 0, 0.700);
}

.row-show-model img{
    display: block;
    margin: 20% auto !important;
}

.block-model .slick-slider .slick-list .slick-slide{
    width: 270px !important;
    margin-top: 1% !important;
}

.block-model .slick-slider .slick-list{
   margin-bottom: -15% !important;
}


.page-model .slick-slider .slick-list .slick-slide{
    width: 85px !important;
}

.btn-primary{
    background-color: #006ab3 !important;
    color: #ffffff !important;
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 20px;
    border: 0px;
    border-radius: 0 !important;
}

.win-block{
    border-bottom: 2px #f1027a dashed;
    width: 100%; 
}

.row.col-rightmenu {
    overflow: scroll;
    height: 700px;
}

.loading-animation {
    animation: pulse 1s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.2);
        opacity: 0.7;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}