/***********************************************************/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

html {
    overflow-y:scroll;
}

/***********************************************************/
body { 
    color: #484848;
    font-family: 'CircularstdBook', sans-serif;
    background-color: #f3f3f3;
}

/***********************************************************/
label {
  font-size: 14px;
}

.notranslate {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    unicode-bidi: isolate;
}

/***********************************************************/
.form-control {  
    font-size: 14px;
    border-radius: 4px;
}

.form-control-focused-select {  
    border-color: #828282 !important;
}

/***********************************************************/
.page-title small {
    color: #333;
}

.page-title {
    font-family: 'CircularstdBold';
    font-weight: normal;
    font-style: normal;
    color: #333;
    font-size: 22px;
    text-align: left;
}          

/***********************************************************/
@media screen
{    
    .only-on-print, .only-on-print *
    {
        display: none !important;
    }
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    
    .pagebreak { page-break-before: always; }

    a[href]:after
    {
        content:none !important;
    }    
}

/****************************/
.mostra-dipiu{
    font-size: 12px;
    padding-top: 13px;
    font-weight: 300;
    color: #6f6f6f;
    mouse: pointer;
}

/****************************/
.page-no-slidebar {
    margin-left: 0px !important;
    border-left: 0px !important;
}

.header {
    background-color: #f3f3f3 !important;
}

.page-sider-menu-versione {
    margin-bottom: -18px;
    margin-left: 11px;
    margin-top: 2px;
    font-size: 11px;
}

.page-sidebar-menu > li > ul.sub-menu {
    margin: 0px 0px 8px 0px !important;
    background-color: #fff !important;
}

.page-content .page-breadcrumb.breadcrumb {
    background: #fff !important;
}

.navbar-inverse .navbar-brand {
    padding-top: 4px !important;
}

.contBradcrumbs {
    margin-top: -1px !important;
}

.page-sidebar {
    background: #ffffff;
    margin-top: 0px;
    margin-left: 10px;
    border: 1px solid #E6E6E6 !important;
    border-radius: 5px;
    overflow: hidden;
}

.page-content-wrapper-hide {
    height: 0px;
    overflow: hidden;
}

.develop-label {
    position: absolute;
    left: 53%;
    font-weight: 600;
    background-color: #ff5c5c;
    color: #ffffff;
    padding: 0px 5px;
    border-radius: 10px;
    margin-top: 1px;
}

.breadcrumb {
    color: #989898;
}

.breadcrumb a {
    color: #696969;
}

.positionFixed {
    position:fixed; 
}

.pulsantiEditFixed {
    position:fixed;
    margin-top: -50px;
}

.velinaTrasparente {
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    background-color: transparent;
    z-index: 2100000000             
}

.velinaGrigia {
    position:fixed; 
    left:0px; 
    top:0px; 
    width:100%; 
    height:100%; 
    background-color: rgba(0,0,0,0.2);
    z-index: 1000000
}

.padding-L-small {
    padding-left: 5px;
}

.padding-R-small {
    padding-right: 5px;
}

.myrow {
    margin-right: -11px;
    margin-left: -11px; 
}

/***********************************************************/
.footer-mobile {
    position: fixed;
    height: 58px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background-color: #fff;
    z-index: 10000;
    border-top: 1px solid #e6e6e6
}

.footer-mobile .pulsante {
    max-width: 18%;
    width: 18%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #6b6b6b;
    overflow: hidden;
}

.footer-mobile .pulsantepiccolo {
    max-width: 10%;
    width: 10%;
    height: 100%;
    float: left;
    text-decoration: none;
    color: #6b6b6b;
    overflow: hidden;
}

.footer-mobile .pulsante-active {
    color: blue !important;
}

.footer-mobile .pulsantetable {
    width: 100%;
    margin-top: 5px;
}

.footer-mobile .rowicon {
    font-size: 24px;
    text-align: center;
    width: 100%;
}

.footer-mobile .iconfooter {
    height: 31px;
}

.footer-mobile .fa {
    display: block !important;
    height: 25px !important;
    margin-top: 6px !important;
    font-size: 21px;
}

.footer-mobile .rownome {
    font-size: 11px;
    text-align: center;
    width: 100%;
}

/***********************************************************/
@media (min-width: 992px){
    .col-md-3-min18pd {
        width: calc(25% - 30px);
    }

    .col-md-1-2-a {
        width: 14.4999999999995% !important;
    }

    .col-md-1-2-b {
        width: 10.4999999999995% !important;
    }
    
    .padding-L-verysmall-pc {
        padding-left: 2px;
    }
    
    .padding-R-verysmall-pc {
        padding-right: 2px;
    }
    
    .padding-L-small-pc {
        padding-left: 5px;
    }

    .padding-R-small-pc {
        padding-right: 5px;
    }
    
    .field-descr-pc {
        padding-left: 0px;
        margin-left: -6px;
        padding-top: 5px;
    }
    
    .pulsantiEditTop {
        left: 202px;
    }
    
    .pulsantiEditTop2 {
        left: 63px;
    }
}


