﻿body {
    background-color: #E4E6E9;
    padding-bottom: 0;
    font-family: 'arial,sans-serif';
    font-size: 13px;
    color: #393939;
    line-height: 1;
}
label {
    font-weight: 400;
    font-size: 12px;
}

h3.smaller {
      font-size: 14px;
}
.form-control, output {
    font-size:  inherit;    
}

.logoImg {
    height: 44px;
    padding-right: 5px;
}
.pagin_inline {
    display: inline-block;
}

.dropp_scroll{
    max-width:300px;
    overflow-y:auto
}

.divPager {
    float: none;
    position: static;
    padding: 0;
    /*display: contents;
    align-items: center;
    width: 80%;
    
    height: 31px;
    padding-left: 15%;*/
}
.pagination_li {
    display: inline;
    height: 31px;
    min-width: 40px
}

.pagination_ul {
    height: fit-content;
    font-size: 14px;
    margin: 0 12px;
    padding-left: 0;
    border-radius: 4px;
    display: inline-block;
    margin-top: 1.3px;
}

.pager_btn {
    color: white;
    height: inherit;
    border-width: 1px;
    position: relative;
    padding: 7px 12px;
    z-index: auto;
}

    .pager_btn:hover {
        background-color: #3f95e4;
        color: white;
    }

    .pager_select {
        background-color: #3f95e4 !important;
        text-decoration: solid underline white !important;
    }

.pager_disable > a {
    cursor: no-drop !important;
    cursor: not-allowed !important;
    opacity: 0.4;
}

.btn-default[data-toggle="dropdown"] {
    height: 22px;
    width: 45px;
    padding-right: 3px
}

.div-list {
    padding: 10px 5px;
    width: 100%;
    border-bottom: 1px solid lightgrey;
}

.ulDest > li:hover {
    background-color: #F1F5FA
}

.form-control {
    height: inherit;
}

.login-layout {
    
}
.login-container {
    width: 460px;
    /*width: 375px;*/
    margin: 0 auto;
}

.label-error{
    width:95%!important;
    font-size:14px!important;
}

.div-error {
    text-align: center;
    padding: 0.3em;
    margin-bottom: 0.3em;
    height: auto;
}

.divCkbPassword {
    display: inline-flex !important;
    margin: 8px 5px !important;
}

.error-container {
    width: 580px;
    margin: 0 auto;
    text-align: center;
    /* color: black;*/
}

@media only screen and (max-width:767px) {
    .error-container {
        margin: 12px;
    }
}


.postit {
    margin-bottom: 15px;
    margin-right: 13px;
    border: 1px solid #BFCC9C;
    overflow-y: auto;
}

.postit-type {
    background-color: #ffeb81;
    padding: 10px 20px;
    font-size: 13.5px
}

.postit-text {
    background-color: #fff2ab;
    padding: 12px 15px;
}

.postit-lable {
    word-wrap: break-word;
    width: 95%;
    font-size: 13px;
}

.postIt-img {
    width: 15px;
    vertical-align: top;
}

hr.postIt-separator {
    border: 0;
    height: 1px;
    background: #bebebe;
    margin: 5px;
}

.collapsDiv-33 {
    height: 33px;
    top: 1.5px;
}

@media only screen and (max-width:479px) {
    .error-container {
        margin: 6px;
    }
}
@media screen and (min-width: 820px){
    .showDiv {
        display: block!important;
    }
}

.showDiv {
    display: none;
}

.hide {
    display: none;
}

.dropdown_style {
    width: 16.5em;
    margin: 0.5em;
    padding: 0.5em;
}

.widget-style {
    height: 29px;
    padding: 2px;
}

.widget-font {
    color:white !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px!important;
}

.widget-font-small {
    color: black;
    font-size: 13px !important;
}

a[data-title="aCol"]:hover{
    text-decoration:none!important;
}

.lastCol {
    margin-right: 18px;
}

