@import url(https://fonts.googleapis.com/css?family=Raleway:400,500);

body {
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 0.9em !important;
  margin: 0;
  color: #5b5b60;
  padding: 0;
  background-color: #FAFAFA;
}

a {
  color: #5b5b60;
  text-decoration: none;
}

  a:hover {
    color: #333;
    text-decoration: underline;
  }

  a.active {
    text-decoration: underline;
    font-weight: bold;
    font-size: 13px !important;
  }

  a:visited {
  }

#PanelCropImage a.active {
  color: #333;
}

.clear {
  clear: both;
}

#firma {
  display: none;
}

/*LOADING*/
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%;
  margin-top: -20px;
}

  .sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

    .sk-fading-circle .sk-circle:before {
      content: '';
      display: block;
      margin: 0 auto;
      width: 15%;
      height: 15%;
      border-radius: 100%;
      -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
      animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    }

  .sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
  }

  .sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
  }

  .sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
  }

  .sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
  }

  .sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
  }

  .sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
  }

  .sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  .sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
  }

  .sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
  }

  .sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
  }

  .sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
  }

  .sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
  }

  .sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
  }

  .sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
  }

  .sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
  }

  .sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
  }

  .sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
  }

  .sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
  }

  .sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
  }

  .sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
  }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

.loadingMask {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.loader-inner {
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  width: calc(100% - 200px);
  padding: 0 100px;
  text-align: center;
}

  .loader-inner label {
    font-size: 20px;
    opacity: 0;
    display: inline-block;
  }

.loadingSave {
  background-color: rgba(255,255,255,0.8);
  position: fixed;
  z-index: 1001;
  width: 100%;
  height: 100%;
  display: none;
}

  .loadingSave h2 {
    text-align: center;
    margin-top: 25%;
    padding-top: 20px;
  }


@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px);
  }

  33% {
    opacity: 1;
    transform: translateX(0px);
  }

  66% {
    opacity: 1;
    transform: translateX(0px);
  }

  100% {
    opacity: 0;
    transform: translateX(300px);
  }
}

@-webkit-keyframes lol {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
  }

  33% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  66% {
    opacity: 1;
    -webkit-transform: translateX(0px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(300px);
  }
}

.loader-inner label:nth-child(6) {
  -webkit-animation: lol 3s infinite ease-in-out;
  animation: lol 3s infinite ease-in-out;
}

.loader-inner label:nth-child(5) {
  -webkit-animation: lol 3s 100ms infinite ease-in-out;
  animation: lol 3s 100ms infinite ease-in-out;
}

.loader-inner label:nth-child(4) {
  -webkit-animation: lol 3s 200ms infinite ease-in-out;
  animation: lol 3s 200ms infinite ease-in-out;
}

.loader-inner label:nth-child(3) {
  -webkit-animation: lol 3s 300ms infinite ease-in-out;
  animation: lol 3s 300ms infinite ease-in-out;
}

.loader-inner label:nth-child(2) {
  -webkit-animation: lol 3s 400ms infinite ease-in-out;
  animation: lol 3s 400ms infinite ease-in-out;
}

.loader-inner label:nth-child(1) {
  -webkit-animation: lol 3s 500ms infinite ease-in-out;
  animation: lol 3s 500ms infinite ease-in-out;
}


/*-------------END LOADING---------*/
/*-------TOP SEZIONE-----------*/
#top {
  font-size: 12px;
  height: 60px;
  padding: 0px 0px 0px 0px;
  border: none;
  border-bottom: 1px solid #c8c7cc;
  background-color: #fff;
  color: #5b5b60;
  position: fixed;
  top: 0px;
  z-index: 100;
  width: 100%;
}

  #top h1 {
    color: #5b5b60;
    font-size: 1.7em;
    font-weight: 400 !important;
    margin: 0 0 0 0;
    padding: 15px 0 0 10px;
    float: left;
    font-family: 'Raleway',Arial;
    text-transform: uppercase;
  }






/* QuickLinks */