/***********************************************************/
.voice-menu-top {
}

.voice-menu-top:hover {
    background-color: blue;
}

/***********************************************************/
#version-ontopbar {
    position: absolute;
    top: 1px;
    left: 7px;
    font-size: 11px;
    color: #3E3E3E;
    padding: 3px;
    padding-bottom: 10px;    
    min-height: 45px;
    min-width: 130px;
}

#version-ontopbar:hover {
}

#version-ontopbar .showme{
    padding-top: 4px;
}
    
#version-ontopbar .nuova {
    background-color: #47A447;
    padding: 1px 5px 3px 4px;
    color: #fff;
}

#version-ontopbar a.nolink:hover {
    text-decoration: none;
}

#version-ontopbar a:link {
    text-decoration: none;
    color: inherit;
}

#version-ontopbar a:visited {
    text-decoration: none;
    color: inherit;
}

#version-ontopbar a:hover {
    text-decoration: underline;
    color: blue;
}

#version-ontopbar a:active {
    text-decoration: none;
    color: inherit;
}

/***********************************************************/
div.mce-fullscreen {
    z-index: 10001 !important;
}

/***********************************************************/
.mce-panel {
    background-color: #fff !important;
    border-radius: 4px;
}

.mce-btn {
    background-color: #fff !important;
    border-radius: 4px;
}

.mce-btn:active {
    background-color: #D4E0EB !important;
}

.mce-active {
    background-color: #D4E0EB !important;
}

.mce-primary {
    background-color: #2d8ac7 !important;
}

.mce-statusbar {
    visibility: hidden !important;
    height: 0px !important;
}

/***********************************************************/
#help-icon .icon {
    position: fixed;
    right: 13px;
    bottom: 40px;
    width: 43px;
    height: 43px;
    background-color: #52AEFF;
    z-index: 1000000;
    border-radius: 50px;
    padding-top: 45x;
    padding-top: 13px;
    padding-left: 12px;
    color: #232323;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#help-icon .icon:hover {
    width: 47px;
    height: 47px;
    right: 11px;
    bottom: 38px;
    padding-top: 15px;
    padding-left: 14px;
}

#help-page .div-video {
    position: fixed;
    z-index: 1000100;
    width: 724px;
    height: 645px;
    background-color: #fff;
    left: 50%;
    margin-left: -280px;
    margin-top: -4px;
    border: 1px solid #a7a7a7;
    padding: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.75);
}

#help-page .div-titolo {
    padding-top: 1px;
    font-size: 18px;
    font-weight: 600;
}

#help-page .div-messaggio {
    padding-top: 3px;
}

#help-page .div-videocollegati {
    padding-top: 10px;
    font-weight: 600;
}

#help-page .div-pulsante {
    position: absolute;
    bottom: 6px;
    right: 6px;
}

#help-page .div-videocollegato {
    color: #4848f9;
    font-weight: 600;
    cursor: pointer;
}

#help-page .div-videorivedi {
    color: #4848f9;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

/***********************************************************/
#popup-merkurio .iframe-cont {
    position: absolute;
    z-index: 1000010;
    border: 1px solid #000;
    width: 100%;
    height: 100%;
    background-color: #fff;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}

#popup-merkurio .iframe-cont-close {
    z-index: 1000050;
    top: -2px;
    right: 0px;
    width: 32px;
    height: 34px;
    position: absolute;
    padding-top: 10px;
    background-color: #fff;
    border-radius: 20px;
}

#popup-merkurio .iframe-cont-icon-close {
    font-size: 36px;
    color: #6e6e6e;
    cursor: pointer;
}

#popup-merkurio .iframe-cont-icon-close:hover {
    font-size: 36px;
    color: #000;
}

#popup-merkurio iframe {
    width: 100%;
    height: calc(100% + 46px);
    z-index: 1000010;
    position: relative;
    top: -46px;
}

/***********************************************************/
.filesTreeSelecedRow {
    background-color: #ceffa9;
}

/***********************************************************/
.box-fileover {
    height: 60px;
    max-width: 500px;
    border: 2px dotted #c0c0c0;
    padding-top: 18px;
    padding-left: 6px;
    margin-top: 5px;
    /*border-radius: 11px;*/
    color: #4b4b4b;
}

.box-fileover-2 {
    background-color: #fcc;
    border: 2px dotted #ee0c0c;
    color: #000;
    height: 150px;
}

