﻿/*Da copiare il contenuto nel progetto in un file common.css, per avere usare intelligence*/
/*#region background*/
.bg-custom-white{
    background-color: #fff;
}

.bg-custom-grey-light{
    background-color: #f0f0f0;
}

.bg-custom-grey-dark{
    background-color:#767676;
}

.bg-custom-grey-dark2{
    background-color:#5f5f5f;
}

.bg-custom-yellow {
    background-color:#e8ea38;
}

.bg-custom-grey {
    background-color:#808080;
}

.bg-custom-green {
    background-color:#82c041;
}

.bg-custom-green-2 {
    background-color:#6fb142;
}

.bg-custom-green-3 {
    background-color:#57a344;
}

.bg-custom-green-4 {
    background-color:#2b9044;
}

.bg-custom-green-light {
    background-color:#e0f7c7;
}
/*#endregion background*/

/*#region border*/
.border-top-custom-green-1{
    border-top: 1px solid #82c041;
}

.border-bottom-custom-green-1{
    border-bottom: 1px solid #82c041;
}
/*#endregion border*/

/*#region font*/
.font-custom-0
{
    font-size: 0;
}

.font-custom-10 {
    font-size: 10px;
}

.font-custom-12
{
    font-size:12px;
}

.font-custom-14
{
    font-size:14px;
}

.font-custom-16
{
    font-size:16px;
}

.font-custom-18
{
    font-size:18px;
}

.font-custom-20
{
    font-size:20px;
}

.font-custom-24
{
    font-size:24px;
}

.font-custom-28
{
    font-size:28px;
}

.font-custom-white {
    color:#fff;
}

.font-custom-red {
    color:#b54c4c;
}

.font-custom-grey-dark{
    color:#767676;
}

.font-custom-grey {
    color:#808080;
}

.font-custom-green {
    color:#82c041;
}

.font-custom-green-dark {
    color:#74a144;
}

.font-custom-yellow {
    color:yellow;
}

.no-wrap{
    white-space:nowrap;
}

/*blue OD per button pieni*/
.font-custom-blue-full {
    color:#60b2ea;
}
/*blue OD per linee scritte*/
.font-custom-blue-line {
    color:#3598dc;
}
/*#endregion font*/

/*#region display-float-width*/
.position-relative{
    position:relative;
}

.position-absolute{
    position:absolute;
}

.top-0{
    top:0px;
}

.top-5{
    top:5px;
}

.top-15{
    top:15px;
}

.top-25{
    top:25px;
}

.top-50{
    top:50px;
}

.float-none{
    clear: both;
}

.float-right{
    float: right;
}

.float-left{
    float: left;
}

.display-inline-flex{
    display: inline-flex;
}

.display-block{
    display: block!important;
}

.display-block-no-important{
    display: block;
}

.display-inline{
    display: inline;
}

.display-inline-block{
    display: inline-block;
}

.custom-hidden{
    display: none!important;
}

.custom-hidden-no-important{
    display: none;
}

.width-auto{
    width:auto;
}

.width-10-per
{
    width: 10%;
}

.width-20-per
{
    width: 20%;
}

.width-30-per
{
    width: 30%;
}

.width-40-per
{
    width: 40%;
}

.width-50-per
{
    width: 50%;
}

.width-60-per
{
    width: 60%;
}

.width-70-per
{
    width: 70%;
}

.width-80-per
{
    width: 80%;
}

.width-90-per
{
    width: 90%;
}

.width-100-per
{
    width: 100%;
}

.width-160 {
    width: 160px;
}

.height-100-per{
    height:100%;
}
/*#endregion display-float-width*/

/*#region button*/
.btn-green1 {
     background-color: #88c73f;
    border-color: #88c73f;
    color: #fff;
}

.btn.green-medium.active:not(.btn-outline), .btn.green-medium:active:not(.btn-outline), .btn.green-medium:hover:not(.btn-outline), .open > .btn.green-medium.dropdown-toggle:not(.btn-outline) {
    background-color: #2d862d;
    border-color: #2d862d;
    color: #fff;
}

.btn.green-medium:not(.btn-outline) {
    background-color: #39ac39;
    border-color: #2d862d;
    color: #fff;
}

.portlet > .portlet-title {
    min-height: 25px;
}

.portlet > .portlet-title > .tools {
    padding: 6px 0;
}

.portlet.box > .portlet-title > .caption {
    padding: 4px 0 9px;
}

.btn {
    margin: 0px;
    display: inline-block;
}
/*#endregion button*/

