/*
 * General
 */
body {
  background: #cadfdf;
  font-family: 'Tajawal';
  font-size: 0.95rem;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-image: none;
  padding-left: 0.5rem;
}

.card-b-blue {
  border: 1px solid #336699;
}

label {
  margin-bottom: .1rem;
}

main {
  background-color: #fff;
}

a {
  color: #0072BC;
}

h1, h2, h3, h4, h5 {
  font-family: 'Tajawal', serif;
  font-weight: bold;
  color: #336699;
}
h1 {
  font-size: 1.2rem;
}
h2 {
  font-size: 1.1rem;
}
h3 {
  font-size: 1rem;
}
h4 {
  font-size: .9rem;
}

.breadcrumb {
  padding: .25rem 1rem;
  background-color: #e9ecef;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.expire {
  color: #FF0000;
}
.bg-success-light{
  background-color: #d5f7f0 !important;
  color: #18705f;
}
.bg-danger-light{
  background-color: #ffdde2 !important;
  color: #852b3a;
}

.form-control.check.is-invalid, .was-validated .form-control.check:invalid {
  color: #dc3545;
}
.form-control.check.is-invalid .custom-control-label::before, .was-validated .form-control.check:invalid {
  background-color: #efa2a9;
}
.form-control.check {
  padding: 0;
  font-size: .85rem;
  border: 0;
}


.nav-tabs {
  border-bottom: 1px solid #336699;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #336699;
  font-weight: bold;
  border-color: #336699 #336699 #fff;
}
.nav-tabs .nav-link {
  color: #336699;
  background-color: rgba(0,0,0,.03);
  border: 1px solid #dee2e6;
  border-bottom: 1px solid #336699;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #336699 #336699 #fff;
}
.nav-link {
  padding: .3rem .6rem;
}
.nav-tabs .nav-item {
  margin-left: 3px;
}
.tab-content {
  border: 1px solid #336699;
  border-top: 1px solid #fff;
  padding: 0 .3rem;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem;
}

.bg-light-second {
  background-color: #e7e8ea !important;
}

.invalid-feedback {
  font-size: 100%;
  font-weight: 700;
}

