/* =======================================================
                   kumale setup acronetwork
 =======================================================*/

.kumale.acronetwork .timeline .timeline-body {
    background: #deefff;
}

.kumale.acronetwork .timeline .timeline-body:before {
    border-right-color: #deefff;
}




/* =======================================================
                   kumale setup
 =======================================================*/
/*alex c. temporaneo----------------------------*/
.modal-backdrop.fade.in{
    z-index: -10000!important;
}
/*alex c. --------------------------------*/

.ui-slider-handle, .ui-slider .ui-slider-range  {z-index: inherit;}
.post_input_form,
.filter-categories {
    /*position: fixed;*/
    width: 100%;
}
.filter-categories [class*="col"] {
    margin-bottom: 0;
}
.filters [class*="col"] {
    padding: 0.5em;
}

.fixed {
    position: fixed;
    /*z-index: 10;*/
}
.fixed_right {right:0;}

.page-header-fixed {padding-top: 35px!important;}
.panel-body {     padding: 0;}

.post_input_form {top:20px; padding: 0 2em;}
.post_input_form div:nth-child(2) {/* margin-top:5px; */}

.overflow {overflow: hidden;}

.timeline [class*="col"] {    padding-left: 0;}
.timeline-content [class*="col"] {padding-left:10px;}


.slider-container { padding: 0 25px; }

/* =============================================
        kumale widget color e BG
============================================= */