/***********************************************************/
.contBradcrumbs {
    padding-left: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {  
    .contBradcrumbs {
        padding-left: 12px;
        margin-left: -20px;
        margin-top: -20px;
        margin-right: -20px;
    }
    
    .pulsantiEditTop {
        left: 27px;
    }

    .pulsantiEditTop2 {
        left: 27px;
    }
    
}

@media (max-width: 767px) {  
    .contBradcrumbs {
        padding-left: 12px;
        margin-top: -20px;
    }
    
    .pulsantiEditTop {
        left: 8px;
    }
    
    .pulsantiEditTop2 {
        left: 8px;
    }
    
}

.bradcrumbMobile {
    height: 21px;
    padding-top: 1px;
    line-height: 16px;
    min-width: 96px;
    margin-top: -2px;
}

/***********************************************************/
@media (max-width: 480px) {
    .arrowUser{
        background-color: black;
        padding-top: 8px;
        padding-bottom: 5px;
        padding-left: 0px;
        margin-top: -4px !important;
        width: 27px !important;
    }
}

/***********************************************************/
.clearCombo {
    background:none;
    border:none;
    cursor:pointer;
    position:absolute;
    right:20px;
    top:3px;
}

/***********************************************************/
.fieldInError {
    box-shadow: 0px 0px 0px 2px #f00;
    border-radius: 3px;
}

.errorMessage {
  display: inline-block;
  height: 30px;
  vertical-align: middle;
  padding: 6px 10px;
  color: red;
}

/***********************************************************/
.selectrowtable {
    font-size: 19px;
    color: #c0c0c0;
    cursor: pointer;
}

.selectrowtablehover {
    color: #000;
}

.selectrowtablesel {
    font-size: 19px;
    color: #000;
    cursor: pointer;
}

/***********************************************************/
.groupOnTable {
    border-top: 2px #ff6f6f solid;
}

/***********************************************************/
.selectNoArrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/***********************************************************/
.title-linear-edit {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.title-linear-edit-line {
    background-color: #ddd;
    height: 1px;
}

/***********************************************************/
.foglioCarta {
    /*
    min-height: 600px; 
    border: 1px #a0a0a0 solid; 
    margin-bottom: 20px; 
    -webkit-box-shadow: 1px -1px 17px 0px rgba(139, 130, 146, 0.75);
    -moz-box-shadow:    1px -1px 17px 0px rgba(139, 130, 146, 0.75);
    box-shadow:         1px -1px 17px 0px rgba(139, 130, 146, 0.75);
    */
}

.dropdown-menu {
    z-index: 8100 !important;
}

/***********************************************************/
.advFilterClose {
    max-height: 0;
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
}

.advFilterOpen {
    max-height: 2000px;  
    -webkit-transition: max-height 0.5s;
    -moz-transition: max-height 0.5s;
    transition: max-height 0.5s;
}

.advFilt_box {
    float:left; 
    width: 80px; 
    height: 100%; 
    border-left: 1px #aaa solid; 
    border-top: 1px #aaa solid; 
    border-bottom: 1px #aaa solid; 
    border-right: 1px #aaa solid; 
    cursor: pointer;
    overflow: hidden;
    margin-right: -1px;
    margin-top: -1px;
    position: relative;
}

.advFilt_boxFirst {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.advFilt_boxLast {
    border: 1px #aaa solid; 
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.advFilt_boxActive {
    background-color: #94E598;
}

.advFilt_boxlabel {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    padding: 0px 3px;
}

.advFilt_boxval1 {
    font-size: 12px;
    margin-left: 3px;
    position: absolute;
    bottom: 20px;
}

.advFilt_boxval2 {
    font-size: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #0A5E89;
    margin-left: 3px;
    position: absolute;
    bottom: 5px;
}

/***********************************************************/
.filter-top {
}

.filter-active {
    background-color: #FFFF76;
    color: #000;
}

.filter-focused {
    width:300px;
}

/***********************************************************/
.input-active {
    background-color: #FFFF76;
    color: #000;
}

/***********************************************************/
#upload_link{
    text-decoration:none;
}

#upload{
    display:none
}

/***********************************************************/
#uploadCrud_link{
    text-decoration:none;
}

#uploadCrud{
    display:none
}

/***********************************************************/
ul.columnx { 
    margin: 0px; 
    padding: 0px; 
    background-color: #fff; 
}

ul.columnx li { 
    background-color:#f0f0e0; 
    margin: 0px; 
    margin-bottom: 5px; 
    padding: 0px;
    height:133px;
    border: 1px solid #909090; 
    list-style: none;
    border-radius: 5px;  
    overflow: hidden;
}


/***********************************************************/
.divPopupin {
    position:absolute; 
    background-color: transparent; 
    width: 100%; 
    height: 300px; 
    left: 0px; 
    opacity: 1;

    animation: fadein 400ms;
    -moz-animation: fadein 400ms; /* Firefox */
    -webkit-animation: fadein 400ms; /* Safari and Chrome */
    -o-animation: fadein 400ms; /* Opera */
}

