/**
 * (C) 2008-2016 Francisco Yepes Barrera
 * Tutti i diritti riservati
 */

body {
    font-size: 14px;
}

table {
    font-size: 12px;
}

.nav {
    /*line-height: 10px;*/
}

input[type="text"],
input[type="password"],
select,
textarea {
    height: 30px;
    font-size: 12px;
}

.form-control {
    font-size: 12px;
}

label {
    font-size: 12px;
}

input[type="button"] {
    font-size: 12px;
}

.chosen-container {
    font-size: 12px;
}

.chosen-single {
}

.tab-pane {
    padding-top: 10px;
    font-size: 12px;
}

.ui-datepicker{ z-index: 9999 !important;}

/* **************************************************

   PROGRESS BAR FOR UPLOAD FILE

************************************************** */
.progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
/*.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:0px; left:48%; }*/

/* **************************************************

   SORTABLE JQUERY DRAG AND DROP

************************************************** */
#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }
html>body #sortable li { height: 1.5em; line-height: 1.2em; }
.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

/* **************************************************

   BOOTSTRAP OVERRIDE

************************************************** */
.dropdown-menu {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: none;
}

caption {
    border-bottom: 1px solid;
}

.glyphicon {
    color: #2A6496;
}

#nav-menu {
    z-index: 99999999 !important;
}

.modal {
    z-index: 99999999 !important;
}

blockquote {
    font-size: 14px;
}

.table > thead > tr > td.yellow,
.table > tbody > tr > td.yellow,
.table > tfoot > tr > td.yellow,
.table > thead > tr > th.yellow,
.table > tbody > tr > th.yellow,
.table > tfoot > tr > th.yellow,
.table > thead > tr.yellow > td,
.table > tbody > tr.yellow > td,
.table > tfoot > tr.yellow > td,
.table > thead > tr.yellow > th,
.table > tbody > tr.yellow > th,
.table > tfoot > tr.yellow > th {
    background-color: #ffff99;
}
.table-hover > tbody > tr > td.yellow:hover,
.table-hover > tbody > tr > th.yellow:hover,
.table-hover > tbody > tr.yellow:hover > td,
.table-hover > tbody > tr.yellow:hover > th {
    background-color: #ffff66;
}

.table > thead > tr > td.orange,
.table > tbody > tr > td.orange,
.table > tfoot > tr > td.orange,
.table > thead > tr > th.orange,
.table > tbody > tr > th.orange,
.table > tfoot > tr > th.orange,
.table > thead > tr.orange > td,
.table > tbody > tr.orange > td,
.table > tfoot > tr.orange > td,
.table > thead > tr.orange > th,
.table > tbody > tr.orange > th,
.table > tfoot > tr.orange > th {
    background-color: #ffcc66;
}
.table-hover > tbody > tr > td.orange:hover,
.table-hover > tbody > tr > th.orange:hover,
.table-hover > tbody > tr.orange:hover > td,
.table-hover > tbody > tr.orange:hover > th {
    background-color: #ffcc33;
}

.table > thead > tr > td.red,
.table > tbody > tr > td.red,
.table > tfoot > tr > td.red,
.table > thead > tr > th.red,
.table > tbody > tr > th.red,
.table > tfoot > tr > th.red,
.table > thead > tr.red > td,
.table > tbody > tr.red > td,
.table > tfoot > tr.red > td,
.table > thead > tr.red > th,
.table > tbody > tr.red > th,
.table > tfoot > tr.red > th {
    background-color: #ffccff;
}
.table-hover > tbody > tr > td.red:hover,
.table-hover > tbody > tr > th.red:hover,
.table-hover > tbody > tr.red:hover > td,
.table-hover > tbody > tr.red:hover > th {
    background-color: #ffcccc;
}

/* **************************************************

   OWN DEFINITIONS

************************************************** */
.right{
    text-align: right;
}

.left{
    text-align: left;
}

.center{
    text-align: center;
}

pre.prettyprint {
    border: 1px solid #ccc;
    margin-bottom: 0;
    padding: 9.5px;
}

/* **************************************************

IMAGE PREVIEW

************************************************** */
.previewlink{
    position:relative;
    padding-left:5px;
}

.previewlink img{
    position:absolute;
    top:0;
    left:2em;
    z-Index:10;
    border:none;
}

.previewlink img.previewimage{
    left:0;
    border:none;
    position:relative;
}

