/**
 * Mccustomers.css
 * @type {[type]}
 */

.flex { display: flex }
.inline-block { display: inline-block; }
.no-margins { margin: 0; }
.no-paddings { padding: 0 !important }
.no-borders { border: 0 !important; }
.center { text-align: center; }
.right { text-align: right; }
.margin-bottom-sm { margin-bottom: 5px }
.margin-top-sm { margin-top: 5px }
.margin-bottom-lg { margin-bottom: 20px }
.margin-top-lg { margin-top: 20px }
.required::after { content: " *"; }
.hidden { display: none !important }
.full-w { width: 100%; }
.f-left { float: left }
.f-right { float: right }
.smaller { font-size: 0.9em; }
.white { color: #ffffff; }
.pointer { cursor: pointer }
.disabled { background-color: #e5e5e5}
tr.disabled td { background-color: #e5e5e5; color: #777777; }
.color-black { color: #000000 }
.tr-lightgrey td {
    background-color: #eee;
    color: #777;
}
.lnk-blue { color: #337ab7 !important; }

figure {
    text-align: center;
    font-style: italic;
    font-size: smaller;
    text-indent: 0;
}

.panel-top {
    background: #fff;
    padding: 15px 15px;
}

.breadcrumb {
    font-size: 0.9em;
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background: #fff;
    border-radius: 4px;
}

.panel-center {
    margin-left: 15px;
    margin-right: 15px;
}

.panel-filtri .radio { font-size: 0.8em }
.filtri-after-value { font-size: 0.8em }

.table-control {
    display: table;
}

.borderless td, .borderless th {
    border: none !important;
}

.header-button { padding: 8px }

.table-font-head-sm thead th { font-size: 0.9em }

div.show-panel-filtri {
    position: absolute;
    display: none;
    z-index: 1000;
    margin-left: -20px;
    background-color: #dddddd;
    border: 1px solid #aaaaaa;
    border-left: 0;
    width: 25px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.sortable {
    cursor: pointer;
    background: url(../images/sort_both.png) no-repeat center right;
}
.sorted-asc {
    background: #eeeeee url(../images/sort_asc.png) no-repeat center right;
}
.sorted-desc {
    background: #eeeeee url(../images/sort_desc.png) no-repeat center right;
}

.bg-good {
    background: #D4EB90 !important;
}
.bg-bad {
    background: #FD7A7A !important;
}

.ajaxMultiCheckboxMultiParents { max-height: 250px; overflow-y: auto; }

/**
 * PROGRESS BAR
 */
.meter {
    height: 20px;  /* Can be anything */
    position: relative;
    background: #555;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    /* padding: 10px; */
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
    display: block;
    height: 100%;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    background-color: rgb(43,194,83);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(43,194,83)),
            color-stop(1, rgb(84,240,84))
    );
    background-image: -moz-linear-gradient(
            center bottom,
            rgb(43,194,83) 37%,
            rgb(84,240,84) 69%
    );
    -webkit-box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    -moz-box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:
            inset 0 2px 9px  rgba(255,255,255,0.3),
            inset 0 -2px 6px rgba(0,0,0,0.4);
    position: relative;
    overflow: hidden;
}
.meter > span:after, .animate > span > span {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image:
            -webkit-gradient(linear, 0 0, 100% 100%,
            color-stop(.25, rgba(255, 255, 255, .2)),
            color-stop(.25, transparent), color-stop(.5, transparent),
            color-stop(.5, rgba(255, 255, 255, .2)),
            color-stop(.75, rgba(255, 255, 255, .2)),
            color-stop(.75, transparent), to(transparent)
            );
    background-image:
            -moz-linear-gradient(
                    -45deg,
                    rgba(255, 255, 255, .2) 25%,
                    transparent 25%,
                    transparent 50%,
                    rgba(255, 255, 255, .2) 50%,
                    rgba(255, 255, 255, .2) 75%,
                    transparent 75%,
                    transparent
            );
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -webkit-border-top-right-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomright: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.animate > span:after {
    display: none;
}

@-webkit-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 50px 50px;
    }
}
/* */

.md-preloader{font-size:0;display:inline-block;-webkit-animation:outer 6600ms linear infinite;animation:outer 6600ms linear infinite}.md-preloader svg{-webkit-animation:inner 1320ms linear infinite;animation:inner 1320ms linear infinite}.md-preloader svg circle{fill:none;stroke:#448aff;stroke-linecap:square;-webkit-animation:arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite;animation:arc 1320ms cubic-bezier(.8, 0, .4, .8) infinite}@-webkit-keyframes outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes outer{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes inner{0%{-webkit-transform:rotate(-100.8deg);transform:rotate(-100.8deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes inner{0%{-webkit-transform:rotate(-100.8deg);transform:rotate(-100.8deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes arc{0%{stroke-dasharray:1 210.48670779px;stroke-dashoffset:0}40%{stroke-dasharray:151.55042961px,210.48670779px;stroke-dashoffset:0}100%{stroke-dasharray:1 210.48670779px;stroke-dashoffset:-151.55042961px}}@keyframes arc{0%{stroke-dasharray:1 210.48670779px;stroke-dashoffset:0}40%{stroke-dasharray:151.55042961px,210.48670779px;stroke-dashoffset:0}100%{stroke-dasharray:1 210.48670779px;stroke-dashoffset:-151.55042961px}}
.overlay-centered {
    position: absolute;
    /*
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    */
    /* Firefox */
    top: -moz-calc(50% - 37px);
    /* WebKit */
    top: -webkit-calc(50% - 37px);
    /* Opera */
    top: -o-calc(50% - 37px);
    /* Standard */
    top: calc(50% - 37px);
    /* Firefox */
    left: -moz-calc(50% - 37px);
    /* WebKit */
    left: -webkit-calc(50% - 37px);
    /* Opera */
    left: -o-calc(50% - 37px);
    /* Standard */
    left: calc(50% - 37px);
    z-index: 50;
}

/**
 * OVERRIDE layout.css
 * @type {[type]}
 */
body {
    color: #000;
}

body.login_page {
    background: url("../images/bg_login.jpg") no-repeat fixed center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    max-width: inherit;
    /* margin: 0 20px */
}

.dashboard .panel { background: #fff; }
.dashboard-greyboxes { height: 60px; }
.dashboard-colorboxes { height: 260px }

.editable-input .form-control.textarea {
    height: auto;
}

.reset-password-box {
    max-width: 500px;
}

#header .logo {
    color: white;
    width: auto !important;
    max-width: unset !important;
}
#header .dropdown-toggle {
    color: #fff;
}
#header img.user-avatar {
    border: 0;
}

@media (min-width: 640px) {
    .logo-small {
        display: none;
    }
}
@media (max-width: 640px) {
    .logo-web {
        display: none;
    }
}



#content div.show-panel-filtri a {
    padding: 3px 7px 3px 7px;
    display: inline-block;
    text-transform: none;
    font-weight: 400;
    color: #999;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
}

/*
'BAD_COLOR' => 'FF654F',
'MEDIUM_COLOR' => 'F6BD0F',
'GOOD_COLOR' => '8BBA00',
 */
tr.performance_bad td { background-color: rgba(255, 101, 79, 0.5); }
tr.performance_medium td { background-color: rgba(246, 189, 15, 0.5); }
tr.performance_good td { background-color: rgba(139, 186, 0, 0.5); }

/**
 * Select2 + Bootstrap
 */
.form-control + .select2-container {
    background: transparent;
    box-shadow: none;
    border: none;
    display: block;
    /* 1 */
    margin: 0;
    padding: 0;
    width: 100% !important;
}

/**
 * Override
 */
.ms-drop {
    position: static !important;
    font-size: 0.9em !important;
}
.ms-drop input[type="checkbox"] {
    margin: auto !important;
    margin-right: 3px !important;
}

div.tabs ul.nav-tabs-transparent a {
    background-color: transparent;
}

.utilita-checklist-performance td {
    font-weight: bold;
}

.border-attachment-container {
    border: 1px solid #777777 !important;
    min-height: 50px;
}

.attachment-container {
    min-height: 50px;
}

.attachment-container-image {
    min-height: 70px;
}

.attachment-container-pdf {
    min-height: 20px;
}