.divPopupout {
    position:absolute; 
    background-color: transparent; 
    width: 100%; 
    height: 300px; 
    left: 0px; 
    opacity: 0;

    animation: fadeout 400ms;
    -moz-animation: fadeout 400ms; /* Firefox */
    -webkit-animation: fadeout 400ms; /* Safari and Chrome */
    -o-animation: fadeout 400ms; /* Opera */
}

.xxdivFadein {
    animation: fadein 400ms;
    -moz-animation: fadein 400ms; /* Firefox */
    -webkit-animation: fadein 400ms; /* Safari and Chrome */
    -o-animation: fadein 400ms; /* Opera */
}

.divFadeinPopup {
    position:absolute; 
    background-color: #000; 
    width: 100%; 
    height: 100%;  
    left: 0px; 
    top: 0px;
    opacity: 0.5;
    
    animation: fadein05 300ms;
    -moz-animation: fadein05 300ms; /* Firefox */
    -webkit-animation: fadein05 300ms; /* Safari and Chrome */
    -o-animation: fadein05 300ms; /* Opera */
}

.divFadeoutPopup {
    position:absolute; 
    background-color: #000; 
    width: 100%; 
    height: 100%;  
    left: 0px; 
    top: 0px;
    opacity: 0;

    animation: fadeout05 300ms;
    -moz-animation: fadeout05 300ms; /* Firefox */
    -webkit-animation: fadeout05 300ms; /* Safari and Chrome */
    -o-animation: fadeout05 300ms; /* Opera */
}

/***********************************************************/
.divRowIndexVisible {
    opacity: 1;
    background-color: #3B7BEA !important; 
}

.divRowIndexNoVisible {
    opacity: 0;
    background-color: #3B7BEA !important; 
}

.divNoVisible {
    opacity: 0;
    animation: fadeout 10ms;
    -moz-animation: fadeout 10ms; /* Firefox */
    -webkit-animation: fadeout 10ms; /* Safari and Chrome */
    -o-animation: fadeout 10ms; /* Opera */
}

/***********************************************************/
.divVisible02 {
    opacity: 1;
    animation: fadein02 600ms;
    -moz-animation: fadein02 600ms; /* Firefox */
    -webkit-animation: fadein02 600ms; /* Safari and Chrome */
    -o-animation: fadein02 600ms; /* Opera */
}

.divNoVisible02 {
    opacity: 0.2;
    animation: fadeout02 10ms;
    -moz-animation: fadeout02 10ms; /* Firefox */
    -webkit-animation: fadeout02 10ms; /* Safari and Chrome */
    -o-animation: fadeout02 10ms; /* Opera */
}

/***********************************************************/
.textfieldACCont {
    position: absolute;
    background-color: #fff;
    border: 1px solid #999999;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    min-width: 300px;
    max-height: 310px;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: -1px;
}

.textfieldACRow {
    height: 26px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 25px;
    cursor: pointer;
    white-space: nowrap;
}

.textfieldACRow:hover {
    background-color: #f0f0f0;
}

.textfieldACRowActive {
    background-color: #428BCA !important;
    color: white;
}

/********************************************/
.divSendMail {
    position:absolute; 
    top:15px; 
    background-color: #fff;
    left: 5%;
    width: 90%;
    border: 1px solid #B7B7B7;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    z-index: 1000;
}

/********************************************/
/********************************************/
tags-input .tags {
    border-radius: 4px !important; 
    min-height: 29px !important; 
}

tags-input .tags .input {
    height: 21px !important; 
    margin: 1px !important; 
    width: 16px;
}

tags-input .tags .tag-item {
    margin: 1px !important; 
    height: 23px !important; 
    line-height: 20px !important; 
}

tags-input.ng-invalid .tags {
    -webkit-box-shadow: 0 0 0px 2px rgb(255,0,0) !important; 
    -moz-box-shadow: 0 0 0px 2px rgb(255,0,0) !important; 
    box-shadow: 0 0 0px 2px rgb(255,0,0) !important; 
}

tags-input .autocomplete {
    margin-top: -1px !important; 
}

/********************************************/
/********************************************/
.box-lista-elenco-puntato {
    margin: 0px 0px 0px 0px;
}

/********************************************/
/********************************************/
.btn {
    overflow: hidden;
    border-radius: 4px;
    font-size: 13px;
}
    
.btn-light {
    border-radius: 5px;
}

.btn-light:hover, .btn-light:focus, .btn-light:active {
    background-color: #fff !important;
    border-color: #158cfb !important;
}

.btn-100percent {
    width: 100%;
}

