/* Used for show / hide every single razor component 
  replaced by d-none bootstrap class
*/
/*.displayNone {
    display: none;
}*/


/* Drag and Drop bheavours class */
.no-drop {
    border: 2px dashed red;
}

.can-drop {
    border: 2px dashed green;
}

.no-focus {
    outline: none !important;
}

/*.dropzone {
    padding: 30px;
    border: 1px dashed #75868a;
    list-style: none;
}*/

/* Default background color of the data selection components */
.InputDataSelection {
    /*background-color: LightYellow !important;*/
    background-color: lightgoldenrodyellow !important;
}

.caption-top {
    caption-side: top;
}

.caption-bottom {
    caption-side: bottom;
}

/* Default image icons */
.icon-yellow {
    background-image: url(/_content/OO.Presentation.Component.Base/Images/Icons/Giallo.ico);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    padding-left: 16px;
}

.icon-red {
    background-image: url(/_content/OO.Presentation.Component.Base/Images/Icons/Rosso.ico);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    padding-left: 16px;
}

.icon-green {
    background-image: url(/_content/OO.Presentation.Component.Base/Images/Icons/Verde.ico);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    padding-left: 16px;
}