/* Page liste des cartes */
.wp-admin .wp-list-table input[readonly]{background-color: transparent; border: none;}
.wp-admin .wp-list-table input[readonly].selected::selection{background-color: transparent; color: inherit;}
.wp-admin input:disabled+label{opacity: 0.7; cursor: default;}
td.shortcode input{max-width: 200px;}
span.msg-code{margin-left: 20px;}
span.msg-hidden{visibility: hidden; opacity: 0; transition: visibility 0s linear 300ms, opacity 300ms;}
span.msg-visible{visibility: visible; opacity: 1; transition: visibility 0s linear 0s, opacity 300ms;}

p.title-label{font-style: italic;}
#imagemarkerdiv input[type="number"].number{width: 70px;}

/* Page form de la carte */
span.col-50{display: inline-block; width: 100%; max-width: 400px;}
span.col-25{display: inline-block; width: 25%;}
.categories label.taxo-label{margin-right: 5%;}
.categories input[type="number"]{margin-left: 5px; padding-right: 0px; width: 50px;}
img.imageBackground{max-width: 100%; width: auto; max-height: 150px; margin: 10px auto; display: block;}
a.link-details{cursor: pointer;}
a.link-details .toggle-indicator{vertical-align: middle;}
a.link-details.closed .toggle-indicator::before{content: "\f140";}
span.zoomlevel{padding: 0px 8px;}
span.opacity{display: inline-block; width: 30px; height: 19px; margin-left: 20px; background-image: url('/wp-content/plugins/yatamap/public/transparent.png'); vertical-align: middle;}
span.opacity span{display: inline-block; width: 100%; height: 100%; background-color: #000;}
span.weight{margin-left: 20px; width: 20px; height: 20px; text-align: center; display: inline-block;}
span.weight span:first-child{display: inline-block; margin: auto; vertical-align: middle; border-radius: 50%; background-color: #000; width: 2px; height: 2px;}
span.weight-value{margin-left: 10px;}
#listGeoJSON .submitbox, #listCPT .submitbox{float: right;}
#listCPT .submitbox{line-height: 48px;}
#listGeoJSON .submitbox a:hover, #listCPT .submitbox a:hover{cursor: pointer;}
.fieldsACF_Supp .submitbox, .newFields .submitbox{line-height: normal!important; float: none!important; margin-left: 10px;}

/* STYLE DES CLUSTERS DE MARKERS  */
.cluster {
    background: #302d2d;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-weight: 700;
    font-family: monospace;
}
.cluster:before {
    content: ' ';
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}
.childs-1 {
    font-size: 14px;
    height: 28px;
    width: 28px;
    line-height: 28px;
    margin-top: -14px;
    margin-left: -14px;
}
.childs-5 {
    font-size: 16px;
    height: 34px;
    width: 34px;
    line-height: 35px;
    margin-top: -17px;
    margin-left: -17px;
}
.childs-10 {
    font-size: 18px;
    height: 48px;
    width: 47px;
    line-height: 47px;
    border-width: 3px;
    margin-top: -24px;
    margin-left: -24px;
}
.childs-50 {
    font-size: 18px;
    height: 58px;
    width: 58px;
    line-height: 57px;
    border-width: 4px;
    margin-top: -29px;
    margin-left: -29px;
}
.childs-100 {
    font-size: 18px;
    height: 68px;
    width: 68px;
    line-height: 67px;
    border-width: 5px;
    margin-top: -34px;
    margin-left: -34px;
}

/*------------------------------------------------1700 PX----------------------------------------------------*/
@media screen and (max-width: 1700px) {
  span.col-25{width: 33.33%;}
}

/*------------------------------------------------1500 PX----------------------------------------------------*/
@media screen and (max-width: 1500px) {
  span.col-25{width: 50%;}
}

/*------------------------------------------------1200 PX----------------------------------------------------*/
@media screen and (max-width: 1500px) {
  span.col-25{width: 100%;}
}