/***************/
.btn-primary {
    color: #428BCA;
    background-color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #346fa1;
    background-color: #ecf3f9;
}
.btn-primary-pieno {
    color: #fff;
    background-color: #428BCA;
}
.btn-primary-pieno:hover, .btn-primary-pieno:focus, .btn-primary-pieno:active {
    color: #fff;
    background-color: #346fa1;
}
.btn-primary-noborder {
    color: #428BCA;
    background-color: transparent;
    border: 0px;
}
.btn-primary-noborder:hover, .btn-primary-noborder:focus, .btn-primary-noborder:active {    
    color: #346fa1;
    background-color: transparent;
    border: 0px;
}

/***************/
.btn-info {
    color: #5BC0DE;
    background-color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
    color: #4899b1;
    background-color: #eef8fb;
}
.btn-info-pieno {
    color: #fff;
    background-color: #5BC0DE;
}
.btn-info-pieno:hover, .btn-info-pieno:focus, .btn-info-pieno:active {
    color: #fff;
    background-color: #4899b1;
}
.btn-info-noborder {
    color: #5BC0DE;
    background-color: transparent;
    border: 0px;
}
.btn-info-noborder:hover, .btn-info-noborder:focus, .btn-info-noborder:active {
    color: #4899b1;
    background-color: transparent;
    border: 0px;
}

/***************/
.btn-success {
    color: #5cb85c;
    background-color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
    color: #499349;
    background-color: #eef7ee;
}
.btn-success-pieno {
    color: #fff;
    background-color: #5cb85c;
}
.btn-success-pieno:hover, .btn-success-pieno:focus, .btn-success-pieno:active {
    color: #fff;
    background-color: #499349;
}
.btn-success-noborder {
    color: #5cb85c;
    background-color: transparent;
    border: 0px;
}
.btn-success-noborder:hover, .btn-success-noborder:focus, .btn-success-noborder:active {
    color: #499349;
    background-color: transparent;
    border: 0px;
}

/***************/
.btn-warning {
    color: #f0ad4e;
    background-color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    color: #c08a3e;
    background-color: #fdf6ed;
}
.btn-warning-pieno {
    color: #fff;
    background-color: #f0ad4e;
}
.btn-warning-pieno:hover, .btn-warning-pieno:focus, .btn-warning-pieno:active {
    color: #fff;
    background-color: #c08a3e;
}

.btn-danger-pieno {
    color: #fff;
    background-color: #d9534f;
}
.btn-danger-pieno:hover, .btn-danger-pieno:focus, .btn-danger-pieno:active {
    color: #fff;
    background-color: #ad423f;
}

.btn-warning-noborder {
    color: #f0ad4e;
    background-color: transparent;
    border: 0px;
}
.btn-warning-noborder:hover, .btn-warning-noborder:focus, .btn-warning-noborder:active {    
    color: #c08a3e;
    background-color: transparent;
    border: 0px;
}

/***************/
.btn-danger {
    color: #d9534f;
    background-color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    color: #ad423f;
    background-color: #fbeded;
}
.btn-danger-noborder {
    color: #d9534f;
    background-color: transparent;
    border: 0px;
}
.btn-danger-noborder:hover, .btn-danger-noborder:focus, .btn-danger-noborder:active {
    color: #ad423f;
    background-color: transparent;
    border: 0px;
}

/***************/
.btn-default {
    color: #333;
    border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background-color: #d5ceff;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #d5ceff;
    border-color: #adadad;
}

.btn-default-noborder {
    color: #333;
    background-color: transparent;
    border: 0px;
}
.btn-default-noborder:hover, .btn-default-noborder:focus, .btn-default-noborder:active {
    color: #ad423f;
    background-color: transparent;
    border: 0px;
}

/***************/
.datepicker.dropdown-menu .btn-primary {
    color: #fff;
    background-color: #428BCA;
}

.datepicker.dropdown-menu .btn-info {
    background-color: #e0e0e0;
}

/********************************************/
/********************************************/
#showPreviewStampa .color-picker-input {
    height: 20px !important;
    border: 0.5px solid #adadad !important;
    font-size: 11px;
    padding: 6px;
}

#showPreviewStampa .color-picker-swatch {
    border-left: 0.5px solid #adadad !important;
    border-bottom: 0.5px solid #adadad !important;
    border-top: 0.5px solid #adadad !important;
    border-right: 0px solid #fff;    
}

/********************************************/
/********************************************/
#tableau .firstcellhidden {
    width: 0px;
    vertical-align: top;
}

#tableau .titlecellcont {
    overflow: visible;
    position: relative; 
    z-index: 460;
}

#tableau .titlecell {
    top:0px; 
    height: 100%;
    position: absolute; 
    cursor: pointer;
}

#tableau .markercellcont {
    top:0px; 
    width: 1px;
    overflow: visible;
    position: relative; 
}

