/*@font-face{font-family:whsFont;src:url(../fonts/wfont.woff2);font-display:swap;}*/

:root {
    /*--app-font: 'Montserrat';*/
    --app-font: '-apple-system','BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Ubuntu',sans-serif;
    --default-fontsize: 13px;
    --sidebar-fontsize: 13px;
    --buttons-fontsize: 13px;
    --kanino-blue: #65bff9;
    --kanino-darkblue: #2980b9;
}

html, body, div, frame, frameset {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    font-family: var(--app-font), Helvetica, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%}
body {
    line-height: 17px;
    color: #555;
    font-size: var(--default-fontsize); /*12.3px;*/
    overflow-x: hidden;
    background: #dedede;
    /*-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);*/
    text-align: left;
    margin: 0;
}
.rotate-device {
    background-image: url(data:image/png;base64,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);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 250px;
    height: 220px;
}
.archiviato {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .6;
}
#dvRefresh {
    background: rgba(0, 0, 0, 0.9);
    height: 90%;
    width: 100%;
    z-index: 1000;
    left: 0;
    top: 45px;
    margin: 0;
}
.text-center {
    text-align: center!important;
}
.text-left {
    text-align: left!important;
}
.text-right {
    text-align: right!important;
}
.text-muted {
    color: #ababab!important;
}
.pull-left {
    float: left!important;
}
.pull-right {
    float: right!important;
}
.pull-none {
    float: none!important;
}
#masterDiv {
    background: #888;
}
#mainHeader {
    background: #fff;
    width: 100%;
    height: 43px;
    position: fixed;
    top: 0;
    left: 0;
    vertical-align: baseline;
    line-height: 45px;
    z-index: 11;
    border-bottom: 1px solid #aaa;
    margin: 0;
    padding: 0;
}
#mainHeaderWrapper {
    min-width: 1023px;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#mainBody {
    /*position:absolute;*/
    background: #888;
    min-width: 1018px;
    max-width: 1280px;
    width: 100%;
    height: 95%;
    margin: 46px auto 0;
    -webkit-overflow-scrolling: touch;
}
#mainFooter {
    /*position: fixed;
    bottom: 0;*/
    width: 100%;
    /*background: #000;*/
    color: #777;
    height: 16px;
    min-width: 900px;
    z-index: 11;
    margin:40px auto 10px;
    padding:0;
    width:100%;
    /*position: absolute;
    bottom:3px;*/
}
.FooterStyle {
    font-size: 12px;
    line-height: 16px;
    padding:0;
    /*padding: 0;
    margin: 40px 0 0 0;*/
    /*padding: 40px 10px 10px 10px;*/
}
.primo-piano {
    z-index: 1000000!important;
}
/*
.FooterStyle span {
    line-height: 20px;
    margin: 0;
    padding: 0;
}*/
a {
    outline: 0;
    color: #000;
    text-decoration: none;
}
a.footerlinks {
    color: #65BFF9!important;
}
a.footerlinks:hover {
    text-decoration: underline;
}
.start_title {
    font: bold 18px;
}
input, textarea { font-family: var(--app-font), sans-serif; }
input#qString {
    background: #fff url(../img/icon-bg-search.png) 10px 50% no-repeat;
    outline: 0;
    float: left;
    margin: 0 0 0 2px;
    width: 132px;
    font-size: 13px;
    padding: 8px 9px 8px 30px;
}
.not-found {
    font-style: italic;
    text-align: center;
    color: #777!important;
    padding: 20px;
}
#suggestions {
    position: absolute;
    left: 0;
    top: 29px;
    width: 330px;
    background: #fff;
    z-index: 999;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3),  0 0 20px rgba(0, 0, 0, 0.1) inset;
}
#searchresults {
    position: relative;
    font-size: 12px;
    line-height: 14px;
    z-index: 999!important;
    border-color: #919191;
    border-style: solid;
    border-width: 0;
}
#searchresults a {
    cursor: pointer;
    display: block;
    clear: left;
    text-decoration: none;
    color: #222;
    overflow: hidden;
    padding: 8px 14px;
}
#searchresults a:hover {
    background-color: #DFE9F4;
}
#searchresults a img {
    float: left;
    margin-right: 5px;
    background: #fff;
    border-radius: 100px;
    padding: 2px;
}
#searchresults a span.searchheading {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-top: 3px;
}
#searchresults span.category {
    font-size: 11px;
    display: block;
    color: #fff;
    margin: 5px;
}
#searchresults span.seperator {
    float: right;
    padding-right: 15px;
    margin-right: 5px;
    background-image: url(../images/shortcuts_arrow.gif);
    background-repeat: no-repeat;
    background-position: right;
}
#searchresults span.seperator a {
    background-color: transparent;
    display: block;
    height: auto;
    color: #fff;
    margin: 5px;
}
.user-config-pane {
    color: #111;
    width: 98%!important;
    box-shadow: 8px 0 10px -8px #888!important;
    margin: 5px;
    padding: 10px;
}
.mini-help {
    font-size: 11px;
    color: #111;
    font-weight: 400;
    text-transform: none;
}
.mini-help a {
    color: #111;
    text-decoration: underline;
}
#user-top-pane {
    z-index: 999;
    position: fixed;
    top: 0;
    right: 0;
    width: 270px;
    background: transparent;
}
#user-info {
    /*height: 43px;
    border-bottom: 1px solid #ddd;*/
    margin-bottom: 0px;
}
#user-top-pane #user-content {
    width: 270px;
    text-align: left;
    height: 170px;
    line-height: 15px;
    font-size: 12px;
    color: #efefef;
    background: #333;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    transition: all .2s ease;
    z-index: 999;
    margin: -196px 0 0;
    padding: 13px;
}
#user-top-pane #user-content.active {
    margin-top: 0!important;
}
#user-top-pane #show-hide-account {
    z-index: 10000;
    float: right;
    height: 45px;
    text-align: center;
    width: 60px;
    color: #efefef!important;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    margin: 0 10px;
    padding: 0 3px 5px;
}
.logOff {
    float: left;
    box-shadow: 0 0 10px #000!important;
}
.account-free {
    background: linear-gradient(tobottom, #b8c6df0, #6d88b7100%);
}
.account-premium {
    background: linear-gradient(tobottom, #f1e7670, #feb645100%);
}
#user-account-type {
    border: 0;
    /*box-shadow: 0 0 20px #888;*/
    border-radius: 3px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    float: left;
    width: 150px;
    margin-left: 10px;
    padding: 10px;
}
#myAccount {
    font-size: 27px;
    cursor: pointer;
    color: #eee;
    margin-top: 12px;
}
#pazienteGroup {
    width: 100% px;
    margin-left: 0;
    padding: 0;
}
button.pazienteButton {
    font-size: 12px!important;
    margin: 0;
    height:34px;
    
}
button.smallButton, .smallButton {
    outline: none;
    margin: 1px;
    padding: 4px 2px!important;
}
button.smallButton:hover {
    background: #2980b9;
}
button.smallButton.ui-icon-primary-text {
    top: 46%!important;
    left: .2em!important;
}
span.ui-button-icon-primary.ui-icon.ui-icon-closethick {
    top: 0!important;
    left: 0!important;
}
button.createNew:hover {
    background: #0a0;
    box-shadow: 0 0 10px #0d0;
    border-color: #080;
}
button.createNewPaziente:hover, button.orange {
    background: #27ae60;
}
.avatar-mini {
    float: left;
    border: 1px solid #fff;
    margin-right: 6px;
}
.avatar-xs {
    margin-right: 10px;
    width: 17px;
    border-radius: 50px;
    background: #dedede;
}
.avatar-md {
    width: 32px;
    border-radius: 50px;
    background: #dedede;
}
.patient-avatar {
    float: left;
    margin: 0 5px 7px 0;
}
.patient-icon {
    width: 120px;
    background: #fff;
    border-radius: 100px;
    border: 8px solid #fff;
    margin: auto;
}
#pazienteMainBox {
    background: #fff;
    border: 0;
    margin: 0;
    padding: 8px;
}
#dettaglioPaziente {
    color: #111;
    font-size: 13px;
    width: 100%;
    max-width: 205px;
    line-height: 18px;
    margin: 0 2px;
    padding: 4px;
}
#searchform {
    font-size: 13px;
    margin: 0;
}
#searchform div input {
    font-size: 14px!important;
    width: 180px;
    margin-top: 7px;
    padding: 3px;
}
h1.error {
    color: #fc0!important;
    background: none!important;
    border: 0!important;
}
h4 {
    font-size: 14px;
}
h4.noPad {
    margin: 2px;
    padding: 0;
}
.notificationIcon {
    float: left;
    font-size: 32px!important;
    margin: 2px 5px 2px -5px;
}
.notifIcon {
    float: left;
    font-size: 31px!important;
    margin: -7px 5px auto -8px;
}
#logo {
    width: 100px;
    height: 27px;
    background: url(../img/logo/logo_dark.png) 0 0 no-repeat;
    float: left;
    margin: 8px;
    background-size: contain;
}
#square_logo {
    width: 40px;
    height: 40px;
    background: url(../img/logo/logo_square.png) 0 0 no-repeat;
    float: left;
    margin:0;
    background-size: cover;
    margin-top: 2px;
}
#beta-version {
    float: left;
    margin-left: -13px;
    margin-top: 10px;
    width: 17px;
    z-index: 350;
    height: 17px;
    font-size: 8px;
    color: #fff;
    font-weight: 700;
    /*background: #F62459;*/
    line-height: 12px;
    border-radius: 100px;
    text-align: center;
    padding: 1px;
}
.logoText {
    font-size: 25px;
    color: #fff!important;
    float: left;
}
#mainNav {
    float: left;
    margin-left: 50px;
    height: 40px;
}
#mainNav ul li {
    color: #777;
    text-align: left;
    height: 43px;
    vertical-align: bottom;
    float: left;
    font-size: 13px;
    list-style: none;
    /*-webkit-font-smoothing: auto;*/
    margin: auto;
    padding: 0 15px 0 9px;
    position: relative;
}
#mainNav ul li i {
    font-size: 19px;
}
#mainNav ul li .adjusted {
    float: left;
    margin: 2px 2px 0 0;
}
#mainNav ul li.active, #mainNav ul li.active:hover {
    color: #fff;
    background: #65BFF9;
    font-weight: 700;
    cursor: pointer;
}
#mainNav ul li:hover {
    background: transparent;
    color: #333;
    cursor: pointer;
}
#secondaryNav ul li {
    vertical-align: middle;
    height: 26px;
    line-height: 24px!important;
    border-bottom: 1px dotted #777;
    list-style: none;
    width: 100%;
    text-align: left;
    margin-left: -3px;
    padding: 2px;
}
#secondaryNav ul a li {
    vertical-align: middle;
    line-height: 24px;
    font-size: 12px;
}
#secondaryNav ul li img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
#secondaryNav ul li.menuHeader, #secondaryNav ul li.menuHeader:hover {
    border-bottom: 0;
    line-height: 24px;
    background: #333;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