.bg-1 {background: #dceaef !important;}

.timeline-icon .ronde {background-color: #ca318d; color:white;}
.timeline-icon .allarmi {background-color: #ffd024;}
.timeline-icon .defcon { background-color:#f3ce3f;}


/* =============================================
      kumale commons Avatar form/size
============================================= */
.kumale .padded {/* padding:1em 2px; */}


.timeline-content .social-avatar {}
.profile-info .user-name {margin-top:10px;}

.social-avatar {
    width: 64px;
    height: 64px;
    object-fit: cover;
    overflow: hidden;
    object-position: 0 0;
}

.comment .social-avatar {width:24px; height: 24px;}


.timeline-content .profile-details p {
    font-size: 12px;
    margin-bottom: 2px;
    color: #999999;
}
.profile-details div {  display: inline-table; }
.profile-details div:last-child {padding:0; display: block;}
.social-content-media {    width: 100%;}

.content img,
.post img,
.profile-details img {
    image-rendering:optimizeSpeed;             /* Legal fallback */
    image-rendering:-moz-crisp-edges;          /* Firefox        */
    image-rendering:-o-crisp-edges;            /* Opera          */
    image-rendering:-webkit-optimize-contrast; /* Safari         */
    image-rendering:optimize-contrast;         /* CSS3 Proposed  */
    image-rendering:crisp-edges;               /* CSS4 Proposed  */
    image-rendering:pixelated;                 /* CSS4 Proposed  */
    -ms-interpolation-mode:nearest-neighbor;   /* IE8+           */
}
.profile-details img {
    max-width: 150px;
    max-height: 150px;
}
.thumb {
    position: relative;
    overflow: hidden;
    margin: auto;
    padding:0;
    display: block;
}

.thumb img,
.thumb [class*=centered_] {
    /* position:absolute; */
    left: -150%;
    right: -100%;
    top: -140%;
    bottom: -100%;
    margin: auto;

}
.thumb img:hover {
    cursor: pointer;
}

/* =============================================
            Fancybox
=============================================*/

.fancybox-inner img {    width: 100%;}
.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened {    z-index: 9999!important;}
.fancybox-skin .fancybox-close {color:black;}
.media-object {display: inline;}

/* =============================================
            controlli solo Timeline
=============================================*/
ul.timeline {max-width: inherit; z-index: 0;}
ul.timeline li .timeline-content {padding:0;}

.timeline .heading textarea {  resize:none; border-radius:2px;}
.timeline .content li { padding-left: 0;}
.timeline-content .padded {padding-left:1em; padding-right:1em;}
.timeline-content h4 {text-align: center; margin-bottom:0;}
.share-options .active {color:red!important;}
.timeline-content .comment.padded {    padding-bottom: 5px; }

p.content li {
    padding-right: inherit!important;
    padding-left: inherit!important;
}


/* ============ controlli comments ====================*/

.timeline-content .comment {
    background: #f2f2f2;
    padding-top: 15px;
}


.line .timeline-time {
    font-size: 11px !important;
}

.timeline-time p {display:-webkit-inline-box;}
.timeline-time p:last-child {     display: block;   }


.line .timeline-time strong {padding: 0 4px;}


.line .content .thumb  {
    background-color: #eee;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(255,255,255,.95) 10px, rgba(255,255,255,.95) 25px);
    overflow:hidden;
}

.line .thumb {    text-align: center;}

.line .thumb img,
.line .thumb [class*=centered_] {

    margin: auto;
    position: relative;
    left: 0;
    right: 0;

    image-rendering:optimizeSpeed;              /* Legal fallback                 */
    image-rendering:-moz-crisp-edges;           /* Firefox                        */
    image-rendering:-o-crisp-edges;             /* Opera                          */
    image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
    image-rendering:crisp-edges;                /* CSS3 Proposed                  */
    -ms-interpolation-mode:bicubic;             /* IE8+                           */


}
.line .thumb img {width: auto; height: auto;}

/*thumb image*/
.line .thumb img:first-child {
    min-height: 60px;
    min-width: 60px;
    max-width: 100%;
    max-height:400px;


}

.line .thumb img:nth-child(2) {
    margin:10px 40px;
    min-height:100px;
    max-height: 128px;
    min-width:100px;
    max-width: 128px;

}


.map {
    position:absolute!important;
    border-radius:50%;
    -webkit-border-radius: 50%;
    border:5px solid white;
    box-shadow: 0 0 6px 0px #555;
    -webkit-box-shadow: 0 0 6px 0px #555;
    max-width: 35% !important;
}

/* ================================================
        START custom tab defcon
================================================ */
.content .table th {border:none;}
.content .table th {
    font-family: monospace;
    font-size: 0.9em;
    letter-spacing:-0.1em;

}

.content .table td,
.content .table th {
    width:15%;
    text-align:center;
    padding:4px 0;
}
.content .table td:first-child {width:25%;}
.content .table td.grigio {color:#bbb;}

/*custom tab defcon on comment*/


.comment .content .table th,
.comment .content .table td {
    font-family: monospace;
    font-size: 0.8em;
    letter-spacing:-0.1em;
    width:50px;
    text-align:center;
    padding:2px 0;
}



.comment .table, .comment br {margin:0;}
.comment .profile-details { margin-top:5px; }

.modal-content .widget-content {    background-color: #efefef;}
.modal-content .comment {    background: #bbb url("../img/bg-2.gif") repeat 0 0;}



/* ================================================
        END custom tab defcon
================================================ */

.content iframe {
    width: 100%!important;
    overflow: hidden;

}



/* =============================================
            controlli solo Postlist
=============================================*/

.post .timeline-content td:first-child {}
.post .timeline-content td:last-child {min-width:5px;}

.post .timeline-content tr:last-child td:nth-child(2) {width: 100%;}

.post .timeline-content .social-avatar {padding: 5px;}
.post .timeline-content p,
.post .timeline-content a,
.post .timeline-content h5 {padding:0 5px;}



.post .social-avatar {width: 40px; height: 40px;}
.post .title {

    vertical-align: middle;
    margin:0;

    /*trunkate ellipsis*/
    max-width: 12vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}


.post table {    width:100%;}
.post tr:first-child td:first-child {display:block; /* width: 20px; */ padding: 1px 3px;display: table;}

.post .user-name, .post .user-data {
    font-size: 12px;
    margin: 0; padding: 0;
}
.post .user-name,
.post .user-data {padding: 0; margin: 0; display: table-caption;}

.post .user-data, .post tr:first-child > td:last-child  {text-align: right; }
.post .user-data {margin-right: 2em;}


.post .hidden-sm .user-data {margin-left:20px;}
.post .thumb {
    height: 45px;
    width: 45px;
    margin-right:0px;
}
.post .thumb .centered_V {max-width:45px;}
.post .thumb .centered_H {max-height:45px;}
.post .thumb .centered_Q {max-height:45px; max-width:45px;}

.post .profile-info {margin:0;}
.post li, .post li .timeline-content {    min-height: 38px; }
.post li .timeline-content {padding:5px;}

.post .title [class*="col"] { float:left; }

/*---------   POST list badge ----------------------- */

.post .counter {
    display: block;
    text-align: center;
    position: absolute;
    left: 0; top : 0;
    margin-left: 30px;
    margin-top: -8px;
}
.post .badge {
    font-size: 0.7em;
    height: 15px;
    width: 15px;
    padding:2px 0; margin:0; line-height: 1;

}
.post span.glyphicon {font-size: 2em;}
.post span.badge {
    background: #e62828!important;
    border-radius:50%;}

/* =============================================
            Post insert/comment form
=============================================*/

.post_input_form .user-name {

    letter-spacing: -0.02em;
    margin-left: 3em;
}

.share-options p {text-align:center; font-size: 0.8em;}

.padded .btn.share,
.padded .btn.like { padding: 1px 3px 1px 8px; }



.label .fa {padding-right: 5px;}
.label {margin: 2px 2px;}



.big {height:100%;}

.widget-container {min-height: 250px; }
.widget-container .heading {z-index: inherit!important;}


.post_input_form .widget-container {
    display: block;
    padding:10px 5px;
    box-shadow: none;
}
.post_input_form textarea {resize:none; }
    .note-editor.fullscreen {top:40px;}


.post_input_form,
.post_input_form input#s2id_autogen2 {
    padding: 0px 5px!important;
    margin: 0 0 0 0!important;
    height:2em;
}
.post_input_form input {height: 2.2em;}

.post_input_form .post_btn {margin: 0 1.6em;}




/* =========================================================
    Note editor custom image update and popoover content
========================================================= */



.note-editor .note-handle .note-control-selection .note-control-selection-bg { }

.note-editable img {
    /*max-width:640px!important;*/
    max-height:10em!important;
    width:auto!important;
}
.note-editor .note-popover .popover .arrow {left: 20px;}

.popover {
    top:40%!important;
    background:#0077ff;
    left:30%!important;

    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,1);
    box-shadow: 0 0 3px 0 rgba(0,0,0,1);

}


.popover .arrow {
    top:55px!important;
    transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);


}
.popover .arrow:after {
    width: 0;
    height: 0;

    border-style: solid;
    border-width: 10px;
    border-color: transparent transparent #0077ff transparent !important;

    transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -webkit-transform:rotate(360deg);

}

.popover .arrow {display:none!important;}

/* ==============================================
                    Filters
 ============================================== */

/*commento per problemi modulo auth login*/
/*.btn-group {    display: -webkit-box;  }*/


.btn-group:not([class*="note-"]) button {
    width: 50%;
    margin: inherit;
    padding: 1em!important;

}

.filter-categories .btn-group .btn [class^="fa"], .filter-categories .btn-group .btn [class*="fa"] {width: inherit;}

.filter-categories .panel,
.filter-categories .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none;
    border-bottom: none;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}
.filter-categories .slider-container {margin-right:20px;}

.microblog-slider-amount .ui-slider-handle {
    background-color: #007aff;
    border: none;
}
.filter-categories .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.filter-categories .ordinary {padding: 6px 5px;}
.filter-categories .btn-group > .btn:last-child:not(:first-child):not(.dropdown-toggle)
{
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.filter-categories span {
    font-size: 15px; padding:0 5px;

}

#accordion {
    height: auto!important;
}


.kumale .toggle-switch.has-switch {    min-width: 55px; max-width:100%; width:100%;}
.kumale span.switch-small,
.has-switch label.switch-small {line-height:20px;}

.kumale {margin-top: 50px; overflow: hidden;}
.kumale .app {    padding-bottom: 10px;}


/*----------------------------------------------------------------------------------- */
/*  Background color helper classes ex-creasy*/
/*----------------------------------------------------------------------------------- */

.coa { background-color: #C9F8FF; }
.eventi { background-color: #ff572d;}
.comunicazioni { background-color: sandybrown; }
.presidi { background-color: #9bc44e; }
.interventi { background-color: #EDCA01; }
.scenari, .notizie { background-color: #ffd024; }


/*----------------------------------------------------------------------------------- */
/*  Background color helper classes soglie */
/*----------------------------------------------------------------------------------- */

.soglia_verde {background:limegreen !important; color:#000000 !important;}
.soglia_rossa {background:#d73942 !important; color:#000000 !important;}
.soglia_gialla {background:#e8de24 !important; color:#000000 !important;}
.soglia_arancio {background:orange !important; color:#000000 !important;}


/*----------------------------------------------------------------------------------- */
/*  Mobile Styles */
/*----------------------------------------------------------------------------------- */



@media (min-width: 1200px) {

    body.nav-open .navbar, body.nav-open .container-fluid.main-content {
        left: 180px;
    }
    .content img:not(.centered) {max-width: 100%; }

}

@media (max-width: 1200px) {

    .timeline [class*="col-"],
    .post_input_form [class*="col-"]{
        margin-bottom: 5px;

    }
    .content img:not(.centered) {max-width:280px;}
}


@media (max-width: 1024px) {
    .kumale {padding-top: 0px;}


    .content img:not(.centered) {max-width:400px;}
    .filter-categories .btn:first-child {width:120px;}
    .post .counter { margin-left: -3px; margin-top: -7px;}
    .post .user-name {padding-left:20px!important;}

}
@media (max-width: 980px) {
    .content img:not(.centered) {max-width:320px;}
}

@media (max-width:767px) {
    .content img:not(.centered) {max-width:400px;}
    .navbar-fixed-top {position: fixed; }
    .timeline, .postlist { margin-left: 0px; }
    .page-header-fixed {padding-top: 0!important;}
    .post_input_form,
    .filter-categories,
    .main-content {
        position: relative;
        top:inherit;
        padding-top: inherit;

    }
    .filter-categories .btn {width:50px!important;}
    .kumale .btn-group > .btn, .btn {padding:3px 2px; margin-top:inherit; margin-bottom: inherit;}


    .widget-container.scrollable {height: auto!important;}
    .slider-container {        position:relative; }

    .widget-container.timeline {margin-top:5px;}
    .timeline { margin-top: 1em;}
    .post_input_form .btn-lg {height:auto;}


    .kumale .toggle-switch.has-switch {
        width:66%; height: 20px;
        margin: 0 12.5% 15px;
        border-radius: 0;
        border: none;
    }

    .kumale span.switch-small,
    .has-switch label.switch-small {line-height:20px; border-radius: 0;}


}

@media (max-width:480px) {
    .content img:not(.centered) {max-width:240px;}
    .timeline-content .social-avatar {

    }
}
@media (max-width:320px) {
    .content img:not(.centered) {max-width:160px;}
}


/*----------------------------------------------------------------------------------- */
/*  Mobile Styles  4 height widget container */
/*----------------------------------------------------------------------------------- */

@media (max-height: 1800px) {
    .widget-container.scrollable {height:1480px;}
}

@media (max-height: 1600px) {
    .widget-container.scrollable {height:1280px;}
}

@media (max-height: 1200px) {
    .widget-container.scrollable {height:880px;}
}
@media (max-height: 1080px) {
    .widget-container.scrollable {height:760px;}
}
@media (max-height: 1060px) {
    .widget-container.scrollable {height:740px;}
}
@media (max-height: 1024px) {
    .widget-container.scrollable {height:714px;}
}
@media (max-height: 900px) {
    .widget-container.scrollable {height:580px;}
}
@media (max-height: 767px) {
    .widget-container.scrollable {height:448px;}
}