#sidebar-container.sidebar-collapsed + #mainright, #mainright{max-width: calc(100% - 60px)}
#sidebar-container.sidebar-expanded + #mainright{max-width: calc(100% - 230px);}


a {
    color: #1d9bf0;
}
.btn, .form-control, .form-select {border-radius:25px;}
.select2-selection .select2-selection--multiple, .select2-container--default .select2-selection--multiple {
  border-radius:25px;
  border: 1px solid #ced4da;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {border-radius:15px;}

.modal-dialog.modal-xl {
  max-width: 95%;
}


.btn-primary {
  background-color:#1d9bf0;
  border-color:#1d9bf0;
}

.card {background:#f7f9f9; border-radius:25px;}
.badge {border-radius:25px;}

.table {border-radius: 15px;
    border-collapse: separate !important;
    overflow: hidden;
    border-spacing: 0;
    border-bottom: 1px #ccc solid;
  }
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f7f9f9;
}

.img-circle {border-radius:100%;}

#login.h-100, #login .h-100 {height:100vh !important;}
#login .h1.text-primary .mdi-bird {
  width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-top: -50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
    border: 1px solid rgba(0,0,0,.125);
    background: #fff;
    text-align: center;
    font-size: 35px;
    line-height: 58px;

}

form .mb-3#tags .select2-container {width:100% !important; border-radius:25px;}
form .mb-3#tags .select2-container--default  .select2-selection--multiple {border-radius:25px;}


#body-row {
    margin-left:0;
    margin-right:0;
}
#sidebar-container {
    min-height: 100vh;
    background-color: #333;
    padding: 0;
}

/* Sidebar sizes when expanded and expanded */
.sidebar-expanded {
    width: 230px;
}
.sidebar-collapsed {
    width: 60px;
}

/* Menu item*/
#sidebar-container .list-group a {
    height: 50px;
    color: white;
}

/* Submenu item*/
#sidebar-container .list-group .sidebar-submenu a {
    height: 45px;
    padding-left: 30px;
}
.sidebar-submenu {
    font-size: 0.9rem;
}

/* Separators */
.sidebar-separator-title {
    background-color: #333;
    height: 35px;
}
.sidebar-separator {
    background-color: #333;
    height: 25px;
}
.logo-separator {
    background-color: #333;
    height: 60px;
}

/* Closed submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
  content: "\F0142";
  font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
  text-align: right;
  padding-left: 10px;
}
/* Opened submenu icon */
#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
  content: "\F0141";
  font: normal normal normal 24px/1 "Material Design Icons";
      font-size: inherit;
      text-rendering: auto;
      line-height: inherit;
  text-align: right;
  padding-left: 10px;
}





.pagination .page-item.current{
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #fff;
    background-color: #6f7f8c;
    border: 1px solid #6f7f8c;
}

 .pagination {
    margin-top:1rem;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    overflow:hidden;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.pagination span {
    text-align:center;
    position: relative;
    display: block;
    margin-left: -1px;
    line-height: 32px;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin-left: 0;
    min-width:34px;
    height:34px;

}
.pagination span  a {   line-height: 32px;  display:block; height:34px;  min-width:34px;}
.pagination span:hover a { text-decoration:none !important;}
.pagination span:hover {background:#dee2e6;}
.pagination span.current, .navigation .pagination span.current:hover {
    z-index: 3;
    color: #fff;
    background-color: #6f7f8c;
    border-color: #6f7f8c;
}






/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}




/*************** SIMPLE INNER SCROLLBAR ***************/

.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
        z-index: 1044;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {   background-color: #b9b9b9; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }


/* update scrollbar offset if both scrolls are visible */

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }


.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }


.dragscroll {
    cursor : -webkit-grab;
    cursor : -moz-grab;
    cursor : -o-grab;
    cursor : grab;
}


.dragscroll:active {
    cursor : -webkit-grabbing;
    cursor : -moz-grabbing;
    cursor : -o-grabbing;
    cursor : grabbing;
}

.table-responsive {height:79vh;}
#tableBig { width:3200px;  overflow: auto;  }
#tableBig tr th {position:relative; padding-top:30px; font-size:12px; height:60px; }
#tableBig .badge.bg-light {position:absolute; top:5px; left:5px; font-size:10px; opacity:.4; color:#000; width:22px; height:22px; padding:0; text-align:center; line-height:21px;}
#tableBig thead  th {position: sticky; top: 0; z-index: 2; }
#tableBig tbody tr td:first-child  {position: sticky; left: 0; z-index: 1; background:#ccc; width:30px;}
#tableBig tbody tr td:nth-child(2)  {position: sticky; left: 22px; z-index: 1; background:#cecece;}
#tableBig.left3 tbody tr td:nth-child(3)  {position: sticky; left: 42px; z-index: 1; background:#fff; width:190px; }
.modal #tableBig.left3 tbody tr td:nth-child(3)  {position: relative; left: 0px; z-index: 1; background:transparent;  }


.select2-container--default .select2-selection--single{
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 25px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	height:38px;
}



.errors { color: red; }

@media (max-width: 1670px) {
	body {font-size: .85rem;}
	
}