#tableau .markercell {
    top:0px; 
    height: 100%;
    border-right: 1px dotted #949393;
    position: absolute; 
}

#tableau .markercellweekendSab {
    background-color: rgba(156, 156, 156, 0.25);
}

#tableau .markercellweekendDom {
    background-color: rgba(255, 41, 41, 0.25);
}

#tableau .boxOccupazione {
    font-size: 12px;
    height: 18px; 
    text-align: center;
    bottom: 0px;
}

#tableau .boxOccupazione-piccolo {
    font-size: 9px;
    height: 18px;
    text-align: center;
    margin-left: -1px;
    padding-top: 2px;
    bottom: -1px;
}

#tableau .celldays {
    border-top: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

#tableau .line-boxOccupazione {    
    width: 100%;
    height: 1px;
    background-color: #efefef;
    position: absolute;
}

#tableau .circle-boxOccupazione-cover {    
    position: absolute;
    top: 0px;
    right: 0px;
    width: 12px;    
    background-color: #fff;
}

#tableau .circle-boxOccupazione {
    position: absolute;
    right: 3px;
    font-size: 12px;
}

#tableau .boxTariffaSetup {
    position: absolute;
    right: 4px;
    font-size: 12px;
}

#tableau .boxStatoPulizie {
    color: #fff;
    cursor: pointer;
    top: 11px;
    position: absolute;
    right: 4px;
    top: 8.5px;
    background-color: #E50000;
    width: 20px;
    border-radius: 18px;
    height: 20px;
    padding-top: 0px;
    padding-left: 3.4px;
}

#tableau .boxStatoPulizieNote {
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 7.5px;
    background-color: #606060;
    width: 5px;
    border-radius: 5px;
    height: 5px;
    padding-top: 0px;
    padding-left: 3.4px;
}

#tableau .boxStatoPulizieMobile {
    top: 32px;
    height: 6px;
    width: 6px;
    right: 0px;
}

#tableau .boxStatoPulizieTODO {
    background-color: #E50000;
}

#tableau .boxStatoPulizieDONE {
    background-color: #5AAD5A;
}

#tableau .boxStatoPulizieCover {
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    top: 0px;
    right: 0px;
    width: 25px;
    height: 39px;
}

#tableau .boxStatoPulizieCoverMobile {
    width: 200px;
}

#tableau .prenotcont {
    width:100%; 
    height:100%; 
    overflow: hidden;
    position: relative;
}

#tableau .prenot {
    top: 1px;
    height: 37px;
    position: absolute;
    padding-top: 0px;
    padding-left: 2px;
    border-radius: 5px;
    overflow: hidden;
    z-index: 95;
    font-size: 12px;
}

#tableau .divprenlinetop {
    width: 150%;
    height: 6px;
    background-color: transparent;
    margin-left: -3px;
    margin-bottom: -6px;
}

#tableau .divprenlinebottom {
    width: 150%;
    height: 18px;
    background-color: transparent;
    margin-left: -3px;
    position: absolute;
    top: 19px;
}

#tableau .divinpren {
    width: 94%;
    height: 100%;
    overflow: hidden;
}

#tableau .iconinfopren {
    float: left;
    font-size: 12px;
}

#tableau .iconinfoprenblack {
    color: #4e4e4e;
}

#tableau .iconinfoprenwhite {
    color: #f0f0f0;
}

#tableau .iconinfoprenblack:hover {
    color: #b0b0b0;
}

#tableau .iconinfoprenwhite:hover {
    color: #baf55f;
}

#tableau .iconlockedpren {
    float: left;
    font-size: 12px;
}

#tableau .iconlockedprenblack {
    color: #4e4e4e;
}

#tableau .iconlockedprenwhite {
    color: #f0f0f0;
}

#tableau .iconinfoprenhide {
    visibility: hidden;
}

#tableau .descrinfoicon {
    font-size: 10px;
    float: left;
    color: #5913c5;
    padding-top: 0px;
}

#tableau .tableinpren {
    width: 100%;
    height: 100%;
    line-height: 9px;
    font-size: 11px;
    margin-top: -5px;
}

#tableau .prenot_new { 
    background-color: #ffff99 !important; 
    color: #444;
    border: 1px solid #f81; 
}

#tableau .prenot_selected { 
    border-width: 3px !important;
}

#tableau .prenot_error {
    background-color: rgba(150,150,150,0.5) !important;
    color: #aaa !important;
    border: 1px solid #aaa !important;
    border-width: 1px !important;
}

#tableau .numDays {
    top: 0px;
    left: 0px;
    height: 19px;
    width: 19px;
    background-color: rgba(255, 255, 255, 0.64);
    border: 1px solid #666;
    position: absolute;
    z-index: 101;
    margin-left: -7px;
    border-radius: 9px;
    color: #000;
    text-align: center;
    font-size: 10px;
    padding-top: 1px;
}