div#log {
  float: right;
  position: absolute;
  right: 5px;
}

  div#log ul {
    list-style: none;
    position: relative;
    float: left;
    margin: 0;
    padding: 0
  }

    div#log ul li {
      position: relative;
      float: left;
      margin: 0;
      padding: 10px 0;
    }

      div#log ul li.SubMenuBtn {
        display: block;
        padding: 10px;
        text-transform: uppercase;
        font-size: 11px;
        text-decoration: none !important;
      }

    div#log ul a {
      display: block;
      padding: 0 10px;
      text-transform: uppercase;
      color: #777;
      font-size: 11px;
      text-decoration: none !important;
    }

.QuickLinkDescr {
  float: inherit !important;
}

.SubQuickLink .fa {
  float: left;
  padding-right: 7px;
}

.SubQuickLink li {
  padding: 5px 0 !important;
}

div#log ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0
}

  div#log ul ul li {
    float: none;
    width: 200px;
    background-color: #F7F7F7;
  }

  div#log ul ul a {
    line-height: 120%;
    padding: 10px 15px
  }



#log ul li .fa {
  display: block;
  text-align: center;
  font-size: 20px !important;
  margin-bottom: 3px;
}

#log ul li:hover {
  background-color: #EDEDED;
}

div#log ul ul ul {
  top: 0;
  left: 100%
}

div#log ul li:hover > ul {
  display: block
}



#log .icon-logout {
  font-size: 17px;
}

#log li.logout-icon {
  padding: 20px 2px;
}

#log li.user-icon {
  margin-top: 2px;
  padding: 20px 0;
  color: #777;
}

i.icon-logout.icons {
  padding-right: 4px;
}

#log li.user-icon .icon-user {
  background-color: #e7e7e7;
  border-radius: 50%;
  padding: 10px;
  margin-right: 5px;
}



/* -------------- */



#top a span, #top .ui-icon, #top .ui-icon-s {
  float: left;
  margin-right: .2em;
}

/*-------MAIN MENU*/

#MainMenu {
  width: 220px;
  margin-right: 10px;
  border-right: 1px solid #c8c7cc;
  position: fixed;
  top: 60px;
  background-color: #fff;
  transition: all 0.3s ease 0s !important;
  z-index: 500;
}

.menu-close .icons, .menu-close span {
  display: none;
}

#MainMenu h1 {
  margin: 0px 0 0;
  border: medium none;
  clear: both;
  background: #EFEFF4;
  color: #aaa;
  border-bottom: 1px solid #c8c7cc;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.2px;
  padding: 15px 0px 15px 15px;
}

#MainMenu .fa-bars {
  cursor: pointer;
  float: right;
  color: #c8c7cc !important;
}

.menu-close .fa-bars {
  margin-right: 14px !important;
}

.menu-close h1 {
  padding: 15px 0px 25px 0px !important;
}

#accordion {
  height: auto !important;
  padding-bottom: 70px;
}

#MainMenu h3 {
  border-bottom: 1px solid #c8c7cc;
  font-size: 15px;
  font-weight: normal;
  padding: 10px 15px;
  margin: 0;
  cursor: pointer;
}

  #MainMenu h3 a {
    text-decoration: none !important;
    display: block;
  }

#MainMenu .fa {
  font-size: 16px;
  margin-right: 10px;
}

#MainMenu .ui-state-active .fa, #MainMenu .ui-state-hover .fa, #MainMenu h3:hover .fa,
#MainMenu h3:hover a, #MainMenu h3.ui-state-active a, #MainMenu h3.ui-state-hover a {
  color: #fff;
}

#MainMenu .icons {
  color: #777;
  float: right;
  font-size: 10px;
  margin-top: 5px;
}

#MainMenu .icon-arrow-down {
  display: none;
}

#MainMenu .ui-state-active .icon-arrow-down {
  display: block;
  color: #fff;
}

#MainMenu .ui-state-active .icon-arrow-left {
  display: none;
}

#MainMenu .ui-state-hover .icon-arrow-left {
  color: #fff;
}

.ui-accordion-content {
  padding: 0px !important;
}

  .ui-accordion-content ul {
    padding: 0px;
    margin: 0px 0;
    background-color: #F4F4F4;
  }

    .ui-accordion-content ul li.active {
      background-color: #E0E0E0;
      font-weight: bold;
    }

    .ui-accordion-content ul li:hover {
      background-color: #E0E0E0;
    }

    .ui-accordion-content ul li a {
      font-size: 13px;
      padding: 8px 8px 8px 40px;
      text-decoration: none !important;
      display: block;
    }

/*---------------end main manu -----------*/

