.bitls-module 
{
    border: none;
}

.bitls-module-label, 
.bitls-module-value
{
    font-size:              17px;
    font-family:            "Segoe UI",Roboto,Arial;
    color:                  #222;
}

.bitls-module .bitls-module-value .k-textbox input
{
    border-radius:          0px;
    -moz-border-radius:     0px;
    -webkit-border-radius:  0px;
    color:                  #555555;
    border:                 1px solid #5D5B5C;
}

.bitls-module .bitls-module-value .k-button.bitls-modulefield-button
{
    border-radius:          0px;
    -moz-border-radius:     0px;
    -webkit-border-radius:  0px;
    background-color:       #555555;
    color:                  #FFFFFF;
    border:                 1px solid #5D5B5C;
}

.bitls-module-header-row
{
    background-color:       #344050;
}

.bitls-module-header-row .headerRowElement
{
    float:                  left;
    width:                  16.66%;
    height:                 40px;
    text-align:             center; 
    font-size:              16px;
    font-family:            "Segoe UI",Roboto,Arial;
    line-height:            normal; 
    color:                  #FFFFFF;
    background-color:       #344050;
    -moz-box-sizing:        border-box;
    -webkit-box-sizing:     border-box;
    box-sizing:             border-box;
    padding-top:            10px;
    border:                 1px solid #FFFFFF;
}

/*

.bitls-module-display
{
    position:               relative;
    height:                 100%;
}

*/

#Wrapper_HtmlEditorPopOutModule_HtmlEditorField .bitls-module-label
{
    display:                none;
}

#Wrapper_HtmlEditorPopOutModule_HtmlEditorField .bitls-module-value
{
    width:                  100%;
}

#Wrapper_HtmlEditorPopOutModule_HtmlEditorField .bitls-module-value table
{
    height:                 570px;
}

#HtmlEditoPopOutModuleContextBitlsWindowModal .k-tabstrip-items
{
    display:                none;
}

#HtmlEditoPopOutModuleContextBitlsWindowModal .bitlsTabStrip div.k-content
{
    top:                    0px;
}

#HtmlEditorPopOutModule
{
    padding:                0px;
}

.k-widget.k-window .k-filebrowser-dialog
{
    font-size:              12px;
}

.k-widget.k-window .k-viewhtml-dialog
{
    font-size:                      16px;
    line-height:                    normal;
}

.k-editor.border-active,
.k-editor.k-state-active
{
    border-width:                   2px;
}

.k-editor.fullHtmlEditor, 
.k-editor.imageHtmlEditor, 
.k-editor.textHtmlEditor
{
    position:                       absolute;
}

.fullHtmlEditor, 
.imageHtmlEditor, 
.textHtmlEditor
{
    position:                       absolute;
    overflow:                       hidden;
    border-width:                   0px;
    box-shadow:                     none;
    white-space:                    normal;
    line-height:                    normal;
}

.fullHtmlEditor p,
.imageHtmlEditor p,
.textHtmlEditor p
{
    margin:                         0px;
}

.imageHtmlEditor
{    
    overflow:                       hidden;
}

.imageHtmlEditor .textHtmlEditor,
.textHtmlEditor .imageHtmlEditor
{
    margin:                         10px;
}

