/* @import url("toggleswitch.css"); */

html {
 overflow: auto;
}
html, body, iframe {
 margin: 0px; 
 padding: 0px; 
 height: 100%;
 border: none;
}

iframe  {
 display: block; 
 width: 100%; 
 border: none; 
 overflow-y: auto; 
 overflow-x: hidden;
}

body {
   background: #d7d7d7;
   font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
   font-weight: 300;
   font-size:16px;   
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select,
  textarea,
  input {
    font-size: 16px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  select:focus,
  textarea:focus,
  input:focus {
    font-size: 16px;
  }
}

#smartInfoBox, #pictureBox {
   z-index: 1700;   
   color: #fff;
   padding: 20px;
}

#confirmBox {
   z-index: 1700;   
   color: #000;
   text-align:center;
   font-size: 12px;
   padding-top: 20px;
   padding-left: 5px;
   padding-right: 15px;
   background-color: #fff;
   
   position:fixed;
   top:50%;  
   left:50%;  
   margin:-180px 0 0 -180px;  
   width:350px;  
   height:200px;  
}


#gdprBox {
   z-index: 1700;   
   color: #646464;
   padding: 20px;  
   width:90%;
    /*overflow-y: scroll; 
   height:400px;
   position: absolute;
   margin: auto;*/
   
}

.customer-name {
   font-weight: bold;
   color: #b5b5b5;
   font-style: italic;
   /*t r b l*/
   margin: -10px 0 -30px 20px;   
}

h2 {  
   font-size:140%;
}
h3 {
   font-size:125%;   
}
h4 {
   font-size:110%;
}

.alert-dismissible {
   font-weight: bold;
   padding:5px;
   position:static;
   text-align:center;
   margin-top: -10px;
}

.ro-form-control {
   border: 1px solid #cacaca; 
   background-color:#f5f5f5;
   border-radius: .3em;
   padding:3px;
}
.item-widget {  
   box-sizing: border-box;
   border: 2px solid #646464;
   box-shadow: 8px 8px 8px #646464; 
   background-clip: padding-box;
   background-color: #e9e9ef;
   -webkit-border-radius: .5em;
   -moz-border-radius: .5em;
   border-radius: .2em;
   /*padding-right:0px;
   padding-left:0px;*/
   padding:0px;
   font-size:80%;  
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis; 
}

.item-widget ul {
   margin-top:10px;
   list-style-type: none;
   font-size:90%;
}

.item-widget ul li {
   margin-left:-40px;
   padding: 3px;
   border-bottom: 1px dotted #a0a0a0;
}



.custom-badge {
   color:#5b5b5b;
   border:1px solid #a0a0a0;
   box-shadow: 0px 2px 4px #000; 
   padding: 8px;
   /*margin-top:3px;*/
   background-color:#fff;   
   font-size:110%;
}

.custom-badge2 {   
   color:#5b5b5b;
   border:1px solid #a0a0a0;
   box-shadow: 0px 2px 4px #000; 
   padding: 12px;
 
   /*margin-top:4px;  */
   margin-left:3px;
   font-size:140%;
}

.sidebar-container ul  {   
   margin-left:-40px;      
}

.sidebar-container ul li {
   list-style-type:none;
   margin:auto;   
   padding-bottom: 5px;   
}


.panel-grey {
   background-color: #d7d7d7;   
   padding:3px;
}


.panel-default-sidebar {   
   padding-right:0px;
   padding-left:0px;
}


.panel-default > .panel-myheading {
   background-color: #337ab7;
   color: #fff;     
}

.item-widget > .panel-myheading {
   background-color: #9b9b9b;

}

.stamping-info-menu {
   background-color:#337ab7; 
   color: #fff; 
   text-decoration:none;
   float:left;   
   padding-top: 16px;
   padding-bottom: 4px;
   padding-right:5px;
   border-color: #000;  
   height: 55px; 
   font-size:75%;
}


.stamping-info-menu:hover {   
   background-color: #fff;
   color: #337ab7; 
   text-decoration:none;
   float:left;   
   padding-top: 16px;
   padding-bottom: 4px;
   padding-right:5px;
   border-color: #000;  
   height: 55px;    
   font-size:75%;  
}

.panel-footer  { 
   border-top: 1px solid #000;
   text-align: center;
   background-color:#fff;
   color: #808080;  
   position: fixed;
   bottom: 0;
   width: 100%;  
   z-index: 1500;
}



.panel-default  {
   border: 3px solid #337ab7;
   border-radius: .5em;
}

