*{font-family: 'Open Sans', sans-serif;}

body{
    padding-top:90px;
    background-color: #111;
}

h1,h2,h3,h4,h5{
    font-family: 'Montserrat', sans-serif;
}


.form-control{
    background-color:#444;
    color:#fff;
    font-size: 16px;
    height: 36px;
}

.checkbox-style{
    background-color: #111;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    margin-left: 15px;
    padding: 5px 30px;
}

.M_accessori{
    background-color: #111;
    border: 1px solid #ddd;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #fff;
    margin-left: 15px;
    padding: 5px 30px;
}

.contieniBox .form-control{
    background-color:#111;
}

.contieniBox{
    background-color: #555;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin:0 15px 15px 15px;
}

.form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

h3{
    color:#fff;
}

label{
    color:#000;
    font-size:16px;
}

em{
    color: #fff;
    display: block;
    font-style: normal;
    font-size:14px;
}

#costServer1,
#costServer2{
    color:#fff;
}

#costServer2{
    display:none;
}

.contieniBox h5{
    color: #000;
    margin-bottom: 10px;
    margin-top: 0;
    font-size:16px;
}

.container-fluid{
    /*
    -webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.75);
    box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.75); */
}

#logoPtool{
    background:transparent url(http://wp-mwmced.macrowebmedia.eu/wp-content/uploads/2015/09/MWM_Ced_logo.png) 10px 20px no-repeat;
    width:225px;
    text-indent:-9999px;
}

.navbar-default {
    background-color: #333;
}

.navbar-default .navbar-nav > li.active > a:link{
    color: #333;
}


.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > li > a:visited{
    color: #ddd;
}

.nav-tabs {
    border-bottom: medium none;
}

.navbar-nav > li > a {
    line-height: 48px;
}


.navbar-brand {
    height: auto;
    line-height:48px;
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}

.containerRow{
    padding-top: 20px;
}

#server1,
#server2{
    padding:10px;
    /*border-right:1px solid #000;*/
}

#colRiepilogo{
    background-color: #abf;
    padding: 10px;
}

.well{
    min-height:100px;
    padding:5px;
    margin-bottom:0;
    background-color:#333;
    color:#aaa;
    border:none;
    border-radius:10px;

}

.well.bottone{
    min-height:49px;
    margin-bottom:2px;
}

.well.bottone.minus{
    min-height:48px;
    margin-bottom:0;
}

.well p{
    font-size:10px;
}

.well b{
    color:#fff;
}

.well.attivo{
    background-color:#fff;
    color:#000;
}

.well.attivo b{
    color:#000;
}

.well p.prezzoBox{
    position:absolute;
    bottom:0;
    font-weight:bold;
    font-size:14px;
}

.well p.gigaBox{
    position:absolute;
    bottom:0;
    font-weight:bold;
    font-size:14px;
    right:10px;
}

.bandaDedicata .well p.gigaBox{
    right:23px;
}

.panel-body {
    padding: 10px;
}

.hardDisk .col-xs-2,
.bandaDedicata .col-xs-9,
.ram .col-xs-9{
   padding-right:2px;
    width:80%;
}

.hardDisk .col-xs-1,
.bandaDedicata .col-xs-3,
.ram .col-xs-3{
    padding-left:0;
    width:20%;
}

.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-8ths {
    width: 12.5%;
    float: left;
}

.panel-info > .panel-heading,
.bg-info{
    background-color:#003;
    color:#fff;
}

.panel-danger > .panel-heading,
.bg-danger{
    background-color:#300;
    color:#fff;
}

.panel-warning > .panel-heading,
.bg-warning{
    background-color:#c30;
    color:#fff;
}

.panel-success > .panel-heading,
.bg-success{
    background-color:#030;
    color:#fff;
}


#liCanone, #liGenera{
    display:none;
}

table.dataTable td, table.dataTable th {
    font-size: 11px;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td{
    vertical-align:middle;
}

div.dataTables_wrapper div.dataTables_info,
.pagination > li > a, .pagination > li > span,
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select{
    font-size: 12px;
    height:auto;
}

#preventiviT td b,
#preventiviT td em,
#ordiniT td b,
#ordiniT td em{
    clear:both;
    float:left;
}

#preventiviT td em,
#ordiniT td em{
    font-size:11px;
    color:#666;
}

td.text-right.va span{
    color:#d58512;
}

.form-control.vecchiNodi{
    font-size:12px;
    margin-bottom:15px;
}

#editAnagMe label,
.littleAnag label{
    font-size:11px;
    margin:3px;
}

#editAnagMe .form-control,
.littleAnag .form-control{
    font-size: 12px;
    height: 32px;
}

.littleAnag .form-control.veryLittle{
    font-size: 11px;
    height: 22px;
    padding:3px;
}

.veryLittleForm input,
.veryLittleForm select,
.veryLittleForm button{
    width:140px!important;
}

.containAnagr hr{
    margin:5px 0;
}

.containAnagr h5{
    margin-bottom:5px;
}

.containAnagr h5 span{
    margin-left:5px;
    font-size:10px;
    color:#000;
}

hr.style2 {
    border-top: 3px double #337ab7;
}

span.microT{
    font-size:11px;
}

#editAnagMe .form-group {
    margin-bottom: 10px;
}

#provvigioniBar{
    border-top:1px solid #444;
    height:20px;
    background-color:#1a331a;
    color:#fff;
    font-size:12px;
    line-height:20px;
}

@media (min-width: 768px) {
    .col-sm-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-8ths {
        width: 12.5%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-8ths {
        width: 12.5%;
        float: left;
    }
}

/*addon timepicker*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

ul.lista50{
     display: inline;
     list-style-type: none;
     width: 220px;
     margin: 0;
     padding: 0;
     float: right;
 }

ul.lista50 li{
    width: 110px;
    text-align: right;
    float: left;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.lista50 li em {
    display: inline;
    float: right;
    width: 65px;
    font-size: 11px;
    color: rgb(0, 0, 0);
    line-height: 17px;
}

ul.lista30{
    display: inline;
    list-style-type: none;
    width: 330px;
    margin: 0;
    padding: 0;
    float: right;
}

ul.lista30 li{
    width: 110px;
    text-align: right;
    float: left;
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.lista30 li em {
    display: inline;
    float: right;
    width: 65px;
    font-size: 11px;
    color: rgb(0, 0, 0);
    line-height: 17px;
}

.renew-accordion, .renew-accordion:hover{
    background-color: transparent;
    border-color: transparent;
}

.renew-accordion-body{
    padding-top: 15px;
}

.compensate-label{
    margin-top: 30px;
}


a.renew-accordion:not(.collapsed)>span:before{
    content:"\e113";
    font-family: 'Glyphicons Halflings';
}

a.renew-accordion.collapsed>span:before{
    content:"\e114";
    font-family: 'Glyphicons Halflings';
}

.invoice-paid{
    background-color: #93D593;
}

.invoice-expired{
    background-color: #FF8080;
}

.invoice-partial-paid{
    background-color: orange;
}

.invoice-just-expired{
    background-color: #ffff00;
}
