@media (min-width: 1200px) {
    .row-offcanvas-left.active {
        left: 18% !important;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -18% !important;
    }
    .sidebar-offcanvas {
        width: 18% !important;
    }
    .col-lg-10 {
        width: 82.2% !important;
    }
}

@media (min-width: 768px) {
    .modal-dialog.modal-md {
        width: 70% !important;
        margin: 30px auto !important;
    }

    .modal-dialog.modal-lg {
        width: 70% !important;
        margin: 30px auto !important;
    }
}

.panel-heading {
    margin: -1px 0 !important;
    padding: 2px 4px !important;
    border-radius: 4px !important;
}

.row-offcanvas:not(.active) .main-offcanvas {
    width: 100% !important;
}

.form-separator label:empty {
    display: none;
}

.tab-form .navbar-btn .badge, .tab-board .navbar-btn .badge {
    top: 6px;
    right: 3px;
}

.btn-group > .btn:first-child {
    overflow: hidden;
}

.tab-form .panel-body {
    padding: 6px !important;
}


.form-char .input-group-sm {
    width: 100% !important;
}

.form-many2many-toolbar .input-group {
    margin-bottom: 0 !important;
}

div.modal-dialog:not(.modal-sm) > .modal-content {
    border-radius: 10px !important;
    width: fit-content !important;
    margin: auto !important;
    max-width: 100%;
}

.modal-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.form-control {
    border: transparent;
    &[disabled],
    &[readonly],
    fieldset[disabled] & {
        background-color: #eeeeee !important;
    }
}

html[theme="default"] select, html[theme="default"] select.form-control {
    padding-left: 10px !important;
    padding-right: 10px !important;
    -webkit-box-shadow: inset 0 0 0 1px #ddd;
    box-shadow: inset 0 0 0 1px #ddd;
}

html[theme="default"] textarea, html[theme="default"] textarea.form-control, html[theme="default"]
 input.form-control, html[theme="default"] input[type=text], html[theme="default"] input[type=password], 
 html[theme="default"] input[type=email], html[theme="default"] input[type=number], html[theme="default"] 
 [type=text].form-control, html[theme="default"] [type=password].form-control, html[theme="default"] 
 [type=email].form-control, html[theme="default"] [type=tel].form-control, html[theme="default"]
  [contenteditable].form-control {
    -webkit-box-shadow: inset 0 0 0 1px #ddd;
    box-shadow: inset 0 0 0 1px #ddd;
}

html[theme="default"] input[type=checkbox].form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
}


.input-group .form-control:first-child, .input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle {
    border-radius: 6px !important;
}

.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child),
 .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 6px !important;
}

html[theme="default"] select, html[theme="default"] select.form-control {
    border-radius: 6px !important;
}

html[theme="default"] .alert-danger {
    max-height: 124px !important;
}

html[theme="default"] .alert-danger pre {
    max-height: 80px !important;
}