:root{
    /* FORM BUTTON PRIMARY */
    --formButtonPrimaryBack: rgb(17, 40, 85);
    --formButtonPrimaryFore: rgb(255, 255, 255);
    --formButtonPrimaryBorderColor: rgb(255, 255, 255);
    --formButtonPrimaryBorderWidth: 1px;
    --formButtonPrimaryBorderStyle: solid;
    /* FORM BUTTON PRIMARY:Hover */
    --formButtonPrimaryBackHover: rgb(25, 53, 112);
    --formButtonPrimaryForeHover: rgb(255, 255, 255);
    --formButtonPrimaryBorderColorHover: rgb(255, 255, 255);
    --formButtonPrimaryBorderWidthHover: 1px;
    --formButtonPrimaryBorderStyleHover: solid;
    /* FORM BUTTON DANGER */
    --formButtonDangerBack: #a51f18;
    --formButtonDangerFore: rgb(255, 255, 255);
    --formButtonDangerBorderColor: rgb(255, 255, 255);
    --formButtonDangerBorderWidth: 1px;
    --formButtonDangerBorderStyle: solid;
    /* FORM BUTTON DANGER:Hover */
    --formButtonDangerBackHover: #c51f18;
    --formButtonDangerForeHover: rgb(255, 255, 255);
    --formButtonDangerBorderColorHover: rgb(255, 255, 255);
    --formButtonDangerBorderWidthHover: 1px;
    --formButtonDangerBorderStyleHover: solid;
    /* FORM TEXTAREA */
    --formTextAreaBack: #ffffff;
    --formTextAreaFore: #000000;
    /* FORM INPUT */
    --formInputBack: #ffffff;
    --formInputFore: #000000;
    --formInputBorderColor: #999999;
    --formInputBorderWidth: 1px;
    --formInputBorderStyle: solid;
    /* FORM INPUT INVALID*/
    --formInputBackInvalid: #ffffff;
    --formInputForeInvalid: #ff0000;
    --formInputBorderColorInvalid: #ff0000;
    --formInputBorderWidthInvalid: 1px;
    --formInputBorderStyleInvalid: solid;
    /* FORM INPUT READONLY */
    --formInputBackReadOnly: #aaaaaa;
    --formInputForeReadOnly: #000000;
    --formInputBorderColorReadOnly: #999999;
    --formInputBorderWidthReadOnly: 1px;
    --formInputBorderStyleReadOnly: solid;
    /* FORM INPUT FOCUS */
    --formInputBackFocus: #ffffbb;
    --formInputForeFocus: #000000;
    --formInputBorderColorFocus: #000000;
    --formInputBorderWidthFocus: 1px;
    --formInputBorderStyleFocus: solid;
}


.trumbowyg *{ 
    font-size: initial;
    margin: auto;
    padding: initial;
    border: thin;
 }
button.trumbowyg-modal-button{ 
    text-align:center;
 }
 .trumbowyg-input-infos label, .trumbowyg-input-infos label span{ line-height: 15px !important;}
 .trumbowyg-modal-title { padding: 15px 0px 13px 10px !important; }
 .trumbowyg p { padding: 5px !important; }

form{ margin:0;border:0;padding:0;width: 100%; display: block; }
form label{ 
    display:block; margin-top:10px; margin-bottom:4px; font-size: 23px; 
}
form .hidden{ display:none !important; }
form input[type="submit"], form button:not([class^="trumbowyg-"]), form span.button, form a.button{ 
    display:inline-block;
    cursor:pointer;
    font-size: 23px; line-height:27px; padding:5px; min-width:120px; text-align: center;
    background-color: var(--formInputBack); color: var(--formInputFore); border: var(--formInputBorderColor) var(--formInputBorderWidth) var(--formInputBorderStyle); 
}
form input[type="submit"], form button:not([class^="trumbowyg-"]), form span.btn, form a.btn{ 
    display:inline-block;
    cursor:pointer;
    font-size: 15px; line-height:17px; 
}
form button span{ 
    font-size: 28px; line-height: 31px;
}
form span.button span{ 
    font-size: 23px; line-height:27px;
}
form input[type="submit"]:hover, form button:not([class^="trumbowyg-"]):hover, form span.button:hover, form a.button:hover{
    background-color: var(--formInputBackFocus); color: var(--formInputForeFocus); cursor:pointer;
    border: var(--formInputBorderColorFocus) var(--formInputBorderWidthFocus) var(--formInputBorderStyleFocus); 
}
form span.button.short, form a.button.short{ 
    min-width:25px; text-align: center;
}
form input[type="submit"].center, form button.center{ 
    display:block; margin: 0 auto; 
}
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), form select, form textarea, form a.input_link{ 
    display:block; margin-top:2px; margin-bottom:4px; 
    min-width:calc(100% - 100px);
    width:calc(100% - 14px);
    font-size: 20px; line-height:30px; height:40px; padding-left:10px; 
}
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):invalid, form textarea:invalid{ 
    /* background-color: var(--formInputBackInvalid); */
    color: var(--formInputForeInvalid);
    border: var(--formInputBorderColorInvalid) var(--formInputBorderWidthInvalid) var(--formInputBorderStyleInvalid); 
}
form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), form select, form a.input_link{ 
    background-color: var(--formInputBack); color: var(--formInputFore); border: var(--formInputBorderColor) var(--formInputBorderWidth) var(--formInputBorderStyle); 
}
form select{ min-width: calc(100% - 100px); width: calc(100% - 2px); }
form textarea, .trumbowyg-editor{ min-height: 100px; background-color: var(--formTextAreaBack); color: var(--formTextAreaFore); border: var(--formInputBorderColor) var(--formInputBorderWidth) var(--formInputBorderStyle); }
.trumbowyg-box textarea{ display:none; }

