body.asba {
    background-color: #ffffff;
    background-image: url("../img/filigrane.png");
    background-repeat: no-repeat;
    background-position: left top;
}
/* Global */
/*legend {
    float: left;
}*/
.asba a {
    color: #004a40;
}
.asba .tooltip .tooltip-arrow {
    border-color: #004a40 !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.asba .tooltip .tooltip-inner {
    background-color: #004a40 !important;
}
/* HEADER */
.asba header {
    height: 49px;
    width: 100%;
    border-bottom: 1px solid #002f27;
    background-color: #004a40;
    position: relative;
    z-index: 3;
}
.asba header .app-name {
    background-color: #7ea7a0;
    color: #FFFFFF;
    padding: 13px 0;
    height: 49px;
    text-align: center;
}
.asba header .app-name h1 {
    color: #FEFEFE;
    font-weight: normal;
}
.asba header .app-name,.asba header {
    box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow: inset 0px -1px 2px rgba(0, 0, 0, 0.3);
}
.asba header .app-name h1 {
    font-size: 20px;
    margin: 0;
    color: #004a40;
}

/* NAVBAR */
.asba header .navbar {
    border: none;
    background: none;
    margin: 0;
    box-shadow: none;
    min-height: inherit;
}

.asba header .navbar.navbar-default .navbar-brand {
    font-size: 16px;
    color: #ffffff;
    text-shadow: none;
    height: 49px;
}
.asba header .navbar.navbar-default .navbar-nav > li {
    font-size: 16px;
}
.asba header .navbar.navbar-default .navbar-nav > li > a {
    text-shadow: none;
    color: #ffffff;
    padding: 10px 20px 9px;
}
.asba header .navbar.navbar-default .navbar-nav > li > a:hover {
    background-color: #ccdbd9;
    color: #004a40;
}
.asba header .navbar.navbar-default .navbar-nav > li.active > a:hover {
    background-color: #00392b;
    color: #ffffff;
}
.asba header .navbar-default .navbar-nav > .active > a,
.asba header .navbar-default .navbar-nav > .open > a {
    background-color: #00392b;
    color: #ffffff;
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
    border-bottom: solid 5px #7ea7a0;
    height: 54px;
    margin-bottom: -5px;
}
.asba header .navbar.navbar-default .navbar-nav > li.open > a {
    background-color: #00231d;
}

.asba header .navbar.navbar-default .navbar-nav > li > a i.round-icon {
    border: 2px solid #ffffff;
    border-radius: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
}
.asba header .navbar.navbar-default .navbar-nav > li > a:hover i.round-icon {
    border-color: #004a40;
}
.asba header .navbar.navbar-default .navbar-nav > li.active > a:hover i.round-icon {
    border-color: #ffffff;
}
.asba header .navbar.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu {
    background-color: #00231d;
    padding: 0;
    border: none;
    border-radius: 0;
}
.asba header .navbar.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li > a {
    color: #ffffff;
    border-bottom: 1px solid #7ea7a0;
    padding: 7px 20px;
}
.asba header .navbar.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li > a:focus,
.asba header .navbar.navbar-default .navbar-nav > li.dropdown > ul.dropdown-menu > li > a:hover {
    color: #00231d;
    background-color: #7ea7a0;
    background-image: none;
}
/* Logo */
.asba .logo {
    background-color: #ccdbd9;
    padding: 5px;
    text-align: center;
}
.asba .logo img{
	padding:10px;
}

