﻿body {
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif;
    /*font-weight: 300;*/
}


button[disabled], a[disabled], select[disabled], input[disabled]
{
    cursor: default !important;
}

.custom-table-btn[disabled] > i{
    color: rgba(248, 179, 52, 0.30);
}


input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
.custom-file-upload-1 {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}



.btn-nica {
background-color: #f6cf21;
color: #444;
border-color: #d2d6de;
/*.btn-flat*/    
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
/*end .btn-flat
margin-bottom:5px;*/ 

}

.btn-nica:hover, .btn-nica:active, .btn-nica.hover {
    background-color: #f8b334;
    color: #444;
    border-color: #d2d6de;
}
.btn-nica:focus
{
   background-color:  #f6cf21;
   outline: none;
}
#toolbar_tableBtn .btn-nica-export {
    margin-left: 3px;
    margin-right: 18px;
}

.btn-nica-export {
color: #444;
border-color: #f6cf21;
/*.btn-flat*/    
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-width: 1px;
/*end .btn-flat
margin-bottom:5px;*/ 

}

.btn-nica-export:hover, .btn-nica-export:active, .btn-nica-export.hover {
    background-color: #2c3039;
    color: #444;
    border-color: #969696;
}
.btn-nica-export:focus
{
   background-color:  transparent;
   outline: none;
}

a.pull-right.btn.btn-nica-export{
    padding-top: 5px;
    padding-bottom: 5px;
}
#checkDettaglio{
    margin-top: 0;
    margin-right: 18px;
}

/*input[type="text"] {
  background: #ccc;
  color: #f5f5f5;
  font-weight: 600;
}
.input-group .input-group-addon{
  background-color: transparent;
  color: #f6cf21; 
}

select.slct-nica {
   color: #f6cf21;  
   background-color: transparent;
}
select.slct-nica>option {
   color: #f6cf21;  
   background-color: #4f535c;
}*/

strong, label {

    font-weight: 300;
}


.form-control {
    border-radius: 0;
    box-shadow: none;
    border-color: #d2d6de;
    background-color: #2c3039;
    color: #fff;
    cursor: pointer;

    /*input no border*/
    /*border: 0;*/
}


.form-control:focus {
    border-color: #d2d6de;
    box-shadow: none;
}


.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #2c3039;
    opacity: 0.5;
    cursor: pointer;
}

/*Default Select
select option {
    color: #f6cf21;
    background: #2c3039 none repeat scroll 0 0; 
    
}
select option:checked, select option:hover {
    background-color: #f6cf21;
    color: #2c3039;    
}*/


/*Select2*/

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #2c3039;
    opacity: 0.5;
    
}

.select2-container--default .select2-selection--single {
    color: #f6cf21;
    background-color: #2c3039;
    border: 1px solid #d2d6de;
    border-radius: 0px;
    height: 34px;

    /*select2 all no border*/
    /*border:0;*/
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #fff;
    background-color: #2c3039;
}
.select2-container--open .select2-dropdown--below {
    /*box-shadow: 0px 0px 2px #ffffff;*/
    border: 1px solid #969696;
}

#cbAnniAzienda + span > span > span  {
    border: 1px solid #969696;
    margin-bottom: 7px;
    background-color : #4f535c;
  
}

#cbazienda + span > span > span  {
    border: 1px solid #969696;
    margin-bottom: 7px;
    background-color : #4f535c;
    
}
span#select2-cbAnniAzienda-container.select2-selection__rendered {
    background-color: #4f535c;
}
span#select2-cbazienda-container.select2-selection__rendered {
    background-color: #4f535c;
}


/*small select nobr border*/
select + span > span > span  {
    border: 0px solid #d2d6de;
}


.select2  {
    width: 100% !important;
    
}

.select2-search--dropdown {
    color: #444;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #f5f5f5 transparent transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    border-color: transparent transparent #f5f5f5 transparent;
    border-width: 0 4px 5px 4px;
}

/*Select2*/ 