/*---------GRIGLIA-----------*/


/*Header in caso di pagina singola */
.Pager {
  padding: 0px;
  border: none;
  text-align: left;
}

  .Pager td {
    border: 2px solid #fff !important;
  }

    .Pager td table td {
      border: 0px !important;
      padding: 3px 3px 3px 0px;
    }

  .Pager select {
    padding: 2px 5px;
  }
/*Header in caso di pagina singola */

/*Stile Pager superiore*/
.GridViewPagerStyle {
  border: 2px solid #fff;
  padding: 0px;
}

/*Stile Pager inferiore*/


.GridViewFooterStyle td {
  border: 2px solid #fff;
}

  .GridViewFooterStyle td table td {
    border: 0px !important;
  }
    /*Link Prec - Succ*/
    .GridViewFooterStyle td table td a {
    }

/*Stile titoli campo ordinamento*/
.GridViewStyle a {
  display: inline-block;
  overflow: hidden;
}

/*Stile Titoli campo*/

#LabelMaxSize, .desc-funzione, #btnSave2, #ChiudiInserisci, #btnSave {
  color: #333 !important;
  font-size: 12px;
}

  #btnSave2:hover, #ChiudiInserisci:hover {
    color: #fff !important;
  }

.sottotitolo {
  font-size: 12px;
}

.guida {
  border: 1px solid #333;
}

/*Stile link modifica / Elimina in tabella*/

.ui-button-text input {
  background: none;
  color: #fff;
}

  .ui-button-text input:hover {
    color: #fff !important;
  }

.txt_disabilitato {
  background-color: #eee !important;
}

/*senza important serve per la griglia per assegnare il focus su required*/
.gridtxt_disabilitato {
  background-color: #eee;
}

/*colore riga*/
.GridViewRowStyle {
  background-color: #fff;
}
/*colore riga alternato*/
.GridViewAlternatingRowStyle {
  background-color: #f7f7f7;
}

/*colore riga evidenziata*/
.GridViewHighlightRowStyle {
  background-color: #FFFFA5;
  color: #5b5b60;
}

/*contorno esterno griglia*/
.GridViewStyle {
  border: 0px solid #ddd;
  display: flex;
}

/*Stile Pager superiore*/


.GridViewPagerStyle td table td {
  border: 0px !important;
}
/*Icone flag*/
tr.GridViewRowStyle td ul, tr.GridViewAlternatingRowStyle td ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

  tr.GridViewHeaderStyle th ul li.ui-state-default, tr.GridViewHeaderStyle th ul li.ui-state-default,
  tr.GridViewRowStyle td ul li.ui-state-default, tr.GridViewAlternatingRowStyle td ul li.ui-state-default {
    list-style: none;
    width: 16px;
    height: 16px;
  }

/*Stile Pager inferiore*/
.GridViewFooterStyle {
  padding: 5px;
  border: 0px;
}

/* to center the paging links
.GridViewPagerStyle table 
{
    margin: 0 auto 0 auto;
}*/
/*Stile titoli campo ordinamento*/
/* bordo laterale titoli campo*/
.GridViewHeaderStyle th {
  padding: 5px;
  border: 1px solid #ddd !important;
}
/*Stile Titoli campo*/
.GridViewHeaderStyle { /*    font-weight: bold;*/
  padding: 5px;
  border: none;
  color: #5b5b60;
  background: #eee;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td {
  border: 1px solid #ddd;
  padding: 4px;
  position: relative;
}

.GridViewSelectedRowStyle {
  font-weight: bold;
  background-color: #E2DED6;
  color: #333333;
}

.fa-check-square, .fa-square {
  font-size: 20px !important;
  cursor: pointer;
}
/*---------FINE GRIGLIA-----------*/

/*----------BUTTON INPUT----------*/

.btn, #SaveBtn, #CancBtn, #GridSearchButton, #GridSearchResetButton, .ui-dialog-buttonpane .ui-button, #DelBtn {
  transition: all 0.3s ease 0s !important;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background: none;
  border: none;
}

#CancBtn {
  border: 1px solid #c8c7cc;
  color: #8e8e93;
}

  #CancBtn .fa {
    margin-top: 4px !important;
    color: #8e8e93 !important;
  }

.btn-default {
  border: 1px solid #5b5b60;
  color: #5b5b60;
}