.btn-labeled {
  font-family: 'Tajawal', serif;
  font-size: .80rem;
  font-weight: 700;
  padding: .15rem .5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.btn-labeled .btn-label {
  position: relative;
  right: -.5rem;
  display: inline-block;
  padding: .15rem .5rem;
  background: rgba(0,0,0,0.15);
  border-radius: 0 .2rem .2rem 0;
}

.modal-header, .modal-body, .modal-footer {
  padding: 0;
}
.modal-header {
  background-color: #e9ecef;
  padding: .2rem 1rem;
}
.modal-backdrop.show {
  opacity: .7;
}
.modal-body>button.close {
  font-size: 1rem;
  background: #f0f0f0;
  color: #222;
  padding: 2px 5px 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}

.card-body-icon {
  position: absolute;
  z-index: 0;
  top: -1rem;
  left: 0;
  opacity: 0.4;
  font-size: 4rem;
}
.card-body-text {
  font-family: 'Cairo';
  font-size: 1.3rem;
}

.profile-user-img {
  width: 100px;
  padding: 3px;
  border: 3px solid #d2d6de;
}

div[data-action="prev"], div[data-action="next"] {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.navbar {
  height: 55px;
  background-color: #2196F3;
  color: #fff;
  border: none;
}
.navbar a {
  color: #fff !important;
  font-family: 'Cairo';
  font-size: 18px;
}
.navbar .nav-title {
  color: #fff !important;
  font-family: 'Cairo';
  font-size: 22px;
}
.navbar a:hover {
  background-color: #59a9ff;
}
.navbar .dropdown-menu a {
  color: #000 !important;
  font-family: 'Tajawal';
  font-size: 16px;
}
.nav-user-img {
  width: 38px;
  height: 38px;
  padding: 2px;
  margin-right: 4px;
  border: 2px solid #d2d6de;
}

.btn-xs{
  padding:.12rem .25rem;
  font-size:.775rem;
  line-height:1.5;
  border-radius:.15rem;
}

.card-blue {
  background-color: #64b5f6;
  border-color: #64b5f6;
}

.form-control-plaintext {
  color: #212529;
  font-weight: bold;
  border: 1px solid #dee2e6;
  padding: 2px;
  padding: .25rem .5rem;
  border-radius: .2rem;
}

/*
 * Header
 */
.header {
  height: 142px;
  background: #e8f4f4 url(../../imgs/header_ar.jpg) no-repeat right 0;
  position: relative;
}

.logo {
  padding: 10px 0px 0px 12px;
  height: 114px;
}

.nav-links > .btn {
  padding: .125rem .5rem;
  font-size: .675rem;
  line-height: 1;
  border-radius: .1rem;
}

/*
 * Menu
 */
.menutabs {
  border-bottom: 1px solid #018fd0;
  background: #e8f4f4 url(../../imgs/header_bottom.jpg) no-repeat right 0;
}
.menutabs .nav-tabs .nav-link {
  color: #2973bd;
  font-size: .8rem;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
  padding: .3rem .8rem;
  background-color: #fff;
  border-color: #018fd0;
  margin-right: 8px;
  border-bottom: 0;
}
.menutabs .nav-tabs .nav-link:hover {
  color: #fff;
  background-color: #63b8e2;
}
.menutabs .nav-tabs .nav-link.active {
  color: #fff;
  background-color: #018fd0;
}
.menutabs .btn-social-icon span {
  color: #fff;
}

.subtabs {
  font-weight: bold;
  font-size: .7rem;
  color: #018fd0;
  background: #018fd0;
  padding: 4px 6px;
  /*height: 30px;*/
}
.subtabs .fa-circle {
  font-size: .9rem;
}
.subtabs .nav-link {
  margin: 0 8px;
  padding: 3px 6px;
  display: inline-block;
}
.subtabs .nav-link.active {
  color: #338bd2;
  background: #fff;
}
.subtabs a {
  color: #fff;
  text-decoration: none;
}
.subtabs a:hover {
  color: #fff;
  text-decoration: underline;
}


/*
 * Search card
 */
.card-search {
  background-color: #98C10F !important;
}
.card-search .card-header {
  font-family: 'Tajawal', serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  padding: .25rem .75rem;
}
.card-search .card-body {
  background-color: #D4EA8D !important;
  padding: .75rem;
}
.card-search .card-footer {
  background-color: #D4EA8D !important;
  padding: .25rem .75rem;
}

/*
 * Admin card
 */
.card-admin {
  background-color: #E25C13 !important;
}
.card-admin a.inscription {
  color: #B84609;
}
.card-admin .card-header {
  font-family: 'Tajawal', serif;
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  padding: .25rem .75rem;
}
.card-admin .card-body {
  background-color: #F8D2BE !important;
  padding: .75rem;
}
.card-admin .card-footer {
  background-color: #F8D2BE !important;
  padding: .25rem .75rem;
}
.card-admin .form-control {
  padding: .1rem .5rem;
  height: calc(1.75rem + 2px);
  font-size: .875rem;
  line-height: 1.5;
}
.card-admin .form-group {
  margin-bottom: 0;
}
.card-admin label {
  margin: .25rem 0;
}

/*
 * Footer
 */
 footer {
  font-size: .7rem;
  padding: .5rem 0;
  color: #999;
  background-color: #f9f9f9;
  border-top: .05rem solid #e5e5e5;
}

/*
 * Home page
 */
.derniersAvis td {
  vertical-align: middle;
  font-size: 14px;
}
.derniersAvis td.dateAvis {
 color: #0069B1;
 font-weight: bold;
 font-size: 12px;
 text-align: center;
}
.derniersAvis td strong {
  color: #C00000;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 14px;
  font-weight: bold;
}
.derniersAvis tbody tr {
  height: 60px;
}
.table {
  font-size: 0.84rem;
}

/*
 * Accordion
 */
.myaccordion {
  margin: 50px auto;
}
.myaccordion .card,
.myaccordion .card:last-child .card-header {
  border: none;
}
.myaccordion .card-header {
  border-bottom-color: #EDEFF0;
  background: transparent;
}
.myaccordion .fa-stack {
  font-size: 14px;
}
.myaccordion .btn {
  width: 100%;
  font-weight: bold;
  color: #004987;
  padding: 0;
}
.myaccordion .btn-link:hover,
.myaccordion .btn-link:focus {
  text-decoration: none;
}
.myaccordion li + li {
  margin-top: 10px;
}