.widget-li {
    min-width: 340px;
    display: flex;
}

.widget-li-small {
    width: 220px;
    padding: 7px;
    display: flex;
    font-size:13px;
}
    .widget-li-small:hover, widget-li-small:focus, .widget-li-small > a:hover, widget-li-small > a:focus {
        background-color: #e7e7e7 !important;
        text-decoration: none !important;
    }

.widget-showOver {
    width: 100%;
    position: relative;
    min-height: 95px
}

.dropstyle {
    left: 10px;
    top: 20px;
    padding: 3px;
}
#divCheck {
    width: 100% !important;
    margin-left: 0.8em;
    margin-right: 0.5em;
}

#chkDestList td {
    padding: 5px;
    border-bottom: 1px solid #d3d3d3;
}

#chkDestList input[type='checkbox']{
    margin: 5px
}

    /*#divCheck:hover {
        background-color: #E4E6E9;
    }*/

#divResultSummary {
    display: inline-flex;
    height:30px!important;
    align-items: center;
}



#divFiltroColonne {
    padding: 0 12px;
    /*line-height: 30px !important;*/
    /*border-right: 1px solid;
    display: inline !important;
    padding: 4px;
    color: white;
    margin: 3px 0 0 10px;*/
}

    #divFiltroColonne ul li:hover {
        background-color: #E4E6E9;
    }

#divColSetting {
    /*height: 30px !important;
    line-height: 30px !important;*/
}

.imgButton {
    width: 28px;
    height: 28px;
}

input[type="checkbox"]:checked {
    border: 1px solid #F59942;
    font-family: fontAwesome;
    background-color: #FAFAFA !important;
    color: dodgerblue !important;
    border-radius: 0 !important;
    height: 16px;
    width: 16px;
    vertical-align: middle;
    position: center;
    margin-top: -1px
}

h4.moduli-separator_transp {
    margin: 10px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}

.divSelezionaTutto {
    align-items: center;
    margin-bottom: 10px
}

div[data-toggle="divCheck"] {
    height: 30px;
    display: inline-flex;
    align-items: center;
}

.ul-inColumns {
    list-style-type: disc;
    margin: 0 0 10px 18px
}

input[type="checkbox"]:not(:checked) {
    border: 1px solid #F59942;
    font-family: 'Informal Roman'; /* fontAwesome*/
    background-color: #FAFAFA;
    color: dodgerblue !important;
    border-radius: 0 !important;
    height: 16px;
    width: 16px;
    /*display: inline-flex;*/
    vertical-align: middle;
    position: center;
    margin-top: -1px
}

.divVerbaleInterventi {
    padding: 8px;
    font-size: 13px;
    margin: 0 8px;
    height: 31px;
}

.divVerbale {
    padding-left: 10px;
    overflow-x: visible;
    height: 31px;
}

.header-space {
    height: 90%;
    align-items: center;
    display: flex;
}

.div-duplica{
    margin: 10px 0;
}

.btn-duplica {
    height: 26px !important;
    top: -1px;
    width: 26px !important;
    padding: 0 !important;
    border: none !important;
    background-color: transparent !important;
}

    .btn-duplica:hover, .btn-duplica:active, .btn-duplica:focus, .btn-duplica:checked{
        border: 1px solid orange !important;
        background-color: transparent !important;
        -webkit-appearance: none !important;
    }


.btn-conferma {
    height: 28px !important;
    padding: 0 5px 4px !important;
}

.btn-showOver {
    position: absolute;
    right: 30px;
    bottom: 10px;
    z-index: 100;
}

.btn-static-up {
    opacity: 1;
    bottom: 30px;
    right: 30px;    
    visibility:visible
}

.btnGoTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    height: 42px
}

    .btnGoTop:active {
        z-index: 00;
    }

.dropdown-user {
    max-height: 400px !important;
    min-width: 320px !important;
    left: 10px !important;
    padding: 0 !important
}