#SaveBtn .fa, #DelBtn .fa {
  margin-top: 4px !important;
  margin-right: 5px;
  color: #fff !important;
}

#SaveBtn:hover, .btn-primary-o:hover {
  color: #fff !important;
  text-decoration: none !important;
}

.btn-small {
  padding: 4px 8px !important;
  font-size: 12px !important;
}

#SaveBtn:hover, .btn:hover, .fc-button-content:hover, .link_filter:hover, .ui-dialog-buttonpane .ui-button:hover {
  -khtml-opacity: .70;
  -moz-opacity: .70;
  -ms-filter: ”alpha(opacity=70)”;
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
  opacity: .70;
  text-decoration: none;
}

/*input text*/
.ColFilterField {
  background-color: #fff !important;
  float: none;
  font-size: 0.9em;
  height: 24px;
  margin: 0 !important;
  padding: 0 !important;
  width: 90% !important;
  background-color: #F0F0F0;
  float: none !important;
}

input[type=text], select, textarea {
  background-color: #FFFFFF;
  border: 1px solid #ddd;
  color: #5b5b60;
  font-size: 13px;
  line-height: 1.5;
  padding: 6px 5px;
  transition: border 300ms ease-out 0s;
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  margin: 0px 5px 0px 0px;
  float: left;
}

textarea {
  width: 450px;
  height: 100px;
}

input[type=text] {
  width: 250px;
}

.magicSuggest {
  width: 450px;
  border: 1px solid #ddd;
  float: left;
}

.input-cerca {
  border: 1px solid #ddd;
  float: left;
  margin-right: 5px;
}

#txtSearch {
  border: none !important;
  float: none !important;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  display: none;
  float: left;
  font-size: 14px;
  left: 0;
  list-style: outside none none;
  margin: 2px 0 0 !important;
  min-width: 160px;
  padding: 5px 0 !important;
  position: absolute;
  text-align: left !important;
  left: 8px;
  z-index: 1000;
  transition: all 0.3s ease 0s !important;
}

  .dropdown-menu > li > a {
    clear: both;
    color: #777;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
  }

    .dropdown-menu > li > a:hover {
      background-color: #F5F5F5;
      text-decoration: none;
    }

    .dropdown-menu > li > a .fa {
      margin-right: 5px;
    }

  .dropdown-menu.setTop {
    top: -130px;
  }

.pull-right {
  left: auto;
  right: 0;
}
/*-----------------FINE BUTTON INPUT-----------*/


/*.box-content{
  padding:20px;
  box-sizing:border-box;
   box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.03);border: 1px solid #e7ecf1 !important;
}*/

.content-main {
  margin-left: 220px;
  margin-top: 60px;
  transition: all 0.3s ease 0s !important;
  padding-bottom: 20px;
}

.frame-content {
  margin-left: 0px;
  margin-top: 0px;
}

.content-tablereader {
  margin-top: 60px;
  transition: all 0.3s ease 0s !important;
}

.content-close {
  margin-left: 50px !important;
}

.content-page {
  padding: 20px;
  background-color: #fff;
  position: relative;
}

h2 {
  font-family: 'Raleway',Arial;
  font-weight: 400;
}

#DetailTable {
  background-color: #EEEEEE;
  height: auto;
  margin: 20px 0; /*padding: 10px 0;*/
}

#WelcomeImg {
  float: right;
  margin-bottom: 20px;
  margin-right: 20px;
  max-width: 450px;
}

a img {
  border: none;
}

#mce_68 {
  float: left; /*fix tiny*/
}

.icons-tab-images {
  margin-right: 0.5em;
  vertical-align: middle;
  max-width: 25px;
}

span.TabTitleDescr {
  margin: 0;
  font-size: 11px;
}

#SWLogo.icons-tab-images {
  float: left;
  margin-right: 0.5em;
  max-height: 30px;
}

#form1 {
  display: table;
  width: 100%;
}

#DetailTableSection {
  display: table;
  width: 100%;
}


#PanelAddNewButton {
  margin-right: 10px;
  width: auto;
  float: left;
}

  #PanelAddNewButton p {
    float: left;
    margin: 0;
  }

#LabelRecuperoDati {
  margin-top: 10px;
  display: inline-block;
}