/* Pied de Page */
.asba footer {
    margin-top: 30px;
}
.asba footer .copyright {
    height: 100px;
    background-color: #ccdbd9;
    color: #005042;
    font-size: 12px;
}
.asba footer .copyright > .container {
    display: table;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
}
.asba footer .copyright > .container > .row{
    display: table-cell;
    vertical-align: middle;
	padding-top: 20px;
    padding-bottom: 40px;
}
.asba footer .copyright *{
	color:#005042;
}
.asba footer .copyright a {
    color: #00231d;
}
.asba footer .contact {
    margin-bottom: 50px;
    height: 65px;
}
.asba .contact, .asba .contact .fa {
    font-size: 20px;
    color: #CCDCD9;
}
.asba footer .contact > .container > .row > div {
    text-align: center;
    display: table;
    height: 45px;
}
.asba footer .contact > .container > .row > div > div {
    display: table-cell;
    vertical-align: middle;
}
/* Couleur */
.asba .dark-green {
    color: #ccdbd9;
    background-color: #00231d;;
}
.asba .medium-green {
    color: #ffffff;
    background-color: #004a40;
}
.asba .light-green {
    color: #004a40;
    background-color: #ccdbd9;;
}
.asba .light-green a {
    color: #00231d;
}
.asba .lightest-green {
    background-color: #f5f5f5;
}
/*Modal*/
.asba .modal .modal-content {
    border-radius: 0;
    border: none;
}
.asba .modal .modal-content .modal-body {
    padding: 0;
}
.asba .modal .modal-content .modal-body .container-fluid{
    /*padding: 0;*/
}
.asba .modal .modal-content .modal-body .login-modal-footer {
    height: 40px;
}
.asba .modal .modal-content .modal-body .login-modal-footer > div {
    height: 100%;
    display: table;
}
.asba .modal .modal-content .modal-body .login-modal-footer > div > div {
    display: table-cell;
    vertical-align: middle;
}
.asba .modal .modal-content .modal-body form {
    margin-bottom: 30px;
}
.asba .modal .modal-content .modal-body form input {
    border: none;
    border-bottom: 3px solid #ccdbd9;
    border-radius: 0;
    box-shadow: none;
    background-color: #f5f5f5;
}
.asba .modal .modal-content .modal-body form  p{
    color: #6f6f6f;
}
/*
.asba .modal .modal-content .modal-body form .btn.btn-asba {
    border-radius: 0;
    background-color: #004a40;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
*/
.btn-asba-light
/* Général */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #004a40;
}
.asba .content-col {
    background-color: rgba(255, 255,255, 0.9);
    min-height: 350px;
}
.asba hr {
    border-top-width: 2px;
    border-top-color: #ffffff;
}
.asba button.close {
     text-shadow: none;
     opacity: 1;
     padding: 3px 5px;
 }
.asba .modal-backdrop.in {
    background-color: #00231d;
    opacity: 0.85;
}
/* Formulaires */
.asba legend {
    border: none;
    border-top: 2px solid #004a40;
    margin-top: 15px;
}
.asba legend .legend-title {
    background: #004a40 none repeat scroll 0 0;
    color: #ffffff;
    display: table-cell;
    font-size: 18px;
    padding: 5px 10px;
}
.asba form input,
.asba form textarea,
.asba form select {
    border: none;
    border-bottom: 3px solid #ccdbd9;
    border-radius: 0;
    box-shadow: none;
    background-color: #f5f5f5;
}
.asba form  p{
    color: #6f6f6f;
}
.asba .btn.btn-asba {
    border-radius: 0;
    background-color: #004a40;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.asba form .form-control:focus{
    border-color: #004a40;
    box-shadow: 0 1px 1px rgba(0, 35, 29, 0.1) inset, 0 0 8px rgba(0, 74, 64, 0.6);
}
.asba form .checkbox input[type="checkbox"] {
    margin-left: 0;
}
.asba input[type="file"].form-control {
    height: auto;
}
.asba .btn.btn-asba,
.asba .btn-asba-light,
.asba .btn-asba-lightest{
    border-radius: 0;
    background-color: #004a40;
    color: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}
.asba .btn-asba-light,
.asba .btn.btn-asba.active {
    background-color: #7ea7a0;
}
.asba .btn-asba-lightest {
    background-color: #f5f5f5;
    color: #004a40;
}
.asba .btn-asba.btn-sm,
.asba .btn-asba-light.btn-sm,
.asba .btn-asba-lightest.btn-sm
{
    padding-left: 10px;
    padding-right: 10px;
}
.asba .btn-asba.btn-xs,
.asba .btn-asba-light.btn-xs,
.asba .btn-asba-lightest.btn-xs
{
    padding-left: 5px;
    padding-right: 5px;
}
.asba .btn.btn-default-padding,
.asba .btn.btn-default-padding{
    padding: 6px 12px;
}
.asba .btn.active span.animated {
    display: inline-block;
}
.asba .btn span.animated {
    display: none;
    -webkit-transition: width 0.25s ease 0s;
    -moz-transition: width 0.25s ease 0s;
    -ms-transition: width 0.25s ease 0s;
    -o-transition: width 0.25s ease 0s;
    transition: width 0.25s ease 0s;
}
.asba .btn:hover span.animated {
    display: inline-block;
}
/* Register page */
.asba  .register-modal-footer {
    height: 40px;
    margin-top: 25px;
}
.asba .register-modal-footer > div {
    height: 100%;
    display: table;
}
.asba .register-modal-footer > div > div {
    display: table-cell;
    vertical-align: middle;
}
.asba .input-group-addon {
    border: 0;
    border-bottom: 3px solid #ccdbd9;
    color: #004a40;
    border-radius: 0;
    background: #F5F5F5;
}
.asba .input-group-addon:last-child {
    border-left: none;
}
.asba .input-group-addon:first-child {
    border-right: none;
}
.asba label {
    font-size: 13px;
}
/* CS2 Plugin*/
.asba .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 3px solid #ccdbd9;
    border-radius: 0;
    box-shadow: none;
    background-color: #f5f5f5;
    padding: 7px 4px;
    height: auto;
}
/*.asba .select2-container--default.select2-container--open .select2-selection--single{
    border-bottom-color: #f5f5f5;
}*/
.asba .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    color: #999;
}

