/*
 * Skin: Yellow
 * ------------
 */
 
 body {
  font-family: 'Roboto', sans-serif;
}

.content-wrapper,
.main-footer {
  margin-left: 180px;

}

@media (max-width: 767px) {
  .sidebar-open .content-wrapper,
  .sidebar-open .main-footer {
    -webkit-transform: translate(180px, 0);
    -ms-transform: translate(180px, 0);
    -o-transform: translate(180px, 0);
    transform: translate(180px, 0);
  }
  .content-wrapper, .main-footer {
    margin-left: 0;
  }

  .content {
    min-height: 250px;
    padding: 5px; 
    margin-right: auto;
    margin-left: auto;
   }
}

.content-wrapper {
  background-color: #ecf0f5;
}

/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Roboto', sans-serif;;
}
/* General Links */
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

.main-header .navbar {
  margin-left: 180px;
}

.main-header .logo {
  width: 180px;
  font-family: 'Roboto', sans-serif;
  text-align:left;
}

.main-sidebar {
  width: 180px;
}
@media (max-width: 767px) {
	.main-header .navbar {
	    margin: 0;
	}
	.main-header .logo, .main-header .navbar {
	    width: 100%;
	    float: none;
		background-color: #222d32;
	}
  .main-sidebar {
    -webkit-transform: translate(-180px, 0);
    -ms-transform: translate(-180px, 0);
    -o-transform: translate(-180px, 0);
    transform: translate(-180px, 0);
  }
  .navbar-custom-menu {
    margin-top: -100px;
    background-color: #222d32;
  }
}
@media (min-width: 768px) {
  .sidebar-collapse .main-sidebar {
    -webkit-transform: translate(-180px, 0);
    -ms-transform: translate(-180px, 0);
    -o-transform: translate(-180px, 0);
    transform: translate(-180px, 0);
  }
}
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {
    border-top-right-radius: 0px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {
    border-bottom-right-radius: 0px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 0px;
  }
  .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
  width: 150px;
}
.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -220px;
  width: 220px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 180px;
  }
}






.skin-yellow .main-header .navbar {
  background-color: #824645;
}
.skin-yellow .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.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: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-yellow .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover {
  background-color: #e08e0b;
}
@media (max-width: 767px) {
  .skin-yellow .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-yellow .main-header .navbar .dropdown-menu li a:hover {
    background: #e08e0b;
  }
}
.skin-yellow .main-header .logo {
  background-color: white;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-yellow .main-header .logo:hover {
  background-color: white;
}
.skin-yellow .main-header li.user-header {
  background-color: #824645;
}
.skin-yellow .content-header {
  background: transparent;
}
.skin-yellow .wrapper,
.skin-yellow .main-sidebar,
.skin-yellow .left-side {
  background-color: #222d32;
}
.skin-yellow .user-panel > .info,
.skin-yellow .user-panel > .info > a {
  color: #fff;
}
.skin-yellow .sidebar-menu > li.header {
  color: white;
  background: #1a2226;
}
.skin-yellow .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}
.skin-yellow .sidebar-menu > li:hover > a,
.skin-yellow .sidebar-menu > li.active > a,
.skin-yellow .sidebar-menu > li.menu-open > a {
  color: #ffffff;
  background: #1e282c;
}
.skin-yellow .sidebar-menu > li.active > a {
  border-left-color: #824645;
}
.skin-yellow .sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: #2c3b41;
}
.skin-yellow .sidebar a {
  color: #b8c7ce;
}
.skin-yellow .sidebar a:hover {
  text-decoration: none;
}
.skin-yellow .sidebar-menu .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-yellow .sidebar-menu .treeview-menu > li.active > a,
.skin-yellow .sidebar-menu .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-yellow .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-yellow .sidebar-form input[type="text"],
.skin-yellow .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-yellow .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-yellow .sidebar-form input[type="text"]:focus,
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-yellow .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

.main-footer {
    background: #fff;
    padding: 2px;
    color: #444;
    border-top: 1px solid #d2d6de;
}


.ragione_sociale{
    display: block;
    line-height: 50px;
    font-size: 22px;
    color:#fff;
    float: left;
    
}   

#my-clock {
-moz-transform: scale(0.46,0.46);
-ms-transform: scale(0.46,0.46);
-webkit-transform: scale(0.46,0.46);
-o-transform: scale(0.46,0.46);
transform: scale(0.46,0.46);

-moz-transform-origin: left top;
-ms-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;

top: 5px;
/*
style="zoom: 0.46;-moz-transform: scale(0.46);top: 6px;"
*/
}



/* TABULATOR */


.tabulator {
    position: relative !important;;
    border: 1px solid #999 !important;;
    background-color: #888 !important;;
    font-size: 12px !important;;
    text-align: left !important;;
    overflow: hidden !important;;
    transform: translatez(0) !important;;
}
.tabulator .tabulator-header .tabulator-col {
    display: inline-block !important;;
    position: relative !important;;
    box-sizing: border-box !important;;
    border-right: 1px solid #aaa !important;;
    background: #e6e6e6 !important;;
    text-align: center !important;;
    vertical-align: bottom !important;;
    overflow: hidden !important;;
}

.tabulator .tabulator-footer {
    border-top: 0px solid #999 !important;; 
    border-bottom: 1px solid #999 !important;; 
}

#TotalRecord {
    float:left;
    display: inline-block;
    max-width: 100%;
    padding: 4px;
    font-weight: 700;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{
    white-space: normal;
    text-overflow: clip;
}


.subtable-holder{
  padding : 0px;
}

.subtable-holder.tabulator{
    
    padding : 1px 1px 1px 30px;
    border-top : 1px solid #333;
    border-bottom : 1px solid #333;
    /*width:800px;*/

        
}

.tabulator-row.tabulator-selectable:hover {
  background-color: #9ABCEA;
  cursor: pointer;
}

.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: #e6e6e6 !important;
}

.tabulator input[type=search] {
    border: 1px solid gray !important;
}
    
    


.loading {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    margin-left: -40px;
    background: #222222;
    opacity: 0.4;
    z-index: 9991000;
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 9991001; /* anything higher than z-index: 1000 of .loader-section */
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.btn_aggiorna {
    margin-top: -8px;
    margin-left: -10px;
    margin-right: 8px;
    border-radius: 3px;
}


.btn-primary {
  background-color: #AD9263;
  border-color: #AD9263;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.hover {
  background-color: #AD9263;
  border-color: #AD9263;
  box-shadow: inset 0 0 0 20rem rgb(0 0 0 / 6%);
}

.box.box-primary {
    border-top-color: #AD9263;
}


.login-page, .register-page {
    background-image: url("../../../../img/sfondo_login.jpg");
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: right top; 
        background-color: #12140f;
}

.main-header .logo-lg {
    padding: 0 0px;
    margin-left: -10px;
}


.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #AD9263;
    background-color: #AD9263;
}
.box.box-solid.box-success {
    border: 1px solid #AD9263;
}