/* sfondo navmenu
.loginpanel {      
   background-image: url("../../resources/img/bghome.jpg");    
}
*/

/* sfondo navmenu */
.navbar-default {      
   background-color: #337ab7;      
   border-color: #000;  
   color: #fff;  
}

/* brand navmenu */
.navbar-default .navbar-brand {
   /*background-color: #000;*/
   background-color: #337ab7;
   color: #fff;  
   height: 80px;    
}

.labelinline {
   text-align: right;
   font-size:12px;
   padding: 7px;
}

.centered {
   display: table;
   margin: 0 auto;
   padding: 3px;
}

/* brand navmenu al passaggio del mouse */
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
   /*background-color: #515151;*/
   background-color: #337ab7;
   color: #fff;   
   height: 55px;    
}

.panel-menu {
   padding-top: 20px;
   background-color: #337ab7;
   color: #fff; 
}



/* testi navmenu */
.navbar-default .navbar-nav>li>a {   
   background-color: #337ab7;
   color: #fff;  
   height: 55px;   
}

/* testi navmenu al passaggio del mouse */
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
   background-color: #fff;
   color: #337ab7; 
   height: 55px;       
}

/* testi navmenu attivi */
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
   background-color: #fff;
   color: #337ab7; 
   height: 55px;    
}

/* navmenu dropdown aperto */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
   background-color: #fff;
   color: #337ab7; 
   height: 55px;    
}
.dropdown-menu>li>a {
   background-color: #fff; 
   color: #337ab7; 
   height: 55px;    

}
.dropdown-menu>li>a:hover  {
   background-color:#337ab7;  
   color: #fff;
   height: 55px;    
}

.navbar-default .navbar-nav .open .dropdown-menu >li > a:hover {
   background-color:#337ab7;  
   color: #fff;
   height: 55px;  
}

label {
   font-weight: normal;
}



.row:not(:first-child){
   margin-top:30px;
}

.uploadfile-centered {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}


.btn-xlarge {
   padding: 18px 28px;
   font-size: 20px; 
   line-height: normal;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
}

.filter-label {
   margin-left:30px;width:130px;text-align:right;
}


.greyclass {    
   color:#fff;   
   background-color:#afaf5f;    
}

.microtext {      
   font-size:8pt; 
   color:#808080;     
}

.microtext-highlighted{      
   font-size:8pt; 
   color:#d50000;  
   font-weight: bold;   
}

.microtextgrey { 
   background-color: #fbfbfb;
   padding: 5px;
   font-size:8pt; 
   color:#808080;   
}

.microtextgreyright { 
   background-color: #fbfbfb;
   padding: 5px;
   font-size:8pt; 
   color:#808080;   
   text-align:right;
   width:50%;
}

.microtext-container { 
   padding:10px;
   margin: auto;
   text-align: center;      
}

.microtext-container-license { 
   padding:10px;
   border-radius: 10px;   
   margin: auto;
   padding-left: 25px; 
   border: 1px solid #337ab7;
}

/* loading >> */
.glyphicon-refresh-animate { 
   -animation: spin .7s infinite linear;
   -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
   from { -webkit-transform: rotate(0deg);}
   to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
   from { transform: scale(1) rotate(0deg);}
   to { transform: scale(1) rotate(360deg);}
}



.modalbox {   
   z-index: 1000;  
   border-radius: 10px;   
   border: 3px solid #fff;
   box-shadow: 0px 20px 33px 33px #000;  

   /*
    border: 2px solid #337ab7;
    box-shadow: 0px 33px 33px #666666; 
    box-shadow:  0px 0px 50px 500px #000;
   */
}




.sticker1 {
   /*background: #ff5555;*/
   color: #fff;
   padding: 5px;
   border-radius: 5px 5px 5px 5px;
}

.selectedinput {
   background-color: #ffff9b;
   /*border: 2px solid #a9a9a9;*/
}

.scrollingdiv {
   overflow:hidden;
}

.scrollingdiv:hover { 
   overflow-y:scroll; 
}

.control-label {
   text-align:right;
}

.help-block {
   font-size:70%;
   font-style:italic;
}

.info-message {
   font-size:90%;   
   padding: 3%;
   border: 1px solid #808080;
}

.tagged-text {  
   padding: 1px;
   color: #808080; 
   background-color: #d9edf7;
}

.tagged-text1 {  
   padding: 10px;
   color: #808080; 
   background-color: #d9edf7;
}