ul.listaNormale li {
    vertical-align: middle;
    line-height: 18px;
    border-bottom: 0 dotted #777;
    list-style: none;
    width: 100%;
    text-align: left;
    margin-left: -3px;
    padding: 2px;
}
ul.listaElenco li {
    vertical-align: middle;
    line-height: 20px;
    border-bottom: 1px dotted #777;
    list-style: none;
    width: 100%;
    text-align: left;
    margin-left: 0;
    padding: 2px;
}
.avvisoStorico {
    font-size: 14px;
    line-height: 23px;
    text-transform: none;
    text-align: center;
    font-weight: 400;
    visibility: visible;
    display: block;
    height: 160px;
    width: 99%;
    color: #aaa;
    padding: 5px;
}
.avvisoStorico:hover {
    color: #aaa;
    cursor: default;
}
.noHover {
    min-height: 160px;
    height: 160px;
    margin-bottom: 15px;
}
.header2 {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}
ul.basicFloat {
    list-style: none;
    background: transparent;
}
.tabs {
    width: 100%;
    height: 39px;
    margin: 0;
    margin-left: 1px;
}
.tabs ul li {
    float: left;
    color: #777;
    list-style: none;
    font-weight: 400;
    line-height: 33px;
    background: rgba(222,222,222,1); /*#dedede;*/
    border-bottom: 1px solid #dedede;
    border-top-left-radius: 2px!important;
    border-top-right-radius: 2px!important;
    height: 30px;
    margin: 0 1px;
    padding: 0 15px;
}
.tabs.small ul li {
    font-size: 13px!important;
    color: #333!important;
    padding: 5px 10px 3px!important;
}
.tabs ul li:hover {
    color: #111;
    cursor: pointer;
}
.tabs ul li.active {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #fff;
    box-shadow: 0px -5px 8px -3px #ddd;
}
.tabs-blue {
    width: 100%;
    height: 35px;
    background: #fff;
    margin: 0;
}
.tabs-blue ul li {
    float: left;
    height: 35px;
    background: transparent;
    color: #111;
    list-style: none;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 130%;
    font-weight: 700;
    margin: 0 1px;
    padding: 2px 20px;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix {
    zoom: 1;
}
#container {
    min-width: 900px;
    max-width: 1180px;
    clear: both;
    width: 100%;
    margin: 0;
    padding: 0;
}
.immaginiDiagnostiche {
    min-width: 650px!important;
    max-width: 1000px!important;
    width: 100%;
    min-height: 400px;
    max-height: 9000px;
    height: 100%}
.miniTitle {
    font-size: 14px;
    margin: 5px 0;
}
.miniThumb {
    width: 100%;
    text-align: center;
}
.miniThumb img {
    width: 100%;
    margin: 0 0 8px;
}
.miniDescr {
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    width: 100%;
    line-height: 15px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 10px 0;
}
.miniActions button, .miniActions .ui-button-text {
    font-size: 11px!important;
    font-weight: 400;
    line-height: 12px;
    margin-right: 1px;
    padding: 3px 3px 3px 10px !important;
}
.miniActions .ui-icon, .miniActions .ui-button-icon-primary {
    top: 45%!important;
    left: .4em!important;
}
.box.imgBox {
    opacity: 1;
    min-width: 100px!important;
    max-width: 220px!important;
    width: 100%;
    border-radius: 2px!important;
    border: 0;
    margin: 0 8px 8px 0 !important;
    padding: 9px;
}
.box.imgBox:hover, .box.imgBox.active {
    opacity: .85;
    cursor: pointer;
}
.silverBox {
    background: #ddd!important;
    color: #111!important;
}
.box {
    z-index: 0;
    float: left;
    background: #fff;
    color: #111;
    border: 1px solid #ddd;
    margin: 0 4px 4px 0;
    padding: 15px;
}
.box .ui-state-hover {
    background: #333!important;
}
.box.col1 {
    width: 248px;
    height: 258px;
    overflow: hidden;
}
.box.col2 {
    width: 280px;
}
.box.colFix {
    width: 180px;
}
.postit {
    background: transparent url(../img/plugins/postitBg.png) 120% 120% no-repeat;
    background-size: cover;
    border: 0;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.postitnotes {
    overflow: hidden;
    outline: 0;
    border: 0;
    background: transparent;
    max-height: 280px;
    resize: none;
    /*font-family: 'Shadows Into Light Two',  cursive;*/
    font-size: 17px;
    line-height: 20px;
    width: 219px;
    padding: 8px 10px;
}
#circle {
    margin-top: -10px;
    margin-right: 10px;
    float: right;
    background: transparent;
}
.circle {
    background-color: #CCC;
    float: left;
    height: 5px;
    margin-left: 3px;
    width: 5px;
    -webkit-animation-name: bounce_circle;
    -webkit-border-radius: 10px;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    opacity: .3;
}
#circle_1 {
    -webkit-animation-delay: .3s;
}
#circle_2 {
    -webkit-animation-delay: .7s;
}
#circle_3 {
    -webkit-animation-delay: .9s;
}
50% {
    opacity: 1;
    background-color: #111;
}
100% {
    opacity: .3;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.beta-box {
    background-color: transparent!important;
    z-index: 10!important;
    float: left;
    height: 50px;
    position: absolute;
    margin-top: -19px;
    margin-left: -20px;
}
.contextual-help {
    clear: both;
    background: #b2cbe7;
    margin-bottom: 20px;
    padding: 20px;
}
.contextual-help:after {
    content: "";
    display: table;
    clear: both;
}
.contextual-help .slot-img {
    border: 0;
    text-align: center;
    float: left;
    margin: 0 5px 0 0;
    padding: 20px 30px 20px 20px;
}
.contextual-help .slot-message {
    width: 80%;
    border-left: 1px solid #fff;
    float: left;
    padding: 10px 10px 10px 30px;
}
.contextual-help .slot-message h2 {
    font-weight: 400;
    margin: 0 0 15px;
}
.slimFloat {
    float: left;
    border: 0;
    box-shadow: 0 0 0 #fff;
    margin: 10px!important;
}
.dent_mask {
    position: absolute;
    top: 0;
    opacity: .5;
    background: #fff url(../js/tinybox2/images/preload.gif) 50% 50% no-repeat!important;
    min-height: 40px;
    height: 100%;
    width: 100%;
    z-index: 100;
}
#arcate {
    margin-top: 33px;
}
#cartella {
    z-index: 0;
    width: 610px;
    text-align: center;
    float: left;
}
#arcate { float: right !important; }
#cartella, #arcate {
   
    clear: none;
    margin-bottom: 0;
    outline: none;
}
#strumenti {
    float: left;
    clear: none;
    height: 319px;
    border-right: 1px solid #aaa;
    margin: 0 5px -5px -5px;
    padding: 0 8px;
}
#strumenti ul.kanino-tools {
    list-style: none;
    margin: 0;
    padding: 0;
}
#strumenti ul.kanino-tools li {
    text-align: left;
    background: transparent;
    width: 180px;
    border: 0;
    height: 35px;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
}
/*li#show_more.dropit-open {
    overflow: auto !important;
}*/
#strumenti ul.kanino-tools li:hover {
    cursor: pointer;
    background: #2980b9;
    color: #fff;
}
#strumenti ul.kanino-tools li.header, #strumenti ul.kanino-tools li.header:hover {
    background: transparent;
    height: 48px;
    line-height: 1.7em;
    margin: 0;
    padding-left: 0;
    color: #111;
    border-bottom: 1px solid #aaa;
}
#spanStatoPdc {
    font-size: 14px;
    font-weight: 700;
}
#strumenti ul.kanino-tools li.iconed {
    background-position: 2px 2px;
    background-repeat: no-repeat;
    background-size: 32px;
}
#strumenti ul.kanino-tools li.iconed.marcatori {
    background-image: url(../img/ico_mpi.png);
}
select#prid {
    font-size: 13px;
    height: 30px;
    text-transform: none;
    border: 1px solid #ddd;
    width: 210px;
}
#strumenti ul.kanino-tools li select {
    width: 180px;
    margin: 0;
}
.dentatura-header {
    width: 100%;
    height: 20px;
    background: transparent;
    overflow: hidden;
    text-align: center;
    line-height: 15px;
    color: #777;
    font-size: 10px;
    opacity: .6;
    margin: -2px auto -10px;
    padding: 0;
}
.dentatura-header.kanino {
    background: url(../img/mini-kanino-icon.png) 50% 100% no-repeat!important;
    background-size: 12px;
}
.dentatura-header .marker {
    width: 96%;
    margin-left: 2%;
    border: 1px solid #aaa;
    margin-top: -3px;
    background: transparent;
    height: 30px;
}
.arcate-header {
    width: 20px;
    height: 147px;
    background: transparent;
    float: right;
    color: #777;
    text-align: center;
    margin-right: -23px;
    opacity: .6;
    overflow: hidden;
    padding: 0;
}
.arcate-header p {
    font-size: 10px;
    text-align: center;
    margin-top: 38px;
    margin-left: 10px;
    white-space: nowrap;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.arcate-header .marker {
    height: 115px;
    margin-left: -17px;
    width: 25px;
    border: 1px solid #aaa;
    margin-top: -50px;
    background: transparent;
}
.loading_bg {
    height: 100%;
    width: 100%;
    background: #fff;
}
.loading_container {
    background: #fff url(../js/tinybox2/images/preload.gif) 50% 50% no-repeat!important;
    height: 100%;
    width: 100%}
#loading_wrapper, .loading_wrapper_alt {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-top:10px;
}
#loading_wrapper .loading_div, .loading_div_alt {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 21px;
    font-family: var(--app-font), Helvetica,  sans-serif;
    background: rgba(255, 255, 255, .5);
    color: #dedede;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 998;
    margin: 0;
    padding: 0;
}
#prescrizioni {
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
}
#prescrizioni ul {
    list-style: none;
    width: 100%;
    margin: 0 0 20px!important;
    padding: 0;
}
#prescrizioni ul li {
    background: #ededed;
    font-weight: 400;
    line-height: 31px;
    color: #111;
    width: 100%;
    border-bottom: 1px dotted #222;
    height: 32px;
    margin: 1px!important;
    padding: 2px;
}
#prescrizioni ul li:nth-child(odd) {
    background: #fefefe;
}
#prescrizioni ul li:nth-child(even) {
    background: #efefef;
}
#prescrizioni ul li:hover {
    background: #dfe9f4;
}
.dd-option, .dd-selected, .dd-select {
    line-height: 17px!important;
    padding: 2px!important;
}
.numeroDente {
    width: 13px;
    text-align: center;
    font-size: 10px;
    color: #aaa;
    border: 0;
    margin: auto;
    padding: 2px;
}
.in-corso {
    background: #f39c12!important;
}
.dentiStatus {
    background: #2980b9;
    color: #fff;
    height: 30px;
}
span.tooltip-denti {
    white-space: pre-line;
}
span.marker-otturazione {
    width: 25px!important;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    line-height: 10px;
    color: #111;
    border: 0;
    background: #fc0;
    text-transform: uppercase;
    margin: 1px;
    padding: 1px 3px;
}
.diarioPaziente {
    min-width: 750px!important;
}
.bloccoDiario {
    background: transparent;
    min-width: 40%!important;
    min-height: 100px;
    border: 1px solid #777;
    float: left;
    margin-bottom: 10px;
    margin-right: 37px;
    padding: 0;
}
.bloccoData {
    list-style: none;
    background: transparent;
    margin: 0 0 0 -38px;
}
#diariopaziente a, #diariopaziente a:hover {
    color: #111!important;
}
ul.bloccoData li {
    line-height: 18px;
    border-bottom: 2px dashed #aaa;
    outline: 0;
    vertical-align: middle;
    background: transparent;
    padding: 2px;
}
ul.bloccoData li .voceDiario {
    min-height: 28px;
    font-family: var(--app-font), "Gudea",  "NothingYouCouldSay";
    font-size: 13px;
    text-align: left;
    background: transparent;
    line-height: 16px;
    padding: 4px;
}
ul.bloccoData li .voceDiario:hover {
    background-color: rgba(200, 200, 200, 0.4);
}
.deleDiario.ui-button, .modiDiario.ui-button {
    float: left;
    margin: 2px!important;
}
ul.bloccoData .diarioEditBar {
    height: 28px;
    display: none;
    margin: 5px;
}
ul.bloccoData li span {
    float: right;
    margin-left: 5px;
}
.diarioDenteIconContainer {
    float: right;
    width: 29px;
    height: 29px;
    background: #fff;
    text-align: center;
    overflow: hidden;
    background-position: center 10%;
    background-size: 22px;
    background-repeat: no-repeat;
    display: inline-block;
    border: 1px #ddd solid;
    margin: 0 2px 0 0;
}
.diarioDenteIconContainer span {
    position: relative;
    top: 20px;
    left: 0;
    width: 100%;
    font-size: 9px;
    background: #ddd;
    color: #111;
    line-height: 10px;
    text-align: center;
    padding: 1px;
}
.diarioDenteIconContainer.sup {
    background-position: center 115%}
