input[type = 'submit'], button {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    opacity: 1 !important;
}
.gn_bt,input[type = 'submit'], button {
    box-shadow:0 2px 3px 0 dimgray;
    cursor:pointer;
    border-width:0;
}
.gn_bt:hover,input[type = 'submit']:hover, button:hover {
    box-shadow:0 1px 0 0 darkgray;
}
.ql-toolbar button, .note-toolbar button{
    box-shadow:unset !important;
    border-width: 0;
}

body,html{
    background-color:var(--bg-primary);
    font-size:14px;
    margin:0;
    scroll-behavior: smooth;
}

#nojavascript {
    margin: auto auto;
    font-size: 18px;
    margin-top: 25px;
}

.action_button{
    padding:10px 35px;
    border-radius: 3px;
    text-align: center;
    min-width:115px;
    width: max-content;
    border-width: 0;
    white-space: nowrap;
    box-shadow:0 2px 3px 0 dimgray !important;
    cursor:pointer !important;
    text-decoration: none;
}
.short_button{ 
    padding:5px 15px;
    min-width:55px;
    font-size: 11px;
}
.action_button:hover{
    box-shadow:0 1px 0 0 darkgray !important;
}
.button_blue {
    color: white;
    background-color: rgba(0, 153, 230, 0.705);
}
.button_blue:hover {
    background-color: rgb(0, 140, 230);
}
.button_brown{
    color: white;
    background-color: rgba(165, 42, 42, 0.705);
}
.button_brown:hover{
    background-color: brown;
}
.button_green {
    color: white;
    background-color: rgba(0, 128, 0, 0.705);
}
.button_green:hover {
    background-color: green;
}
.button_gray{
    color: rgb(40, 40, 40);
    background-color: rgba(211, 211, 211, 0.705);
}
.button_gray:hover{
    background-color: lightgray;
}


/* for styling checkboxes*/
input[type = 'checkbox']:not(.checkbox_nostyle) {
    position: relative;
    /*top:5px;*/
    width:36px;
    height:18px;
    -webkit-appearance:none;
    background:#c6c6c6;
    outline:none;
    border-radius:10.5px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    transition: 0.5s;
}
input[type = 'checkbox']:not(.checkbox_nostyle):hover {
    cursor: pointer;
} 
input[type = 'checkbox']:not(.checkbox_nostyle):checked{
    background: #03a9f4;
}
input[type = 'checkbox']:not(.checkbox_nostyle):before {
    content:'';
    position: absolute;
    width:18px;
    height:18px;
    border-radius: 12.5px;
    top:0;
    left:0;
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    transition: 0.5s;
}
input[type = 'checkbox']:not(.checkbox_nostyle):checked:before {
    left: 18px;
}


body .note-editable,body .note-toolbar{
    background-color: white !important;
    color: black;
}

body .note-editable li{
    color: black;
}
body .note-editable p,body .note-editable div,
body .note-editable ol,body  .note-editable ul,
body .note-editable li{
    color: black;
}
body .note-modal-content {
    background-color: var(--bg-secondary);
}
body .note-form-label{
    color: var(--text-secondary);
}
body .note-modal-header{
    border-width: 0 !important;
}
body .note-input{
    color: var(--text-secondary);
    background-color: var(--bg-secondary);
}
body .note-modal-header button {
    box-shadow: var(--shadow-soft) !important;
}
body .note-icon-close{
    color: var(--text-primary);
}
body .emoji-menu-tabs td,body .emoji-menu-tabs th{
    border-width: 0;
}
body .note-frame {
    border-width: 0 !important;
}


@media only screen and (max-width:1202px){
    
}
@media only screen and (max-width:802px){
    
}
@media only screen and (max-width:602px){

}
@media only screen and (max-width:602px){

}