.main-content {
    padding: 10px;
}

/*.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
    padding-right: 6px;
    padding-left: 5px;
}*/

.widget.widget-tile {
    margin-bottom: 10px;
}

.widget {
    margin-bottom: 10px;
}

.card {
    margin-bottom: 10px;
}

.form-group.row {
    padding: 2px 0;
}

.dataTables_filter {
    display: none;
}

.dt-buttons.btn-group.flex-wrap {
    margin-bottom: 5px;
}

.be-sub-navigation {
    margin-bottom: 0px;
}

/*Datatable*/
.dataTables_wrapper .dataTables_length {
    float: right !important;
}

.notifications-actions {
    font-size: 15px;
}

.notifications-actions a {
    padding-right: 3px;
    color: #404040;
}

.table-bordered > thead > tr > th {
    padding: inherit;
}

.table-sm tr, .table-sm td {
    padding: 4px;
}

table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
    top: -2px;
    right: 0.85em;
}

table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
    top: -2px;
}

.dataTable {
    table-layout: fixed;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right;
}

.table thead th {
    vertical-align: middle;
}

.table-responsive tbody > tr > td {
    padding-top: 2px;
    padding-bottom: 2px;
}

.notifications-actions {
    width: 30px;
}

.select2-container--default .select2-selection--single {
    height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    height: 2rem;
    line-height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:after {
    line-height: 2rem;
}

.page-link {
    padding: 0.5rem;
}

.page-item.active .page-link {
    z-index: inherit;
}

/*EndDatatable*/

.btn-secondary .icon, .btn-light .icon {
    color: white;
}

select.form-control-xs:not([size]):not([multiple]) {
    height: 30px;
}

.preview-table tr td:first-of-type {
    font-weight: bold;
}

.dataTable .form-control-xs {
    height: 24px;
    padding: 4px 4px;
}

.dataTables_length {
    margin-bottom: 10px;
}

.notifications-actions a:hover {
    color: #06f !important;
    cursor: pointer;
}

/*collapsible start*/
.collapsible-example {
    background-color: #777;
    color: white;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    height: 30px;
}

.collapsible-example:hover {
    background-color: #555;
}

.collapsible-content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
}

/*collapsible end*/

.table th, .table td {
    padding: 5px;
}

table.preview tr td:first-of-type {
    font-weight: bold;
}

.widget.widget-fullwidth, .widget {
    padding: 5px;
}

.dataTable input:not(:placeholder-shown), .has-selected-option {
    background: #fff2cc;
}

table.dataTable tbody tr.odd.selected,
table.dataTable tbody tr.odd.selected {
    background-color: #acbad4;
}

table.dataTable tbody tr.selected {
    background-color: #b0bed9;
}

.buttons-html5 {
    margin-right: 5px;
    margin-bottom: 5px;
}

.dataTable tfoot tr td {
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .be-left-sidebar {
        width: 170px;
    }

    .be-content {
        margin-left: 170px;
    }
}

@media screen and (max-width: 767.98px) {
    .be-sub-navigation .navbar-nav > li.nav-item > a.nav-link {
        padding: 3px 20px;
    }
}

.be-top-header .be-navbar-header .navbar-brand {
    background-size: 110px;
}

.dataTable td {
    color: black;
}


.fc-button-primary {
    display: inline-block;
    outline: none;
    font-size: 12px;
    color: #000 !important;
    border: 1px solid #92949b;
    background: #fff;
    border-radius: 5px;
    padding: 4px;
    min-width: 94px;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    transition: 0.2s;
}

.fc-button-primary.fc-button-active,
.fc-button-primary:focus,
.fc-button-primary:active,
.fc-button-primary:hover {
    background-color: #f1f2f5 !important;
}
button:disabled, button[disabled] {
    color: #92949b!important;
    border: 1px solid #92949b!important;
    pointer-events: none!important;
    background: 0 0!important;
}

.table-header-rotated td {
    width: 40px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
}

.table-header-rotated th.rotate-45 {
    height: 80px;
    width: 20px;
    min-width: 30px;
    max-width: 45px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div {
    position: relative;
    top: 0px;
    left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
    height: 100%;
    -ms-transform: skew(-45deg, 0deg);
    -moz-transform: skew(-45deg, 0deg);
    -webkit-transform: skew(-45deg, 0deg);
    -o-transform: skew(-45deg, 0deg);
    transform: skew(-45deg, 0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
    -ms-transform: skew(45deg, 0deg) rotate(315deg);
    -moz-transform: skew(45deg, 0deg) rotate(315deg);
    -webkit-transform: skew(45deg, 0deg) rotate(315deg);
    -o-transform: skew(45deg, 0deg) rotate(315deg);
    transform: skew(45deg, 0deg) rotate(315deg);
    position: absolute;
    bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
    left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
    display: inline-block;
/ / width: 100 %;
    width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
    text-align: left;
/ / white-space: nowrap; /*whether to display in one line or not*/
}

.modal_open_window_xl .modal-dialog,
.modal_open_window_xl .modal-content,
#modal_open_window_xl .modal-dialog,
#modal_open_window_xl .modal-content {
    max-width: 1400px;
}

input.error {
    border: 1px solid #E00000;
}

.be-left-sidebar .sidebar-elements > li > a {
    color: black;
}

.be-left-sidebar .sidebar-elements > li ul li > a {
    padding: 2px 15px 2px 49px;
}

.card {
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 30%) !important;
}

.card-header {
    margin: 0 5px 5px!important;
    padding: 5px!important;
}
.card-header .title {
    font-size: 14px;
}


.note-editable {
    width: 100%;
    border: 1px solid #dadbdd;
    border-radius: 5px;
    padding: 10px 15px;
    outline: none;
    margin: 0;
    box-shadow: none;
    font-size: 12px;
    display: block;
    color: #222634;
    height: 130px;
    -webkit-resize: none;
    resize: none;
    transition: 0.2s;
    margin-bottom: 20px;
}

a.action-button.disabled {
    pointer-events: none; /* neleidžia paspausti */
    opacity: 0.5;         /* vizualiai parodo kad neaktyvus */
}
.ip-wrapper {
}

.ip-wrapper div {
    float: left;
    width: 50%;
    padding-bottom: 5px!important;
}

/*ul.pagination {
    margin-bottom: 10px;
    padding-bottom: 10px;
}*/

.form-control-xs {
    height: 24px;
    font-size: 0.9231rem;
    padding: 3px 6px;
}

.summary-row th {
    padding-right: 4px!important;
    text-align: right;
}