/* **************************************************

SCROLLING WITH ENSCROLL

************************************************** */
.scrollbox {
    overflow: auto;
    padding: 0 5px;
    height: 100%;
    width: 100% !important;
    padding-right: 5px !important;
}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; /* Browsers without rgba support */
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}

/* **************************************************

IMAGE PREVIEW (POPOVER)

************************************************** */

/* Impostiamo una dimensione massima in modo che l'anteprima immagine
(300px di default) ci stia dentro il popover */
.popover {
    max-width: 800px;
    width: auto;
    z-index: 999999999;
}

.popover-gantt {
    top: 200px !important;
    left: 280px !important;
}

/* **************************************************

DATEPICKER

************************************************** */
.calendar-red a {
    background-color : #d9534f !important;
    background-image :none !important;
    color: White !important;
    font-weight:bold !important;
}

.calendar-green a {
    background-color : #47A447 !important;
    background-image :none !important;
    color: White !important;
    font-weight:bold !important;
}

.calendar-blue a {
    background-color : #5bc0de !important;
    background-image :none !important;
    color: White !important;
    font-weight:bold !important;
}

/* **************************************************

MORRIS GRAPH

************************************************** */
svg {
    width: 100% !important;
    /*height: 300px !important;*/
}

/**
 * Superscript per notifiche
 */
.rw-number-notification {
    position: relative;
    top: -10px;
    right: 5px;
    padding: 3px 3px 2px 3px;
    background-color: red;
    color: white;
    font-family: arial;
    font-weight: bold;
    font-size: 10px;
    border-radius: 4px;
    /*box-shadow: 1px 1px 1px silver;*/
}

/* **************************************************

TIRO VIA I MENU DALLA STAMPA

************************************************** */
@media print {
    /*.navbar .sidebar-collapse .nav .navbar-default .navbar-fixed-side .navbar-static-side {
	display: none;
	width: 0px;
	visibility: hidden;
    }*/

    #page-wrapper {
        margin-left: 0px;
        margin-top: 0px;
    }
}

/**
 * Data Table details (child subrow)
 */
td.details-control:after {
    font-family: 'Glyphicons Halflings';
    content: "\e081";
    float: left;
    cursor: pointer;
}

tr.shown td.details-control:after {
    content: "\e082";
}


.bootstrap-select li[data-original-index="0"] span.text {font-style:italic;}

.row_delete {text-decoration:red line-through !important;}

