.accounts-panel-counter-decoration {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-bottom-style: solid;
    border-bottom-width:  2px;
    padding-top: 5px;
    transition: transform 0.5s ease-in-out, color 0.5s ease-in-out;
    -webkit-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Chrome & Safari **/
    -moz-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Firefox **/
    -o-transition: transform 0.5s ease-in-out, color 0.5s ease-in-out; /** Opera **/
}

.accounts-panel-counter-decoration.allRequests {
    border-bottom-color: #00aeef;
    transform: translate(0px,0);
    -webkit-transform: translate(0px,0); /** Chrome & Safari **/
    -o-transform: translate(0px,0); /** Opera **/
    -moz-transform: translate(0px,0); /** Firefox **/
}

.accounts-panel-counter-decoration.ready {
    border-bottom-color: #262262;
    transform: translate(calc(200%),0);
    -webkit-transform: translate(calc(200%),0); /** Chrome & Safari **/
    -o-transform: translate(calc(200%),0); /** Opera **/
    -moz-transform: translate(calc(200%),0); /** Firefox **/
}

#accounts {
    width:100%!important;
    margin-bottom: 10px;
}

#accounts th {
    font-weight: normal;
    color: #888888;
}

#accounts td {
    border-top-style: dashed;
}

.all-requests
{
    color:#00aeef;
}
.ready-requests
{
    color:#262262;
}

#accounts > tbody > tr:hover {
    cursor: pointer;
}

#accounts > tbody > tr:hover .no-decoration {
    color: black;
}

.account-closure-not-available {
    font-style: italic;
    color: red;
    text-align: center;
    margin-bottom: 15px;
}

.accounts-reconciliation-available {
    color: orange;
    padding-left: 35px;
}

div.accounts-head div.refresh-button {
    font-size: 24px;
    text-align: right;
    color: #3FA9F5;
    margin-bottom: -50px;
    width: 100%;
}

div.accounts-table .dt-header {
    background-color: #e9e9e9;
}

div.accounts-table .dt-header .dt-search-icon {
    padding-right: 6px;
    font-size: 18px;
    padding-top: 5px;
}
div.accounts-table .dt-header #accounts_filter {
    padding-top: 5px;
}
div.accounts-table .dt-header #accounts_filter label {
    float: left;
}
div.accounts-table .dt-header #accounts_filter .input-sm {
    max-width: 250px;
    border-radius: 0px;
    font-size: 14px;
    margin-top: -5px;
}