.asba .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #004a40 transparent transparent;
}
.asba .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #004a40;
}
.asba .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #004a40;
    color: white;
}
.asba .select2-container--open .select2-dropdown--below {
    border: none;
    border-radius: 0;
    border-bottom: 3px solid #ccdbd9;
    background-color: #f5f5f5;
    box-shadow: 0 6px 12px rgba(0, 74, 64, 0.6);
}
.asba .select2-container--default .select2-selection--multiple {
    border: none;
    border-bottom: 3px solid #ccdbd9;
    border-radius: 0;
    box-shadow: none;
    background-color: #f5f5f5;
    padding: 3px 4px;
    height: auto;
}
.asba .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 3px solid #ccdbd9;
}
.asba .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}
/* Parsley */
.asba .form-group .parsley-errors-list li {
    background-color: #FF0000;
}
.asba .form-group .parsley-errors-list li::after {
    border-bottom-color: #FF0000;
    z-index: 3;
}
/* Documents Bancaire ECREDOC */
#pliCartable, #pliBancaire {
    position: relative;
    top: -25px;
    padding-right: 10px;
    padding-left: 10px;
}
/* Tableau des prédomicilitations */
.asba .domiciliation-grid thead {
    background-color: #004a40;
    color: #ffffff;
}
.asba .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f5f5f5;
}
.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: #ccdbd9;
    font-size: 12px;
}
.table-bordered > tbody > tr:hover > td,
.table-bordered > tbody > tr:hover > th,
.table-bordered > tfoot > tr:hover > td,
.table-bordered > tfoot > tr:hover > th,
.table-bordered > thead > tr:hover > td,
.table-bordered > thead > tr:hover > th {
    border-color: #004a40;
}
.asba .table-hover > tbody > tr:hover {
    background-color: #ccdbd9;
}
.asba .search-form {
    padding-top: 10px;
    padding-bottom: 10px;
}
.asba .page-sizes-links {
    text-align: right;
    margin-top: 10px;
}
.asba .page-sizes-links ul {
    display: inline-block;
}
.asba .page-sizes-links ul li a{
    color: #004a40;
    text-decoration: underline;
}
.asba .page-sizes-links ul li.active a{
    color: #ccdbd9;
    cursor: default;
    text-decoration: none;
}
.asba .pagination > li:first-child > a,
.asba .pagination > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    margin-left: 0;
}
.asba .pagination > li:last-child > a,
.asba .pagination > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
}
.asba .pagination > li {
    display: inline-block;
    margin-right: 5px;
}
.asba .pagination > li:last-child {
    margin-right: 0;
}
.asba .pagination > .active > a,
.asba .pagination > .active > a:focus,
.asba .pagination > .active > a:hover,
.asba .pagination > .active > span,
.asba .pagination > .active > span:focus,
.asba .pagination > .active > span:hover {
    background-color: #004a40;
    border-color: #ccdbd9;
    color: #ffffff;
}
.asba .pagination > li > a,
.asba .pagination > li > span {
    background-color: #fff;
    border: 1px solid #ccdbd9;
    color: #004a40;
}
.asba .pagination > li.disabled > a,
.asba .pagination > li.disabled > span {
    background-color: #fff;
    border: 1px solid #ccdbd9;
    color: #ccdbd9;
}
.asba .pagination > li > a:focus,
.asba .pagination > li > a:hover,
.asba .pagination > li > span:focus,
.asba .pagination > li > span:hover {
    background-color: #ccdbd9;
    border-color: #ccdbd9;
}
.asba .pagination > li.disabled > a:focus,
.asba .pagination > li.disabled > a:hover,
.asba .pagination > li.disabled > span:focus,
.asba .pagination > li.disabled > span:hover {
    background-color: #fff;
    border: 1px solid #ccdbd9;
}
.asba .pagination {
    margin-top: 0;
    margin-bottom: 0;
}
/* Sommaire des prédom */
.asba .big-button {
    margin-bottom: 25px;
    margin-top: 25px;
    font-size: 16px;
    border-bottom: 5px solid #7ea7a0;
    height: 130px;
    display: table;
    background-color: #004a40;
    padding: 0;
    color: #ffffff;
}
.asba .big-button > div {
    background-image: url("../img/big-btn-bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    display: table-cell;
    vertical-align: middle;
    padding: 6px 12px;
}
.asba .big-button i.fa {
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
	color: #ccdbd9;
}
.asba .btn {
    border-radius: 0;
}
/* Page détails */
.asba .list-group {
    border-radius: 0;
    box-shadow: none;
    border-color: #ccdbd9;
}
.asba .list-group .list-group-item {
    background-color: inherit;
    color: #004a40;
}
.asba .list-group .list-group-item:first-child,
.asba .list-group .list-group-item:last-child {
    border-radius: 0;
}
.asba a.list-group-item:focus,
.asba a.list-group-item:hover,
.asba button.list-group-item:focus,
.asba button.list-group-item:hover {
    background-color: #ccdbd9;
    text-decoration: none;
    color: inherit;
}
.asba .list-group-item-heading {
    font-size: 18px;
}
.asba a.list-group-item .list-group-item-heading,
.asba button.list-group-item .list-group-item-heading {
    color: #004a40;
}
.asba .list-group-item-heading small {
    font-size: 70%;
}
.asba .nav-tabs {
    border-top: 1px solid #004a40;
    border-bottom: none;
    margin-top: 15px;
}
.asba .nav-tabs > li {
    margin-bottom: 0;
    margin-top: 0;
}
.asba .nav-tabs > li.active > a,
.asba .nav-tabs > li.active > a:focus,
.asba .nav-tabs > li.active > a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #004a40;
    border-color: transparent #004a40 #004a40 ;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    cursor: default;
}
.asba .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 0;
    line-height: normal;
    margin-right: 0;
    font-size: 18px;
    padding: 5px 10px;
    color:  #ccdbd9;;
    background-color: #f5f5f5;
}
.asba .nav > li > a:focus,
.asba .nav > li > a:hover {
    background-color: #ccdbd9;
    color: #004a40;
}
.asba .tab-content {
    margin-top: 20px;
}
.asba .tab-content legend .legend-title {
    background-color: #ccdbd9;
    color: #004a40;
    font-size: 16px;
}
.asba .tab-content legend {
    border-color: #ccdbd9;
    margin: 0 0 5px;
}
.asba .tab-content dt {
    color: #004a40;
}
/* Fenêtre modale de chargement */
#overlay .modal {
    bottom: auto;
    overflow-y: auto;
    top: 40%;
}