.chk-list {
    overflow-y: auto;
    width: 100%;
    max-height: 395px;
    min-width: 300px;
}

.ddlNumRecord {
    display: inline;
    margin: 0 3px;
    height: 25px !important;
    padding: 3px 6px;
    width: 62px !important
}

.btn-invio {
    padding: 4px 9px;
    width: 76px;
    float: right
}
/*.widget-color-orange > .widget-header {
color:black!important;}*/
input [type=email], input[type=url], input[type=search], input[type=tel], input[type=color], input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], textarea {
    font-size: inherit;
}

.Grid {background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; font-family:Calibri; color: #474747;}

.Grid td {

      padding: 2px; 

      border: solid 1px #c1c1c1; }

.Grid th  {

      padding : 4px 2px; 

      color: #fff; 

      background: #363670 url(Images/grid-header.png) repeat-x top; 

      border-left: solid 1px #525252; 

      font-size: 0.9em; }

.Grid .alt {

      background: #fcfcfc url(Images/grid-alt.png) repeat-x top; }

.Grid .pgr {background: #363670 url(Images/grid-pgr.png) repeat-x top; }

.Grid .pgr table { margin: 3px 0; }

.Grid .pgr td { border-width: 0; padding: 0 6px; border-left: solid 1px #666; font-weight: bold; color: #fff; line-height: 12px; }   

.Grid .pgr a { color: Gray; text-decoration: none; }

.Grid .pgr a:hover { color: #000; text-decoration: none; } 

  .GridHeader { position:absolute; }

.GrixRowWarning {
background-color:#f2dede !important;
border-color:#ebccd1;
color:#a94442;
}
.GrixRowSTate {
    background-color: #8EAA98 !important;
    border-color: #ebccd1;
    color: #a94442;
}

.dnone{display:none!important;}
 .dblock{display:block;}

.login-layout .widget-box
 {
background-color:transparent!important;

}

  .login-layout .widget-box .widget-main
   {
      background:none;
        /*background-color:transparent!important;*/

  }
/*.widget-main {
   opacity: 0.60; filter: alpha(opacity=60);
}*/ 
  .loginDiv
   {  
      border-radius:5px;
     background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(252,205,77,0.60) 0,rgba(252,234,187,0.70)  100%) repeat scroll 0 0;
          /*opacity: 0.60; filter: alpha(opacity=60);*/ 
        /*background-color:transparent!important;*/

  }
  .input-group {
      margin-bottom:10px;
  }

.input-config-ditta {
    width: 30%;    
}
.labelMarginBottom{
    margin-bottom:10px;
}

.form-inline {
    margin-bottom:10px;
}

.form-padding{
    padding-left: 1em;
}

.input-margin {
    margin-bottom: 0.2em;
}

.labelStyle {
    padding-top:0.6em;
}

.inputHeight {
    height: 0.8em;
}

.row-wrapper {
    margin-top: 7px;
    margin-bottom: 7px;
}

.row-vertical-center {
    display: flex;
    align-items: center;
}
.marginIcon {
    margin-right: 3px;
}

.opacityNo {
    /*color: #000;
 opacity: 1!important;
  filter: alpha(opacity=100)!important;*/ 

}
.widget-box {
    margin: 5px;
}

.widget-body
{
    padding: 5px;
    
}

thread .rgHeader {
position:absolute;
width:100%;

}

.widget-toolbar .ace-icon {
color:black;
}
 
.infobox .infobox-content {
max-width:inherit;}
.infobox {
   
min-height:80px;
width:auto;
/*max-width:220px;*/
}
.infobox-container {
    text-align: left;
}
.dblock{display:block!important;}
.dnone{display:none!important;}
.gritter-close {
 left:auto!important;
}

.form-control, select
 {
    color:black;
}
input[disabled] {
     color:black!important;
}
.wysiwyg-editor {
max-height:500px;
height:auto;
}
.message-form .wysiwyg-editor {
    max-height:none;
}
.navbar .navbar-brand {
    padding-top:2px;
    padding-bottom:2px;
}
.Checked {
    background-color: #F9A021;
    border-color: #F9A021;
    color: #FFF;
}


.GridAlternateItem {
    BACKGROUND-COLOR: #ffffe1
}

.GridSelectedItem {
    background-image: url(../../images/grd_SelectedItemStyle.png);
    background-repeat: no-repeat;
    background-position: top right;
}
/* fine chiavi di CSS per il il template BOX */

/* Fine Classi per la formattazione del RadGrid per fixare il problema del SelectedStyle e del AltRowStyle */

/* Inizio classi sono per formattare la sottogriglia delle scadenze in Griglia GrigliaSituazioneContabile.ascx */
.SottoGrigliaInnerHeaderStyle {
    background: navy !important;
    font-size: 13px !important;
    color: white !important; /*add more style definitions here*/
}

.SottoGrigliaInnerItemStyle {
    background: orange !important;
    color: brown !important; /*add more style definitions here*/
}

.SottoGrigliaInnerAlernatingItemStyle {
    background: white !important;
    color: brown !important; /*add more style definitions here*/
}

.SottoGrigliaMostInnerHeaderStyle {
    background: brown !important;
    font-size: 15px !important;
    color: white !important; /*add more style definitions here*/
}

.SottoGrigliaMostInnerItemStyle {
    background: white !important;
    color: olive !important; /*add more style definitions here*/
}

.SottoGrigliaMostInnerAlernatingItemStyle {
    background: olive !important;
    color: white !important; /*add more style definitions here*/
}

/* fine classi sono per formattare la sottogriglia delle scadenze in Griglia GrigliaSituazioneContabile.ascx */

.rgMasterTable {
    table-layout: fixed !important;
}
.LoginDittaTitle {
    color: #ffffff !important;
    font-size: 4em;
    width: 200%;
    margin-top: 1.5em;
    margin-left: -5em;
}
 
div .LoginDittaTitle {
    text-align: center;
    background:none;
}

.loginDiv {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(252,205,77,0.60) 0,rgba(252,234,187,0.70) 100%) repeat scroll 0 0;
}
.social-login a > .ace-icon {
    padding-top: 7px;
    
}

.SiteTitle {
    /* width: 460px or  20em;;
   
    font-size: 5em;*/
    width: auto;
    text-align: center;
    font-size: 5em;
}

.SiteTitleSubTitle {
    font-size: 0.4em;
    color: white;
}

.ErrorPageTitle {
    width: 580px;
    text-align: center;
    font-size: 5em;
    padding-left: 7px;
    padding-bottom: 0.5em;
}
.ErrorPageSubTitle {
    font-size: 0.4em;
    color: black;
}

.errorLabel {
    font-family: Calibri;
    font-size: medium;
}

.larger-checkbox input[type="checkbox"] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    padding: 10px;
}


.LoginDittaTitle {
    font-size: 4em;
    width: 200%;
    margin-top: 1.5em;
    margin-left: -5em;
}
div .LoginDittaTitle {
    text-align: center;
    background: linear-gradient(rgb(0, 159, 245) 0px, rgba(0, 28, 247, 0.70) 100%) 0px 0px repeat scroll rgba(0, 0, 0, 0);
}

.loginDiv {
    border-radius: 5px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(252,205,77,0.60) 0,rgba(252,234,187,0.70) 100%) repeat scroll 0 0;
}

.label-config {
    min-width: 100px;
    -webkit-appearance: textfield;
    text-wrap: normal;
    max-width: 150px
}

.chk-config {
    float: right;
    margin-left: 10px;
}

.div-config {
    width: 50% ;
    border: 1px solid #ddd;
}

    .div-config > .widget-header {
        min-height: 0px !important;
        background-color: #F1F5F9 !important;
        color: #226496 !important;
        background-image: none !important;
    }

        .div-config > .widget-header > .widget-title {
            line-height: 32px !important;
        }

#div_TecEsterni_body, #div_TecInterni_body {
    padding: 0 8px;
}


.divTecInt {
    width: 100%;
    padding: 12px 10px;
    padding-right: 0;
    border-bottom: 1px solid #ccc;
}

    .divTecInt .row-wrapper {
        flex-wrap: wrap;
        margin: 0;
        float: right;
    }

.divTecEst {
    width: 100%;
    padding: 12px 4px;
    border-bottom: 1px solid #ccc;
}

.widget-overley {
    overflow: overlay !important;
}

    .widget-overley .widget-header {
        min-height: 0px!important;
    }
        .widget-overley .widget-title {
            line-height: 30px!important;
        }

        .widget-overley .widget-toolbar {
            height: 29px
        }

.back-page {
    position: static;
    height: 20px;
    min-width: 120px;
    padding-left: 0;
    margin: 0 20px 0 10px;
}

.title_config {
    border: none;
    width: 85%;
    margin: 0;
    padding-bottom: 10px;
    
}

.title_config > h1 {
    color: #009ff5 !important;
}

#div-azioni {
    float: right;
    padding-right: 0;
    top: -2px;
    margin-right: 8px;
}

    #div-azioni .btn-danger {
        float: right;
        font-size: 13.5px
    }