#Ricerca { /*float: right;     position: absolute;     right: 0;     width:390px;     padding-top:7px;*/
  float: left;
  width: auto;
  padding-top: 1px;
}

.panelAddOtherButton {
  float: right;
  position: relative;
}

#TopTabella {
  margin-bottom: 5px;
}

#DetailTable #NoRecords {
  padding: 0 0 10px 0px !important;
  display: block;
  margin-top: 10px;
}

.RecordLimit {
  color: Red;
}

#PanelFormDati #NoRecords, #DetailTableSection #NoRecords {
  padding: 0;
}

#AggiornaBrowser {
  width: 500px;
  margin: 0 auto;
}

#TableName {
  overflow: hidden;
  padding: 10px 20px;
  border-bottom: 1px solid #eee;
}

  #TableName h1 {
    float: left;
  }

  #TableName .close-open-page {
    font-size: 13px;
    margin: 6px 0 0 5px;
    float: left;
  }

    #TableName .close-open-page .text-btn-open-close-pd {
      display: none;
    }

#Page_Description {
  clear: both;
  display: none;
}

  #Page_Description p {
  }

/*css frame dialog*/
#dialog_link {
  padding: .4em 1em .4em 20px;
  text-decoration: none;
  position: relative;
}

  #dialog_link span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
  }

.loading-image {
  background: transparent url('../images/loader.gif') no-repeat center center;
}
/*fine css frame dialog*/

h1 {
  font-size: 1.5em;
  margin: 10px 0 5px 0;
  font-family: 'Raleway';
  font-weight: 400;
}

#DetailTableSection #PanelSingolaTabella h2 {
  margin: 10px 0 0;
}

.HiddenField {
  display: none;
}

#tabelladati {
  width: 100%;
}

#ContainerTabella .scroll {
  overflow: auto;
  width: 200px;
}

/*
#ContainerTabella .scroll-y{
 overflow-y:scroll;
}
#ContainerTabella.no-scroll { 
       overflow-x: inherit;
    overflow-y: inherit;
    
}*/


#PanelMessage {
  font-family: Segoe UI, Arial, Helvetica, sans-serif;
  font-size: 0.9em !important;
  display: none;
}

table {
  font-size: 1em !important;
}

#PanelFormDati .fa-question, #fieldsNotInTabs .fa-question, #ScontrinoTAB .fa-question, #Tabs .fa-question {
  color: #9f9f9f !important;
}

#PanelFormDati .fa, #fieldsNotInTabs .fa, #Tabs .fa {
  font-size: 15px !important;
  float: left;
  margin-top: 5px;
  margin-right: 2px;
}

#ScontrinoTAB .fa {
  font-size: 20px !important;
}

#grid .fa {
  font-size: 13px !important;
  margin-top: 0px !important;
  cursor: pointer;
}

span.jPicker {
  float: left;
}

.LabelDescr {
  float: left;
  font-size: 0.9em !important;
  color: #555 !important;
}

.ThumbImage {
  padding: 0 5px !important;
}

tr.GridViewHeaderStyle th a span.ui-state-default {
  border: none;
}

#StrQuery {
  color: #999 !important;
  font-size: 0.9em;
}

/*Stile link modifica / Elimina in tabella*/
.link_custom {
  font-weight: bold;
  cursor: pointer;
  font-size: 10px;
}

.link_filter {
  padding: 3px;
  font-size: 12px;
  display: block;
  color: #fff !important;
  padding: 4px 20px;
}

#link_pers {
  width: auto !important;
  float: left;
  padding-right: 10px;
  clear: both;
}

.TabScadenze .link_modifica, .TabellaSubRate .fa {
  color: #5b5b60 !important;
  cursor: pointer;
}

.TabScadenze .fa {
  padding: 6px 3px;
}

.TabScadenze .link_modifica {
  font-size: 14px
}
/*****************login***************/
#Login {
  width: 100%;
}

#SwImageLogin, .LoginTitle {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 200;
}

.LoginTitle {
  color: #fff;
}

.LoginTitle, .LoginTitleRight {
  font-size: 30px;
  margin: 0;
  padding: 0;
}

.LoginTitleRight {
  display: none;
}

#LoginLeft {
  box-sizing: border-box;
  width: 50%;
  float: left;
  position: relative;
}

.bg-opacity {
  background-color: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
}

