/**
 * (C) 2008-2016 Francisco Yepes Barrera
 * Tutti i diritti riservati
 */
@import url("card.css");

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: 999999999 !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%;
}

.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;
    position: fixed;
    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";
}

/**
 * Sortable
 */
.placeholder_sortable {
	margin: 3px 3px 3px 3px;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: darkred;
	background-color: red;
	border-color: darkred;
}
.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.sortable li {
	margin: 3px 3px 3px 3px;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: 4px;
	color: #333333;
	background-color: #f5f5f5;
	border-color: #dddddd;
}

/**
 * Lista CHECKBOX con allineamenti a sinistra
 */
.chk-left {
	float:left;
	margin:0 20px 0 0 !important;
}
.chk-left [type="checkbox"] {
	margin-top:0 !important;
}


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

.ib {display:inline-block !important;}
.wauto {width:auto !important;}

.dx-lookup {
    margin: 0;
    height: 32px !important;
}