.diarioDenteIconContainer.inf {
    background-position: center 15%}
.diarioDenteIconContainer:hover {
    cursor: pointer;
    box-shadow: 0 0 8px #333;
}
.diarioDenteIcon {
    width: 10px;
    float: right;
}
#diariopaziente .dataCal, #diariopaziente .dataCal:hover {
    color: #111;
    background: url(../img/diario/diario-header.png) 0 0 no-repeat;
    margin-bottom: 1px;
    font-size: 24px!important;
    font-weight: 400;
    font-family: var(--app-font), Georgia,  "Lucida Grande",  "Times New Roman"!important;
    line-height: 24px;
    height: 60px;
    border: 0;
    padding: 10px;
}
.diarioExtraInfo {
    font-size: 11px;
    line-height: 13px;
    text-align: right;
    float: right;
}
#diariopaziente .dataCal.odd, #diariopaziente .dataCal.even {
    text-align: left;
}
#diariopaziente .dataCal span.titoloPagina {
    font-size: 25px;
    color: #111;
    float: left;
    display: block;
    margin: 5px;
}
#diariopaziente .dataCal span.giornoSettimana {
    font-size: 12px;
    color: #fff;
    float: right;
    display: block;
    -moz-border-radius: 80px;
    -webkit-border-radius: 80px;
    border-radius: 80px;
    background: #888;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 3px;
}
.scrollContainer {
    width: 100%;
    max-width: 990px;
    min-width: 490px;
    height: 100%;
    min-height: 150px;
    max-height: 9999px;
    overflow: hidden;
    margin: 0 3px;
}
.scrollPane {
    width: 100%;
    max-width: 990px;
    min-width: 450px;
    overflow-y: auto;
    height: 100%}
table.diarioTable {
    border-left: 1px dotted #444;
}
table.diarioTable tr th {
    border-right: 1px dotted #aaa;
    padding: 3px;
}
table.diarioTable tr td {
    border-right: 1px dotted #444;
    border-bottom: 1px dotted #444;
    padding: 5px;
}
table.diarioTable tr:hover {
    background: #dfe9f4;
    cursor: pointer;
}
table.diarioTable tr.diarioTableHeader, table.diarioTable tr.diarioTableHeader:hover {
    background: #333;
    color: #fff;
    height: 25px;
    line-height: 24px;
    text-shadow: none;
}
table.diarioTable tr.diarioTableHeader td {
    border-right: 1px dotted #fff!important;
    padding: 4px 8px;
}
table.diarioTable tr.noStyle, table.diarioTable tr.noStyle td, table.diarioTable tr.noStyle td:hover {
    background: #fff;
    border: 0;
    cursor: default;
}
table.diarioTable tr.depennato td {
    text-decoration: line-through!important;
}
tr.ewTableRow, tr.ewTableAltRow {
    height: 36px;
}
#scheduler_here {
    box-shadow: 0 0 10px #111;
}
#galleria {
    float: left;
    min-height: 300px;
    min-width: 530px;
    max-width: 990px;
    width: 100%;
    z-index: 1;
    border-radius: 2px;
}
.separator {
    width: 100%;
    height: 25px;
}
#contabilitaContainer {
    min-width: 700px;
    max-width: 1020px;
    width: 100%;
    margin: 0;
    padding: 0;
}
#contabilitaContainer .preventivi, #contabilitaContainer .pagamenti {
    float: left;
    margin: 0;
    padding: 0;
}
.preventivi-top {
    width: 100%;
    margin: 0 0 5px;
}
.dataPreventivo {
    font-size: 19px;
    font-weight: 700;
    line-height: 20px;
    margin: 0;
}
.preventivi-dash {
    float: left;
    background: transparent;
    position: relative;
    margin: auto;
    padding: 4px 8px;
}
.preventivi-dash span {
    font-size: 16px;
    font-weight: 700;
}
input.big-text {
    width: 70px;
    font-size: 130%;
    padding: 5px;
}
.working {
    position: absolute;
    left: 20px;
    top: 30px;
    width: 15px;
    height: 15px;
    background: #fff url(../img/loader.gif) 50% 50% no-repeat!important;
    background-size: cover;
    display: none;
}
#scontoPrev {
    direction: RTL;
}
.scontoAttivo, .scontoAttivo:hover {
    background: #606c88;
    color: #eee;
}
#acconti {
    margin-top: 10px;
}
#acconti h3 {
    font-size: 14px;
    background: #fff;
    color: #111;
}
span.accontoPrezzo {
    font-size: 15px;
    float: right;
    font-weight: 400;
    text-align: right;
}
#accontosaldo .ui-state-active {
    background: #2980b9!important;
}
#acconti .ui-accordion-content {
    background: #b2cbe7;
    padding: 4px 1px 1px 5px !important;
}
#acconti .ui-accordion-header-active, #acconti h3:hover {
    background: #b2cbe7;
    color: #111;
    font-weight: 700;
}
.acconti-container {
    background: #ddd;
    color: #111;
    line-height: 14px;
    font-size: 12px;
    border: 0;
    margin: -5px 0 0;
    padding: 7px 5px!important;
}
#acconti .ui-accordion-content-active {
    padding-bottom: 5px!important;
}
#acconti .ui-accordion-header {
    border-bottom: 1px dotted #ccc!important;
}
#acconti .ui-accordion-header-active {
    border-bottom: 0!important;
}
.deleteAcconto, modificaAcconto {
    height: 25px!important;
    line-height: 10px;
    float: none!important;
    margin: auto auto 5px 10px !important;
    padding: 3px!important;
}
.red {
    background: linear-gradient(tobottom, #f2825b0, #e55b2b100%, #f07146100%);
}
.orange-bg {
    background: linear-gradient(tobottom, #ffaf4b0, #ff920a100%);
}
.grey-bg {
    background: linear-gradient(tobottom, #fff0, #e5e5e5100%);
}
#showHidePreventivo {
    float: right;
    width: 170px;
    height: 33px;
    background: #222;
    z-index: 0;
    text-align: center;
    margin: -3px 20px auto auto;
    padding: 0;
}
.darkFlat {
    background: #222;
}
.darkFlat:hover {
    background: #222;
    color: #fc0;
}
#sem {
    width: 100%;
    margin-bottom:20px;
    margin-top: -47px;
    min-height: 90px;
}

#semaforo {
    width: 100%;
    height: 50px;
    margin: 5px 0 5px;
    padding: 0;
}
.avere, .dare, .eseguito {
    font-size: 11px;
    line-height: 30px;
    color: #fff;
    width: 33%;
    /*height: 30px;*/
    text-align: center;
    position: relative;
    border-radius: 2px;
    margin: 0;
    margin-right:.5%;
    padding: 0;
    float: left;
}

#sem-tot-eseguito,#sem-tot-preventivo { color: #333; font-size: 14px; font-weight: bold; }

.avere {
    background: #27ae60;
}
.dare {
    background: #e74c3c;
    margin-right:0;
}
.avere .subtitle, .dare .subtitle, .eseguito .subtitle {
    line-height: 30px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 11px;
    width: 100%;
    /*float:left;
    min-width:70px;
    max-width:100px;*/
}
#semaforo .importo-semaforo {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 30px;
}
.deletePreventivoArchiviato {
    height: 32px;
    width: 32px!important;
    margin: 0!important;
}
.preventivi-title {
    min-width: 450px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 8px 0;
}
#contabilitaContainer .pagamenti {
    width: 100%}
.pagamenti ul {
    list-style: none;
    width: 100%;
    margin: 0 0 20px!important;
    padding: 0;
}
.pagamenti ul li {
    background: #ededed;
    font-weight: 400;
    font-size: 13px;
    line-height: 31px;
    color: #111;
    width: 100%;
    border-bottom: 1px dotted #222;
    height: 32px;
    margin: 1px!important;
    padding: 2px;
}
.pagamenti ul li:nth-child(odd) {
    background: #ededed;
}
.pagamenti ul li:nth-child(even) {
    background: #dedede;
}
.pagamenti ul li:hover {
    background: #dfe9f4;
    text-shadow: 1px 1px #fff;
}
.pagamenti ul li.header, #prescrizioni ul li.header:hover {
    background: #222;
    color: #fff;
    text-transform: uppercase;
    height: 25px;
    line-height: 24px;
    text-shadow: none;
}
#messageTop {
    width: 97%;
    height: 40px;
    text-align: center;
    background: #fc0;
    color: #111;
    box-shadow: 0 0 2px #333;
    line-height: 40px;
    margin: 5px auto;
    padding: 5px;
}
.deleteItem {
    float: left;
    height: 27px;
    width: 20px;
}
#msg_chiudi_preventivo, #msg_genera_preventivo, #msg_preventivo_vuoto, #msg_sincronizza_pdc, #msg_paziente_rischio, #msg_stato_iniziale, #msg_scartato {
    display: none;
    color: #000;
}
#loginForm label.error {
    display: inline-block;
    line-height: 1.8em;
    vertical-align: top;
}
input, textarea {
    border: 1px solid transparent;
    border-color: transparent;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    padding: 5px 8px;
    -webkit-appearance: none;
    background: #fafafa;
}
input:focus, textarea:focus:not(.postitnotes) {
    border-bottom: 2px solid #2980b9;
    padding-bottom: 4px;
    outline: none;
    background-color: rgba(235,235,235,.5);
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
input[type='radio'] {
    -webkit-appearance: radio !important;
}
select {
    height: 27px;
    border: 1px solid #ddd;
    outline: 0;
    padding: 5px 8px;
}
select optgroup {
    background: #ddd;
    padding: 4px;
}
select.noPad {
    background: #eee;
    color: #111;
    border: 1px solid #ccc;
    padding: 1px;
}
textarea {
    font-family: Helvetica,  sans-serif;
}
.ui-tooltip, .arrow:after {
    background: #444 !important;
    border: 1px solid #444 !important;
}
.ui-tooltip {
    color: #fefefe;
    font-family: "Roboto", sans-serif !important;
    font-size: 11px !important;
    line-height: 13px !important;
    border-radius: 2px;
    z-index: 100;
    padding: 6px 10px;
    /*box-shadow: 0 0 10px #777;*/
    border: 0;
}
.ui-tooltip-content { font-family: "Roboto", Helvetica, sans-serif; }

.ui-tooltip-content .fa { text-shadow: 1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff; }

.ui-widget {
    font-size: inherit;
}
.arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}
.arrow.top {
    top: -16px;
    bottom: auto;
}
.arrow.left {
    left: 20%}
.arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow.top:after {
    bottom: -20px;
    top: auto;
}
div.css_tooltip {
    position: relative;
    text-decoration: none;
}
div.css_tooltip span {
    display: none;
    z-index: 1000!important;
}
div.css_tooltip:hover {
    /*background-color: #fff;*/
    z-index: 500;
}
div.css_tooltip:hover span {
    display: block;
    position: absolute;
    z-index: 900!important;
    bottom: 1em;
    left: -1em;
    width: 200px;
    color: #fff;
    padding: 10px;
}
#avvisiAnamnesi {
    width: 100%;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    text-align: center;
    background: transparent;
    display: inline-block;
}
#avvisiAnamnesiBox {
    min-height: 10px;
    margin-bottom: 3px;
    background: transparent;
}
#avvisiAnamnesiBox span {
    float: left;
    border-radius: 25px;
    max-width: 178px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*font-weight: 700;*/
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 4px 8px;
}
#avvisiAnamnesiBox span.anamnesi-warning {
    background: #e74c3c;
    color: #fff;
}
#avvisiAnamnesiBox span.anamnesi-alert {
    background: #f39c12;
    color: #fff;
}
#avvisiAnamnesiBox span.anamnesi-info {
    background: #ccc;
}
#avvisiAnamnesiBox span.anamnesi-warning:hover, #avvisiAnamnesiBox span.anamnesi-info:hover, #avvisiAnamnesiBox span.anamnesi-alert:hover {
    cursor: pointer;
    opacity: .8;
}
#preventivo_select { 
    margin-bottom: 10px; 
}
#custom-tag {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
#custom-tag h4:hover {
    color: #65BFF9;
}
ul.cure {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.cure li {
    /*background: #555;*/
    line-height: 30px;
    font-size: 13px;
    /*color: #dedede;*/
    border-bottom: 1px dotted #ddd;
    z-index: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    padding: 4px 0 4px 14px;
}
ul.cure li:hover {
    cursor: pointer;
    color: #fff;
    background: #2980b9;
}
ul.cure li.active {
    background: #2980b9;
    color: #fff;
    z-index: 999;
    font-weight: 700;
}
ul.cure li span.cTitle {
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
ul.cure li.active .tab-arrow {
    margin-left: 206px;
    opacity: 1;
    z-index: 10;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.cura.child {
    background: #444;
}
.tab-arrow {
    width: 0;
    height: 0;
    position: absolute;
    z-index: 0;
    margin-left: 195px;
    margin-top: -30px;
    background-size: 100% 100%;
    opacity: 0;
    border-color: transparent transparent transparent #111;
    border-style: solid;
    border-width: 16px 0 16px 13px;
}
#quick_add {
    line-height: 25px;
    font-size: 12px;
    text-decoration: underline;
}
#quick_add:hover {
    color: #333!important;
    cursor: pointer!important;
}
#exp-con, #exp-pro {
    font-weight: 400!important;
    margin: 9px;
}
#exp-con:hover, #exp-pro:hover {
    color: #aaa;
}
#cure-table tr th {
    border-right: 1px dotted #777;
    padding: 7px 18px;
}
table.dataTable.no-footer {
    border-bottom: 0;
}
#ajax-loading {
    position: absolute;
    width: 100%;
    height: 90%;
    top: 40px;
    background: #fff;
    color: #aaa;
    display: none;
    z-index: 100;
}
#ajax-loading h2 {
    margin-top: 80px;
    font-weight: 400;
}
.listini-tab:hover, .listini-tab.active {
    opacity: 1;
}
.eliminaButton.smallButton.delete.prestazioni_list {
    padding: 5px 3px!important;
}
.row-cure {
    height: 46px!important;
}
.side-help {
    background: #fff;
    color: #111;
    margin-bottom: 10px;
    padding: 9px;
}
#chartdiv .jqplot-point-label {
    border: 1.5px solid #aaa;
    background-color: #ecd;
    max-width: 40px;
    font-size: 12px;
    padding: 1px 3px;
}
.pazientiSuddivisi {
    width: 100%;
    text-align: center;
    min-height: 35px;
    font-weight: 700;
}
.icoBlock {
    border: 5px solid #fff;
    float: left;
    opacity: .3;
    margin: 8px;
}
.icoCustom {
    border: 5px dashed #ddd;
    float: left;
    width: 100px;
    height: 100px;
    background: transparent url(../img/default.png) 100% 100% no-repeat;
    background-size: 100%;
    opacity: .6;
    margin: 8px;
}
.icoBlock:hover, .icoCustom:hover {
    opacity: 1;
    cursor: pointer;
    border-color: #2980b9;
}
.icoBlock.active {
    opacity: 1;
    cursor: pointer;
    box-shadow: 0 0 10px #111;
    border-color: #111;
}
#gruppoIcone {
    width: 650px;
    margin: auto;
}
.top_testresult {
    font-weight: 700;
    font-size: 13px;
    font-family: var(--app-font),  arial,  helvetica,  sans-serif;
    color: #666;
    margin: 0 0 2px;
    padding: 0;
}
.top_testresult span {
    margin: 0;
    padding: 6px;
}
.top_goodPass {
    background: #ede3ab;
    border: 1px solid #bc9f00;
    display: block;
}
.top_strongPass {
    background: #d3edab;
    border: 1px solid #73bc00;
    display: block;
}
.testresult {
    font-weight: 700;
    font-size: 12px;
    color: #666;
    margin-left: 5px;
    display: block;
    height: 28px;
    float: left;
    padding: 0 0 12px 7px;
}
.testresult span {
    display: block;
    float: right;
    white-space: nowrap;
    margin: 0 0 0 20px;
    padding: 10px 20px 12px 10px;
}
.shortPass, .badPass {
    background: url(../img/icons/png/Denied.png) no-repeat 0 0;
    color: #edabab;
}
.goodPass {
    background: url(../img/icons/png/Warning-round.png) no-repeat 0 0;
    color: #ede3ab;
}
.strongPass {
    background: url(../img/icons/png/Valid.png) no-repeat 0 0;
    color: #d3edab;
}
.focus {
    box-shadow: 0 0 10px #888;
    background: #dedede;
    border-color: #fc0;
}
.osh {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    color: #fff;
    font-size: 15px;
    line-height: 19px;
    text-shadow: 1px 1px 2px #111;
}
.tutorial-next {
    border: 2px solid #fff!important;
    background: #65BFF9;
    color: #fff;
    font-weight: 700;
}
.help-schema-interattivo {
    position: absolute;
    top: 100px;
    left: 340px;
}
.help-schema-text {
    position: absolute;
    top: 90px;
    left: 40px;
}
.help-anamnesi-controlli {
    position: fixed;
    top: 200px;
    left: 680px;
}
.help-anamnesi-controlli-text {
    position: fixed;
    top: 130px;
    left: 270px;
}
.help-anamnesi-controlli-text p {
    width: 400px;
}
.help-preventivi-dare-avere {
    position: absolute;
    top: 105px;
    left: 800px;
}
.help-pagamenti-txt {
    width: 580px;
}
.help-pdc-menu-strumenti-text {
    position: absolute;
    top: 85px;
    left: 590px;
}
.help-pdc-menu-strumenti {
    position: absolute;
    top: 80px;
    left: 190px;
    visibility: visible;
    display: block;
}
.help-pdc-menu-strumenti-secondary {
    visibility: hidden;
    display: none;
}
.help-pdc-stato-prescrizioni {
    position: absolute;
    top: 330px;
    left: 1090px;
    right: auto;
}
.ui-notify {
    width: 370px;
    position: fixed;
    top: 10px;
    right: 15px;
    z-index: 9999!important;
    border-radius: 3px !important;
}
.ui-notify-message {
    margin-bottom: 15px;
    text-align: left;
    padding: 15px 20px;
}
.ui-notify-message h1 {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 400!important;
    margin: 0 0 11px;
    padding: 0 0 10px;
}
.ui-notify-message p {
    line-height: 18px;
    font-size: 110%;
    margin: 3px 0;
    padding: 0;
}
.ui-notify-message:last-child {
    margin-bottom: 0;
}
.ui-notify-message-style {
    background: rgba(0, 0, 0, 0.7);
    border-radius: 2px!important;
}
.ui-notify-message-style p {
    color: #fff;
    font-size: 13px;
}
.ui-notify-close {
    color: #fff;
    text-decoration: underline;
}
.ui-notify-cross {
    margin-top: -4px;
    float: right;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 1px #fff;
    padding: 2px;
}
.ui-notify-cross:hover {
    color: #ffffab;
}
.ui-notify-cross:active {
    position: relative;
    top: 1px;
}

#notifyContainer { top: 10px !important; right: 10px !important; }

#valid-template {
    background: #27ae60 !important;
}

#alert-template {
    background: #f39c12 !important;
}

#warning-template {
    background: #a65858 !important;
}


.ui-dialog-content select {
    width: 90%}
#labelsContainer {
    max-height: 230px;
    height: 100%;
    width: 98%;
    overflow: auto;
    margin: 10px 0 10px 10px;
}
.tag_icon {
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 70px;
    overflow: hidden;
    opacity: .2;
    z-index: 10;
}
.agenda_labels {
    position: relative;
    float: left;
    width: 115px;
    overflow: hidden;
    line-height: 26px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 5px;
    padding: 7px 15px;
}
ul.agenda_labels li {
    font-size: .9em;
    float: left;
    width: 130px;
    line-height: 25px;
    text-align: left;
    color: #111;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px;
    padding: 4px 8px;
}
.delete_label {
    cursor: pointer;
    float: right;
    font-size: 14px;
    color: #fff;
    background: #333;
    margin-right: -10px;
    vertical-align: middle;
    padding: 6px 7px;
}
.delete_label:hover {
    background: #a65858;
    color: #fff;
}
#sidebarPluginsContainer {
    min-height: 170px;
    width: 228px;
    margin: 0 0 2px;
    padding: 0;
}
.content_tabfle {
    margin-left: auto;
    margin-right: auto;
}
.nav-header {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    padding: 3px 15px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    font-family: var(--app-font), "Helvetica Neue",  Helvetica,  Arial,  sans-serif;
    font-size: 14px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    text-align: left;
    margin: 2px 0 0;
    padding: 5px 0;
}
.dropdown-menu .divider {
    width: 100%;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    margin: -5px 0 5px;
}
.dropdown-menu a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
    padding: 3px 20px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: linear-gradient(tobottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: 0;
    background-repeat: repeat-x;
    outline: 0;
}
.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
    color: #999;
}
.dropdown-menu .disabled > a:hover {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
}
.open {
    z-index: 1000;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: "\2191"}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > .dropdown-menu.drop-left {
    left: -100%}