.imageHtmlEditor:not(#bgImage),
.textHtmlEditor
{
    cursor:                         move;
}

.imageHtmlEditor *:not(.ui-resizable-handle),
.textHtmlEditor *:not(.ui-resizable-handle)
{
    cursor:                         auto;
}

/*.textHtmlEditor *:not(.ui-resizable-handle)
{
    display:                        inline-block;
}*/

.bitls-module-field .ui-resizable-e
{
    right:                          3px;
}

.bitls-module-field .ui-resizable-s
{
    bottom:                         2px;
}

.fullHtmlEditor,
.imageHtmlEditor,
.textHtmlEditor,
.fullHtmlEditor:hover,
.imageHtmlEditor:hover,
.textHtmlEditor:hover
{
    padding:                        0px;
    background-color:               transparent;
    box-sizing:                     border-box;
    -webkit-box-sizing:             border-box;
    -moz-box-sizing:                border-box;
}

.placeholder-active:not(.k-state-active):before
{
    content:                        attr(data-text);
    cursor:                         text;
}

.bitls-module-value.bitls-module-html-editor-inline-display-value,
.bitls-module-value.bitls-module-html-editor-inline-edit-value
{
    width:                          100%; 
    height:                         100%;
}

.bitls-module-html-editor-inline-edit-value table.k-editor
{
    width:                          100%;
    height:                         100%;
}

.bitls-module-field.ui-draggable
{
    /* Necessario in caso di un html editor di testo per lasciare dello spazio in cui draggare l'elemento */
    /*padding:                    3px;*/
    cursor:                     move;
    /*box-sizing:                 border-box;
    -webkit-box-sizing:         border-box;
    -moz-box-sizing:            border-box;*/
}

.bitls-module-field.ui-draggable
{
    border-color:               #f5f5f5;
    border-style:               solid;
    border-width:               0px;
    box-sizing:                 border-box;
    -webkit-box-sizing:         border-box;
    -moz-box-sizing:            border-box;
}

.bitls-module-field.ui-draggable .k-widget.k-editor.k-editor-inline
{
    height:                     100%;
    width:                      100%;
    padding:                    0px;
    background-color:           transparent;
    cursor:                     text;
    box-shadow:                 none;
    box-sizing:                 border-box;
    -webkit-box-sizing:         border-box;
    -moz-box-sizing:            border-box;
    overflow:                   hidden;
    border-width:               0px;
    border-style:               dotted;
}

.bitls-module-field.ui-draggable .k-widget.k-editor.k-editor-inline:empty
{
    border-width:               2px;
}

.bitls-module-field.ui-draggable .k-widget.k-editor.k-editor-inline.k-state-active
{
    border-width:               2px;
}

.bitls-module-field.ui-draggable .ui-resizable-handle.ui-icon-gripsmall-diagonal-se
{
    right:                      0px;
    bottom:                     -1px;
    background-color:           #f5f5f5;
    border-radius:              100% 0px 2px 0px;
    box-sizing:                 border-box;
    -webkit-box-sizing:         border-box;
    -moz-box-sizing:            border-box;
}

.bitls-module-field.ui-draggable .bitls-module-value-file,
.bitls-module-field.ui-draggable .bitls-module-value-file .file-preview,
.bitls-module-field.ui-draggable .bitls-module-value-file .file-preview .file-preview-img
{
    height:                     100%;
    width:                      100%;
}

.bitls-module-field.ui-draggable .bitls-module-value-file .file-preview .file-preview-img
{
    min-height:                 0px;
    max-height:                 100%;
}

.bitls-module-field.ui-draggable .bitls-module-edit-value:not(.bitls-module-value-file),
.bitls-module-field.ui-draggable .bitls-module-edit-value:not(.moduleFieldStringUrlPreviewEditable)
{
    /*padding:                    2px;*/
}

.bitls-module-field.ui-draggable .bitls-module-value-file,
.bitls-module-field.ui-draggable .moduleFieldStringUrlPreviewEditable
{
    border:                     2px solid #ccc;
    border-style:               dotted;
    box-sizing:                 content-box;
}

.bitls-module-field.ui-draggable .bitls-module-value.bitls-module-html-editor-inline-edit-value,
.bitls-module-field.ui-draggable .bitls-module-value.moduleFieldStringUrlPreviewEditable
{
    margin:                     3px;
}

.bitls-module-value.bitls-module-html-editor-inline-edit-value p,
.bitls-module-value.bitls-module-html-editor-inline-display-value p
{
    margin:                     0px;
    padding:                    0px;
    line-height:                normal;
}

.moduleFieldRemoveButton
{
    display:                    none;
    position:                   absolute;
    bottom:                     3px;
    left:                       4px;
    width:                      50px;
    height:                     20px;    
    background-color:           #428bca;
    color:                      #FFFFFF;
    border:                     0px;
    font-size:                  14px;    
    line-height:                normal;    
    border-radius:              0px 3px;
    z-index:                    9;
    cursor:                     pointer;
}

.moduleFieldDragButton
{
    display:                    none;
    position:                   absolute;
    top:                        3px;
    background-color:           #428bca;
    color:                      #FFFFFF;
    border:                     0px;
    font-size:                  14px;    
    line-height:                normal;    
    z-index:                    9;
    cursor:                     move;
}

.moduleFieldDragButtonRight
{
    right:                      3px;  
    padding:                    0px 3px 6px 7px;
    border-radius:              0px 0px 0px 100%;
}

.moduleFieldDragButtonLeft
{
    left:                       3px;  
    padding:                    0px 7px 6px 3px;
    border-radius:              0px 0px 100% 0px
}

.module-field-string-url-preview-wrapper
{
    text-align:                 center;
}

.module-field-string-url-preview-wrapper iframe
{
    height:                     100%;
    width:                      100%;
}

.moduleFieldStringUrlPreviewEditable
{
    position:                   relative;
}

.moduleFieldStringUrlPreviewEditable span.k-widget.k-textbox
{
    width:                      300px;
    border:                     3px solid #428bca;
    z-index:                    9;
}

.moduleFieldStringUrlPreviewEditable.bitls-module-value .k-textbox input
{
    border-radius:              3px;
    border:                     none;
}

.bitls-module-field .maximizeField,
.bitls-module-field .bringToFront,
.bitls-module-field .sendToBack
{
    background-color:   transparent;
    color:              #428bca;
    font-size:          24px;
    cursor:             pointer;
    border-radius:      2px;
}

.moduleFieldUrlPreviewControls
{
    position:           relative; 
    width:              300px; 
    height:             38px; 
    left:               50%; 
    margin-left:        -150px; 
    background-color:   #f5f5f5; 
    padding:            7px; 
    border-radius:      3px; 
    box-sizing:         border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
}

.bitls-module-field .maximizeField
{
    right:              5px;
}

.bitls-module-field-with-action
{
    display:            inline-block;
    border-radius:      5px;
}

.bitls-module-field-with-action-error
{
    border: 1px solid red;
}

.bitls-module-field-action-button
{
    width:              4.5%;
    font-size:          20px;
    float:              right;
    margin:             0px 0.5%;
}

.bitls-module-field-action-menu-container .fa-language,
.bitls-module-field-action-menu-container .fa-envelope
{
    font-size:          28px;
    width:              auto !important;
}

.bitls-module-field-action-menu
{
    display:            none;
}

.bitls-module-field-action-menu
{
    position:           absolute;
    right:              0px;
    z-index:            999;
    background-color:   #F7F7F7;
    border:             1px solid black;
    border-radius:      4px;
    box-shadow:         0 0 25px #333333;
    padding:            5px 3px;
}

.bitls-module-field-action-menu .fa-solid
{
    width:              20px;
}

.bitls-action
{
    font-size:          20px;
    cursor:             pointer;
    padding:            0px 5px;
    text-align:         center;
}

.bitls-module-field-action-menu .bitls-action
{
    background-color:   #555555;
    color:              white;
    padding:            3px;
    border-radius:      4px;
    line-height:        normal;
    margin:             0px 1px;
    width:              38px;
    flex-grow:          1;
}

.bitls-context-action
{
    display:            inline-block;
}

@media screen and (max-width: 600px)
{
    .bitls-module-field-action-button
    {
        opacity:                  1 !important;
    }
}