.table-bordered  {
   border: 3px solid #337ab7;
   border-radius: 8px; 
   border-collapse: separate;  
   box-shadow: 5px 5px 5px  #a2a2a2;   
} 
/*
.tablesheet, .tablesheet th, .tablesheet td {
   border-collapse: collapse;
   font-size: 85%; 
 
   padding: 5px 0px 1px 0px;   
   font-weight: normal;    
   color: #616161;
   margin:auto;
   vertical-align: middle;   
}

.tablesheet table { 
   table-layout:fixed;   
   overflow-y: auto;
} 
*/
.table-bordered th :hover {
   background-color: #265e8a;
   cursor: pointer;
}

.table-bordered th {
   background-color: #337ab7;  
   border-color: #337ab7 !important;
   color:#fff;
}

.table-bordered td  {
   border-color: #337ab7 !important;
}

.table-bordered tr:hover { 
   background-color: #e9e9e9;   
}

@media (max-width:550px) {
   .table-responsive::-webkit-scrollbar { width: 0 !important }
   .table-responsive { overflow: -moz-scrollbars-none; }
   .table-responsive { -ms-overflow-style: none; }
}

.form-horizontal{
   padding: 5px 0px 1px 0px;
}

.form-control{
   font-weight:normal;
   font-size:90%;
   padding:2px 4px;
}

.edit-box-odd {
   border: 1px solid #d7d7d7;
   background-color: #d7d7d7;  
}
.edit-box-pair {
   border: 1px solid #d7d7d7;
   background-color:#e0e0e0;   
}


.filter-options-ul {  
   background-color:#fff;   
   border: 2px solid #fff; 
   list-style-type: none;
   padding: 0;
   margin: 0;  
   max-height: 200px;
   overflow-y: scroll; 
}


.filter-options-ul li a{ 
   border: 1px solid #d6d6ab;   
   margin-top: -1px;  
   padding: 8px; 
   text-decoration: none; 
   font-size: 85%;
   color: #78b8c2; 
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;   
}

.filter-options-ul li a:hover:not(.header) {
   color: #fff; 
   /*font-weight: bold;*/
   font-size: 85%;
   background-color: #a7a752;
}








.filter2-options-ul {  
   border: 2px solid #fff; 
   list-style-type: none;  
   margin: 0; 
   max-height: 200px;
   overflow-y: scroll; 
}


.filter2-options-ul li a{ 
   border-bottom: 1px dotted #fff;   
   margin-top: -1px;  
   padding: 8px; 
   text-decoration: none; 
   font-size: 85%;
   color: #78b8c2; 
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;   
}

.filter2-options-ul li a:hover:not(.header) {
   color: #359aff; 
   font-weight: bold;
   background-color: #fbfbfb;
}



.dashboard-btn {
   text-align: left;
}

.highlight {
   padding: 9px 14px;
   margin-bottom: 14px;
   background-color: #f7f7f9;
   border: 1px solid #e1e1e8;
   border-radius: 4px;
}

.btn-circle {
   width: 30px;
   height: 30px;
   text-align: center;
   padding: 6px 0;
   font-size: 12px;
   line-height: 1.5;
   border-radius: 15px;   
   border-color:  #fff;
   border-style: solid;
   border-width: 2px;
   margin-bottom: 5px;
   position: relative;
   z-index: 100;
}
.btn-circle.btn-lg {
   width: 50px;
   height: 50px;
   padding: 10px 16px;
   font-size: 18px;
   line-height: 1.33;
   border-radius: 25px;
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2; 
   z-index: 100;
}
.btn-circle.btn-xl {
   width: 80px;
   height: 80px;
   padding: 10px 16px;
   font-size: 24px;
   line-height: 1.33;
   border-radius: 45px;   
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2; 
   z-index: 100;
}

.btn-circle.btn-xxl {
   width: 110px;
   height: 110px;
   /*padding: 20px 20px;
   line-height: 1.83;*/
   font-size: 38px;   
   border-radius: 45px;   
   position: relative;
   box-shadow: 0px 5px 5px #a2a2a2; 
   z-index: 100;
}

.close-itemBox {
   text-align: center;   
   background-color:#b4b4b4;
   width: 40px;
   height: 40px;
   padding: 9px;
   font-size: 15px;
   /*
    margin-top:-5px;
    margin-right: 5px;
   */
   color: #fff;
   font-weight:bold;    
   border-radius: 20px;
   position: relative;
   float: right;
}

.required-field {
   color: #aa0000;
   font-size: 70%;
}

.label-circle-btn {
   /*font-weight:normal;
   font-size:90%;*/
   padding:2px;
}