.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    content: " ";
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px;
}
.dropdown-context .nav-header {
    cursor: default;
}
.dropdown-context:before, .dropdown-context-up:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    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: ''}
.dropdown-context:after, .dropdown-context-up:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''}
.dropdown-context-up:before, .dropdown-context-up:after {
    top: auto;
    bottom: -7px;
    z-index: 9999;
}
.dropdown-context-up:before {
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-bottom: none;
    border-left: 7px solid transparent;
}
.dropdown-context-up:after {
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-bottom: none;
}
.compressed-context a {
    padding-left: 14px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 13px;
}
.compressed-context .divider {
    margin: 5px 1px;
}
.compressed-context .nav-header {
    padding: 1px 13px;
}
.bg-color-blue {
    background-color: #57889c!important;
}
.bg-color-blueLight {
    background-color: #92a2a8!important;
}
.bg-color-blueDark {
    background-color: #4c4f53!important;
}
.bg-color-green {
    background-color: #356e35!important;
}
.bg-color-greenLight {
    background-color: #71843f!important;
}
.bg-color-greenDark {
    background-color: #496949!important;
}
.bg-color-red {
    background-color: #a90329!important;
}
.bg-color-yellow {
    background-color: #b09b5b!important;
}
.bg-color-orange {
    background-color: #c79121!important;
}
.bg-color-orangeDark {
    background-color: #a57225!important;
}
.bg-color-pink {
    background-color: #ac5287!important;
}
.bg-color-pinkDark {
    background-color: #a8829f!important;
}
.bg-color-purple {
    background-color: #6e587a!important;
}
.bg-color-darken {
    background-color: #404040!important;
}
.bg-color-lighten {
    background-color: #d5e7ec!important;
}
.bg-color-white {
    background-color: #fff!important;
}
.bg-color-grayDark {
    background-color: #525252!important;
}
.bg-color-magenta {
    background-color: #6e3671!important;
}
.bg-color-teal {
    background-color: #568a89!important;
}
.txt-color-blue {
    color: #57889c!important;
}
.txt-color-blueLight {
    color: #92a2a8!important;
}
.txt-color-blueDark {
    color: #4c4f53!important;
}
.txt-color-green {
    color: #356e35!important;
}
.txt-color-greenLight {
    color: #71843f!important;
}
.txt-color-greenDark {
    color: #496949!important;
}
.txt-color-red {
    color: #a90329!important;
}
.txt-color-yellow {
    color: #b09b5b!important;
}
.txt-color-orange {
    color: #b19a6b!important;
}
.txt-color-orangeDark {
    color: #a57225!important;
}
.txt-color-pink {
    color: #ac5287!important;
}
.txt-color-pinkDark {
    color: #a8829f!important;
}
.txt-color-purple {
    color: #6e587a!important;
}
.txt-color-darken {
    color: #404040!important;
}
.txt-color-lighten {
    color: #d5e7ec!important;
}
.txt-color-grayDark {
    color: #525252!important;
}
.txt-color-magenta {
    color: #6e3671!important;
}
.txt-color-teal {
    color: #568a89!important;
}
.txt-color-redLight {
    color: #a65858!important;
}
.badge {
    min-width: 13px;
    margin-left: 4px;
    border-radius: 2px;
    background: #333;
    color: #fff;
    font-size: 10px;
    padding: 3px 5px;
}
.notification {
    -webkit-display: flex;
    display: flex;
    width: 100%;
    min-height: 70px;
    margin: 0 auto 10px;
}
.notification .info {
    -webkit-flex: 1;
    flex: 1;
    background: #ecf0f1;
    border-radius: 0;
    border-bottom: 3px solid #c0cdd1;
    padding: 15px 15px 5px;
}
.notification .info h1 {
    font-size: 16px;
    color: #111;
    margin: 0;
    padding: 0;
}
.notification .info h4 {
    margin: 0 0 5px;
}
.notification .info h1 a {
    text-decoration: none;
    color: #444;
}
.notification .info p {
    font-size: 13px;
    color: #333;
    margin: 0;
    padding: 0 0 3px;
}
.notification .info .button {
    display: inline-block;
    border-radius: 2px;
    border-bottom: 1px solid;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #ecf0f1;
    background: #7f8c8d;
    border-bottom-color: #667273;
    margin: 3px 3px 5px 0;
    padding: 3px 7px;
}
.notification .info .button.blue {
    background: #2980b9!important;
    border-bottom-color: #20638f!important;
}
.notification .info .button.red {
    background: #e74c3c!important;
    border-bottom-color: #d62c1a!important;
}
.notification .info .button.orange {
    background: #f39c12!important;
    border-bottom-color: #c87f0a!important;
}
.notification .info .button.purple {
    background: #9b59b6!important;
    border-bottom-color: #804399!important;
}
.notification .info .button.green {
    background: #27ae60!important;
    border-bottom-color: #1e8449!important;
}
.notification .info .button.gray {
    background: #95a5a6!important;
    border-bottom-color: #798d8f!important;
}
.notification .icon {
    width: 70px;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-size: 32px;
    color: #ecf0f1;
    border-bottom: 3px solid;
    background: #7f8c8d;
    border-bottom-color: #667273;
    padding: 15px 0 0;
}
.notification.red .info {
    background: #efefef; /*#FFF0BA;*/
    border-bottom: 3px solid #d62c1a;
}
.info .button.silver {
    background: #444!important;
    border-bottom-color: #777!important;
}
#saveBtn, #salvaModifiche, .greenButton, .greenButton:hover {
    background: #27ae60!important;
}
.blueButton {
    background: #2980b9!important;
}
.blueButton:hover {
    opacity: .9;
}
#completed {
    display: none;
    position: absolute;
    right: 5px;
}
#completed .icon-completed {
    width: 70px;
    border-radius: 0 3px 3px 0;
    text-align: center;
    font-size: 32px;
    color: #ecf0f1;
    border-bottom: 3px solid;
    background: #27ae60;
    border-bottom-color: #1e8449;
    padding: 15px 0 0;
}
ul.tip {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.tip li {
    border-bottom: 1px dotted #ddd;
    margin: 0 0 8px;
}
.corner-ribbon {
    width: 200px;
    background: #e43;
    position: absolute;
    top: 25px;
    left: -50px;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.corner-ribbon.sticky {
    position: fixed;
}
.corner-ribbon.shadow {
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.corner-ribbon.top-left {
    top: 25px;
    left: -50px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.corner-ribbon.top-right {
    top: 25px;
    right: -50px;
    left: auto;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-left {
    top: auto;
    bottom: 25px;
    left: -50px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.corner-ribbon.bottom-right {
    top: auto;
    right: -50px;
    bottom: 25px;
    left: auto;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.corner-ribbon.white {
    background: #f0f0f0;
    color: #555;
}
.corner-ribbon.black {
    background: #333;
}
.corner-ribbon.grey {
    background: #999;
}
.corner-ribbon.blue {
    background: #39d;
}
.corner-ribbon.green {
    background: #2c7;
}
.corner-ribbon.turquoise {
    background: #1b9;
}
.corner-ribbon.purple {
    background: #95b;
}
.corner-ribbon.red {
    background: #e43;
}
.corner-ribbon.orange {
    background: #e82;
}
.corner-ribbon.yellow {
    background: #ec0;
}
.patient-name {
    margin-bottom: 3px;
    margin-top: 4px;
    padding-top: 3px;
    font-size: 13px;
}
.autocomplete-suggestions {
    border-left: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.autocomplete-suggestion {
    background: #fff;
    line-height: 17px;
    padding: 2px 0 0 2px;
}
.autocomplete-suggestion.autocomplete-selected {
    background: #ddd;
}
.ajax-search-box {
    background: #fff url(../img/icon-bg-search.png) 10px 10px no-repeat;
    width: 190px;
    border: 1px solid #ddd;
    position: absolute;
    right: 10px;
    z-index: 999999999;
    padding: 8px 30px;
}

.ajax-search-box:focus {
    padding-bottom: 7px;
}
.smallButton.ajax-search-clear {
    position: absolute;
    right: 20px;
    color: #777;
    background: transparent;
    display: none;
    top: 8px;
    z-index: 999999999;
    padding: 0!important;
}
.smallButton.ajax-search-clear:hover {
    color: #a65858;
    background: transparent;
}
.smallButton.ajax-search-clear .ui-button-text {
    z-index: 9999999999;
    padding: 0!important;
}
.dent:hover {
    cursor: pointer!important;
}
#cell-master-container {
    background: #fff;
    vertical-align: top;
    height: 100%;
    min-height: 630px;
    /*border: 1px solid #dedede;*/
    border: 1px solid #dedede;
    border-top: 1px solid #777;
    box-shadow: 0px 0px 20px #dcdcdc;
    border-radius: 3px;
}
.cell-side-container {
    border-radius: 3px;
}
ul.pagination {
    height: 100%;
    overflow: hidden;
    font: 12px Tahoma;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.pagination li.details {
    font-size: 14px;
    color: #202020;
    padding: 7px 10px;
}
ul.pagination li.dot {
    padding: 3px 0;
}
ul.pagination li {
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 1px;
}
ul.pagination li:first-child {
    margin-left: 0;
}
ul.pagination li a {
    display: block;
    text-decoration: none;
    border: solid 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #444;
    background: #fafafa;
    border-color: #bebebe;
    padding: 6px 9px;
}
ul.pagination li a img {
    border: 0;
}
ul.pagination li a:hover, ul.pagination li a.current {
    color: #fff;
    box-shadow: 0 1px #ededed;
    -moz-box-shadow: 0 1px #ededed;
    -webkit-box-shadow: 0 1px #ededed;
    text-shadow: 0 1px #3c3c3c;
    background: 0;
    border-color: #202020;
}
th.stato {
    width: 100px!important;
}
#sovrapposto {
    z-index: 10;
}
#sovrapposto, .sovrapposto2, .sovrapposto3, .sovrapposto4 {
    position: absolute;
    left: 0;
    top: 0;
}
.sovrapposto3 {
    z-index: 20;
    margin-top: 15px;
    width: 22px;
    height: 18px;
    background: transparent url(../img/ico_protesi_small_purple.png) center center no-repeat;
}
.sovrapposto2 {
    z-index: 20;
    margin-top: 3px;
    width: 22px;
    height: 18px;
    background: transparent;
}
.sovrapposto4 {
    z-index: 20;
    margin-top: 27px;
    width: 22px;
    height: 18px;
    background: transparent url(../img/ico_impianto_small.png) center center no-repeat;
}
#logOffButton {
    box-shadow: none;
}
#livello0, .livello0 {
    position: relative;
    z-index: 0;
    text-align: center;
}
#livello1, #livello2, #livello3, #livello4, #livello5, #livello6 {
    zoom: 1.1;
    position: absolute;
    left: 12px;
    top: 15px;
}
.pregresso {
    position: absolute;
    left: 12px;
    top: 15px;
    zoom: 1.1;
}
#etichetta {
    position: absolute;
    text-align: center;
    z-index: 20;
}
.postItContainerYellow, .postItContainer {
    margin-top: 5px;
    width: 242px;
    height: 269px;
    padding: 5px 2px 0 0;
}
.postItContainerYellow {
    margin-top: 0;
    width: 228px;
    background-image: radial-gradient(ellipsefarthest-sideatrighttop, #FCFCA30%, #F8DF5150%, #F8DF51100%);
    padding: 0;
}
.postItContainer {
    background-image: radial-gradient(ellipsefarthest-sideatrighttop, #FED3EE0%, #FB90E150%, #FB90E1100%);
}
.tabs.small {
    height: 39px;
}
#mainBody .tabs ul li {
    padding: 3px 20px 6px 18px;
}
#mainBody .tabs ul li:first-child {
    margin-left: 2px;
}

.tinner, #mainNav ul li:hover, select, #marcatoriBody, .contextual-help {
    border-radius: 2px !important;
}
#mainNav ul li.active, #mainNav ul li.active:hover {
    border-radius: 0;
}
#dialog-confirm {
    min-height: 90px!important;
    display: none;
    z-index: 9999;
}
.depennato {
    text-decoration: line-through!important;
    color: #aaa;
    font-style: italic;
}
.hue-rotate {
    filter: hue-rotate(280deg);
    -webkit-filter: hue-rotate(280deg);
    -moz-filter: hue-rotate(180deg);
    -o-filter: hue-rotate(180deg);
    -ms-filter: hue-rotate(180deg);
}
table.dataTable thead {
    background: #eee!important;
    color: #111!important;
    text-transform: none!important;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .1em;
}
.ui-dialog .ui-dialog-content {
    overflow: hidden;
}
.regular-checkbox:checked+label:after {
    top: 8px!important;
    content: ''; /*content: '\2714';*/
    font-size: 14px;
    position: absolute;
    left: 4px;
    color: #aaa;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 
      2px 0 0 white,
      4px 0 0 white,
      4px -2px 0 white,
      4px -4px 0 white,
      4px -6px 0 white,
      4px -8px 0 white;
    transform: rotate(45deg);
}

