.mb-0 { margin-bottom: 0px !important; }
.mb-1 { margin-bottom: 1em !important; }
.mt-1 { margin-top: 1em !important; }
.mr-1 { margin-right: 1em !important; }
.ml-1 { margin-left: 1em !important; }
.m-auto { margin-left: auto !important; margin-right: auto !important; }

.pb-0 { padding-bottom: 0px !important; }
.pb-1 { padding-bottom: 1em !important; }
.pt-1 { padding-top: 1em !important; }
.pr-1 { padding-right: 1em !important; }
.pl-1 { padding-left: 1em !important; }

.bb-1 { border-bottom: 1px solid #ccc; }

.label { color: #666666; }
.width-100-per { width: 100%; }

/* = LOGO
-------------------------------------------------- */

#logo {
    margin-top: 6px;
}

/* = FLASHES
-------------------------------------------------- */
.flashes {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%
}

.flashes .alert {
    margin-bottom: 0px;
}

/* = WIDGET JARVIS
-------------------------------------------------- */
.no-min-height {
    min-height: 0px !important;
}

/* = TABLE
-------------------------------------------------- */
td.quantity {
    width: 245px;
    padding: 2px !important;
}

td.no-remove-btn {
    width: 215px;
}

td.quantity .form-inline .input-group > .form-control {
    width: 60px;
}

.table-striped tbody tr.bg-success:nth-of-type(odd)
{
    background-color: #dff0d8;
}

.table-striped tbody tr.bg-danger:nth-of-type(odd)
{
    background-color: #f2dede;
}

.table-striped tbody tr:nth-of-type(odd):hover td.table-hover,
table tr:hover td { background-color: #ecf3f8; }

/* = DATAGRID
-------------------------------------------------- */

.datagrid {
    padding: 0px;
    background: url(/images/layout/mybg.png) #fff;
}

.datagrid .col-id {
    width: 50px;
}

.datagrid .col-allowed {
    width: 80px;
}

.datagrid .col-maxWeight,
.datagrid .col-minWeight {
   /*width: 200px;*/
}

.datagrid table tbody {
    border-bottom: 1px solid #ddd;
}

.datagrid .row-grid-bottom .datagrid-per-page-submit {
    display:none;
}

/* = FORM
-------------------------------------------------- */
.smart-form fieldset {
    padding: 15px 15px 5px;
}

.smart-form .checkbox {
    padding-left: 0;
}

.smart-form .checkbox input {
    position: static;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    margin-left: 0px;
}

.form-control[disabled] {
    background-color: #eeeeee !important;
}

.composer-panel, #the_composer, .email-panel {
    height: 100%;
}

#the_composer {
    display: flex;
    flex-direction: column;
}

#composer-editor, #body_block_text, #body_block_html {
    height: 100%;
}

.mce-container, .mce-container-body {
    display: auto !important;
}

.mce-tinymce, .mce-stack-layout, .mce-edit-area {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.mce-tinymce.mce-container.mce-panel {
    height: calc(100% - 1px);
    display: flex;
    border: none !important;
}

#subject_ifr, #post_subject_ifr {
    height: 40px !important;
}

#body_ifr {
    min-height: 300px !important;
}

.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item, .mce-tinymce iframe {
    /*height: 100% !important;*/
}

.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item, .mce-container-body.mce-stack-layout {
    display: flex !important;
}

.mce-tinymce > div {
    flex: 1;
    height: 100%;
}

.template-editor label {
    padding: 10px;
}

.template-editor .select2 {
    width: calc(100% - 20px) !important;
}

#frm-composeForm-form-name, #frm-templateForm-form-name, #frm-templateForm-form-description {
    width: calc(100% - 20px) !important;
}

#frm-supplierCustomerForm-form .select2-selection__choice {
    padding-left: 10px;
    padding-right: 20px;
    margin-right: 10px;
}

#frm-supplierCustomerForm-form .select2-selection__choice__remove {
    margin-right: -6px;
}