#btnAssociaDittaGruppo {
    padding: 3px 6px;
    float: right;
}

.width-all{
    width: 100%;
}

.width-all-center {
    width: 100%;
    vertical-align: central;
}

.txt-width-all {
    width: 100%!important;
    min-width: 177px!important
}

.div-Email {
    margin:0;
    padding:0;
    display:flex;
}

@media only screen and (max-width: 800px) {
    .div-Email {
        display: grid;
    }
}
/*.login-layout .widget-box .widget-main {
    background: none;
    background-color: #009ff5;
}*/
/*.chVisible::before {
    cursor: pointer;
    border-color: #F59942;
    color: #FFF;
    border-radius: 0;
    display: inline-block;
    height: 16px;
    min-width: 16px;
    position: relative;
}*/
/*.chkVisible::before::after {    
    border: 1px solid #C8C8C8;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    border-radius: 0;
    
    text-align: center;
    
    
}*/
.navbar {
    margin: 0;
    padding-top: 3px;
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100px;
    /*background: #009ff5;*/
}

    .navbar navbar-container ace-save-state {
        height: 100px;
    }

.ace-nav {
    margin-top: 10px !important;
    height: auto;
}

    .ace-nav > li {
        height: auto;
    }

        .ace-nav > li.light-blue {
        }

        .ace-nav > li.purple > a {
            background-color: transparent;
        }