.regular-checkbox:checked+label.disabled {
    background: #dedede !important;
    border: 1px solid #aaa;
}
.regular-checkbox:checked+label.disabled:after {
    color: #ddd;
}
.regular-checkbox.big-checkbox:checked+label:after {
    top: 5px!important;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-size: 13px;
    padding: 5px;
}
.ui-dialog, .ui-dialog .ui-dialog-content {
    /*background: #efefef;*/
    color: #777;
    padding: 13px;
}
.ui-dialog .ui-widget-header {
    background: none;
    border: 0;
    border-bottom: 1px solid #777;
}
.ui-dialog .ui-dialog-titlebar {
    color: #333;
    padding: 1em;
    font-weight: normal;
}
.ui-dialog .ui-dialog-titlebar-close {
    right: 1em;
    background: transparent !important;
}
.ui-dialog-titlebar-close .ui-icon-closethick{
    background-image: url(images/ui-icons_222222_256x240.png) !important;
}
.tbox {
    animation-fill-mode: both;
    z-index: 1900!important;
    top: 2%!important;
    bottom: auto;
}
.kanino-bg-transparent {
    background: transparent !important;
}
.kanino-txt-dark {
    color: #222!important;
}
.kanino-txt-green {
    color: #27ae60!important;
}
.kanino-txt-orange {
    color: #f39c12!important;
}
.kanino-bg-orange {
    background-color: #f39c12!important;
}
.kanino-txt-red {
    color: #e74c3c!important;
}
button.smallButton.delete:hover, button.deleteImg:hover, button.deleteItem:hover,.kanino-bg-red {
    background-color: #e74c3c!important;
}
.kanino-txt-blue {
    color: #2980b9!important;
}
.kanino-bg-blue {
    background-color: #2980b9!important;
}
.kanino-bg-blueLight {
    background-color: #65BFF9 !important;
}
.kanino-txt-blueLight {
    color: ##65BFF9 !important;
}
.kanino-txt-yellow {
    color: #fc0!important;
}
.kanino-txt-gray {
    color: #888!important;
    text-shadow: none;
}
.kanino-txt-aqua {
    color: #1ABC95 !important;
}

.kanino-bg-yellow {
    background-color: #fc0!important;
}
.kanino-bg-silver {
    background-color: #eee!important;
}
.kanino-bg-darken {
    background-color: #444!important;
}
.kanino-bg-green {
    background-color: #27ae60!important;
}
.kanino-bg-aqua {
    background-color: #1ABC95 !important;
}
.kanino-bg-white {
    background-color: #fff !important;
}
.tooth-prop-top:hover, .tooth-prop-bottom:hover, .opaque {
    opacity: 1!important;
    cursor: pointer;
}
.tooth-prop-top {
    display: block;
    margin-top: -20px;
    opacity: .9;
}
.tooth-prop-bottom {
    display: block;
    margin-bottom: -20px;
    opacity: .9;
}
.toothie {
    min-height: 80px;
}
.add-note {
    padding: 27px 10px;
}
.css_sized_container .iPhoneCheckContainer {
    width: 90px;
}
.css_sized_container .iPhoneCheckLabelOff {
    width: 85px;
}
.css_sized_container .iPhoneCheckLabelOn {
    width: 49px;
}
.css_sized_container .iPhoneCheckHandle {
    width: 39px;
}
.loader {
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(100, 100, 100, 0.2);
    border-right: 1.1em solid rgba(100, 100, 100, 0.2);
    border-bottom: 1.1em solid rgba(100, 100, 100, 0.2);
    border-left: 1.1em solid #65BFF9;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    margin: 6em auto;
}
.loader, .loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
}
h1 small {
    font-size: .7em;
}
.verticalslider_contents {
    font-size: 12px!important;
}
#leftButtonsGroup {
    margin-bottom: 15px!important;
}
.popupWrapper {
    position: relative;
    height: 100%;
    width: 100%;
    min-height: 440px;
}
.popupFooter {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.listino-color {
    width: 20px;
    height: 20px;
    border: 1px solid #333;
    margin: auto;
}
.relative-wrapper {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
}
li.li-separator {
    height: 10px!important;
}
li.li-separator:hover {
    background: none!important;
}
.sideBar {
    background: #fff;
    height: 100%;
    font-size: 12px;
    margin: 0;
    padding: 0 15px;
}
#sel_listino {
    width: 98%}
#custom_ott {
    max-width: 250px;
}
#editMyCure, #editMyAssoc, #editMyNotes {
    width: 180px;
}
.ui-progressbar .ui-progressbar-value {
    background: #5990de;
}
#pridSelectBoxIt {
    width: 210px!important;
}
.selectboxit-container span, .selectboxit-container .selectboxit-options a {
    line-height: 27px;
    height: 27px;
    font-size: 13px;
}
#archivi-sidebar {
    transition: all .2s ease;
}
#archivi-sidebar.out {
    margin-left: -222px;
}
.selectboxit-selected {
    background: #ADD8E6;
}
.dropit .dropit-open .dropit-submenu {
    z-index: 999999999!important;
}
button.ui-state-disabled, button.ui-state-disabled:hover {
    background: #555!important;
    opacity: .5!important;
}
.fa {
    font-family: FontAwesome!important;
}
.fa-rw {
    margin-right: 2px!important;
}
.fa-lw {
    margin-left: 2px!important;
}
.fa.rw-big {
    margin-right: 10px!important;
}
.fa.lw-big {
    margin-left: 10px!important;
}
.prescrizioniPage .missing-tab-info, .prescrizioniPage .missing-tab-msg {
    margin-left: -50px!important;
    width: 100%}
.prescrizioniPage .missing-tab-info {
    font-size: 130px;
}
.missing-tab-info, .missing-tab-msg {
    opacity: .6;
}
.regular-checkbox+label:active, .regular-checkbox:checked+label:active {
    box-shadow: none!important;
}
.no-padding {
    padding: 0!important;
}
.row.no-margin {
    margin-left: 0!important;
    margin-right: 0!important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    font-size: 12px;
    font-weight: 400;
}
.dataTables_wrapper .dataTables_filter input {
    border-radius: 3px!important;
}
#popupContainer {
    background: #fff;
    margin: 0;
    padding: 0;
}
#popupHeader {
    width: 100%;
    color: #111;
    height: 80px;
    padding: 0 5px;
}
h1.headerMarcatori {
    color: #111;
    font-size: 200%;
    font-weight: 700;
    margin: 5px 0 15px 5px;
}
#marcatori {
    margin: 10px 15px;
}
#popupHeader p {
    margin: 15px 0 10px 10px;
}
#marcatori .tabs div.icoMarcatore {
    text-align: center;
    float: left;
    background: #fff;
    border-radius: 5px;
    width: 26px;
    height: 25px;
    margin: 7px 5px 0 0;
    padding: 0;
}
#marcatoriContainer ul {
    min-width: 440px;
    max-width: 690px;
    list-style: none;
    clear: both;
    margin: auto;
    padding: 10px;
}
#marcatori .tabs ul li {
    width: 140px;
    border-bottom: 0!important;
    font-weight: 400;
    color: #888;
    background: linear-gradient(tobottom, #a0a0a067%, #727272100%);
}
#marcatori .tabs ul li:hover {
    background: #efefef;
    color: #333;
    cursor: pointer;
}
#marcatori .tabs, #marcatori .tabs ul li {
    height: 39px;
    line-height: 40px;
    vertical-align: middle;
}
#marcatori .tabs ul li.active {
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
}
#marcatoriBody {
    width: 100%;
    min-height: 210px;
    height: 100%}
#marcatoriContainer {
    padding-top: 20px;
    color: #333;
    border-top: 1px solid #ddd;
}
#marcatoriContainer ul li {
    font-size: 14px;
    text-align: center;
    line-height: 23px;
    float: left;
    height: 43px;
    width: 30px;
    border-right: 1px dotted #eee;
    margin: 2px;
    padding: 3px;
}
.tabz.active.red, .tabz.active.red:hover {
    background: #d00!important;
}
.tabz.active.blue, .tabz.active.blue:hover {
    background: #336096!important;
}
.icoMarcatore.marcMancante {
    background: #fff url(../img/ico_dentemancante_small.png) 50% 50% no-repeat!important;
}
.icoMarcatore.marcProtesi {
    background: #fff url(../img/ico_protesi_small_purple.png) 50% 50% no-repeat!important;
}
.icoMarcatore.marcImpianto {
    background: #fff url(../img/ico_impianto_small.png) 50% 50% no-repeat!important;
}
h1.headerDente {
    position: absolute;
    left: 65px;
    top: 10px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 170%;
    padding-left: 0!important;
}
h2.headerArcata {
    position: absolute;
    left: 72px;
    top: 39px;
    font-weight: 400;
    font-size: 87%;
    color: #999;
    text-transform: uppercase;
}
.dentiAttrib {
    position: absolute;
    left: 200px;
    top: 25px;
}
.dentiAttrib img {
    margin-right: 2px;
}
.missing-tab-info {
    font-size: 170px;
    color: #bbb;
    width: 100%;
    padding-top: 30px;
}
.missing-tab-msg {
    width: 65%;
    text-align: center;
    color: #777;
    line-height: 20px;
    margin: 3px auto;
}
#prescrizioniPop {
    min-height: 250px;
    overflow: hidden;
}
.tabTitle {
    height: 35px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    background: #dfe9f4;
    color: #111;
    text-transform: uppercase;
    line-height: 35px;
    font-size: 14px;
    font-weight: 700;
    min-width: 150px;
    margin: 0;
    padding: 10px 25px;
}
.titoloZona {
    font-size: 17px!important;
    font-weight: 700!important;
    color: #111;
    width: 90%!important;
    margin: 1px 10px 8px 0 !important;
    padding: 4px 7px!important;
}
.zona p {
    width: 98%;
    margin: auto;
}
#dentiNav {
    margin-top: 25px;
    float: right;
    margin-right: 20px;
}
#dentiStatus {
    position: absolute;
    right: 20px;
    top: 70px;
}
#arcContainer {
    width: 785px;
    margin: 7px;
}
#arcContainer ul {
    min-width: 440px;
    max-width: 785px;
    width: 100%;
    margin: auto;
}
#arcContainer .tabs {
    min-height: 32px;
    height: 100%}
#arcContainer .tabs ul li {
    border-bottom: 0;
    color: #222;
    background: 0;
}
#arcContainer .tabs ul li:hover {
    background: 0;
    color: #fff;
    cursor: pointer;
}
#arcContainer .tabs, #arcContainer .tabs ul li {
    height: 32px;
    line-height: 37px;
    vertical-align: middle;
    color: #777;
}
#arcContainer .tabs ul li.active {
    background: #fff;
    color: #333;
    text-shadow: none;
    border: 1px solid #777;
    border-bottom: 1px solid #fff;
}
#arcContainerBody {
    width: 785px;
    background: #333;
    border-radius: 5px;
    color: #777;
}
#ortoContainer {
    height: 220px;
    overflow: auto;
    padding: 0;
}
#ortoContainer ul li {
    float: left;
    height: 28px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-left: 1px dotted #ddd;
    padding: 3px;
}
#ortoContainer ul li.curaOrto:nth-child(odd) {
    margin-right: 10px;
    border-left: 0;
    padding-left: 0;
}
#ortoContainer ul li .etichetta-cura {
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    width: 260px!important;
    min-width: 100px!important;
    max-width: 260px;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    padding: 4px;
}
.ortoContainer {
    overflow: auto;
    padding: 0;
}
.ortoContainer ul li {
    float: left;
    width: 48%;
    height: 28px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-left: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding: 3px;
}
.ortoContainer ul li .etichetta-cura {
    font-size: 12px;
    height: 30px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    width: 300px!important;
    min-width: 100px!important;
    max-width: 300px;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    padding: 4px;
}
.arcataIntervento {
    display: none;
    font-size: 12px;
    float: right;
}
.arcataIntervento select, select.dentiStatus {
    height: 25px;
    font-size: 12px!important;
    outline: 0;
    color: #111;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none!important;
    appearance: none;
    border: 0;
    cursor: pointer;
}
select.dentiStatus {
    width: 120px;
}
.arcataIntervento select {
    width: 95px;
    font-weight: 700;
    outline: 0;
    background: #2980b9;
}