.trumbowyg-editor td {
    border-color:#999999 !important;
  }
.trumbowyg-editor img {
    margin:5px;
  }

form input:read-only:not([type="submit"]){ 
    background-color: var(--formInputBackReadOnly) !important; color: var(--formInputForeReadOnly) !important; border: var(--formInputBorderColorReadOnly) var(--formInputBorderWidthReadOnly) var(--formInputBorderStyleReadOnly) !important;
}
form input:not([type="submit"]):not(:read-only):focus, form select:not(:read-only):focus, form textarea:not(:read-only):focus{ 
    background-color: var(--formInputBackFocus); 
    color: var(--formInputForeFocus); 
    border: var(--formInputBorderColorFocus) var(--formInputBorderWidthFocus) var(--formInputBorderStyleFocus); 
}

form button:not([class^="trumbowyg-"]), form span.button, form .btn, a.btn{
    cursor:pointer; padding:10px !important;
}
a.btn{ text-decoration: none; }
.btn-primary{
    background-color: var(--formButtonPrimaryBack) !important;
    border: var(--formButtonPrimaryBorderColor) var(--formButtonPrimaryBorderWidth) var(--formButtonPrimaryBorderStyle) !important;
    color: var(--formButtonPrimaryFore) !important;
}

.btn-primary:hover{
    background-color: var(--formButtonPrimaryBackHover) !important;
    border: var(--formButtonPrimaryBorderColorHover) var(--formButtonPrimaryBorderWidthHover) var(--formButtonPrimaryBorderStyleHover) !important;
    color: var(--formButtonPrimaryForeHover) !important;
}
.btn-danger{
    background-color: var(--formButtonDangerBack) !important;
    border: var(--formButtonDangerBorderColor) var(--formButtonDangerBorderWidth) var(--formButtonDangerBorderStyle) !important;
    color: var(--formButtonDangerFore) !important;
}

.btn-danger:hover{
    background-color: var(--formButtonDangerBackHover) !important;
    border: var(--formButtonDangerBorderColorHover) var(--formButtonDangerBorderWidthHover) var(--formButtonDangerBorderStyleHover) !important;
    color: var(--formButtonDangerForeHover) !important;
}

form .sort_div{
    background: var(--formInputBack);
    border: var(--formInputBorderColor) var(--formInputBorderWidth) var(--formInputBorderStyle);
    min-height:100px;
    padding:10px;
    padding-bottom:0px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

form .sort_div .sort_block{
    background: var(--formInputBackReadOnly);
    color: var(--formInputForeReadOnly);
    border: var(--formInputBorderColorReadOnly) var(--formInputBorderWidthReadOnly) var(--formInputBorderStyleReadOnly);
    margin-bottom: 10px;
    width: calc(100% - 20px);
    padding:10px;
}
form .sort_div .sort_block.me{
    background: #6666ff;
    color: #ffffff;
}

form .tags_div{
    background: var(--formInputBack);
    border: var(--formInputBorderColor) var(--formInputBorderWidth) var(--formInputBorderStyle);
    min-height:100px;
    padding-top:10px;
    padding-left:10px;
    padding-bottom:5px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

form .tags_div span.tag{
    background: var(--formInputBackReadOnly);
    color: var(--formInputForeReadOnly);
    border: var(--formInputBorderColorReadOnly) var(--formInputBorderWidthReadOnly) var(--formInputBorderStyleReadOnly);
    margin-bottom: 5px;
    margin-right: 5px;
    padding:7px;
    display: inline-block;
}
form .tags_div span.tag .icon-remove-sign{ cursor:pointer; }
form .tags_div span.tag .icon-remove-sign:hover,
form .tags_div span.tag .icon-remove-sign:active{ color:#FFFFFF; }

form .icon{ font-size: 15px; }

form .switcher{
    min-height: 30px !important;
    height: max-content !important;
}

.form_error{
    background-color: #ff7777;
    color:#ffffff;
    padding:8px;
    border-radius:10px;
    font-size:20px;
}

.form_ok{
    background-color: #00ac1d;
    color:#ffffff;
    padding:8px;
    border-radius:10px;
    font-size:20px;
}

.test_error{
    color:#ff7777;
    font-size:20px;
}

.test_ok{
    color:#00ac1d;
    font-size:20px;
}


form .search{
    width: calc(100% - 10px) !important;
    background-image: url('../img/search.png');
    background-position: calc(100% - 5px) 4px;
    background-size: auto 80%;
    background-repeat: no-repeat;
}
.trumbowyg-editor {
    width: calc(100% - 5px);
    min-height: 300px;
    height: 60vh;
    resize: vertical !important;
  }

  @media (max-width: 1400px) {
    form label, form input[type="text"], form input[type="password"], form input[type="email"], form input[type="submit"], form button:not([class^="trumbowyg-"]){
        font-size: 1em !important;
    }
 }