#LoginRight {
  box-sizing: border-box;
  width: 50%;
  float: right;
  position: relative;
  padding: 0px 50px 0px 50px;
}

#ImgLoginLeft {
  overflow: hidden;
}

#ImgLogin {
  width: 100%;
}

#LoginDescription {
  height: auto;
  padding: 3%;
  position: absolute;
  bottom: 0px;
  width: 100%;
  box-sizing: border-box;
  color: #FFFFFF;
  z-index: 4;
}

  #LoginDescription h1 {
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 -6px;
    color: #FFF !important;
  }

  #LoginDescription p {
    line-height: 16px;
    padding: 0;
  }



#LoginRight h1 {
  text-transform: capitalize;
  color: #5b5b60;
  margin: 0;
  padding: 200px 0 30px;
  font-size: 2em;
  font-weight: normal;
  text-align: left;
  font-family: 'Raleway',Arial;
}

.containerInput {
  float: left;
  position: relative;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 10px;
}

#PanelLoginButton {
  padding: 10px 0 10px;
  clear: both;
}

#LoginButton {
  margin: 10px auto;
}

#LoginMessage {
  text-align: left;
}

#BookmarkPanel span {
  cursor: pointer;
}

#RecuperoDati {
  margin: 10px 0;
  display: none;
}

#usernameLoginTSE, #passwordLoginTSE, #UserEmail {
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 1px solid #a0a9b4;
  padding: 10px 0;
  background-color: #FAFAFA;
  font-family: Segoe UI,Arial,Helvetica,sans-serif;
  margin: 0;
  width: 100%;
  line-height: 1.4;
}

#BookmarkPanel {
  margin-top: 40px;
}

#RecuperoDati p {
  overflow: hidden;
  margin-top: 0;
}

#footerLogin {
  padding: 10px 0;
  color: #666666;
  font-size: 10px;
  clear: both;
  position: absolute;
  bottom: 0px;
}

#PanelBtnDescr {
  width: auto;
  display: inline-block;
}

  #PanelBtnDescr a {
    display: block;
    color: #FFFFFF;
    padding: 5px;
    font-weight: bold;
  }

#DatiAccesso, #BookmarkPanel {
  font-size: 0.8em;
  text-align: left;
}
/* bottoni*/

.login_DescriptionBtn {
  font-size: 0.9em;
}

#PanelEmailRecuperoDati {
  clear: both;
  margin-bottom: 10px;
}

.apridialog_button, .clearfield_button, .scadenze_button, .UploadFile_button, .DownloadFile_button {
}

.CreateFolder_button {
  background-color: #3399ff;
  border-radius: 3px;
  color: #fff !important;
  font-size: 12px;
  padding: 3px;
}

  .CreateFolder_button i.fa.fa-paperclip.fa-fw {
    float: none !important;
    color: #fff !important;
  }

  .CreateFolder_button:hover {
    opacity: 0.7;
    text-decoration: none;
  }

/**********LOGIN END*******/


/*Stile link prec. in tabella*/
.link_precedente {
  padding-left: 20px !important;
}

#RecordTable {
  padding-bottom: 15px;
  /*min-width: 650px;*/
  width: 100%;
}

  #RecordTable tr, #RecordTable td {
    vertical-align: middle;
  }

.hideID {
  display: none;
}

#RecordTable tbody tr td.LabelCol {
  width: 220px;
  vertical-align: top;
}

/*input text*/


span.CheckBox input {
  width: auto !important;
  border: none;
}

.mceEditor {
  float: left;
}

.fauxText {
  height: 24px;
  width: 250px;
  padding: 0 5px;
  line-height: 21px;
}

.ui-icon-s {
  height: 16px;
  width: 16px;
  display: block;
  overflow: hidden;
  text-indent: -99999px;
}