#tableau .calendar-month-text-DAYS {
    padding-left: 3px;
    padding-top: 3px;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #666;
}

#tableau .calendar-month-text-MONTH {
    padding-left: 3px;
    padding-top: 1px;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #666;
}

#tableau .calendar-month-text-YEAR {
    padding-left: 1px;
    padding-top: 1px;
    font-size: 0.7em;
    text-transform: uppercase;
    color: #666;
}

#tableau .monthdispari {
    background-color: #EFEFEF;
}

#tableau .monthpari {
    background-color: #FBFBFB;
}

#tableau .monthselected {
    background-color: #A7EA24;
}

#tableau .calendar-day-number-DAYS {
    padding-left: 3px;
    font-size: 1.0em;
    color: #666;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-text-DAYS {
    padding-left: 3px;
    font-size: 0.5em;
    text-transform: uppercase;
    color: #666;
    margin-top: 16px;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-number-MONTH {
    padding-left: 3px;
    padding-top: 0px;
    font-size: 1.0em;
    color: #666;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-text-MONTH {
    padding-left: 3px;
    font-size: 0.5em;
    text-transform: uppercase;
    color: #666;
    margin-top: 16px;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-number-YEAR {
    padding-left: 1px;
    padding-top: 0px;
    font-size: 6px;
    color: #666;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-text-YEAR  {
    padding-left: 1px;
    font-size: 6px;
    text-transform: uppercase;
    color: #666;
    margin-top: 7px;
    position: absolute;
    z-index: 1000;
}

#tableau .calendar-day-line-occ-DAYS  {
    background-color: #526f65;
    height: 5px;
    top: 5px;
    color: #666;
    width: 100px;
    margin-top: 20px;
    position: absolute;
    z-index: 1034;
}

#tableau .calendar-day-line-occ-15DAYS  {
    background-color: #526f65;
    height: 5px;
    top: 5px;
    color: #666;
    width: 50px;
    margin-top: 20px;
    position: absolute;
    z-index: 1034;
}

#tableau .calendar-day-line-occ-MONTH  {
    background-color: #526f65;
    height: 5px;
    top: 5px;
    color: #666;
    width: 30px;
    margin-top: 20px;
    position: absolute;
    z-index: 1034;
}

#tableau .calendar-day-line-occ-3MONTH  {
    background-color: #526f65;
    height: 3px;
    top: -4px;
    color: #666;
    width: 10px;
    margin-top: 20px;
    position: absolute;
    z-index: 1034;
}

#tableau .calendar-noteDay-DAYS {
    position: absolute;
    width: 100px;
    height: 30px;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#tableau .calendar-noteDay-15DAYS {
    position: absolute;
    width: 50px;
    height: 30px;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#tableau .calendar-noteDay-MONTH  {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#tableau .calendar-noteDay-3MONTH  {
    position: absolute;
    width: 10px;
    height: 18px;
    top: 0px;
    left: 0px;
    z-index: 10;
}

#tableau .calendar-noteDay-YEAR  {
    background-color: #fff;
}

#tableau .calendar-day-month {
    padding-left: 40px;
    font-size: 1.5em;
    color: #666;
}

#tableau .titleStruttura {
    position: absolute;
    margin-top: -7px;
    padding-right: 2px;
    font-size: 14px;
    padding-left: 2px;
    height: 18px;
    padding-top: 4px;
    line-height: 11px;
    color: #444;
    white-space: nowrap;
    overflow: hidden;
    font-family: 'CircularstdBold';
    z-index: 10;
}

#tableau .roomName {
    padding-left: 6px;
    font-size: 14px;
    color: #666;
    display: inline-block;
    white-space: nowrap;
    font-size: 12px;
    font-family: 'CircularstdBold';
}

#tableau .roomType {
    padding-left: 7px;
    font-size: 10px;
    color: #666;
    margin-top: -1px;
    line-height: 8px;
}

#tableau .lineaOggi {
    position: absolute;
    left: 80px;
    width: 1px;
    z-index: 98;
    background-color: #3F00FF;
}

.tableauboxcoveronday {
    top:0px;
    left:0px;
    background-color: #fff;
    border: 1px solid #aaa;
    z-index:10000; 
    position: absolute;
    font-size: 12px;
    padding: 1px 3px;
}

.tableauboxcoveronstatopulizie {
    top:9px;
    left:130px;
    background-color: #fff;
    border: 1px solid #aaa;
    z-index:10000; 
    position: absolute;
    font-size: 12px;
    padding: 1px 3px;
}

/********************************************/
/********************************************/
#pageguide .boximagethumb {
    position: relative;
    cursor: pointer;
}

#pageguide .imagepdf {
    position: absolute;
    background: url(../../conquer/assets/img/icon-pdf.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    opacity: 0;
    transition: .3s ease;
    color: #fff;
    font-size: 17px;
    padding-top: 7px;
}

