.centered-element{
    vertical-align: middle;

    justify-content: center;
    align-items: center;
}

.loadersmall {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #DD474E; /* Black */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #E5EAED ! important;
    margin: 10px 0 !important;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #F8FAFC;
}
.table-striped>tbody>tr:hover {
    background-color: #D1E3F4;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border-color: #E5EAED;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-color: #E5EAED;
}
.table-text-middle{
    vertical-align: middle ! important;
}
.dataTables_paginate>a, .pagination>span {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 0px ! important;
    /* height: 40px; */
    /* width: 55px; */
    vertical-align: middle;
    text-align: center;
}
.dataTables_paginate.paging_simple_numbers{
    width:100%;
    text-align:center;
    background: #FFFFFF;
    border-radius: 5px;
}
.dataTables_paginate>.paginate_button.next{
    float:right ! important;
    color: #B4BAC1 ! important;
}
.dataTables_paginate>.paginate_button.next>a{
    color: #B4BAC1 ! important;
    border-left: 1px solid #ddd ! important;
    text-align: center;
    top: 6px;
    height: 30px;
    padding: 4px;
    vertical-align: middle;
}
.dataTables_paginate>.paginate_button.previous{
    float:left ! important;
    color: #B4BAC1 ! important;
}
.dataTables_paginate>.paginate_button.previous>a{
    color: #B4BAC1 ! important;
    border-right: 1px solid #ddd ! important;
    text-align: center;
    top: 6px;
    height: 30px;
    padding: 4px;
    vertical-align: middle;
}

.paginate_button.next::after{
    content: '  >>';
    width: 100px;
}
.paginate_button.next{
    width: 100px;
    border-left: 1px solid #ddd ! important;
}
.paginate_button.next>a{
    width: 100px;
}
.paginate_button.previous::before{
    content: '<<  ';
}
.paginate_button.previous>a{
    width: 100px;
}
.paginate_button.previous{
    width: 100px;
    border-right: 1px solid #ddd ! important;
}
.dataTables_paginate:nth-child(){
    item-align: center;
}
/*nth-child(n+2):nth-child(-n+8)*/
.dataTables_paginate>span>a {
    color: #B4BAC1 ! important;
    align-items: center;
    margin: auto;
    //left: calc(50% - 165px) ! important
}
.dataTables_paginate>span {
    padding-top: 10px;
    display: inline-block;
}

div.dataTables_paginate.paging_simple_numbers>span>a{
    padding:11px;
    margin-left:5px;
    margin-right:5px;
}
div.dataTables_paginate.paging_simple_numbers>span>span{
    padding:11px;
    margin-left:5px;
    margin-right:5px;
}
div.dataTables_paginate.paging_simple_numbers>span>a.paginate_button.current{
    color:#E26368 ! important;
    background: transparent;
    border-color: transparent;
    text-decoration: underline;
}



.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed ! important;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none ! important;
    box-shadow: none ! important;
    opacity: .65;
}

.toptable_border{
    position: sticky;
    background-color:white;
    height:50px;
    width:100%;
    border-bottom: 1px solid #E5EAED;
}
.table-action-menu{
    background-color:white;
    height:91px;
    width:100%;
    border-bottom: 1px solid #E5EAED;
}
.btn-white {
  color: #fff;
  background-color: #fff;
  border-color: #ccc;
  border-radius: 0;
  box-shadow: none;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active {
  color: #fff;
  background-color: #fff;
  border-color: #E5EAED;
}
.open .btn-white.dropdown-toggle {
  color: #fff;
  background-color: #fff;
  border-color: #E5EAED;
}
.btn-white:active, .btn-white.active {
  background-image: none;
  background-color: #c7c7c7;
}
.btn-white:active:hover, .btn-white.active:hover {
  background-color: #fff;
}
.open .btn-white.dropdown-toggle {
  background-image: none;
}
.btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white[disabled].active, fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-white .badge {
  color: #fff;
  background-color: #fff;
}
.btn-white > i {
  color: #aaa;
}
.btn-white > i[class^="icon-"],
.btn-white > i[class*="icon-"] {
  color: #8c8c8c;
}
/*
input[type="radio"] {
  -webkit-appearance: checkbox;     Chrome, Safari, Opera
  -moz-appearance: checkbox;        Firefox
  -ms-appearance: checkbox;         not currently supported
}*/


.table-scrollable > .table > thead > tr > th, .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > tfoot > tr > td {
    white-space: normal ! important;
}

/* Class for when element is above threshold */
.pin-top {
    position: relative;
}

/* Class for when element is below threshold */
.pin-bottom {
    position: relative;
}

/* Class for when element is pinned */
.pinned {
    position: fixed !important;
}