.skin-yellow .wrapper, .skin-yellow .main-sidebar, .skin-yellow .left-side {
    background-color: #2c3039;
}

.box.box-nica {
border-top:1px solid #d2d6de; 
background: #4f535c;
border-bottom: 0px solid #2c3039;
border-radius: 0;
box-shadow: 0 0px 0px rgba(0,0,0,0.1); 
}

.box.box-nica.top-logo{
    -moz-transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
    

    background: transparent;
    background-image: url(../assets/img/top.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: contain;
    padding: 0;
    margin: 0;
    z-index: 999;
    margin-bottom: -100px;
}
.login-box, .register-box {
    width: 30%;
    margin: 7% auto;
    margin-bottom: -50px;
}
@media screen and (max-width: 1209px) {
    .login-box, .register-box {
        width: 360px;
        margin: 7% auto;
        margin-bottom: -50px;
    }
}

#form_login {
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
    margin-bottom: 35px;
    
}

#footer_fix {
    z-index: 999;
    margin-left: -100px;
    margin-right: -100px;
}
    
.login-box-body, .register-box-body, .nica {
background: #4f535c;
color: #fff;
border-radius: 25px;
padding: 120px 18% 0% 18%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}

.skin-yellow .main-header .navbar {
/*background-color: #f6cf21; yellow*/
background-color: #4f535c; 
}

.skin-yellow .main-header .navbar .nav > li > a {
    color: #fff;
}

.skin-yellow .main-header .logo {
/*background-color: #f6cf21;*/
background-color: #4f535c;
color: #444;
/*width: 230px;*/
}

.skin-yellow .main-header .navbar .nav > li > a:hover, .skin-yellow .main-header .navbar .nav > li > a:active, .skin-yellow .main-header .navbar .nav > li > a:focus, .skin-yellow .main-header .navbar .nav .open > a, .skin-yellow .main-header .navbar .nav .open > a:hover, .skin-yellow .main-header .navbar .nav .open > a:focus, .skin-yellow .main-header .navbar .nav > .active > a {
background: #f6cf21;
color: #444;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover {
    background: #2c3039;
    color: #f6cf21;
}

.skin-yellow .main-header .navbar .sidebar-toggle {
/*background: #f8b334;
color: #fff;*/
    background: #f6cf21;
    color: #2c3039;
}

.skin-yellow .main-header .logo:hover {
    background: #2c3039;
    color: #444;
}

.content-wrapper, .right-side {
background-color: #4f535c;
color: #fff;
}

.content-wrapper, .right-side, .main-footer {
/*margin-left: 230px;*/
}

.skin-yellow .content-header {
    background: rgba(246, 207, 33, 0);
    color: #f6cf21;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
color: #f8b334;
}

.main-sidebar, .left-side {
/*width: 230px;*/ */;
}


.main-header .navbar {
/*margin-left: 230px;*/
}

.main-footer {
background: #2c3039;
padding: 15px;
color: #fff;
border-top: 1px solid #f8b334;
}

/*Disabled Sidebar Menu Items*/
.skin-yellow .sidebar-menu > li:hover > a, .skin-yellow .sidebar-menu > li.active > a {
    color: #f6cf21;
    background: #1e282c;
    border-left-color: #f6cf21;
}


.skin-yellow .sidebar-menu > li > a[disabled], .skin-yellow .sidebar-menu > li.active > a[disabled] {
    color: #888;
    background: #2c3039;
    /*border-left-color: #f6cf21;*/
    /* pointer-events: none; disabilita click da css*/
   
}
.skin-yellow .sidebar-menu>li>a{
    color: #F5F5F5; 
    /*font*/-weight: 300;
}


.skin-yellow .main-header .navbar .nav > li > a[disabled], .skin-yellow .main-header .navbar .nav > li.active > a[disabled]  {
    color: #888;
    background: #2c3039;
}


/*Disabled Sidebar Menu Items*/


.tooltip.top .tooltip-arrow, .tooltip.bottom .tooltip-arrow {
    border-top-color: #000;
    border-bottom-color: #000;
}
.tooltip-inner{
    color: #f6cf21;
    background-color: #000;

}