#overlay .modal-dialog {
    width: 300px;
}

#overlay .modal-body {
    font-size: 16px;
}

#overlay p {
    margin-bottom: 0;
}

#overlay .fa {
    font-size: 25px;
}

/* Arabic*/
.arabic{
    direction: rtl;
    font-size: 1.2em;
}

.arabic * {
    direction: rtl;
}

.hint-help{
    font-size: 18px;
    color : #7ea7a0
}

.asba a.download-guide-btn {
    padding: 5px;
    display: block;
    background-color: #7ea7a0;
    font-weight: bold;
}
.asba a.download-guide-btn:hover {
    background-color: #004a40;
    color: #ffffff;
    text-decoration: none;
}
.asba a.download-guide-btn i{
    border: 2px solid #004a40;
    border-radius: 15px;
    padding: 5px;
    width: 30px;
    text-align: center;
}
.asba a.download-guide-btn:hover i {
    border-color: #ffffff;
}

.asba .light-green .alert-asba {
    background-color: #007161;
    color: #ccdbd9;
    font-weight: bold;
    text-shadow: none;
    box-shadow: none;
}
.asba .light-green .alert-asba a {
    color: #ccdbd9;
    opacity: .7;
}

.asba code.backup {
    padding: 5px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.asba code.backup-asba {
    background-color: #004a40;
    color: #ffffff;
}