/* sheets ---> */

h2.tablesheet  {
   color: #59bfdd;
   font-size: 110%;
   padding-top: 25px;
   padding-bottom: 10px;
}

.tablesheet, .tablesheet th, .tablesheet td {
   border-collapse: collapse;
   font-size: 85%; 
   /*min-width: 80px;*/
   padding: 5px 0px 1px 0px;   
   font-weight: normal;    
   color: #616161;
   margin:auto;
   vertical-align: middle;   
}

.tablesheet table { 
   table-layout:fixed;   
   overflow-y: auto;
} 



.tablesheet table th {       
   word-wrap:break-word;    
   overflow-wrap: break-word;   
}

.tablesheet select, .tablesheet input { 
   font-size: 85%;       
   border-radius: 5px;     
}

.tablesheet thead th  {     
   background-color: #fff;
   font-size: 110%; 
}

/* <--- sheets */


#signature_canvas {
   border: 3px solid #4e4e4e;           
   border-radius: 15px; 
   background-color: #fff;
}



.hidden-print {
   display: block;
}

.visible-print-block {
   display: none;
}

.print-result-container {
   /*background-color: #fff;*/
}

.print-item-widget {
   color-adjust: exact;  
   -webkit-print-color-adjust: exact; 
   print-color-adjust: exact;
   box-sizing: border-box;
   border: 2px solid #000; 
   box-shadow: 0px 5px 5px #a2a2a2; 
   background-clip: padding-box;
   background-color: #fff;
   -webkit-border-radius: .5em;
   -moz-border-radius: .5em;
   border-radius: .5em;
   padding:10px; 
   width:98%;
   margin:auto;

}

.print-panel-heading {
   min-width:100%;
   padding:10px; 
   font-weight: bold;
   font-size:120%; 
   border-radius: .5em;
   border: 1px solid #fff; 
}

.print-panel-heading img {
   width:180px;
   margin-top:-8px;
}

.print-panel-body  {  
   line-height: 1.6;
   text-align: left;
}

.print-panel-body h4 {  
   font-weight: bold;  
   display: inline;
}


.kpibox {   
   padding:3px; 
   color: #a31a05;
   background-color: #fff;
   box-shadow: 0px 5px 5px #a2a2a2; 
   text-align:center;
   /*font-weight: bold;
   font-size:80%;    */
   border-radius: .2em;
   border: 2px solid #868686;   
   width: 20%;
   position: absolute;   
}

.kpibox-label{
   padding-right: 10px;    
   padding-bottom: 3px; 
   color: #868686;  
   font-weight: bold;
   font-size:80%; 
   width: 80%;
   text-align:right; 
}

.sheet-control {
   width: 30%;
}

.textareadescr {
   min-height:200px;
   height:100%;
   width:100%;
}

.deactived {
    background-color: grey !important;
    color: white !important;
    cursor: not-allowed;
 }
 
 .panelgrey {
    border: 1px solid #cacaca; 
    background-color:#f5f5f5;
 }
 
 .edit-sheet-box {
    margin:5px;padding:15px; border:1px solid #808080;background-color:#f5f5f5;
 }
 
 .edit-sheet-box2 {
    margin:5px;
 }
 
 .minor-ctrl {  
    background-color:#e9e9ef;
    border: 1px solid #868686;   
    
 }
 .sheet-description {
    /*background-color:#e9e9ef;*/
    border-radius: .2em;
    border: 1px solid #868686;   
    background-color:#fff;
    width:100%;
 }
 
 
 .expiration-bar {
    background-color: #f20000;        
    padding:25px;    
    z-index:10;
    position:absolute;   
    top:0;left:0;width:100%;
    color: #fff;    
    font-size:16px;
    font-weight:bold; 
 }
 
  .subscription-bar {
    background-color: #359aff;        
    padding:25px;    
    z-index:10;
    position:absolute;   
    top:0;left:0;width:100%;
    color: #fff;    
    font-size:16px;
    font-weight:bold; 
 }
 
  .master-bar {
    background-color: #950000;    
    padding-left:20px;
    padding-right:20px;    
    z-index:10;
    position:absolute;   
    top:0;left:0;width:100%;
 }
 
 .master-bar a{   
    color: #fff;    
    font-size:14px;
    font-weight:bold;    
    text-decoration: none;
 }
 
 .editable-list {
    display: inline-block;
    width: 70%;
    font-size:12px;
    background-color: #c3c3c3;  
    color: #616161;    
    padding: 5px;
 }