.navbar-buttons {
    padding-right: 2em;
}

.ace-nav > li > a > .ace-icon {
}

.label-info.arrowed-right:after {
    /*background-color: #009ff5;*/
}

.label-success.arrowed-right:after {
    /*border-color: #009ff5;*/
}

.label-info.arrowed-in:before {
    /*border-color: #009ff5 #009ff5 #009ff5 #009ff5;*/
}

.label-success.arrowed-in:before {
    /*border-color: #009ff5 #009ff5 #009ff5 #009ff5;*/
}

.label label-success arrowed-info, .label label-success arrowed.label label-success arrowed-info, .label-info, .label.label-info {
    /*background-color: #009ff5;*/
}

.label label-success arrowed-success, .label label-success arrowed.label label-success arrowed-success, .label-success, .label.label-success {
    /*background-color: #009ff5;*/
}

.label-info.arrowed-right:after {
    /*border-color: #009ff5;*/
}

.no-skin .nav-list > li .submenu > li.active > a {
    /*color: #009ff5;*/
}

.no-skin .nav-list > li.active > a {
    font-weight: 700;
    /*color: #009ff5;*/
}

.blue {
    color: #009ff5 !important;
}

.nav-list li.active > a:after {
    border: none;
}

.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
    /*color: #009ff5;*/
}