.arcataIntervento select:disabled {
    background: #dedede; color: #777 !important;
}

.arcataIntervento select option {
    width: 70px;
    outline: 0;
    background: #222;
    padding: 6px 10px;
}
.arcataIntervento select option:not(:checked) {
    outline: 0;
}
.arcataIntervento select option:checked {
    font-weight: 700;
    color: #fff;
    outline: 0;
}
label.seleArc select {
    padding-right: 14px;
    color: #fff;
    border-radius: 3px !important;
}
label.seleArc:after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #fff;
    right: 10px;
    top: -2px;
    border: 0;
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none!important;
    appearance: none;
    padding: 0;
}
label.seleArc:before {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #fff;
    right: 10px;
    top: -2px;
    border: 0;
    position: absolute;
    pointer-events: none;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none!important;
    appearance: none;
    padding: 0;
}
#ortoContainer ul li.diarioVar {
    border-left: 0!important;
    width: 600px!important;
    max-width: 600px;
    padding: 5px;
}
#ortoContainer ul li.diarioVar input {
    font-size: 13px;
    padding: 5px;
}
textarea.voceDiario {
    width: 470px;
    font-size: 13px;
    vertical-align: top;
    padding: 5px;
}
.annotazioni {
    min-height: 120px;
    min-width: 400px;
    max-width: 700px;
    width: 100%;
    vertical-align: top;
}
#diarioDettagli {
    background: transparent;
    height: 200px;
    width: 680px;
    text-align: center;
}
#diarioDettagli .diarioDenti {
    float: left;
    margin: 3px;
}
#diarioSchema {
    margin-left: 10px;
    margin-top: 30px!important;
    width: 630px;
    height: 130px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    text-align: center;
    padding: 5px auto;
}
#diarioDettagli ul {
    list-style: none;
    clear: both;
    margin: auto;
    padding: 10px;
}
#diarioDettagli ul li {
    font-size: 14px;
    text-align: center;
    font-weight: 700;
    float: left;
    height: 40px;
    width: 30px;
    border-right: 1px dotted #eee;
    margin: 2px;
    padding: 3px;
}
.lbl {
    max-width: 110px!important;
    width: 110px!important;
    float: left;
}
#uploadContainer {
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    width: 98%;
    margin: 0 0 0 10px;
    padding: 0;
}
#uploadContainerBody {
    background: #444;
    color: #777;
    height: 255px;
    padding: 0;
}
#fileContainer, #uploadContainerBody #descriContainer {
    float: left;
    width: 99%;
    margin: 10px;
    padding: 0;
}/*
#fileContainer p {
    color: #eee;
    font-size: 14px;
}*/
.noBorder {
    border: 0!important;
}
ul.uploadBox {
    list-style: none;
    width: 100%}
div.preview {
    width: 200px;
    border: 2px solid #777;
    height: 200px;
    background: #efefef;
    float: left;
    margin: 15px 25px 15px 15px;
}
div.preview.loading {
    background: #fff url(../img/loading.gif) center center no-repeat;
}
#thumb {
    width: 200px;
    height: 200px;
    background: 0;
    background-size: cover;
}
.editThis textarea {
    max-width: 208px;
    max-height: 90px;
    height: 90px;
    width: 100%;
    border: 1px solid #777;
    font-size: 12px;
    margin: 0;
    padding: 5px;
}
#zoomView {
    width: 780px;
    height: 470px;
    overflow: hidden;
    text-align: center;
}
#zoomView img {
    max-width: 700px;
}
h1 {
    font-size: 170%;
    padding-right: 30px;
    display: inline;
}
#uploadedFiles {
    margin-bottom: 10px;
}
.fileuploadForm {
    border: 1px solid #b2cbe7;
    min-width: 490px;
    width: auto;
    background-color: #dfe9f4;
    padding: 0;
}
#annotationSecure {
    background: #ffa;
    padding: 2px 2px 2px 15px;
}
.regular-checkbox+label {
    background-color: #eee;
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    display: inline-block;
    position: relative;
    vertical-align: middle;
    overflow: hidden;
    margin: 0 5px 0 0;
    padding: 9px;
}
.regular-checkbox:checked+label {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
    color: #111;
    /*box-shadow: 0 0 10px #fff;*/
}
.big-checkbox+label {
    font-size: 15px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding: 15px;
}
.big-checkbox:checked+label:after {
    font-size: 22px;
    left: 5px;
}
.tag {
    font-family: var(--app-font), Arial, sans-serif;
    width: 200px;
    position: relative;
    top: 5px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    float: left;
}
.radio-1 {
    width: 193px;
}
.regular-radio+label {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 3px 5px 3px 0;
    padding: 9px;
}
.regular-radio:checked+label:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #99a1a7;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    text-shadow: 0;
    left: 3px;
    font-size: 32px;
}
.regular-radio:checked+label {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1), inset 0 0 10px rgba(0, 0, 0, 0.1);
}
.regular-radio+label:active, .regular-radio:checked+label:active {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
.big-radio+label {
    font-size: 18px;
    padding: 16px;
}
.big-radio:checked+label:after {
    width: 24px;
    height: 24px;
    left: 4px;
    top: 4px;
}
#leftBlock {
    width: 250px;
    float: left;
}
#rightBlock {
    width: 400px;
    float: left;
}
#prescContainer {
    height: 200px;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    -o-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
}
#prescContainer ul li {
    color: #fff;
    font-size: 14px;
    width: 310px!important;
    float: left;
    height: 26px;
    line-height: 20px;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-left: 1px dashed #555;
    padding: 3px;
}
#prescContainer ul li.curaOrto:nth-child(odd) {
    margin-right: 0;
    border-left: 0;
    padding-left: 0;
}
#prescContainer ul li .etichetta-cura {
    height: 30px;
    line-height: 20px;
    vertical-align: middle;
    float: left;
    width: 260px!important;
    min-width: 100px!important;
    max-width: 260px;
    overflow: hidden!important;
    white-space: nowrap!important;
    text-overflow: ellipsis!important;
    padding: 4px;
}
span.dnt {
    margin-right: 5px;
    font-weight: 700;
    color: #000;
    background: #fc0;
    font-size: 11px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;
}
.headerPP {
    font-weight: 400;
    font-size: 190%;
    display: block;
    margin: 10px 10px 0;
    padding: 0;
}
.popup-top-text {
    font-size: 14px;
    color: #777;
    line-height: 18px;
}
.prescrizioniPage table tr td {
    padding: 4px 0;
}
table.markerz {
    width: 600px;
    margin-top: 20px;
}
table.markerz.baby_markerz {
    width: 440px!important;
}
.nota-diario tr td {
    padding: 4px 6px;
}
span.adj {
    padding-top: 8px;
}
.fileContainer {
    overflow: hidden;
    position: relative;
    background: #333;
    border-radius: .1em;
    float: left;
    color: #efefef;
    padding: 8px 15px;
}
.fileContainer:hover {
    background: #111;
    cursor: pointer;
}
.fileContainer .myFileInput {
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    cursor: pointer;
}
#diario-master-wrapper {
    width: 100%;
    margin-left: 10px;
    min-width: 900px;
}
#diario-wrapper {
    width: 768px;
    height: 485px;
    float: left;
    margin: 0;
    padding: 0;
}
#diariopaziente {
    width: 768px;
    height: 480px;
    background-image: url(../img/diario/spine.png);
    background-repeat: repeat-y;
    background-position: 384px 0;
    font-family: var(--app-font), "Gudea",  Helvetica,  Arial;
    z-index: 100;
    -webkit-transition-property: ease;
    -moz-transition-property: ease;
    -o-transition-property: ease;
    transition-property: ease;
    -webkit-transition: margin-left 1s;
    -moz-transition: margin-left 1s;
    -o-transition: margin-left 1s;
    transition: margin-left 1s;
    margin: 0;
}
#diariopaziente h1, #diariopaziente h2 {
    color: #444;
    font-family: var(--app-font), "Gudea", Helvetica,  Arial,  "Times New Roman",  Serif;
    font-size: 140%;
    text-align: center;
    margin: 0;
    padding: 0;
}
#diariopaziente h2 {
    font-size: 140%;
    color: #444;
}
#diariopaziente h1 {
    margin-top: 120px;
}
#diariopaziente .loader {
    background-image: url(loading.gif);
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 238px;
    left: 188px;
}
#diariopaziente .data {
    text-align: center;
    font-size: 40px;
    color: #999;
    line-height: 450px;
}
#diariopaziente .shadow {
    -webkit-transition: 0 .5s;
    -moz-transition: 0 .5s;
    -o-transition: 0 .5s;
    box-shadow: 0 0 20px #999;
}
#diariopaziente .page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#diariopaziente .p1, #diariopaziente .p2, #diariopaziente .terzaCopertina, #diariopaziente .quartaCopertina {
    background-color: transparent;
    background-image: url(../img/diario/diario-full.jpg)!important;
    outline: none;
}
#diariopaziente .terzaCopertina {
    background-position: -769px;
}
#diariopaziente .quartaCopertina {
    background-position: 0 0!important;
}
#diariopaziente .pubblicita {
    width: 350px;
    height: 300px;
    outline: none;
    text-align: center;
    margin: 40px auto;
}
#diariopaziente .p1 {
    background-position: -1152px 0;
    box-shadow: 0 0 20px #888;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