.ui-pnotify.notify_alert h4 {font-size:14px !important; font-weight:bold;}
.ui-pnotify.notify_alert.inside {opacity:0.7; transition:opacity .25s linear;}
.ui-pnotify.notify_alert.inside .ui-pnotify-text .toggle, .ui-pnotify.notify_alert.inside .ui-pnotify-action-bar {margin-top:0 !important; max-height:0; overflow:hidden; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.ui-pnotify.notify_alert.inside .ui-pnotify-title {margin-bottom:0 !important; transition:margin-bottom 0.25s ease-in-out;}
.ui-pnotify.notify_alert.inside:focus, .ui-pnotify.notify_alert.inside:hover {opacity:1;}
.ui-pnotify.notify_alert.inside:focus .ui-pnotify-title, .ui-pnotify.notify_alert.inside:hover .ui-pnotify-title {margin-bottom:.4em !important;}
.ui-pnotify.notify_alert.inside:focus .ui-pnotify-text .toggle, .ui-pnotify.notify_alert.inside:hover .ui-pnotify-text .toggle, .ui-pnotify.notify_alert.inside:focus .ui-pnotify-action-bar, .ui-pnotify.notify_alert.inside:hover .ui-pnotify-action-bar {max-height: 500px;}
.ui-pnotify.notify_alert .ui-pnotify-action-bar, .ui-pnotify.notify_alert.inside:focus .ui-pnotify-action-bar, .ui-pnotify.notify_alert.inside:hover .ui-pnotify-action-bar {margin-top:10px !important;}
.ui-pnotify.notify_alert .ui-pnotify-text .alert.alert-warning {color:#333; margin:10px 0; padding:6px; text-align:center;}
.ui-pnotify.hide, #notify_alert_toggle.hide {display:none !important;}
.ui-pnotify.notify_alert .ui-pnotify-text .toggle {color:#333;}
.ui-pnotify.notify_alert .note {display:block !important; margin-top:8px;}
.ui-pnotify.notify_alert.inside .note {font-size:12px;}
.ui-pnotify.notify_alert.inside:focus .note, .ui-pnotify.notify_alert.inside:hover .note, .ui-pnotify.notify_alert .ui-pnotify-text .alert.alert-warning {font-size:14px;}

#notify_alert_toggle {display:none; cursor:pointer; opacity:0.7;}
#notify_alert_toggle:focus, #notify_alert_toggle:hover {color:#fff !important; opacity:1;}
#notify_alert_toggle > i {color:#a94442 !important;}
/*
#notify_alert_toggle {position:fixed; left:15px; bottom:0; display:none; padding:.8em; line-height:12px; border:1px solid #ccc; font-size:12px; cursor:pointer; box-shadow:0 6px 28px 0 rgba(0,0,0,.1); opacity:0.7; z-index:99999999;}
#notify_alert_toggle:focus, #notify_alert_toggle:hover {opacity:1; border:1px solid #adadad;}
#notify_alert_toggle:focus .ui-pnotify-icon, #notify_alert_toggle:hover .ui-pnotify-icon {color:#a94442;}
*/
.ui-pnotify.notify_alert .incarico {overflow:hidden; position:relative; line-height:20px; max-height:40px; padding-right:1.45em; text-align:justify;}
.ui-pnotify.notify_alert .incarico::before {content: '[…]'; position:absolute; font-size:12px; right:0; bottom:0;}
.ui-pnotify.notify_alert .incarico::after {content: ''; position:absolute; right:0; width:1.3em; height:1em; margin-top:0.2em; background:#fcf8e3;}
.ui-pnotify.notify_alert .alert-danger .incarico::after {background:#f2dede !important;}
.ui-pnotify.notify_alert .incarico:hover {overflow:auto; max-height:none;}
.ui-pnotify.notify_alert .incarico:hover::before {content: '';}
.ui-pnotify.notify_alert .btn-speech {position:absolute; right:0; padding:6px; border:0; background-color:transparent; color:#8a6d3b; font-size:1.1em;}
.ui-pnotify.notify_alert .alert-danger .btn-speech {color:#a94442 !important;}
.ui-pnotify.notify_alert .btn-speech:focus, .ui-pnotify.notify_alert .btn-speech:hover {color:#333;}

.fa.arrow:before {content: "\f105";}

body {background-color:#fff !important;}
#page-wrapper {padding-bottom:15px !important; min-height:auto !important; border-left:0;}
#logo_program > a {text-decoration:none !important; outline:0 !important;}
#logo_program img {border-radius:0 0 6px 6px;}
#logo_program span {font-size:10px; margin-left:10px;}
.navbar-default {border-color:transparent !important;}
#nav-menu:focus, #nav-menu:hover, #navbar-menu:focus, #navbar-menu:hover {z-index:999999999 !important;}
#navbar-menu {position:fixed; height:calc(100% - 51px) !important; background-color:rgb(0, 43, 54);}
#navbar-menu ul li {border-bottom:1px solid rgba(255,255,255, 0.2);}
#sidebar-menu .nav > li > a {color:#fff;}
#sidebar-menu .nav > li > a > i {color:#428bca;}
#sidebar-menu .nav > li.active > a, #sidebar-menu .nav > li > a:focus, .navbar-static-side .sidebar-collapse .nav > li > a:hover {color:#428bca !important; background-color:transparent !important; outline:none;}
#sidebar-menu .nav > li.active > a > i, #sidebar-menu .nav > li > a:focus > i, .navbar-static-side .sidebar-collapse .nav > li > a:hover > i {color:#fff !important;}
#sidebar-menu .nav > li.active > a {background-color:rgba(255,255,255, 0.05) !important;}

@media (max-width:767px) {
    #navbar-menu {z-index:999;}
    body.light #navbar-menu {box-shadow:rgba(0, 0, 0, 0.176) 0px 6px 12px;}
    #sidebar-menu {width:250px;}
    #navbar-menu-toggle {display:none;}
    #page-wrapper-curve {display:none;}
    body.menu_hide #side-menu > li {width:240px !important;}
}

@media (min-width:768px) {
    #logo_program span {margin-left:95px;}
    #side-menu {margin-bottom:50px;}
    #notify_alert_toggle_div {width:calc(100% - 40px); border-right:1px solid rgba(255,255,255, 0.2);}
    #navbar-menu {top:51px;}
    #navbar-menu-toggle {padding:8px; width:40px; color:#428bca; font-size:16px; text-align:center; cursor:pointer;}
    #navbar-menu-toggle:focus, #navbar-menu-toggle:hover {color:#fff;}
    #navbar-menu-toggle i:last-child {display:none;}
    #footer-menu {position:absolute; bottom:0; left:0; width:calc(100% + 5px); border-top:1px solid rgba(255,255,255, 0.2); background-color:rgb(13, 54, 64); z-index:3;}
    #footer-menu li {display:inline-block; float:right; border-bottom:0 !important;}
    #page-wrapper-curve {position:fixed; top:52px; left:250px; background-color:rgb(0, 43, 54);}
    #page-wrapper-curve div {width:12px; height:12px; background-color:#fff; border-radius:6px 0 0 0;}
    .scrollbox {height:100% !important;}

    /*    body.menu_hide #navbar-menu {width:25px; z-index:3;}
        body.menu_hide #page-wrapper-curve {left:25px;}
        body.menu_hide #page-wrapper {margin-left:25px;}
        body.menu_hide #sidebar-menu {position:absolute; display:none; width:250px; background-color:rgb(0, 43, 54);}
        body.menu_hide #navbar-menu:hover {width:250px;}
        body.menu_hide #navbar-menu:hover #sidebar-menu {display:block;}*/


    body.menu_hide #logo_program span {margin-left:10px;}
    body.menu_hide #navbar-menu {width:36px; z-index:3;}
    body.menu_hide #page-wrapper-curve {left:36px;}
    body.menu_hide #page-wrapper {margin-left:36px;}
    body.menu_hide #sidebar-menu {position:absolute;}
    body.menu_hide #side-menu > li > a {display:inline-block; padding:10px 5px;}
    body.menu_hide #side-menu > li > a > span {display:none;}
    body.menu_hide #side-menu > li > ul {position:absolute; top:0; left:32px; display:none; width:250px; height:auto !important; background-color:rgb(0, 43, 54); border-radius:0 6px 6px;}
    body.menu_hide #side-menu > li > ul a {padding:10px 15px;}
    body.menu_hide #side-menu > li:focus, body.menu_hide #side-menu > li:hover {width:300px;}
    body.menu_hide #side-menu > li:focus > a > i, body.menu_hide #side-menu > li:hover > a > i {color:#fff;}
    body.menu_hide #side-menu > li:focus > ul, body.menu_hide #side-menu > li:hover > ul {display:block;}
    body.menu_hide #footer-menu {width:auto;}
    body.menu_hide #notify_alert_toggle_div {display:none;}
    body.menu_hide #navbar-menu-toggle {border:0;}
    body.menu_hide #navbar-menu-toggle i:first-child {display:none;}
    body.menu_hide #navbar-menu-toggle i:last-child {display:inline-block;}

    body.light #navbar-menu {border-right:1px solid #e7e7e7 !important; z-index:99999999;}
    body.light #page-wrapper-curve {top:51px; margin-left:-1px; z-index:999999999;}
    body.light #page-wrapper-curve div {border-top:1px solid #e7e7e7; border-left:1px solid #e7e7e7;}
}


body.light #nav-menu, body.light #navbar-menu, body.light #footer-menu, body.light #page-wrapper-curve, body.light.menu_hide #side-menu > li > ul {background-color:#fefefe !important;}
body.light #nav-menu {border-bottom:1px solid #e7e7e7 !important;}
body.light #navbar-menu ul li {border-bottom:1px solid rgb(242,242,242);}
body.light.menu_hide #side-menu > li > ul {border:1px solid rgba(0, 0, 0, 0.15) !important; box-shadow:rgba(0, 0, 0, 0.176) 0px 6px 12px;}
body.light #sidebar-menu .nav > li > a {color:#666;}
body.light #sidebar-menu .nav > li.active > a > i, body.light #sidebar-menu .nav > li > a:focus > i, body.light .navbar-static-side .sidebar-collapse .nav > li > a:hover > i, body.menu_hide.light #side-menu > li:focus > a > i, body.menu_hide.light #side-menu > li:hover > a > i, body.light #navbar-menu-toggle:focus, body.light #navbar-menu-toggle:hover {color:#111 !important;}
body.light #sidebar-menu .nav > li.active > a {background-color:rgba(33,33,33, 0.05) !important;}
body.light #footer-menu {border-top-color:#f2f2f2;}
body.light #notify_alert_toggle:focus, body.light #notify_alert_toggle:hover {color:#428bca !important;}
body.light #notify_alert_toggle_div {border-right-color:#f2f2f2;}
body.light #global-path {border-color:transparent !important;}
.dxGrid_with_content_below {
    margin-bottom: 1rem ;
}