/******************************************************************
 **  BODY  ********************************************************
 ******************************************************************/
body { direction: ltr; padding-top: 80px; margin-bottom: 30px; overflow: auto; }
/******************************************************************
 **  LOGO & INFO  *************************************************
 ******************************************************************/
.navbar-brand { color: #000000 !important; }
.navbar-brand img{ display: inline-block !important; }
.navbar-brand-color { color: #007AFF !important; font-weight: bold !important; }
.table-info { width: 100%; }
.table-info td { padding: 5px; text-align: center; }
/******************************************************************
 **  LOGIN  *******************************************************
 ******************************************************************/
.form-signin { max-width: 330px; padding: 15px; margin: 0 auto; }
.form-signin-heading { margin: 0 0 15px; font-size: 18px; font-weight: 400; color: #555; }
.form-signin .checkbox { margin-bottom: 10px; font-weight: normal; }
.form-signin .form-control { position: relative; height: auto; -webkit-box-sizing: border-box; 
                              -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; 
                              font-size: 16px; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"] { margin-bottom: 10px; }
.form-signin input[type="password"] { margin-bottom: 10px; }
.card { width: 304px; padding: 20px 25px 30px; margin: 0 auto 25px; background-color: #f7f7f7; 
          border-radius: 2px; box-shadow: 0 2px 2px rgba(0, 0, 0, .3); }
.card-signin { width: 354px; padding: 40px; }
.card-signin .profile-img { display: block; width: 96px; height: 96px; margin: 0 auto 10px; }
/******************************************************************
 **  USER TEMPLATE  ***********************************************
 ******************************************************************/
.userTpl { margin: 0; padding: 0; }
.userTpl.bordered { border: 1px dashed red; border-radius: 5px; }
.userTpl > table { width: 100%; margin: 0; padding: 0; }
.userTpl td.imgContainer-sm { padding: 1px; width: 30px; }
.userTpl td.imgContainer { padding: 1px; width: 62px; }
.opeDescContainer { padding-left: 4px; text-align: left; }
.opePadding {padding-top: 7px;}
.load-calendar { background-color: #fff; height:137px; text-align: center; font-size: 15px; }
.load-calendar>div { padding-top: 30px; }
/******************************************************************
 **  MENU BAR  ****************************************************
 ******************************************************************/
.menu-visible-xs { display: none!important; }
.both-borders { border-right: 1px solid #c0c0c0; border-right-color: #c0c0c0; 
                  border-left: 1px solid #c0c0c0; border-left-color: #c0c0c0; }
.only-left-border { border-left: 1px solid #c0c0c0; border-left-color: #c0c0c0; }
.navbar-toolbar.navbar-default .navbar-nav.navbar-right>li>a:hover, 
.navbar-toolbar.navbar-default .navbar-nav.navbar-right>li>a:focus { background-color: #f2f2f2; }
.only-left-border > i, .both-borders > i { font-size: 11px; }
.nav-right { display: none !important; }
@media (max-width: 767px) {
  .menu-visible-xs { display: inline-block !important; }
}
@media (min-width: 768px) {
  .ghost {display: none;}
}
/******************************************************************
 **  NOTIFICATIONS  ***********************************************
 ******************************************************************/
growl-notifications { position: fixed; top: 85px; right: 0; z-index: 9999; }
growl-notification { padding: 15px 30px; margin-bottom: 15px; }
/******************************************************************
 **  BREADCRUMB  **************************************************
 ******************************************************************/
.breadcrumb-container { position: fixed; right: 0; left: 0; top: 38px; z-index: 999; }
.breadcrumb-sm { background-color: #f2f2f2; margin-bottom: 0px !important;}
/******************************************************************
 **  MODAL  ******************************************************
 ******************************************************************/
.backdrop-half { z-index: 1598; }
.backdrop-full { z-index: 10000; }
.modal { overflow: auto !important; }
@media (min-width: 768px) {
  .modal-dialog { width: 94%; margin: 30px auto; }
}
/******************************************************************
 **  TO-DO  *******************************************************
 ******************************************************************/
tr.selected { color: #000000; border-left: 4px solid #dd4b39; border-left-color: #dd4b39; font-weight: bold; }
.action-menu-container { position: fixed; right: 0; left: 0; top: 65px; z-index: 998; background-color: #fff; height: 38px; text-align: center; }
.action-menu-container .actions { position: absolute; left: 10px; padding-top: 4px; }
.action-menu-container .utils { position: absolute; right: 10px; padding-top: 4px; }
.todo-container { padding-top: 25px;}
.wf-field-b { margin-left: 0 !important; }
.mandatory { color: #dd4b39; }
.mandatory:after { content: " *"; }
.wf-var-container > .wf-field-h > .input-group-sm { display: table; }
.wf-type-g > .panel-heading, .wf-type-t > .panel-heading, .gridPanel > .panel-heading { 
  padding-top: 6px; padding-bottom: 6px; padding-left: 0; padding-right: 0; }
.wf-type-g .panel-body, .wf-type-t .panel-body, .gridPanel .panel-body { padding: 5px; }
input.wf-type-i, input.wf-type-f, p.wf-type-i, p.wf-type-f { text-align : right; }
p.wf-type-h, .wf-type-d { text-align: center; }
.wf-type-m {border: 0; background-color: transparent; font-family: inherit; }
.wf-type-l-2 { /*font-weight : bold;*/ padding-top: 0 !important; padding-bottom: 0px !important; }
a.wf-type-l-3 { padding: 0 0 0 0 !important; text-align: center; }
.nav-pills>li.wf-type-l-3 { float: center; }
.wf-field-e code { padding-right: 0 !important; padding-left: 0 !important; }
.wf-type-ge-row > .panel-heading { padding-top: 1px; padding-bottom: 1px; }
.wf-type-ge-even { background-color: #f9f9f9; margin-bottom: 5px; }
.wf-type-ge-even > .panel-heading { background-color: #f9f9f9; border-color: #f9f9f9; }
.wf-type-ge-odd { background-color: #fff; margin-bottom: 5px; }
.wf-type-ge-odd > .panel-heading { background-color: #fff; border-color: #fff; }
.panel > .collapses { display:none; }
tr.selectedRow > td { background-color: #a3d48e !important; }
.wf-type-t table { max-height: 150px; }
.wf-type-t td { padding-top: 4px !important; padding-bottom: 4px !important; }
.type-c-img { display: block; width: 20px; height: 20px; margin: -1 auto 10px; border: 1px solid #c0c0c0; }
.type-c-grid-img { display: inline-block; width: 13px; height: 13px; margin: -1 auto 10px; border: 1px solid #c0c0c0; }
@media (min-width: 768px) {
  .wf-var-container > .wf-field-e > .input-group-sm { display: table; }
  .wf-var-container > .wf-field-d > .input-group-sm { display: table; }
}
.btn-copy { white-space: normal}
.wf-form-panel { padding-left: 0px !important; padding-right: 0px !important; }
.selected-area > .ocDropdown { font-weight: 700; color: #dd4b39; background-color: transparent;  }
.selected-area > .list-group-item-wrapper{ font-weight: 700; background-color: transparent; border-color: #e5e5e5; border-left: 2px solid #dd4b39; border-left-color: #dd4b39;}
.org-padding { padding-left: 15px !important; padding-right: 0px !important; 
padding-top: 0px !important; }
.org-padding-ope { padding-left: 50px !important; padding-right: 0px !important; 
padding-top: 0px !important; }
select:focus, input:focus, textarea:focus {
  border-color: #4d90fe !important;
  outline: 0 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 122, 255, .6), 0 0 8px rgba(0, 122, 255, .8) !important;
          box-shadow: inset 0 1px 1px rgba(0, 122, 255, .6), 0 0 8px rgba(0, 122, 255, .8) !important;
}
span.resp-view { position: absolute; width: 17px; height: 28px; margin-left: 19px; margin-top: 5px; }
a.resp-view { z-index: 1; padding-left: 13px; }
.var-readonly { border-bottom:1px dashed #ddd; padding-bottom:1px; min-height:24px; }
/******************************************************************
 **  ALLEGATI  ****************************************************
 ******************************************************************/
.btn-doc { padding: 0px 4px !important; }
.doc-obs { text-decoration : line-through; }
/******************************************************************
 **  LOG  *********************************************************
 ******************************************************************/
.operator-container { padding-top: 1px !important; padding-bottom: 1px !important; }
.logTable > THEAD > TR > TH, .logTable > TBODY > TR > TD { text-align: center; }
/******************************************************************
 **  PANELS  ******************************************************
 ******************************************************************/
.panel { margin-bottom: 5px; }
.panel-header > strong { color: #dd4b39; }
.panel-header > strong > h3 { display: inline; }
.panel-tools { position: absolute; right: 15px; top: 1px; }
/******************************************************************
 **  NG-TABLES  ***************************************************
 ******************************************************************/
 .table-container.full-screen > TABLE { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; background-color: white;}
 .table-container.full-screen > SPAN.close-full-screen { display: block; top: -10px; right: -5px; position: fixed; z-index: 9999;}
 .table-container > SPAN.close-full-screen { display: none; }
 .panel.panel-full-screen { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1049; }
 .panel.panel-full-screen > .panel-body { height: 80%; overflow:auto; }
table.ng-table-responsive thead th, table.ng-table thead th { border-bottom: 1px solid #c0c0c0; white-space: nowrap; font-size: 11px; text-align: center; }
table.ng-table-responsive thead th.large, table.ng-table thead th.large, table.ng-table tbody td.large { /* width: 100%; */ }
table.ng-table-responsive tbody td, table.ng-table tbody td { white-space: nowrap; font-size: 11px; }
table.ng-table-responsive, table.ng-table { display: inline-block !important; overflow: auto; }
TD.col-read-only { /*background-color: #f3f3f3 !important;*//*#e6e6e6 se non si vede */font-style: italic; }
TD.col-type-S, TD.col-type-EC, TD.col-type-ES { text-align: left; }
TD.col-type-B, TD.col-type-D, TD.col-type-H, TD.col-type-C { text-align: center; }
TD.col-type-I, TD.col-type-F { text-align: right; }
.col-type-EC code { background-color: transparent; }
.wf-row-even { background-color: #f9f9f9; }
.wf-row-odd { background-color: #fff; }
.wf-row-grouper { background-color: aliceblue; }
.ng-table th.sortable.sort-desc, .ng-table th.sortable.sort-asc { background-color: #ffffff; text-shadow: none; text-decoration: underline; }
.ng-table-group { text-align: left !important;}
PRE.inTable { font-size: 11px; padding: 0; margin: 0; border: 0; background-color: transparent; font-family: inherit; }
/******************************************************************
 **  BADGES  ******************************************************
 ******************************************************************/
.badge { background-color: #dd4b39 !important; }
.badge-primary { background-color: #4d90fe !important; }
.badge-info { background-color: #5bc0de !important; }
.badge-success { background-color: #35aa47 !important; }
.badge-warning { background-color: #faa937 !important; }
.badge-danger { background-color: #d84a38 !important; }
.badge-sad { background-color: #999 !important; }
/******************************************************************
 **  ERRORS  ******************************************************
 ******************************************************************/
.errorBar .errorMsgField { cursor: pointer; text-align: center; width: 100%; }
.alert.errorBar { padding: 0px; margin-bottom: 0px; }
.alert.errorBar a { color: #dd4b39; }
.alert.errorBar td { border-left: 1px solid #dd4b39; border-right: 1px solid #dd4b39; }
.alert.errorBar td:first-child { border-left: 0; }
.alert.errorBar td:last-child { border-right: 0; }
.alert.errorBar.footer { position: fixed; bottom: 0; left: 0; width: 100%; }
.modal-error {position: fixed; z-index: 999999; top: 30px; }
tr.errorRow > td { background-color: #f2dede !important; }
/******************************************************************
 **  wf-substitute  ***********************************************
 ******************************************************************/
.wf-substitute a.list-group-item.active, .wf-substitute a.list-group-item.active:hover, 
.wf-substitute a.list-group-item.active:focus, .wf-substitute tr.selected { 
  color: #000000; border-left: 4px solid #007AFF; border-left-color: #007AFF; }
.wf-substitute .badge { background-color: #007AFF !important; }
.wf-substitute .menu-item { color: #007AFF !important; }
.wf-substitute .modal-header { background-color: #007AFF !important; }
.wf-substitute .aside-header { background-color: #007AFF !important; }
/******************************************************************
 **  HOME  ********************************************************
 ******************************************************************/
 .widget { padding-left: 0 !important; padding-right: 0 !important; }
 .widget > .panel-heading { background-color: #f3f3f3;
background-image: -webkit-linear-gradient(top,#f5f5f5 0,#f1f1f1 100%);
background-image: -o-linear-gradient(top,#f5f5f5 0,#f1f1f1 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
background-image: linear-gradient(to bottom,#f5f5f5 0,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-bottom: 1px solid #d8d8d8; padding: 7px 10px; }
.widget.panel-full-screen { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9998; }
/******************************************************************
 **  PROCESS VIEWER  **********************************************
 ******************************************************************/
.full-preview { position: absolute !important; left: 0px; top: 0px; z-index: 999; width: 100% !important; height: 100% !important; }
.half-preview { position: absolute !important; left: 0px; top: 0px; z-index: 999; width: 50% !important; height: 50% !important; }
/******************************************************************
 **  TIMELINE  ****************************************************
 ******************************************************************/
.panel-transparent { background-color: transparent; border: 0;}
#timeline {
  list-style: none;
  position: relative;
}
#timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background-color: #dd4b39;
  left: 50%;
  margin-left: -1.5px;
}
#timeline .clearFix {
  clear: both;
  height: 0;
}
#timeline .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  font-size: 1.2em;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -25px;
  background-color: #dd4b39;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
#timeline .timeline-badge span.timeline-balloon-date-day {
  font-size: 1.4em;
}
#timeline .timeline-badge span.timeline-balloon-date-month {
  font-size: .7em;
  position: relative;
  top: -10px;
}
#timeline .timeline-badge.timeline-filter-movement {
  background-color: #ffffff;
  font-size: 1.7em;
  height: 35px;
  margin-left: -18px;
  width: 35px;
  top: 40px;
}
#timeline .timeline-badge.timeline-filter-movement a span {
  color: #dd4b39;
  font-size: 1.3em;
  top: -1px;
}
#timeline .timeline-badge.timeline-future-movement {
  background-color: #ffffff;
  height: 35px;
  width: 35px;
  font-size: 1.7em;
  top: -16px;
  margin-left: -18px;
}
#timeline .timeline-badge.timeline-future-movement a span {
  color: #dd4b39;
  font-size: .9em;
  top: 2px;
  left: 1px;
}
#timeline .timeline-movement {
  border-bottom: dashed 1px #dd4b39;
  position: relative;
}
#timeline .timeline-movement.timeline-movement-top {
  height: 60px;
}
#timeline .timeline-movement .timeline-item {
  padding: 10px 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #666;
  padding: 8px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
#timeline .timeline-movement .timeline-item .timeline-panel .timeline-panel-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul {
  text-align: left;
}
#timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li {
  color: #666;
}
#timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li span.title-row {
  font-size: 1.3em;
}
@media (max-width: 767px) {
  #timeline .timeline-badge { display: block; position: relative; margin-bottom: 15px; }
}

#timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li span.title-row .title {
  font-weight: bold;
  color: #262626;
  font-size: 14px;
}

#timeline .timeline-movement .timeline-item .timeline-panel.left .timeline-panel-ul li span.title-row .subtitle {
  color: #404040;
  font-size: 13px;
  padding-left: 10px;
}
/******************************************************************
 **  WIDGETS  *****************************************************
 ******************************************************************/
 .widget .panel-body { padding: 15px 15px 2px 15px !important; }
 .core-box { margin-bottom: 20px; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; width: 100%; }
.core-box .heading { margin-bottom: 15px; }
.core-box .heading .circle-icon { float: left; }
.circle-icon { background-color: #dd4b39; border-radius: 75px 75px 75px 75px; color: #FFFFFF; margin-top: 2px; text-align: center; height: 55px; line-height: 56px; width: 55px; display: inline-block; font-size: 24px !important; }
.core-box .heading h2 { line-height: 25px !important; margin: 0; padding-left: 65px; font-weight: normal; color: #666666; font-size: 12px; }
.core-box .view-more { float: right; }
/******************************************************************
 **  STATE ENGINE  *****************************************************
 ******************************************************************/
.actEng {color: green;}
.disEng {color: red;}
.attEng {color: orange;}

/******************************************************************
 ** MAIL **********************************************************
 ******************************************************************/
/* write mail */
.btn-write { position: fixed; right: 25px; bottom: 25px; z-index: 5; border-radius: 100px; width: 50px; height: 50px; }
.btn-write-board { bottom: 65px !important; }
.mail-field { border: 1px solid #D2D2D2; border-radius: 8px; padding-right: 8px; }
.mail-plus { width: 20px; border-radius: 50px; padding: 2px; padding-top: 3px; margin: 5px; margin-right: 0px; }
.mail-obj { font: inherit !important; background-color: inherit; border: 0; width: 100%; height: 30px; }
input.mail-obj:focus { box-shadow: none !important; }
.mail-body { font: inherit !important; background-color: inherit; border: 0; margin-top: 10px; margin-bottom: 10px; }
textarea.mail-body:hover { border: 0; box-shadow: none; }
textarea.mail-body:focus { box-shadow: none !important; }
.mail-label { padding-top: 8px; }
.mail-input { padding: 0; }
/* pannello categorie */
.panel-mail { border-right: 1px solid rgb(216, 216, 216); }
.mail-cat>li>a { color: #4d90fe; }
.mail-cat>li>a>span.badge { color: #fff !important; background-color: #4d90fe !important; }
.mail-cat>li.active>a>span.badge { color: #4d90fe !important; background-color: #fff !important; }
.mail-sep { border-top: 1px solid rgb(216, 216, 216); }
/* lista mail */
.mail-list { padding-top: 10px; padding-bottom: 10px; }
.mail-list>li>a { color: #000; }
.mail-list>li.chosen>a { background-color: rgba(255, 255, 180, 0.5); } /*204*/
.mail-list>li.notread>a { color: #15c !important; }
.mail-list>li>a.mail-inbox { padding: 0; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(216, 216, 216);}
.mail-list>li>a.mail-inbox:hover { background-color: rgba(255, 255, 180, 0.5); }
.mail-list-folder { margin-left: 10px; width: 95%; }
/*table.mail-list-folder>tr>td { padding-right: 10px !important; width: 55px !important; }*/
.mail-list-layout>input { position: absolute; z-index: 2; top:15px; }
.mail-list-layout>a>table { margin-left: 10px; width: 95%; }
.mail-small-date { font-size: 10px; }
ul.mail-list>li.boardS { background-color: #5cb85c; }
ul.mail-list>li.boardP { background-color: #428bca; }
ul.mail-list>li.boardI { background-color: #5bc0de; }
ul.mail-list>li.boardW { background-color: #f0ad4e; }
ul.mail-list>li.boardD { background-color: #d9534f; }
/* lettura mail */
.mail-body-read {
  border: 0;
  font-family: inherit;
  font-size: 13px;
  background-color: rgb(240, 240, 240);
  border-radius: 3px;
  padding-top: 10px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 0;
  box-shadow: 0px 0.5px 3px gray;
}
.mail-body-read ol { -webkit-padding-start: 60px; }
li.mail-panel-field>a { padding-left: 30px; }
.mail-padd { padding-left: 10px !important;}
a.black { color: #000; } a.black:hover { text-decoration: none; } a.black:focus { text-decoration: none; }
.mail-read-det { padding-bottom: 10px; }
/* editor */
.red { color: red; } .blue { color: blue; } .black { color: black; } .green { color: #66FF00; } .yellow { color: #FFFF80; } .skyBlue { color: #08E8DE; } .pink { color: #FF5FFF; } .gray { color: gray; }
/** tag **/
/* span */
span.tag { display: inline-block; border: 1px solid white; border-radius: 3px; margin: 5px; font-size: 12px; }
span.tag.label-info { box-shadow: 0 0 0 1px #5BC0DE; }
span.tag.label-default { box-shadow: 0 0 0 1px #999; }
span.tag.label-danger { box-shadow: 0 0 0 1px #D84A38; }
/* input */
input.tag { display: inline-block; border: 0; box-shadow: none !important; margin: 5px; background-color: inherit; font-size: 12px; height: 22px; width: 99%; }
input.tag:focus {box-shadow: 0 0 0 #fff !important;}
div.tag>div { width: 100%; }
/* field */
div.tag { border: 1px solid #D2D2D2; border-radius: 8px; padding-right: 8px; padding-left: 10px; }
/******************************************************************
 **  REPORT  ******************************************************
 ******************************************************************/
.report-tree span { font-size: smaller; }
/******************************************************************
 **  SEARCH RESULT  ***********************************************
 ******************************************************************/
.search-result { box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); padding: 5px; }
.search-form { box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12); }
/******************************************************************
**  DIARY  ********************************************************
*******************************************************************/
.content {
  padding: 25px 40px 40px 40px;
  min-width: 320px;
}
@media (max-width: 768px) {
  .content {
    padding: 15px 15px 15px 15px;
    min-width: 320px;
  }
}
.projects .project-label {
  font-weight: 600;
}
.projects .hpanel .panel-body {
  border-bottom: none;
}
.projects .hpanel:last-child .panel-body {
  border-bottom: 1px solid #e4e5e7;
}
.projects .hpanel:last-child .panel-body {
  border-bottom: 1px solid #e4e5e7;
}
.projects .hpanel h4 a {
  color: #6a6c6f;
}
.projects .project-people img {
  width: 28px;
  height: 28px;
  margin-left: 2px;
  margin-bottom: 4px;
}
.projects .project-info {
  text-align: right;
}
@media (max-width: 768px) {
  .projects .project-info {
    text-align: left;
  }
}
.hpanel > .panel-heading {
  color: inherit;
  font-weight: 600;
  padding: 10px 4px;
  transition: all .3s;
  border: 1px solid transparent;
}
.hpanel .hbuilt.panel-heading {
  border-bottom: none;
}
.hpanel > .panel-footer {
  color: inherit;
  border: 1px solid #e4e5e7;
  border-top: none;
  font-size: 90%;
  background: #f7f9fa;
}
.hpanel.panel-collapse > .panel-heading,
.hpanel .hbuilt {
  background: #fff;
  border-color: #e4e5e7;
  border: 1px solid #e4e5e7;
  padding: 10px 10px;
  border-radius: 2px;
}
.hpanel .panel-body {
  background: #fff;
  border: 1px solid #e4e5e7;
  border-radius: 2px;
  padding: 20px;
  padding-bottom: 0px;
  position: relative;
}
.hpanel .panel-body .hnote {
  background-color: inherit;
  border: 0;
  font: inherit;
}
.panel-collapse .panel-body {
  border: none;
}
.hpanel {
  background-color: none;
  border: none;
  box-shadow: none;
  margin-bottom: 25px;
}
.panel-tools {
  display: inline-block;
  float: right;
  margin-top: 0;
  padding: 0;
  position: relative;
}
.hpanel .alert {
  margin-bottom: 0;
  border-radius: 0;
  border: 1px solid #e4e5e7;
  border-bottom: none;
}
.panel-tools a {
  margin-left: 5px;
  color: #9d9fa2;
  cursor: pointer;
}
.hpanel.hgreen .panel-body {
  border-top: 2px solid #62cb31;
}
.hpanel.hblue .panel-body {
  border-top: 2px solid #3498db;
}
.hpanel.hyellow .panel-body {
  border-top: 2px solid #ffb606;
}
.hpanel.hviolet .panel-body {
  border-top: 2px solid #9b59b6;
}
.hpanel.horange .panel-body {
  border-top: 2px solid #e67e22;
}
.hpanel.hred .panel-body {
  border-top: 2px solid #e74c3c;
}
.hpanel.hreddeep .panel-body {
  border-top: 2px solid #c0392b;
}
.hpanel.hnavyblue .panel-body {
  border-top: 2px solid #34495e;
}
.hpanel.hgray .panel-body {
  border-top: 2px solid #999;
}
.hpanel.hbggreen .panel-body {
  background: #62cb31;
  color: #fff;
  border: none;
}
.hpanel.hbgblue .panel-body {
  background: #3498db;
  color: #fff;
  border: none;
}
.hpanel.hbgyellow .panel-body {
  background: #ffb606;
  color: #fff;
  border: none;
}
.hpanel.hbgviolet .panel-body {
  background: #9b59b6;
  color: #fff;
  border: none;
}
.hpanel.hbgorange .panel-body {
  background: #e67e22;
  color: #fff;
  border: none;
}
.hpanel.hbgred .panel-body {
  background: #e74c3c;
  color: #fff;
  border: none;
}
.hpanel.hbgreddeep .panel-body {
  background: #c0392b;
  color: #fff;
  border: none;
}
.hpanel.hbgnavyblue .panel-body {
  background: #34495e;
  color: #fff;
  border: none;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-md {
  margin-top: 20px;
}
.progress-small,
.progress-small .progress-bar {
  height: 10px;
}
.progress-bar-muted {
  background-color: #999;
}
/** NOTE */
.msd-elastic.msd-elastic-md { min-height: 26px; }
.msd-elastic.msd-elastic-sm { min-height: 22px; }


/******************************************************************
 **  STEPS  *******************************************************
 ******************************************************************/
 /*
.board { margin: 10px auto; }

.board .nav-tabs {
  position: relative;
  margin: 0px auto;
  margin-bottom: 0;
  box-sizing: border-box;
}

.liner {
  height: 2px;
  background: #ddd;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
}

.nav-tabs > li { width: 10%; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tabs{
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: white;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}

.nav-tabs > li.active > a span.round-tabs{
    background: #fafafa;
}

.nav-tabs > li.done > a span.round-tabs{
    background: #fafafa;
    color: #ddd;
}

li:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #ddd;
    transition:0.1s ease-in-out;
    
}
li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
   opacity:1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #ddd;
    
}
.nav-tabs > li a{
   width: 70px;
   height: 70px;
   margin: 20px auto;
   border-radius: 100%;
   padding: 0;
}

.nav-tabs > li a:hover{
    background: transparent;
}

span.round-tabs {
  border: 2px solid #ddd;
  color: #ddd;
}

li.active span.round-tabs{
  border: 2px solid #dd4b39;
  color: #dd4b39;
}
*/
/*

span.round-tabs.one{
    color: rgb(34, 194, 34);border: 2px solid rgb(34, 194, 34);
}

li.active span.round-tabs.one{
    background: #fff !important;
    border: 2px solid #ddd;
    color: rgb(34, 194, 34);
}

span.round-tabs.two{
    color: #febe29;border: 2px solid #febe29;
}

li.active span.round-tabs.two{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #febe29;
}

span.round-tabs.three{
    color: #3e5e9a;border: 2px solid #3e5e9a;
}

li.active span.round-tabs.three{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #3e5e9a;
}

span.round-tabs.four{
    color: #f1685e;border: 2px solid #f1685e;
}



span.round-tabs.five{
    color: #999;border: 2px solid #999;
}

li.active span.round-tabs.five{
    background: #fff !important;
    border: 2px solid #ddd;
    color: #999;
}
p.narrow{
  width: 60%;
  margin: 10px auto;
}

.tab-content{
}
.tab-pane{
   position: relative;
padding-top: 50px;
}
.tab-content .head{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.btn-outline-rounded{
    padding: 10px 40px;
    margin: 20px 0;
    border: 2px solid transparent;
    border-radius: 25px;
}

.btn.green{
    background-color:#5cb85c;
    color: #ffffff;
}

*/
/*
@media( max-width : 585px ){
    
    .board {
width: 90%;
height:auto !important;
}
    span.round-tabs {
        font-size:16px;
width: 50px;
height: 50px;
line-height: 50px;
    }
    .tab-content .head{
        font-size:20px;
        }
    .nav-tabs > li a {
width: 50px;
height: 50px;
line-height:50px;
}

li.active:after {
content: " ";
position: absolute;
left: 35%;
}

.btn-outline-rounded {
    padding:12px 20px;
    }
}
*/

/******************************************************************
 **  UNUSED  ******************************************************
 ******************************************************************/
/*
i.lightColor { color: #007AFF !important; font-weight: bold !important; }
.envName { font-size: 140% }
.btn-login { width: 70px !important; }
@media (max-width: 767px) { .btn-login-container { display: block; text-align: right; } }
*/


/*
.table .active { color: #dd4b39; font-weight: 700; border-color: #e5e5e5; }
.table .wf-td-pn { }

*/

/******************************************************************
 **  FORM  ********************************************************
 ******************************************************************/
/*
ul.wf-eln-details li {
  border-left: 1px solid #b9b9b9;
  border-left-color: #b9b9b9;
  border-right: 1px solid #b9b9b9;
  border-right-color: #b9b9b9;
  padding-left: 5px;
  padding-right: 5px;
}
 
ul.wf-eln-details li:last-child {
  border-bottom: 1px solid #b9b9b9;
  border-bottom-color: #b9b9b9;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.ui-select-match, .ui-select-search {
  font-weight: 500;
  height: 22px;
  padding: 1px 8px 1px 8px;
  font-size: 12px;
  line-height: 1.2;
}

.ui-select-highlight {
  background-color: #f3f315;
} 

.ui-select-bootstrap > .ui-select-choices {
  z-index: 9999;
}

li.ui-select-choices-row > a {
  padding: 5px 3px 5px 3px;
}

.ui-select-bootstrap > .ui-select-match > .fa {
  position: absolute;
  top: 20%;
  right: 7px;
}
 
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
  height: 22px;
  padding: 1px 8px 1px 8px;
  font-size: 12px;
  line-height: 1.2;
}

.input-group-sm .control-label {
  font-size: 12px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  padding-top: 3px;
}

.input-group-sm .form-control-static {
  font-size: 12px;
  padding-top: 3px;
  padding-left: 5px;
  padding-right: 5px;
}

.input-group-sm {
  padding-left: 5px;
  padding-right: 5px;
}

.wf-eln-details {
  display: table-row;
  list-style-type: none;
}

PRE.wf-field-m {
  font-family: Arial,Helvetica,sans-serif;
  background-color: transparent;
  border: 0;
}

.wf-field-i, .wf-field-f {
  text-align: right;
}

.wf-field-d, .wf-field-h {
  text-align: center;
}

TABLE.wf-field-g TD {
  text-align: center;
}

TABLE.wf-field-g TH {
  text-align: center;
}

.datepicker .btn {
  background-color: transparent !important; 
}

.timepicker .btn {
  background-color: transparent !important; 
}

.form-group {
  margin-bottom: 5px;
}

.form-group .alert {
  margin-bottom: 5px;
  margin-top: 5px;
}

/** togliere il padding left per dispositivi piccoli *//*
.wf-type-l-3 {
  padding: 0 0 0 25px !important;
}

.wf-type-l-2 {
  font-weight : bold;
  padding-top: 0 !important;
  padding-bottom: 4px !important;
}

/******************************************************************
 **  TABLE  *******************************************************
 ******************************************************************/
/*
.table-container {
  width: 100%;
  margin-bottom: 15px;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}
.table-container > .table > thead > tr > th,
.table-container > .table > tbody > tr > th,
.table-container > .table > tfoot > tr > th,
.table-container > .table > thead > tr > td,
.table-container > .table > tbody > tr > td,
.table-container > .table > tfoot > tr > td {
  white-space: nowrap;
}

.panel-heading {
  border-bottom: 1px solid #CDCDCD;
  border-radius: 6px 6px 0 0;
  box-shadow: 0 1px 0 #FFFFFF inset;
  height: 36px;
  position: relative;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 15px;
  padding-top: 10px;
}

.panel-heading > [class^="fa-"], .panel-heading > [class*=" fa-"], .panel-heading > [class^="icon-"], .panel-heading > [class*=" icon-"], .panel-heading > [class^="clip-"], .panel-heading > [class*=" clip-"] {
  border-right: 1px solid #CDCDCD;
  box-shadow: 1px 0 0 0 #FFFFFF;
  opacity: 0.7;
  padding: 12px 10px 8px;
  position: absolute;
  left: 0;
  top: 0;
  height: 36px;
}



.btn-group-sm > .btn > input {
  height: 15px;
  font-size: 9px;
  border-width: 1px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  padding: 4px; 
}

.panel-body {
  padding: 5px 5px 0px 5px;
}

.panel.panel-full-screen {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9998;
}
 */
/******************************************************************
 **  OTHER  *******************************************************
 ******************************************************************/
.red { color: red; }
.blue { color: blue; }
.black { color: black; }
.green { color: #66FF00; }
.yellow { color: #FFFF80; }
.skyBlue { color: #08E8DE; }
.pink{ color: #FF5FFF; }
.trg-disabled { text-decoration: line-through; }
.sum-inline { display: inline-block; }
.no-mar {margin: 0;}
.no-pad {padding: 0;}
.no-mar-pad {margin: 0; padding: 0;}
.pointer {cursor: pointer;}
/******************************************************************
 **  ORGANIGRAMMI  ************************************************
 ******************************************************************/
.dropdown > a.dropdown-toggle {padding-bottom: 0px}
/******************************************************************
 **  FORUM  *******************************************************
 ******************************************************************/
.foTitle { color:#4d90fe; font-size: 18px; font-style: bold;}
.forum .read { font-weight: normal !important; }
.forum table.foTableRooms { width: 100%; border-style: solid; border-width: 1px; border-color: #ddd; margin-bottom: 10px;}
.forum table.foTableRooms .category { background-color: #4d90fe !important; font-size: 20px; color:white;}
.forum table.foTableRooms .category th { padding-left: 20px;}
.forum table.foTableTopics .headers th { background-color: #4d90fe !important; color:white; }
.forum table.foTableTopics tr.separator > td { border-width: 0px !important; background-color: white !important; border color: white;}
.forum table.foTableTopics .toBeApproved { border: 2px dashed blue; }
.forum table.foTableRooms, .forum table.foTableTopics {background-color: #F5F5F5; margin-bottom: 10px;}
.forum table.foTableRooms .data, .forum table.foTableTopics .data{ color: #15c; font-weight: bold;}
.forum table.foTableRooms .headers th, .forum table.foTableTopics .headers th { text-align: center;}
.forum table.foTableRooms td.small, .forum table.foTableTopics td.small {text-align: center; width: 5%;}
.forum table.foTableRooms tr, .forum table.foTableTopics tr { border-style: solid; border-width: 1px; border-color: #ddd; }
.forum table.foTableRooms tr.closed, .forum table.foTableTopics tr.closed { opacity: 0.4; }
.forum table.foTableRooms td, .forum table.foTableTopics td { border-style: solid; border-width: 1px; border-color: #ddd; padding-left: 3px; }
.forum div.noLeftlPadding { padding-left: 0px;}
.forum div.category { background-color: #4d90fe !important; color:white; padding-left: 20px; padding-right: 5px;}
.forum div.quoteheader {background-color:#f3f3f3 !important; font-weight: bold; padding-left: 3px;}
.forum .panel-post { padding-bottom: 0px; padding-left: 0px;}
.forum .panel-post .info { display:block; margin-top:5px; padding-right: 0px;}
@media (max-width: 767px) {
  .forum .panel-post { padding-right: 0px; padding-top: 0px;}
  .forum .panel-post .info-xs { margin: 0px !important; }
}
/******************************************************************
 **  PM  **********************************************************
 ******************************************************************/
.wk-load-table { text-align: center !important; border-spacing: 2px !important; border-collapse: separate !important; }
.wk-load-table .pointer { cursor: pointer; }
.wk-load-table .wl-head-sel { background-color: #5eb4ff; color: white; }
.wk-load-table th.wl-gray, .wk-load-table td.wl-gray { background-color: #f4f4f4; }
.wk-load-table td.gradient1 { background: linear-gradient(to right, #f4f4f4, #f2dede); }
.wk-load-table td.gradient2 { background: linear-gradient(to right, #dff0d8, white); }
.wk-load-table td,  .wk-load-table th { padding: 4px 8px !important; }
/******************************************************************
 **  RNP  *********************************************************
 ******************************************************************/
.col-closer-2 {padding: 0 2px;}
.jumbotron-empty-list {margin: 0; text-align: center;}
.btn-rnp-scanner {padding-top: 40px; padding-bottom: 40px; margin-bottom: 5px;}
/******************************************************************
 **  OPERATORI  ***************************************************
 ******************************************************************/
.label.label-ope-dis {font-size: 12px !important; padding-top: 3px;}
.ope-dis-modal {z-index: 1600;}
.ope-dis-modal .modal-body {margin-right: 0 !important; margin-left: 0 !important;}
.ope-dis-modal .ope-dis-step {padding-left: 0;}
.well.well-white {background-color: white;}