#diariopaziente-transform div[page="1"] > div, #diariopaziente-transform div[page="2"] > div {
    overflow: visible!important;
}
#diariopaziente .depth {
    background-image: url(../img/diario/pages-depth.png);
    position: absolute;
    top: 7px;
    width: 16px;
    height: 480px;
}
#diariopaziente .front-side .depth {
    left: 4px;
    background-position: 0 0;
}
#diariopaziente .back-side .depth {
    right: 4px;
    background-position: right 0;
}
#diariopaziente .p2 {
    box-shadow: 0 0 20px #888;
    background-position: -384px 0;
}
#diariopaziente .hard {
    width: 380px;
    height: 480px;
}
.page-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}
.own-size {
    width: 367px;
    height: 470px;
    overflow: auto;
    background-image: url(../img/diario/pagine.png)!important;
}
.own-size.even {
    background-position: 370px 0!important;
    background: 0 color-stop(1, #dadada))!important;
    background-image: linear-gradient(left, #fff95%, #dadada100%)!important;
}
.own-size.odd {
    background-position: 0 0!important;
    background: 0 color-stop(1, #cacaca))!important;
    background-image: linear-gradient(right, #fff95%, #cacaca100%)!important;
}
#diariopaziente .page-number {
    color: #999;
    width: 100%;
    bottom: 25px;
    position: absolute;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 11px;
}
#page-prev-btn {
    position: absolute;
    top: 250px;
    left: -25px;
    width: 39px;
    height: 152px;
    background: url(../img/diario/pages-turn-left-2.png) 0 0 no-repeat;
    transition: all 1s ease-out;
    z-index: 700;
    margin: 0;
    padding: 0;
}
#page-prev-btn.closed-book {
    left: 167px;
}
#page-next-btn.closed-book {
    left: 588px;
}
#page-next-btn {
    transition: all 1s ease-out;
    position: absolute;
    top: 250px;
    left: 780px;
    width: 39px;
    height: 152px;
    background: url(../img/diario/pages-turn-right-2.png) 0 0 no-repeat;
    z-index: 700;
    margin: 0;
    padding: 0;
}
iframe, #mainNav ul {
    margin: 0;
    padding: 0;
}
#notSupported, #advert, #child-conservativa, #child-protesi, .no-close .ui-dialog-titlebar-close, .dropdown-context-sub:before, .dropdown-context-sub:after, .dropdown-context .dropdown-submenu:hover .dropdown-menu, .hidden, .editThis, #skip, .regular-checkbox, .regular-radio {
    display: none;
}
.text-bold, .kanino-txt-bold {
    font-weight: 700!important;
}
.text-normal, .kanino-txt-normal {
    font-weight: 400!important;
}
.text-underline:hover, .text-underline-static {
    text-decoration: underline;
}
.text-line-through, .kanino-txt-line-through {
    text-decoration: line-through !important; 
}
#user-search, .front, .dropdown-submenu, .ajax-search-wrapper, label.seleArc {
    position: relative;
}
#custom-tag:hover, .ui-notify-click, ul#prescList li, #page-prev-btn:hover, #page-next-btn:hover {
    cursor: pointer;
}
#user-info:hover img, .listini-tab {
    opacity: .8;
}
.break, .clearfix:after {
    clear: both;
}
button#chiudi.smallButton:hover, .ui-state-hover, .ui-state-active {
    background: #111;
}
.bg-color-redLight {
    background-color: #a65858!important;
}
#searchform div, #arcContainer .tabs ul li.active a, #arcContainer .tabs ul li.active a:hover, #arcContainer .tabs ul li a {
    color: #fff;
}
#secondaryNav ul, ul.listaNormale, ul.listaElenco, #contabilitaContainer .preventivi {
    width: 100%;
    margin: 0;
    padding: 0;
}
#secondaryNav ul li:hover, ul.listaElenco li:hover {
    background: #65BFF9;
    color: #fff;
}
ul.listaNormale li a, ul.listaElenco li a, .deleteItemDetails {
    font-weight: 700;
}
ul.listaNormale li.menuHeader, ul.listaNormale li.menuHeader:hover, ul.listaElenco li.menuHeader, ul.listaElenco li.menuHeader:hover {
    height: 26px;
    line-height: 24px;
    background: #333;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
.avvisoStoricoHoriz, .visible-md {
    display: none;
    visibility: hidden;
}
ul.basicFloat li, #ortoContainer ul li .regular-checkbox, .ortoContainer ul li .regular-checkbox, .button-holder, #prescContainer ul li .regular-checkbox {
    float: left;
}
.tabs ul {
    margin: 2px 0 0 -42px;
}
.tabs.small ul {
    margin: 6px 0 0 -40px;
}
.tabs-blue ul, form {
    margin: 0;
}
.tabs-blue ul li:hover, .tabs-blue ul li.active {
    background-color: #65BFF9;
    color: #fff;
}
.completato, .greenBtn:hover {
    background: #27ae60!important;
}
.nonCompletato {
    background: #e74c3c!important;
}
ul.bloccoData li a:hover, #arcContainer .tabs, #arcContainer .tabs ul li a:hover {
    color: #111;
    border-bottom: 1px solid #777;
}
.totalePreventivo, .agenda_labels label, .charsLeft {
    float: right;
}
.acconti-actions, #archivio-preventivi .diarioTable tr td, ul.uploadBox li {
    padding: 3px;
}
.nopad tr td a, #dente {
    margin: 0;
    padding: 0;
}
ul.cure li.active span.cTitle, .cura-child {
    margin-left: 10px;
}
.top_shortPass, .top_badPass {
    background: #edabab;
    border: 1px solid #bc0000;
    display: block;
}
.ui-notify-message-style h1, .arcataIntervento select.empty {
    color: #fff;
    font-weight: 700;
}
.dropdown-menu.pull-right, .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.open > .dropdown-menu, .dropdown-submenu:hover .dropdown-menu, .dropdown-context .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.txt-color-white, #saveBtn:hover, #salvaModifiche:hover, .prem, .ui-selectmenu .ui-selectmenu-status, .ui-selectmenu-icon, .kanino-txt-white, .greenBtn span.ui-button-text {
    color: #fff!important;
}
.notification.blue .icon, .notification.blue .info .button {
    background: #2980b9;
    border-bottom-color: #20638f;
}
.notification.lightblue .icon, .notification.lightblue .info .button {
    background: #65BFF9;
    border-bottom-color: #65BFF9;
}
.notification.red .icon, .notification.red .info .button {
    background: #e74c3c;
    border-bottom-color: #d62c1a;
}
.notification.orange .icon, .notification.orange .info .button {
    background: #f39c12;
    border-bottom-color: #c87f0a;
}
.notification.purple .icon, .notification.purple .info .button {
    background: #9b59b6;
    border-bottom-color: #804399;
}
.notification.green .icon, .notification.green .info .button {
    background: #27ae60;
    border-bottom-color: #1e8449;
}
.notification.gray .icon, .notification.gray .info .button {
    background: #95a5a6;
    border-bottom-color: #798d8f;
}
table.dataTable thead th, table.dataTable thead td, .selectboxit-container * {
    font-size: 13px!important;
}
.tmask, .ui-widget-overlay {
    z-index: 999!important;
}
.loading_div, table.markerz tr td {
    text-align: center;
}
.selectboxit-option-first, .selectboxit-option-last, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border-radius: 2px!important;
}
#marcatoriContainer ul li:last-child, #diarioDettagli ul li:last-child {
    border-right: 0;
}
#ortoContainer ul, .ortoContainer ul, #prescContainer ul {
    list-style: none;
    margin: 10px!important;
    padding: 0;
}
#ortoContainer ul li.curaOrto:nth-child(even), #prescContainer ul li.curaOrto:nth-child(even) {
    padding-left: 10px;
}
#arcContainer .tabs ul li:hover {
    color: #111;
}
.invalid {
    background: rgb(251, 227, 228);
    border: 1px solid #fbc2c4;
}

/* CSS DROPDOWN BUTTONS MENU */

#primary_nav_wrap
{
}

#primary_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    border-radius: 3px;

}

#primary_nav_wrap ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family: var(--app-font),"Helvetica Neue",Helvetica,Arial,sans-serif
}

#primary_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
    }

#primary_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

#primary_nav_wrap.bottom-menu ul li, #primary_nav_wrap.bottom-menu ul li a:not(.b-actions)
{
    background:#2980b9;
    color: #eee !important;
    border-radius: 3px;
}
#primary_nav_wrap ul li:hover {
    background:#2980b9;
}

#primary_nav_wrap ul li:hover a { color: #fff; }

#primary_nav_wrap ul li:hover ul li a { color: #555; }

#primary_nav_wrap ul li:hover ul li:hover { background: #2980b9; }

#primary_nav_wrap ul li:hover ul li:hover a { color: #eee; }

#primary_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:0;
    left:-150px;
    background:#fff;
    /*padding:0;
    border-radius: 3px;*/
    border: 1px solid #aaa;
    z-index:10;
}

#primary_nav_wrap.bottom-menu ul li {
    border: 0 !important;
    height: 37px;
}
.bottom-menu .actions_trigger {
    padding: 3px 10px !important;
}
#primary_nav_wrap.bottom-menu ul ul {
    top:-200px;
    left:190px;
    margin: 0 !important;
    padding: 0 !important;
    width: 170px;
    box-shadow: 0px 0px 5px #aaa;
}
#primary_nav_wrap.bottom-menu ul ul ul {
    left: 170px;
    bottom: 0;
    top: auto;
    color: #333;
}

#primary_nav_wrap.bottom-menu ul ul ul li a {
    color: #333 !important; 
}
#primary_nav_wrap.bottom-menu ul ul ul li a:hover {
    color: #fff !important; 
}
#primary_nav_wrap.bottom-menu ul ul li {
    background-color: #fefefe;
    border-bottom: 0;
    margin: 0 !important;
    width: 170px !important;

}  

#primary_nav_wrap ul ul li
{
    float:none;
    width:170px
}

#primary_nav_wrap.bottom-menu ul ul li
{
    float:none;
    width:180px
}

#primary_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 10px
}

#primary_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

#primary_nav_wrap:not(.disabled) ul li:hover > ul
{
    display:block
}
#primary_nav_wrap.disabled ul li:hover > ul { display: none }
#primary_nav_wrap.disabled ul li,
#primary_nav_wrap.disabled ul li a,
#primary_nav_wrap.disabled ul li:hover, 
#primary_nav_wrap.disabled ul li:hover a { 
    background:#555 !important; 
    opacity: .5;
    color: #fff !important;
    cursor: default !important;
}


.results-container { position: relative; }

.result-hovered { background: #DFE9F4; }

.search_results_nav_wrap
{
    position: absolute;
    top: 10px;
    right: 10px;
    border-radius: 100px
}

.search_results_nav_wrap ul
{
    list-style:none;
    position:relative;
    float:left;
    margin:0;
    padding:0;
    border-radius: 3px;
}

.search_results_nav_wrap ul a
{
    display:block;
    color:#333;
    text-decoration:none;
    font-weight:normal;
    font-size:12px;
    line-height:32px;
    padding:0 15px;
    font-family:var(--app-font),"Helvetica Neue",Helvetica,Arial,sans-serif
}

.search_results_nav_wrap ul li
{
    position:relative;
    float:left;
    margin:0;
    padding:0
    }

.search_results_nav_wrap ul li.current-menu-item
{
    background:#ddd
}

.search_results_nav_wrap ul li:hover
{
    /*background:#2980b9;
    color: #eee !important;*/
}

.search_results_nav_wrap ul li:hover a { color: #fff; }

.search_results_nav_wrap ul li:hover ul li a { color: #555; }

.search_results_nav_wrap ul li:hover ul li:hover { background: #2980b9; }

.search_results_nav_wrap ul li:hover ul li:hover a { color: #eee; }

.search_results_nav_wrap ul ul
{
    display:none;
    position:absolute;
    top:0;
    left:15px;
    background:#fff;
    /*padding:0;
    border-radius: 3px;*/
    border: 1px solid #aaa;
    z-index:10;
}

.search_results_nav_wrap ul ul li
{
    float:none;
    width:320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_results_nav_wrap ul ul li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search_results_nav_wrap ul ul a
{
    line-height:120%;
    padding:10px 10px
}

.search_results_nav_wrap ul ul ul
{
    top:0;
    left:100%
}

.search_results_nav_wrap ul li:hover > ul
{
    display:block
}




/* OTHER */

.username-top-right {
    margin-right: 70px; color: #fff; text-align: right; font-size: .9em;
}
.popup-bottom-buttons-right { position: absolute; bottom:10px; right: 7px; }

.jeditable form button, #final-price form button {
    margin-left: 5px;
    font-size: 14px;
    background: #2980b9;
    color: #fff;
    font-family: var(--app-font), Arial;
    padding: 4px 8px;
    border: 0;
    border-radius: 3px;
  }

/* SHINE CSS EFFECT FOR TEXT  */