.no-skin .nav-list li.active > a:after {
    /*border-right-color: #009ff5;*/
}
 
 .no-skin .nav-list > li.active:after {
    /*border-right-color: #009ff5;*/
} 

.sidebar:before {
}

/*.no-skin .sidebar {
    border-right: 2px solid #009ff5;
}*/

/*.sidebar .sidebar-toggle {
    border-right: 2px solid #009ff5;
}*/

.sidebar .sidebar-toggle {
    border-right: none;
}


.ace-nav > li.light-blue > a {
    border: 2px solid white !important;
    padding: 10px;
    /*background-color: #009ff5 !important;*/
}

.ace-nav > li.green > a:focus, .ace-nav > li.green > a:hover, .ace-nav > li.open.green > a {
    /*background-color: #009ff5;*/
}

.ace-nav > li.light-blue2 > a {
    /*background-color: #009ff5;*/
}

.ace-nav > li.open.purple > a, .ace-nav > li.purple > a 
{
    background-color: transparent;
}

body {
    /*font-family: tktype, Arial, Verdana, sans-serif;*/
}

.ace-icon fa fa-caret-right {
    content: none;
}

.divBrand {
    /*margin-top: 40px;*/
}

#sidebar {
    /*font-size: 16px;*/
    font-size: 13px!important;
    /*width: 300px;*/
}

.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
    height: 60px;
}

.nav-list > li > a {
    height: 60px;
    font-size: 16px!important;
}

.widget-color-blue > .widget-header {
    /*background-color: #009ff5;*/
}

.widget-color-purple {
    /*border-color: #009ff5;*/
}

    .widget-color-purple > .widget-header {
        /*background: #009ff5;
        border-color: #009ff5;*/
    }

.widget-color-red {
    /*border-color: #009ff5;*/
}

    .widget-color-red > .widget-header {
        /*background: #009ff5;
        border-color: #009ff5;*/
    }

.widget-color-orange {
    /*border-color: #009ff5;*/
}

    .widget-color-orange > .widget-header {
        /*background: #009ff5;
        border-color: #009ff5;*/
    }

.widget-color-dark {
    /*border-color: #009ff5;*/
    
}

    .widget-color-dark > .widget-header {
        /*background: #009ff5;
        border-color: #009ff5;*/
    }
 
.navbar-header pull-left {
    margin-top: 20px;
}

hr.moduli-separator {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.lbltoolTip a {
    /*> {*/
    color: black;
    text-decoration: none;
}
.lbltoolTip a:hover{
    /*> {*/
    color: black;
    text-decoration:none;
}
.lbltoolTip  a:after {
    /*> {*/
    color: black;
    text-decoration: none;
}
.lbltoolTip a:active{
    /*> {*/
    color: black;
    text-decoration: none;
}

    .lbltoolTip .tooltip {
        /*> {*/
        /*max-height:40px !important;
        height:40px;
    width:30em;*/
    }


.linklike-button {
    background: none !important;
    border: none;
    padding: 0 !important;
    /*optional*/
    /*font-family: arial,sans-serif;*/ /*input has OS specific font-family*/
    color: #069;
    text-decoration: underline;
    cursor: pointer;
}

.margin-lbl_right {
    margin-right: 5px
}

.label_left{
    float: left;
    margin-right: 5px;
}

.bound-date {
    max-width: 200px;
    margin-bottom: -10px;
    min-width: 158px;
}

.bound-label {
    max-width: 100px;
    min-width: 75px;
}

.textarea_assist {
    width: -webkit-fill-available;
    overflow-y: auto;
    height: 250px;
    border: 1px solid #D5D5D5!important;
    overflow-x: hidden;
}