/*#region padding*/
.no-padding {
    padding: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.padding-5{
    padding:5px;
}

.padding-10{
    padding:10px;
}

.padding-15{
    padding:15px;
}

.padding-25{
    padding:25px;
}

.padding-top-0{
    padding-top:0 !important;
}

.padding-top-5{
    padding-top:5px;
}

.padding-top-10{
    padding-top:10px;
}

.padding-top-15{
    padding-top:15px;
}

.padding-top-20{
    padding-top:20px;
}

.padding-top-25{
    padding-top:25px;
}

.padding-bottom-0{
    padding-bottom:0 !important;
}

.padding-bottom-5{
    padding-bottom:5px;
}

.padding-bottom-10{
    padding-bottom:10px;
}

.padding-bottom-15{
    padding-bottom:15px;
}

.padding-bottom-20{
    padding-bottom:20px;
}

.padding-bottom-25{
    padding-bottom:25px;
}

.padding-left-3{
    padding-left:3px;
}

.padding-left-5{
    padding-left:5px;
}

.padding-left-10{
    padding-left:10px;
}

.padding-left-15{
    padding-left:15px;
}

.padding-left-20{
    padding-left:20px;
}

.padding-left-25{
    padding-left:25px;
}

.padding-right-0-i{
    padding-right:0!important;
}

.padding-right-0{
    padding-right:0;
}

.padding-right-3{
    padding-right:3px;
}

.padding-right-5{
    padding-right:5px;
}

.padding-right-10{
    padding-right:10px;
}

.padding-right-15{
    padding-right:15px;
}

.padding-right-20{
    padding-right:20px;
}

.padding-right-25{
    padding-right:25px;
}
/*#endregion padding*/

/*#region margin*/
.no-margin {
    margin: 0!important;
}
.margin-top-0{
    margin-top:0!important;
}

.margin-top-5{
    margin-top:5px;
}

.margin-top-10{
    margin-top:10px;
}

.margin-top-15{
    margin-top:15px;
}

.margin-top-20{
    margin-top:20px;
}

.margin-top-25{
    margin-top:25px;
}

.margin-top-50{
    margin-top:50px;
}

.margin-bottom-0{
    margin-bottom:0!important;
}

.margin-bottom-5{
    margin-bottom:5px;
}

.margin-bottom-10{
    margin-bottom:10px;
}

.margin-bottom-15{
    margin-bottom:15px;
}

.margin-bottom-20{
    margin-bottom:20px;
}

.margin-bottom-25{
    margin-bottom:25px;
}

.margin-bottom-50{
    margin-bottom:50px;
}

.margin-left-0{
    margin-left:0!important;
}

.margin-left-5{
    margin-left:5px;
}

.margin-left-7-5{
    margin-left:7.5px;
}

.margin-left-10{
    margin-left:10px !important;
}

.margin-left-15{
    margin-left:15px;
}

.margin-left-20{
    margin-left:20px;
}

.margin-left-25{
    margin-left:25px;
}

.margin-left-50{
    margin-left:50px;
}

.margin-right-0{
    margin-right:0!important;
}

.margin-right-5{
    margin-right:5px;
}

.margin-right-7-5{
    margin-right:7.5px;
}

.margin-right-10{
    margin-right:10px;
}

.margin-right-15{
    margin-right:15px;
}

.margin-right-20{
    margin-right:20px;
}

.margin-right-25{
    margin-right:25px;
}

.margin-right-50{
    margin-right:50px;
}

.margin-auto{
    margin: 0 auto;
}
/*#endregion margin*/

/*#region top*/
.top-50{
    top: 50px;
}

.bottom-50{
    bottom: 50px;
}
/*#endregion top*/

/*#region varie*/
.text-align-center{
    text-align:center;
}

.text-align-left{
    text-align:left;
}

.text-align-right{
    text-align:right;
}

.vertical-middle{
    vertical-align:middle;
}
/*#endregion varie*/

/*#region froala*/
textarea.froala-placeholder,
textarea.froala-placeholder-sub
{
    resize:none;
}
textarea.froala-placeholder,
input.froala-placeholder {
    border: unset;
    text-align: center;
    background-color: #FFFF66;
    opacity: .5;
    font-size: 14px;
}
    input.froala-placeholder.section_patient_minor {
        background-color: #57a344;
        display: block;
        width: 100%;
    }
    input.froala-placeholder.section_patient_incapable {
        background-color: #60b2ea;
        display: block;
        width: 100%;
    }
    input.froala-placeholder.section_patient_adult {
        background-color: #ff6a00;
        display: block;
        width: 100%;
    }

textarea.froala-placeholder.placeholder-full-width,
textarea.froala-placeholder-sub.placeholder-full-width,
input.froala-placeholder.placeholder-full-width {
    display: block;
    width: 100%;
}

span.froala-placeholder{
    background-color:#FFFF66;
    display:inline-block;
    opacity: .5;
}

div.froala-placeholder {
    background-color: #FFFF66;
    display: block;
    opacity: .5;
}

span.froala-placeholder-sub{
    display:inline-block;
}

div.froala-placeholder-sub{
    display:block;
}
div.froala-placeholder-sub textarea{
    width:100%;
}
/*#endregion froala*/

/*#region style label */
.bold {
    font-weight: 700;
}

.note {
    margin: 0 0 0px;
}
/*#endregion style label */

/*#region select picker */

.dropdown-menu .disabled{
    background-color: #E8E8E8;
}

/*#endregion select picker */

.check-tooltip-container {
    display: flex;
    gap:10px;
}
.check-tooltip-container [data-toggle="tooltip"]{
    margin-top:3px;
    height:20px;
}
.check-tooltip-container .control-label{
    position:relative !important; 
}
.check-tooltip-container > div:first-child {
    display: flex;
    flex-direction: column-reverse;
    padding-top:0 !important;
}
.check-tooltip-container > div:first-child .checkbox {
    margin:0;
}