.ui-tabs-nav {
  list-style-type: none;
  margin-bottom: -1px !important;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

  .ui-tabs-nav li:hover {
    background-color: #EEEEEE;
  }

  .ui-tabs-nav li {
    float: left;
    background-color: #f7f7f7;
    color: #8e9aa2 !important;
    border: 1px solid #eee;
  }

    .ui-tabs-nav li a {
      color: #8e9aa2;
      padding: 10px 15px;
      text-decoration: none !important;
      display: block;
    }

.ui-tabs-active {
  background-color: #fff !important;
  color: #5b5b60 !important;
  border-bottom: 1px solid #fff !important;
}

.ui-tabs-panel {
  padding: 15px !important;
  clear: both;
  border: 1px solid #eee;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

  .ui-tabs-panel ul {
    padding: 0px;
  }

    .ui-tabs-panel ul li {
      list-style: none;
      padding-bottom: 3px;
    }

      .ui-tabs-panel ul li a {
        text-decoration: none;
      }

        .ui-tabs-panel ul li a:hover {
          text-decoration: underline;
        }

#footer {
  clear: both;
  font-size: 0.7em;
  height: 20px;
  padding: 10px 0px 0px 10px;
  border: none;
  color: #5b5b60;
  background: #eee;
  position: fixed;
  bottom: 0px;
  width: 100%;
}

.CustomLinkImage {
  margin-right: 10px;
}
/*Upload file*/
.PanelUploadFile {
  border-radius: 2px 2px 2px 2px;
  font-family: Segoe UI,Arial,sans-serif,Verdana;
  margin: 0;
  overflow: hidden;
  padding: 10px 40px;
  background-color: #F6F6F6;
}

  .PanelUploadFile p {
    overflow: hidden;
    font-size: 12px;
  }

#LabelSelectFile {
  font-weight: bold;
}


.checkNewsletter input, #SelezionaTutti, .listaCheck input {
  width: 25px;
}

/*tabs nel dettaglio tabella*/

#subfield_tabs {
  border: none;
  padding: 0 !important;
  margin: 5px 0;
  background: none;
}

  #subfield_tabs ul {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  #subfield_tabs table {
    font-size: 0.9em !important;
  }

  #subfield_tabs .ui-tabs-panel {
    padding: 1em;
    border-width: 1px !important;
  }

  #subfield_tabs td.LabelCol {
    min-width: 104px;
  }

  #subfield_tabs .ui-button-icon-only {
    width: 1.5em !important;
    height: 1.5em !important;
  }

.CheckBox input {
  background: none;
  float: left;
}


.mce-combobox .mce-btn button {
  padding-top: 6px;
  padding-bottom: 6px;
}

/*--------ALERT---------------*/
.alert-warning {
  background-color: #FEEFB3;
  border-color: #FEEFB3 !important;
  color: #9F6000;
}

.alert-info {
  background-color: #BDE5F8;
  border-color: #BDE5F8 !important;
  color: #00529B;
}

.alert-success {
  background-color: #A8E052;
  border-color: #76B31F;
  color: #36500E;
}

.alert-danger, ._textRequired, ._textValidator {
  background-color: #f2dede;
  border-color: #f2dede !important;
  color: #a94442 !important;
}

  .alert-danger .fa {
    color: #a94442 !important;
  }

.alert {
  border: 1px solid transparent;
  margin: 20px 0;
  padding: 15px;
  clear: both;
}

  .alert p {
    padding: 0;
    margin: 0;
    float: none !important;
  }

._textRequired, ._textValidator {
  float: left;
  font-size: 0.75em;
  font-weight: bold;
  padding: 4px !important;
}

  ._textRequired .fa, ._textValidator .fa {
    color: #a94442 !important;
    margin-top: 0px !important;
  }

#ValidationSummary ul li span {
  display: none;
}

#ValidationSummary ul {
  padding: 0 0 0 0px;
  margin: 0;
  list-style-type: none;
}
/*--------END ALERT---------------*/

/*DIALOG*/
.ModalMessage {
  position: fixed;
  top: 20px;
  z-index: 20000;
  left: 50%;
}

.ui-widget-overlay {
  background: rgba(0,0,0,0.3);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0.2em;
  z-index: 1000;
}