/*This will set all elements with the 'myElement' class to a 0px margin within firefox only.*/
.sidebar-menu>li .badge , x:-moz-any-link, x:default {
    margin-top: -17px;
}
/*This will set all elements with the 'myElement' class to a 0px margin within firefox only.*/


.main-header .navbar .nav>li>a>.label {
    position: absolute;
    top: 6px;
    right: 5px;
    text-align: center;
    font-size: 12px;
    padding: 2px 5px;
    line-height: .9;
    border-radius: 7px;
    color: white;
    background: #777777;
}

a {
    color: #f6cf21;
    cursor: pointer;
}

a:hover, a:active, a:focus, a:visited {
    outline: none;
    text-decoration: none;
    color: #f8b334;
    cursor: pointer;
}


.skin-yellow .main-header li.user-header {
background-color: #2c3039;
}


.main-header {
    max-height: 40px;
}
.user-panel{
    padding: 1px;
}
.user-panel > .info {
    padding: 5px 5px 5px 5px;
}

    
.main-filter-nica {
min-height: 1px;
background: #2c3039;
font-weight: 600;

border-bottom: 1px solid #969696;
    
/*Manage dimesion azienda/anno*/
    padding: 0;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.skin-yellow .sidebar-menu > li.header {
color: #1e282c;
background: #2c3039;
}

.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
color: #d2d6de;
}

/*Fade In and Fade Out Time*/
.fade {
opacity: 1;
}

.fade.ng-hide {
    opacity: 0;
}

.fade.ng-hide-remove,
.fade.ng-hide-add {
    display: block !important;
}

.fade.ng-hide-remove {
    transition: all linear 1200ms;
}

.fade.ng-hide-add {
    transition: all linear 800ms;
}

/*Fade In and Fade Out Time*/

.modal-nica .modal-header {
    background-color: #4f535c;
    color: #f6cf21;
    border-bottom-color: #f8b334;
}
.modal-nica .modal-body {
    background-color: #f6cf21;
    color: #444;
}
.modal-nica .modal-footer {
     background-color: #4f535c;
     color: #fff;
     border-top-color: #f8b334;
}

/*Modal Template*/
.modal-header {
    background-color: #4f535c;
    color: #f6cf21;
    border-bottom-color: #ccc;
    border: 1px solid #f6cf21;
}
.modal-body {
    background-color: #f6cf21;
    color: #333;
    font-weight: 700;
}
.modal-footer {
    background-color: #4f535c;
    color: #fff;
    border-top-color: #ccc;
    border: 1px solid #f6cf21;
}
/*End Modal Template*/
    

/*Data Table*/
.toolbar-row{
    padding-bottom:1%;
}


.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #6A6E77;
    color: #fff;
}
.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #4f535c;
    color: #fff;
}
.table-striped>tbody>tr:hover:nth-of-type(odd) {
    background-color: #2c3039;
    color: #f6cf21;
}
.table-striped>tbody>tr:hover:nth-of-type(even) {
    background-color: #2c3039;
    color: #f6cf21;
}
.modal-overlay
{
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 height:100%;
 width:100%;
 margin:0;
 padding:0;
background: rgba(97, 97, 97, 0.62);
 opacity:.75;
 filter: alpha(opacity=75);
 -moz-opacity: 0.75;
 z-index:50002;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #969696;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;

    /*font-weight: 300;*/
}

.header-nica-tbl > th {
    background-color: #2c3039;
    color: #f6cf21;
}

/*.table-nonfluid {
   width: auto !important;
}*/

/*Fit content in column*/
.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}


.toolbar-row > div {
    margin-bottom:5px;
}
#toolbar_tableBtn > button {
    margin-left: 5px;
    padding: 4px;
}
#toolbar_tableBtn > a {
    padding-left:5px;
    padding-right:5px;
}

#searchText{
    background-color: transparent;
    color: #f5f5f5;
    border-radius: 0;
    font-size: 1.1em;
}