div.accounts-table .dt-footer #accounts_paginate,
div.accounts-table .dataTables_paginate {
    float:none !important;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > li > a:not(.first):not(.last),
div.accounts-table .dt-footer accountss_paginate .pagination > li > span:not(.first):not(.last),
div.accounts-table .dataTables_paginate .pagination > li > a:not(.first):not(.last),
div.accounts-table .dataTables_paginate .pagination > li > span:not(.first):not(.last){
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 5px;
    width: 36px;
    color: #25AAE1;
    border-color: #25AAE1;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > .active > a:not(.first):not(.last),
div.accounts-table .dt-footer #accounts_paginate .pagination > .active > a:not(.first):not(.last):hover,
div.accounts-table .dataTables_paginate .pagination > .active > a:not(.first):not(.last),
div.accounts-table .dataTables_paginate .pagination > .active > a:not(.first):not(.last):hover{
    background-color: #25AAE1;
    border-color: #25AAE1;
    color: #ffffff;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > a:not(.first):not(.last),
div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > a:not(.first):not(.last):hover,
div.accounts-table .dataTables_paginate .pagination > .disabled > a:not(.first):not(.last),
div.accounts-table .dataTables_paginate .pagination > .disabled > a:not(.first):not(.last):hover{
    background-color: transparent !important;
    border-color: #dddddd;
    color: #dddddd;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > li > a:not(.first):not(.last):hover,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > span:not(.first):not(.last):hover,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > a:not(.first):not(.last):focus,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > span:not(.first):not(.last):focus,
div.accounts-table .dataTables_paginate .pagination > li > a:not(.first):not(.last):hover,
div.accounts-table .dataTables_paginate .pagination > li > span:not(.first):not(.last):hover,
div.accounts-table .dataTables_paginate .pagination > li > a:not(.first):not(.last):focus,
div.accounts-table .dataTables_paginate .pagination > li > span:not(.first):not(.last):focus{
    background-color: #dcf4fe;
}


div.accounts-table .dt-footer #accounts_paginate .pagination > li > a.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > a.last,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > span.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > li > span.last,
div.accounts-table .dataTables_paginate .pagination > li > a.first,
div.accounts-table .dataTables_paginate .pagination > li > a.last,
div.accounts-table .dataTables_paginate .pagination > li > span.first,
div.accounts-table .dataTables_paginate .pagination > li > span.last {
    color: #25AAE1;
    border: none;
    background-color: transparent !important;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > .active > a.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > .active > a.last,
div.accounts-table .dt-footer #accounts_paginate .pagination > .active > span.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > .active > span.last,
div.accounts-table .dataTables_paginate .pagination > .active > a.first,
div.accounts-table .dataTables_paginate .pagination > .active > a.last,
div.accounts-table .dataTables_paginate .pagination > .active > span.first,
div.accounts-table .dataTables_paginate .pagination > .active > span.last {
    text-decoration: underline;
}

div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > a.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > a.last,
div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > span.first,
div.accounts-table .dt-footer #accounts_paginate .pagination > .disabled > span.last,
div.accounts-table .dataTables_paginate .pagination > .disabled > a.first,
div.accounts-table .dataTables_paginate .pagination > .disabled > a.last,
div.accounts-table .dataTables_paginate .pagination > .disabled > span.first,
div.accounts-table .dataTables_paginate .pagination > .disabled > span.last{
    color: #dddddd;
}


div.accounts-table .dt-footer #accounts_paginate .pagination > li:not(.disabled) > a.first:hover,
div.accounts-table .dt-footer #accounts_paginate .pagination > li:not(.disabled) > a.last:hover,
div.accounts-table .dt-footer #accounts_paginate .pagination > li:not(.disabled) > span.first:hover,
div.accounts-table .dt-footer #accounts_paginate .pagination > li:not(.disabled) > span.last:hover,
div.accounts-table .dataTables_paginate .pagination > li:not(.disabled) > a.first:hover,
div.accounts-table .dataTables_paginate .pagination > li:not(.disabled) > a.last:hover,
div.accounts-table .dataTables_paginate .pagination > li:not(.disabled) > span.first:hover,
div.accounts-table .dataTables_paginate .pagination > li:not(.disabled) > span.last:hover {
    font-weight: bold;
}

.datePicker {
    margin-top: -8px;
}

.datePicker .md-datepicker-calendar-icon {
    color: white;
    margin-top: -2px;
}
.datePicker .md-datepicker-input-container {
    background-color: white;
    border: solid 0.2px rgb(116, 116, 116);
    border-radius: 2px;
    margin-left: 0px;
}
.datePicker .md-datepicker-input {
    padding: 0;
    color: #25aae1;
}

.datePicker .close-data-picker {
    font-weight: bold;
    line-height: 1;
    color: red;
    text-shadow: 0 1px 0 #fff;
    margin-left: 8px;
    z-index: 10;
    cursor: pointer;
}

.datePicker .md-datepicker-expand-triangle {
    top: 65%;
}

.datePicker .md-datepicker-triangle-button {
    width: 1px!important;
}

.modal-loading {
	text-align: center;
	font-size: 20px;
}

.account-validation-bold {
	font-weight: bold;
}

.account-validation-first-chapter-separator {
	margin-bottom: 5px;
}

.account-validation-chapter-separator {
	margin-top: 10px;
	margin-bottom: 5px;
}

.row.no-margin-row {
	margin-right: 0px;
	margin-left: 0px;
}

.search-bar.account-validation-search-bar {
	padding-top: 5px;
    padding-bottom: 5px;
}

.reconciliation-error {
	color: red;
    text-align: right;
}

.reconciliation-success {
	color: green;
    text-align: right;
}