.ui-dialog .ui-widget-header, .ModalMessage .header-modal {
  background-color: #f5f5f5;
  color: #333333;
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.ui-dialog .ui-dialog-title, .ModalMessage .title-modal {
  color: #404040;
  font-family: "Raleway";
  font-size: 1.5em;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-widget-content, .ModalMessage .contentMessage {
  background-color: #fff;
  z-index: 2500;
}

#DelEvento {
  z-index: 0 !important;
}

.ui-dialog-content {
  -webkit-overflow-scrolling: touch !important;
  overflow: auto !important;
}

.ui-dialog-content, .ModalMessage .contentMessage {
  padding: 15px;
}

.ui-dialog .ui-dialog-buttonpane, .ModalMessage .buttonpane-modal {
  background-color: #f5f5f5;
  color: #333333;
  padding: 15px;
  border-top: 1px solid #ccc;
  text-align: right;
}

.ui-dialog-titlebar-close {
  float: right;
}

.fleft {
  float: left;
}


/***SETTIN WIDGET****/
.setting-widget {
  background-color: #fff;
  width: 210px;
  padding: 20px;
  position: fixed;
  z-index: 400;
  right: -210px;
  top: 53px;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #c8c7cc !important;
}

.setting-widget-inner {
  display: none;
}

.setting-on {
  background-color: #fff !important;
  padding: 10px;
  position: absolute;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid #c8c7cc !important;
  left: -36px;
}

.setting-widget h3 {
  margin-top: 0px;
  font-family: 'Raleway';
  font-weight: 400;
}


.setting-widget p {
  padding: 5px 0;
  margin: 5px 0;
}

.setting-widget .select-color a {
  float: left;
  margin: 0 5px 5px 0;
  position: relative;
}

.setting-widget .select-color .fa {
  position: Absolute;
  z-index: 10;
  left: 15px;
  color: #fff;
  top: 15px;
  display: none;
}

.setting-widget .select-color .active .fa {
  display: block !important;
}

.setting-widget .select-color span {
  float: left;
  display: block;
  width: 25px;
  height: 50px;
  background-color: #cccccc;
}

.setting-widget .select-color .aqua.firstcolor {
  background-color: #89c2d2;
}

.setting-widget .select-color .aqua.secondcolor {
  background-color: #B2C456;
}

.setting-widget .select-color .rose.firstcolor {
  background-color: #3399FF;
}

.setting-widget .select-color .rose.secondcolor {
  background-color: #f761af;
}

.setting-widget .select-color .blue.firstcolor {
  background-color: #007AFF;
}

.setting-widget .select-color .blue.secondcolor {
  background-color: #007AFF;
}

.setting-widget .select-color .sky.firstcolor {
  background-color: #273140;
}

.setting-widget .select-color .sky.secondcolor {
  background-color: #3EB7EC;
}


/*
 * jQuery UI Datepicker 1.8.12
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
  border: 1px solid #ccc;
}

  .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
    background-color: #eee;
    overflow: hidden;
  }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
  }

  .ui-datepicker .ui-datepicker-prev-hover .fa, .ui-datepicker .ui-datepicker-next-hover .fa {
    color: #5b5b60;
  }

  .ui-datepicker .ui-datepicker-prev {
    left: 2px;
  }

  .ui-datepicker .ui-datepicker-next {
    right: 2px;
  }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      top: 50%;
      margin-top: -5px;
      cursor: pointer;
    }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
  }

    .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0;
    }

  .ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
  }

  .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    height: 27px;
    padding: 0;
    width: 49%;
  }

  .ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
  }

  .ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
  }

  .ui-datepicker td {
    border: 0;
    padding: 1px;
  }

    .ui-datepicker td span, .ui-datepicker td a {
      display: block;
      padding: .2em;
      text-align: right;
      text-decoration: none;
    }

  .ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }

.img-pers {
  width: auto !important;
  position: absolute;
  top: 30%;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

  .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
  }

.hasDatepicker {
  z-index: 200;
  background-color: #fff;
  right: 0;
  left: auto;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

  .ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
  }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

  .ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
  }

  .ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
  }

.ui-datepicker-next, .ui-datepicker-prev {
  border: 1px solid #EEEEEE !important;
  background-color: #EEEEEE !important;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

  .ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
  }

    .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
      float: right;
    }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display: /**/ block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

/*SCROLLBAR*/
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: rgba(0,0,0,0.7) !important;
}

/***colori righe differenti*/
.b-grey {
  background-color: #F7F7F7;
}

.b-red {
  background-color: #fff7f7;
}

.b-green {
  background-color: #f0fff4;
}

.t-red {
  color: #ff0000;
}

.t-green {
  color: green;
}

/*bootstrap*/
.row {
  clear: both;
  margin-right: -15px;
  margin-left: -15px;
  overflow: hidden
}

.col-md-6 {
  width: 50%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box
}

.highlight{background-color:yellow}