#searchTextBtn {
    border-radius: 0;
}



.pagination-nica{
    margin: 0px 0;
}
.pagination-nica>li>a>i{
    padding:3px; 
}
.pagination-nica>li>a{
    background-color: transparent;
    color: #f6cf21
}  
 
.pagination-nica>li>a.no-focus:focus {
    background-color: transparent;
    color: #f6cf21;
} 
.pagination-nica>li>a:hover, .pagination-nica>li>a:focus {
    background-color: #2c3039;
    color: #f6cf21
}

 
.pagination-nica > .disabled > a, .pagination-nica>.disabled>a:focus, .pagination-nica>.disabled>a:hover, .pagination-nica>.disabled>span, .pagination-nica>.disabled>span:focus, .pagination-nica>.disabled>span:hover {
    background-color: #2c3039;
    color: #f6cf21;
    border-color: #ddd;
    opacity: 0.5;
}  

.pagination-nica>.active>a, .pagination-nica>.active>a:focus, .pagination-nica>.active>a:hover, .pagination-nica>.active>span, .pagination-nica>.active>span:focus, .pagination-nica>.active>span:hover {
    z-index: 3;  
    background-color: #2c3039;
    color: #f6cf21;
    border-color: #ddd;
}

/*Profilo*/
.widget-user-2 .widget-user-header {
    padding: 20px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #4f535c;
}

.widget-user-2 .widget-user-image > img {
 border: 2px solid;
}

/*DatePicker*/
.datepicker.dropdown-menu{
    background-color: #efefef;
    border: 2px solid #f5f5f5;
}
.datepicker table {
    color: #444;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{
    color:rgba(120, 120, 120, 0.6);
}


/*Drag and Drop Select*/
.droptrue {
    height: 165px;
    overflow-y: scroll;
}

.listBlock {
    float: left;
    min-width: 100%;
    margin-bottom: inherit;
    padding-bottom: 2%;
    
}

#sortable1, #sortable2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
    /*margin-right: 100px;*/
    background: #4f535c;
    /*padding: 2px;
    padding-left: 2px;*/
    padding-right: 4px;
    border: 1px solid #d2d6de;
    width: 100%;
}
   
#sortable1 li{
    color: white;
    cursor: pointer;
    margin: 1px;
    padding: 4px;
    /* font-size: 1.2em; */
    width: 100%;
    background: none;
    background-color: #4f535c;
    font-weight: 700;
    text-indent: 5px;
}

#sortable2 li {
    color: #fff;
    cursor: pointer;
    margin: 1px;
    padding: 4px;
    /* font-size: 1.2em; */
    width: 100%;
    background: none;
    background-color:#2c3039;
    text-indent: 5px;
    font-weight: 700;
} 

.selected {
    background-color: #2c3039 !important;
    color: #f6cf21 !important;
}
.hidden {
    display:none !important;
}
ul {
    list-style-type: none;
}

/*Drag and Drop Select*/




.box .overlay, .overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0px;
}

.info-box, .info-box-icon {
    border-radius : 0;
    background: #2c3039;
    box-shadow: 0 0px 0px rgb(255, 255, 255);
}
.info-box-icon {
    background : #2c3039;
    color: #f6cf21;
}

.callout-nica{
    border-radius: 0;
    border-left: 5px solid #f6cf21;
    color: #f6cf21;
}


#login_logoBig {
    /* min-height: 117px; */
    max-width: 260px;
    margin-top: 4%;

}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height:inherit;
}

.sidebar .user-panel {
    background-color: #2c3039;
    border-bottom: 1px solid #969696;
    padding-top: 4px;
    padding-bottom: 5px;
}
.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px;
    margin-top: 9px;
}
.logoWingap {
    background-color :#2c3039 !important;
    padding:0;
    padding-top: 100% !important;
    border-bottom: 0px solid #969696 !important;
}

@font-face {
	font-family: 'Oxygen';
	src: url('../fonts/Oxygen-Regular.ttf'); 
}






