@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
html, body {
    margin: 0;
    padding: 0;
    height: 100%; }

body {
    padding-top: 0;
    position: relative;
    background-color: #edeeed; }

.logo {width: 170px; margin: 5px 0 0 0px; display: inline-block; float: left;  text-align: center;  vertical-align: top;}
.logo img {/*width: 100%;*/height: 50px;}
.bold {font-weight: 600!important;}
.green-ico {color: #ec1a2d; margin-right: 5px;}
.icon {width: 80px; float: left; margin: 35px 45px; }
.icon img {width: 100%;}

.hide { display: none !important; }

.nowrap { white-space: nowrap; }

.mt-5{ margin-top:5px; }
.mt-10{ margin-top:10px; }

.error{ border:1px solid #FF0000; }

.buttonEmail{
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 9px;
    text-decoration: none;
    border-radius: 4px;
}
.buttonEmail:hover {
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
    text-decoration: none;
}

.app-container { min-height: 100%; position: relative; background-color: #edeeed; background-image: url(../images/background.png)}
.app-container .content-container { margin: 0; }
.app-container .content-container #status-bar {display: block; min-height: 60px; width: 100%; padding: 0 15px; background-color: #f4f4f4; box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.08); position: fixed; z-index: 11; }
/*.app-container .content-container #status-bar .title {display: inline-block; float: left; line-height: 60px; text-align: center; vertical-align: top; }*/
.app-container .content-container #status-bar .title .organization, .app-container .content-container #status-bar .title .individual { color: #353d47; font: 600 18px/35px Lato, sans-serif; }
.app-container .content-container #status-bar .title .individual {display: inline;font-weight: 400; }
.app-container .content-container #status-bar .title .individual:before {content: "|"; padding: 0 1em; }
.app-container .content-container #status-bar .actions-area {display: inline-block; float: right; text-align: right; }
.app-container .content-container #status-bar .actions-area .avatar {width: 22px;height: 22px; border-radius: 22px; vertical-align: middle; margin-right: 0.5em; }
.app-container .content-container #status-bar .actions-area .user-menu { display: none; position: absolute; z-index: 13; background-color: #f7f7f7; list-style: none; padding: 2px 8px 2px; right: 85px; top: 44px; width: 165px; border-radius: 0 0 3px 3px;
                                                                         -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
                                                                         -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
                                                                         box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
}
.app-container .content-container #status-bar .actions-area .user-menu li {padding: 3px; text-align: left; border-bottom: 1px solid rgba(53, 61, 71, 0.06); }
.app-container .content-container #status-bar .actions-area .user-menu li:last-child {border-bottom: none; }
.app-container .content-container #status-bar .actions-area .user-menu li a {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    text-decoration: none;
    font: 600 13px/35px Lato, sans-serif;
    color: #353d47; }

.app-container .content-container #status-bar .actions-area .user-menu li a i {float: right; line-height: 38px; }
.app-container .content-container #status-bar .actions-area .user-menu li a:hover {color: #153151; }
.app-container .content-container #status-bar .actions-area .actions {display: inline; margin: 0; padding: 0; }
.app-container .content-container #status-bar .actions-area .actions .action {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline;
    white-space: nowrap;
    list-style-type: none;
    padding: 21px 0;
    color: #bbb;
    border-left: 1px solid #F9F9F9; }

.app-container .content-container #status-bar .actions-area .actions .action:hover {background-color: #f7f7f7; color: #153151; }
.app-container .content-container #status-bar .actions-area .actions .action #user-menu-toggler.open { background-color: #f7f7f7; color: #153151; }
.app-container .content-container #status-bar .actions-area .actions .action a {padding: 21px 20px; color: inherit; text-decoration: inherit; cursor: inherit; height: 60px; line-height: 60px; color: #353d47; }
.app-container .content-container #status-bar .actions-area .actions .action .action-item { font: 600 13px/35px Lato, sans-serif; }
.app-container .content-container #status-bar .actions-area .actions .action .action-counter { color: #f70; font: 800 9px Lato, sans-serif; vertical-align: super; }
.app-container .content-container #header .portals.open { max-height: 100%; }
.app-container .content-container #header .portals .portal {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    list-style-type: none;
    font: 400 14px/45px Lato, sans-serif;
    color: #fff; }

.app-container .content-container #header .portals .portal:hover { background-color: #1a3d65; }
.app-container .content-container #header .portals .portal:active { background-color: #1f497a; }
.app-container .content-container #header .portals .portal a { display: block; padding: 0 15px; text-decoration: inherit; cursor: inherit; color: #fff; }
.app-container .content-container #header .portals .selected-portal { background-color: #1f497a; font: 400 14px/45px Lato, sans-serif; }
.app-container .content-container #header .portals .selected-portal:hover { background-color: #1f497a; }
.app-container .content-container #header .portals .selected-portal:active { background-color: #1f497a; }
.app-container .content-container .center { position: relative; width: 100%; height: 100%; }
.menu_responsive { display: none; }
.app-container .content-container .center .menu { position: fixed; /*width: 15em;*/ width: 230px; top: 0; left: 0; background-color: #fff; z-index: 10; min-height: 100vh !important; padding: 25px 25px 0 0; }
.app-container .content-container .center .menu.menu-collapsed {
    left: -15em;
    -webkit-animation: collapse ease-out 400ms;
    -moz-animation: collapse ease-out 400ms;
    -o-animation: collapse ease-out 400ms;
    animation: collapse ease-out 400ms; }

#box-mappa {
    width: 100%; right: 0; height: 85vh; margin-top: 20px;
}
#maptest {
    width: 100%; height: 100%;
}

.row{ margin: 0; }

.box_ticket{
    width: 100%; padding: 5px; margin: 10px 0; border: 5px solid #000; font: 400 13px Lato, sans-serif
}
.box_ticket .top:after {
    content: ''; display: block; clear: both;
}
.box_ticket .data{
    float:left;
}
.box_ticket .data_visita{
    float:right;
}
.box_ticket .note{
    margin: 20px 20px; font-style: italic;
}
.box_ticket .servizi{
    margin: 20px 0;
}
.box_ticket .allegati{
    margin: 20px 0;
}
.box_ticket .footer:after {
    content: ''; display: block; clear: both;
}
.box_ticket .stato{
    float:left;
}
.box_ticket .utente{
    float:right;
}

.box_nota_spesa{
    width: 100%; padding: 5px; margin: 10px 0; border: 5px solid #000; font: 400 13px Lato, sans-serif
}

.nota_spesa{
    border-color: #999;
}
.nota_spesa.verificata{
    border-color: #FF7F00;
}
.nota_spesa.evasa{
    border-color: #088132;
}

#elenco_servizi{}
#elenco_servizi .row{margin: 10px 0; border-bottom: 1px solid #999;}

#elenco_allegati{}
#elenco_allegati .row{margin: 10px 0; border-bottom: 1px solid #999;}

#box_trattativa_accettata{ margin: 20px 0;}

hr{ border-top: 1px solid #ddd; }

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    margin: 10px 0;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.btn-pdf{
    color:#fff; background-color:#9c0709; border-color:#d43f3a
}
.btn-pdf.active,.btn-pdf.focus,.btn-pdf:active,.btn-pdf:focus,.btn-pdf:hover,.open>.dropdown-toggle.btn-pdf{
    color:#fff; background-color:#c9302c; border-color:#ac2925
}

@-webkit-keyframes collapse {
    from {
        left: 0; }
    to {
        left: -15em; } }
@-moz-keyframes collapse {
    from {
        left: 0; }
    to {
        left: -15em; } }
@-ms-keyframes collapse {
    from {
        left: 0; }
    to {
        left: -15em; } }
@-o-keyframes collapse {
    from {
        left: 0; }
    to {
        left: -15em; } }
@keyframes collapse {
    from {
        left: 0; }
    to {
        left: -15em; } }
.app-container .content-container .center .menu.menu-expanded {
    /*padding: 0 25px;*/
    left: 0;
    -webkit-animation: expand ease-out 400ms;
    -moz-animation: expand ease-out 400ms;
    -o-animation: expand ease-out 400ms;
    animation: expand ease-out 400ms; }
@-webkit-keyframes expand {
    from {
        left: -15em; }
    to {
        left: 0; } }
@-moz-keyframes expand {
    from {
        left: -15em; }
    to {
        left: 0; } }
@-ms-keyframes expand {
    from {
        left: -15em; }
    to {
        left: 0; } }
@-o-keyframes expand {
    from {
        left: -15em; }
    to {
        left: 0; } }
@keyframes expand {
    from {
        left: -15em; }
    to {
        left: 0; } }



.app-container .content-container .center .menu .menu-toggler { position: absolute; top: 108px; left: 100%; width: 71px; padding: 7px 14px; background-color: #ec1a2d; color: #ffffff; font: 400 14px Lato, sans-serif; opacity: 0.85;
                                                                -webkit-transform: rotate(-90deg);
                                                                /* Safari */
                                                                -moz-transform: rotate(-90deg);
                                                                /* Firefox */
                                                                -ms-transform: rotate(-90deg);
                                                                /* IE */
                                                                -o-transform: rotate(-90deg);
                                                                /* Opera */
                                                                transform: rotate(-90deg);
                                                                margin-left: -34px;
                                                                cursor: pointer;
                                                                -webkit-touch-callout: none;
                                                                -webkit-user-select: none;
                                                                -moz-user-select: none;
                                                                -ms-user-select: none;
                                                                user-select: none; }

.app-container .content-container .center .menu .menu-toggler:hover {
    opacity: 1;
    -webkit-animation: toggler-opacity linear 200ms;
    -moz-animation: toggler-opacity linear 200ms;
    -o-animation: toggler-opacity linear 200ms;
    animation: toggler-opacity linear 200ms; }


@-webkit-keyframes toggler-opacity {
    from {
        opacity: 0.85; }
    to {
        opacity: 1; } }
@-moz-keyframes toggler-opacity {
    from {
        opacity: 0.85; }
    to {
        opacity: 1; } }
@-ms-keyframes toggler-opacity {
    from {
        opacity: 0.85; }
    to {
        opacity: 1; } }
@-o-keyframes toggler-opacity {
    from {
        opacity: 0.85; }
    to {
        opacity: 1; } }
@keyframes toggler-opacity {
    from {
        opacity: 0.85; }
    to {
        opacity: 1; } }


.app-container .content-container .center .menu .menu-toggler:before { content: ''; position: absolute; top: 0; left: 0; margin-left: -19px; border: 12px solid transparent; border-right: 7px solid #ec1a2d; border-top: 19px solid #ec1a2d; border-bottom-right-radius: 1px; }
.app-container .content-container .center .menu .menu-toggler:after { content: ''; position: absolute; top: 0; right: 0; margin-right: -19px; border: 12px solid transparent; border-left: 7px solid #ec1a2d; border-top: 19px solid #ec1a2d; border-bottom-left-radius: 1px; }
.app-container .content-container .center .menu .menu-toggler .menu-toggler-icon { margin-right: 8px; }
.app-container .content-container .center .menu .menu-items { margin: 0; padding: 0; margin-top: 55px; }
.app-container .content-container .center .menu .menu-items .menu-item { list-style-type: none; cursor: pointer;
                                                                         -webkit-touch-callout: none;
                                                                         -webkit-user-select: none;
                                                                         -moz-user-select: none;
                                                                         -ms-user-select: none;
                                                                         user-select: none;
                                                                         font: 400 14px Lato, sans-serif; }

.app-container .content-container .center .menu .menu-items .menu-item:hover { background-color: #cff2df; color: #242424; }
.app-container .content-container .center .menu .menu-items .menu-item a { display: block; padding: 12px 8px 12px 1em; color: inherit; text-decoration: inherit; cursor: inherit; transition: all .4s; }
.app-container .content-container .center .menu .menu-items .menu-item .menu-item-icon { float: right; font-size: 10px; width: 19px; height: 19px; line-height: 18px; }
.app-container .content-container .center .menu .menu-items .menu-item-l0 { margin: 1px 0; background-color: transparent; color: #242424; cursor: pointer; transition: all .2s; border-bottom: 1px solid #dbdbdb;
                                                                            -webkit-touch-callout: none;
                                                                            -webkit-user-select: none;
                                                                            -moz-user-select: none;
                                                                            -ms-user-select: none;
                                                                            user-select: none; }
.app-container .content-container .center .menu .menu-items .menu-item-l0 .menu-header-icon { line-height: 35px; float: right; margin-right: 8px; font-size: 14px; }
.app-container .content-container .center .menu .menu-items .menu-item-l0 div { line-height: 35px; margin: 0 8px; padding: 2px 0; }
.app-container .content-container .center .menu .menu-items .menu-item-l0 a { line-height: 35px; margin: 0 8px; padding: 0; }
.app-container .content-container .center .menu .menu-items .menu-item-l0.selected-menu-item { border-bottom: none; background-color: #f4f4f4; border-left: none; padding: 0; color: #242424; font-weight: 500; border-bottom: 1px solid #dbdbdb; }
.app-container .content-container .center .menu .menu-items .menu-item-l0:hover { background-color: #ec1a2d; color: #fff; }
.app-container .content-container .center .menu .menu-items .selected-menu-item { /*background-color: #333; color: #fff;*/ border-left: 8px solid rgba(21, 49, 81, 0.4); }
.app-container .content-container .center .menu .menu-items .menu-item-l2 { display: none; font: 300 14px Lato, sans-serif; }
.app-container .content-container .center .menu .menu-items .menu-item-l2 a { padding-left: 2em; }
.app-container .content-container .center .menu .menu-items .menu-item-l3 { display: none; font: 300 14px Lato, sans-serif; }
.app-container .content-container .center .menu .menu-items .menu-item-l3 a { padding-left: 3em; }
.app-container .content-container .center .menu .menu-items .menu-item-l1.selected-menu-item, .app-container .content-container .center .menu .menu-items .menu-item-l3.selected-menu-item, .app-container .content-container .center .menu .menu-items .menu-item-l2.selected-menu-item { font-weight: 400; font: 400 14px Lato, sans-serif; background-color: #cff2df; }
.app-container .content-container .center #main { margin: 50px 0 0 240px; position: relative; display: block; min-height: 100%; /*background-color: #F9F9F9;*/ }
.app-container .content-container .center #main.expanded { margin: 50px 0 0 50px; }
.app-container .content-container .center #main .theme-builder { text-align: left; display: block; padding-top: 1px; padding-bottom: 3em; font: 400 13px Lato, sans-serif; }
.app-container .content-container .center #main .theme-builder .content-container { /*background-color: #fff; margin: 0 30px 0 0; */ margin: 0 0 0 0; }
.app-container .content-container .center #main .theme-builder .content-container .content-container-window { padding: 15px 25px; }
.app-container .content-container .center #main .theme-builder h1 { font: 400 34px Lato, sans-serif; margin-top: 1em 0 0.5em 0; }
.app-container .content-container .center #main .theme-builder label { font: 400 16px Lato, sans-serif; }
.app-container .content-container .center #main .theme-builder select { margin: 0; border-radius: 4px; border: 2px solid #ccc; padding: 4px; font: 400 15px Lato, sans-serif; }
.app-container .app-footer { display: block; position: absolute; bottom: 0; right: 0; left: 0; }
.app-container .app-footer.expanded { margin: 0 0 0 50px; }
.app-container .app-footer .copyright {float: left; padding: 15px; display: inline; text-align: center; color: #bbb; font: 300 13px/35px Lato, sans-serif; }
.app-container .app-footer .social-media { float: right; padding: 15px 30px 15px 15px; }
.copyright-footer{ margin: 0 0 0 300px; }

.app-container .app-footer .social-media .media-icon {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    margin: 0 0.25em;
    color: #bbb;
    font-size: 18px;
    line-height: 35px; }

.app-container .app-footer .social-media .media-icon:hover {color: #153151; }
.app-container .app-footer .social-media .media-icon:active { color: #153151; }


@media screen and (max-width: 650px) {
    .app-container .content-container #status-bar .actions-area .user { display: none; }
    /*.app-container .content-container #header .portals { max-height: 0; position: absolute; background-color: #153151; list-style: none; border-radius: 0 0 3px 3px; z-index: 11; overflow: hidden; transition: all 0.3s ease-out; }*/
    .app-container .content-container #header .portals .portal { display: block; }
    .app-container .content-container #header .portals .selected-portal { display: none; }
    .app-container .content-container .center #main { margin: 50px 0 0 0; }
    .app-container .app-footer { margin: 0 0 0 0; }
    .app-container .app-footer .social-media { display: inline-block; text-align: center; }
    .app-container .content-container .center #main .theme-builder .content-container .content-container-window { padding: 15px 0px;}
    .icon { margin: 40px 8px 0;}
    .app-container .content-container .center .menu { display: none; }
    .actions-area { display: none !important; }
    .menu_responsive { display: block; top: 5px; position: fixed; right: 20px; z-index: 1000; }
    .menu_responsive button p { float: left; font-size: 10px; margin: 3px 6px 0 0 }
    .menu_responsive button { background-color: #235071; border: none; padding: 6px 10px; color: #fff; border-radius: 0px; border: 2px solid #fff;}    
}


@media screen and (min-width: 651px) {
    .app-container .content-container #header .portal-small-selected { display: none; }
    .app-container .content-container #header .portals .selected-portal { cursor: default; }
    .app-container .content-container .center #main { margin: 50px 0 0 0; }
    .app-container .app-footer { margin: 0 0 0 0; }
}

@media screen and (min-width: 651px) and (max-width: 960px) {
    .app-container .app-footer .social-media { display: inline-block; text-align: left; }
}

@media screen and (max-width: 960px) {
    .app-container .content-container #status-bar .actions-area .avatar {width: 18px;  height: 18px; border-radius: 18px; margin-left: -8px;}
    .app-container .content-container #status-bar .actions-area .user-menu {right: 11px;}
    .app-container .content-container #status-bar .actions-area .actions .action { display: inline-block; width: 60px; height: 60px; margin-right: -4px; padding: 0;text-align: center; vertical-align: middle; }
    .app-container .content-container #status-bar .actions-area .actions .action a {line-height: 60px; }
    .app-container .content-container #status-bar .actions-area .actions .action .action-icon, .app-container .content-container #status-bar .actions-area .actions .action .action-icon-small { font-size: 12px; line-height: 26px; }
    .app-container .content-container #status-bar .actions-area .actions .action .action-item { display: none; }
    .app-container .app-footer .copyright { display: inline-block; }
    .copyright-footer{ margin: 0 0 0 10%; }    
    .app-container .content-container .center .menu { display: none; }
    .actions-area { display: none !important; }
    .menu_responsive { display: block; top: 7px; position: fixed; right: 10px; z-index: 1000; }
    .menu_responsive button p { float: left; font-size: 10px; margin: 3px 6px 0 0 }
    .menu_responsive button { background-color: #235071; border: none; padding: 6px 10px; color: #fff; border-radius: 0px; border: 2px solid #fff;}
}

@media screen and (min-width: 961px) {
    .app-container .content-container #status-bar .actions-area .actions .action .action-icon, .app-container .content-container #status-bar .actions-area .actions .action .action-icon-small { font-size: 11px; padding-left: 2px; }
    .app-container .content-container #status-bar .actions-area .actions .action .action-icon-small {display: none; }
    .app-container .app-footer .copyright { display: inline; }
    .copyright-footer{ margin: 0 0 0 30%; }
    .app-container .content-container .center #main { margin: 50px 0 0 240px; }
    .app-container .app-footer .social-media { margin: 0 0 0 5em; display: inline; text-align: center; }
}