#pageguide .boximagethumb .imagevideo {
    position: absolute;
    background: url(../../conquer/assets/img/play-btn.png);
    background-size: 50px 50px;
    background-repeat: no-repeat;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    text-align: center;
    opacity: 0;
    transition: .3s ease;
    color: #fff;
    font-size: 17px;
    padding-top: 7px;
}
    
#pageguide .boximagethumb:hover .imagepdf {
    opacity: 1;
}

#pageguide .boximagethumb:hover .imagevideo {
    opacity: 1;
}

#pageguide .imagethumb {
    width: 100%;
    border: 1px solid #c0c0c0;
}    

#pageguide .cellDescr {
    min-height: 65px;
    margin-top: 4px;
    margin-bottom: 15px;
    font-weight: 600;
}

@media (max-width: 767px) {
    #pageguide .imagepdf {
        opacity: 1 !important;
    }

    #pageguide .imagevideo {
        opacity: 1 !important;
    }
    
    #pageguide .cellDescr {
        margin-bottom: 35px !important;
    }
}  

/********************************************/
/********************************************/
#weekcalendar .tableHeader {
    width: 163px;
    padding-left: 3px;
    background-color: #F7F7FF;
}

#weekcalendar .tableHeaderActive {
    background-color: #EAEAFF !important;;
}

#weekcalendar .tableHeaderActiveTd {
    background-color: #EAEAFF;
}

#weekcalendar .tableRigaMattina {
    height: 300px;
    vertical-align: top;
}

#weekcalendar .tableRigaPomeriggio {
    height: 300px;
    vertical-align: top;
}

#weekcalendar .tableMattina {
    overflow: hidden; 
    height: 500px; 
    position: relative;
    min-width: 160px;
}

#weekcalendar .tablePomeriggio {
    overflow: hidden; 
    height: 500px; 
    position: relative;
}

#weekcalendar .box {
    margin: 2px 0px;
    width: 160px;
    position: absolute;    
}

/********************************************/
/********************************************/
#wrap { 
    height: 314px; 
    padding: 0; 
    overflow: hidden; 
}

.frameBee { 
    width: 100%; 
    height: 431px; 
    border: 1px solid #b7b7b7; 
    zoom: 0.85; 
    -moz-transform: scale(0.85); 
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.85); 
    -o-transform-origin: 0 0; 
    -webkit-transform: scale(0.85); 
    -webkit-transform-origin: 0 0;
}

/********************************************/
/********************************************/
.myBalloon{
    border-radius: 4px !important;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100000000000;
    min-width: 190px;
    padding: 10px;
    font-size: 12px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.myBalloon:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.myBalloon:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.myBalloonTop{
    border-radius: 4px !important;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 100000000000;
    min-width: 190px;
    padding: 10px;
    font-size: 13px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
.myBalloonTop:before {
    position: absolute;
    bottom: -7px;
    left: 9px;
    display: inline-block !important;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-top-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.myBalloonTop:after {
    position: absolute;
    bottom: -6px;
    left: 10px;
    display: inline-block !important;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.balloonClose {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #717171;
    cursor: pointer;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    padding-top: 1px;
    padding-left: 3px;
    background-color: #fff;
}

.balloonClose:hover {
    color: #000000;
}

/********************************************/
/********************************************/
@keyframes fadein05 {
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-moz-keyframes fadein05 { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-webkit-keyframes fadein05 { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:0.5;
    }
}
@-o-keyframes fadein05 { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 0.5;
    }
}

/********************************************/
@keyframes fadein02 {
    from {
        opacity:0.2;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein02 { /* Firefox */
    from {
        opacity:0.2;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein02 { /* Safari and Chrome */
    from {
        opacity:0.2;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein02 { /* Opera */
    from {
        opacity:0.2;
    }
    to {
        opacity: 1;
    }
}

/********************************************/
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/********************************************/
@keyframes fadeout05 {
    from {
        opacity:0.5;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout05 { /* Firefox */
    from {
        opacity:0.5;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout05 { /* Safari and Chrome */
    from {
        opacity:0.5;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout05 { /* Opera */
    from {
        opacity:0.5;
    }
    to {
        opacity: 0;
    }
}

/********************************************/
@keyframes fadeout02 {
    from {
        opacity:1;
    }
    to {
        opacity:0.2;
    }
}
@-moz-keyframes fadeout02 { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0.2;
    }
}
@-webkit-keyframes fadeout02 { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0.2;
    }
}
@-o-keyframes fadeout02 { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0.2;
    }
}

/********************************************/
@keyframes fadeout {
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity:1;
    }
    to {
        opacity:0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity:1;
    }
    to {
        opacity: 0;
    }
}