@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

/*-----------------
      GENERAL
-----------------*/
html, body{
  /*background: radial-gradient(#FCF3F6 25%, #fff 100%);*/
  background: #f5f5ff; /*#f7f8fd; #f7f8fd; #fbfcfe;*/
  font-family: 'Montserrat', sans-serif;
  color:#6c757d;
}

body.authentication-bg{
  background-color: none;
  background-image: none;
}

h1, h2, h3, h4, h5, h6{
  /*color:#131b3d;*/
}

iframe {
  border: 0;
}

/*body.authentication-bg {
	background: url(../img/bg/bg001.jpg);
	background-repeat: repeat;*/

  /*background-image: url(../images/bg-pattern-light.svg);*/
	/*background-color: #ff0000;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3CradialGradient id='a' cx='500' cy='500' r='60%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ff0000'/%3E%3Cstop offset='1' stop-color='%23900'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='500' cy='500' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23FF0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23FF0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1000' height='1000'/%3E%3Cg fill='none' stroke='%23F40' stroke-width='2' stroke-miterlimit='10' stroke-opacity='.5'%3E%3Ccircle cx='500' cy='500' r='725'/%3E%3Ccircle cx='500' cy='500' r='700'/%3E%3Ccircle cx='500' cy='500' r='675'/%3E%3Ccircle cx='500' cy='500' r='650'/%3E%3Ccircle cx='500' cy='500' r='625'/%3E%3Ccircle cx='500' cy='500' r='600'/%3E%3Ccircle cx='500' cy='500' r='575'/%3E%3Ccircle cx='500' cy='500' r='550'/%3E%3Ccircle cx='500' cy='500' r='525'/%3E%3Ccircle cx='500' cy='500' r='500'/%3E%3Ccircle cx='500' cy='500' r='475'/%3E%3Ccircle cx='500' cy='500' r='450'/%3E%3Ccircle cx='500' cy='500' r='425'/%3E%3Ccircle cx='500' cy='500' r='400'/%3E%3Ccircle cx='500' cy='500' r='375'/%3E%3Ccircle cx='500' cy='500' r='350'/%3E%3Ccircle cx='500' cy='500' r='325'/%3E%3Ccircle cx='500' cy='500' r='300'/%3E%3Ccircle cx='500' cy='500' r='275'/%3E%3Ccircle cx='500' cy='500' r='250'/%3E%3Ccircle cx='500' cy='500' r='225'/%3E%3Ccircle cx='500' cy='500' r='200'/%3E%3Ccircle cx='500' cy='500' r='175'/%3E%3Ccircle cx='500' cy='500' r='150'/%3E%3Ccircle cx='500' cy='500' r='125'/%3E%3Ccircle cx='500' cy='500' r='100'/%3E%3Ccircle cx='500' cy='500' r='75'/%3E%3Ccircle cx='500' cy='500' r='50'/%3E%3Ccircle cx='500' cy='500' r='25'/%3E%3C/g%3E%3Crect fill-opacity='.5' fill='url(%23b)' width='1000' height='1000'/%3E %3C/svg%3E");
	background-attachment: fixed;*/

  /*background-size: cover;
  background-position: center;*/
/*}*/


/*--------------------------------
            T O O L S
--------------------------------*/
.clearfloat{clear: both;}
.hide, .nodisplay{display: none;}
.noborder{border:0;}

.center{margin: 0 auto;}

.txtcenter{text-align: center;}
.txtleft{text-align: left;}
.txtright{text-align: right;}


/*-----------------
   TEMPLATE HACK
-----------------*/
.bg-light-lighten{
  background:#FFF3F3;
}

.mb-3, .my-3 {
  margin-bottom: 1rem!important;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}

.dropdown-menu>li>a, .dropdown-menu>li>a:active, .dropdown-menu>li>a:visited{
  display: block;
  padding: 3px 5px 2px 5px;
  white-space: normal;
  color: #6c757d;
}

.btn-warning, .btn-warning:hover{
  color: #fff;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}

.white{
  color: #fff;
}

.grey{
  color: #ccc;
}

.glyphred{
  color: #d9534f;
}

.glyphorange{
  color: #e8993a;
}

.glyphgreen{
  color: #5cb85c;
}

.glyphblue{
  color: #5bc0de;
}

.glyphdarkblue{
  color: #337ab7;
}

.alert-center{
  margin: 0 auto;
}

.alert a{
  color: #fff;
  text-decoration: underline;
}

#matching-card .alert a{
  color: #000;
  text-decoration: underline;
}

.badge-xl{
  font-size: 125%;
  padding: 0.5em;
}

.dropzone .dz-message{
  margin: 0;
}

.topbar-dropdown .nav-link {
  line-height: 58px;
}

.notification-list .noti-icon {
  line-height: 58px;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #ccc;
}

.card-grey{
  background-color: #e9ecef;
}

.card-grey .card-header{
  background-color: #e9ecef;
}

.toll-free-box a i {
  position: unset;
  left: unset;
  bottom: unset;
  font-size: .875rem;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  vertical-align: baseline;
}

.ratio-16x9 {
  --ct-aspect-ratio: 56.25%;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.deg-platform{
  background: linear-gradient(90deg,#7a9de6 0%,#3d5b99 90%);
}

.btn-platform{
  background: linear-gradient(90deg,#7a9de6 0%,#3d5b99 90%);
  box-shadow: 0 2px 6px 0 rgba(122,157,230,.5);
  border-color: #7a9de6;
  opacity: 1;
}

.btn-platform:hover{
  opacity: .75;
  background: linear-gradient(90deg,#7a9de6 0%,#3d5b99 90%);
  border-color: #3d5b99;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: unset;
}

.nav-tabs.nav-bordered li a {
  padding: .625rem .625rem;
}


/*-----------------
	  NAVIGATION
-----------------*/
.left-side-menu {
  width: 210px;
}

.content-page {
  margin-left: 210px;
}

.logo span.logo-lg {
  padding: 18px 12px;
}

.logo #side-main-logo {
  width: 100%;
}

#side-sm-main-logo{
  width: 48px;
}

.logo-mobile img{
  width: 170px;
  margin-top: 15px;
}

.navbar-custom {
  padding: 0 20px;
  min-height: 60px;
}

.app-search {
    padding: calc(22px / 2) 0;
    overflow: hidden;
}

.button-menu-mobile {
  height: 60px;
  line-height: 60px;
}

.navbar-custom .topbar-right-menu li {
  max-height: 60px;
}

.profile-dropdown {
  width: 185px;
}

.nav-user {
  background-color: #fff;
  min-height: 60px;
  padding: 11px 20px 9px 77px!important;
}

.nav-user .account-user-avatar {
  top: 5px;
}

.nav-user .account-user-avatar img {
  width: 50px;
  height: 50px;
}

.notification-list .notify-item {
  padding: 5px 10px;
}

.notification-list .notify-item .notify-details span.notify-text {
  white-space: normal;
  line-height: 1.2;
}

.notification-list .notify-item .notify-details span.badge{
  color: #fff;
  display: inline-block;
  font-size: 10px;
  vertical-align: middle;
}

.notification-list .dropdown-menu.dropdown-menu-right {
  min-width: 330px;
}

.topbar-right-menu .dropdown .dropdown-item i{
  font-size: 18px;
}

.topbar-right-menu .dropdown .profile-dropdown {
    width: 215px;
}

.side-nav-second-level li a{
  color: #fff;
}

body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item:hover .side-nav-link {
  position: relative;
  width: 260px;
  color: #fff;
  background: #3d5b99;
}

.btn-back{
  background-color: #fff;
  color:#6c757d;
}


/*----------------------
    RIGHT NAVIGATION
----------------------*/
.right-bar .alert-primary{
  margin-bottom: 0;
}


/*-----------------------
    BOTTOM NAVIGATION
-----------------------*/
.navbar-bottom {
  background-color: #fff;
  box-shadow: 0 0 35px 0 rgba(154,161,171,.15);
  z-index: 9;
}

.navbar-bottom .navbar-nav a.nav-link{
  padding-left: unset;
  padding-right: unset;
  padding: 5px 0;
  line-height: 20px;
}

.navbar-bottom .nav-link i{
  font-size: 26px;
  vertical-align: text-bottom;
}

.navbar-bottom .nav-link:active{
  background: none;
  opacity: 1;
}

.navbar-bottom .nav-link:hover{
  background: linear-gradient(90deg,#7a9de6 0%,#3d5b99 90%);
  opacity: .5;
}

.navbar-bottom .nav-link:hover i, .navbar-bottom .nav-link:hover .mobile-nav-text{
  color:#fff;
}

.navbar-bottom li{
  width: 20%;
  float: left;
  text-align: center;
}

.navbar-bottom .noti-icon-badge {
  display: inline-block;
  position: initial;
  top: 22px;
  right: 18px;
  border-radius: 50%;
  height: 7px;
  width: 7px;
  background-color: #fa5c7c;
}

.mobile-nav-text{
  display: block;
  font-weight: bold;
}


/*----------------
       MENU
----------------*/
.side-nav .side-nav-title {
  color: #eee;
}

.side-nav .side-nav-link {
  padding: 10px 20px;
  color: #fff;
}

.side-nav .side-nav-link:active, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:hover {
  color: #ffa;
  text-decoration: none;
}

.side-nav .mm-active>a {
  color: #ffa!important;
}

.side-nav .side-nav-link i {
  margin: -4px 10px 0 0px;
}

.side-nav-second-level li a {
  padding: 5px 20px 5px 30px;
}

.side-nav-second-level i{
  vertical-align: middle;
}

.side-nav .badge {
  margin-top: 0;
  padding-top: 4px;
  padding-left: 6px;
  vertical-align: middle;
}

.mdi-navmenu.mdi-set, .mdi-navmenu.mdi:before {
  font-size: 20px;
}

.side-nav .side-nav-link i{
  font-size: 1.15rem;
}

.side-nav .badge-success {
  font-size: 10px;
  padding-top: 2px;
  padding-left: 4px;
}

/*----------------
     FOOTER
----------------*/
.content-page footer {
  left: 210px;
}

.footer_logged .social-list-item {
  line-height: 26px;
  height: 30px;
  width: 30px;
}

.footer_logged .social-list-item i{
  font-size: 18px;
}

.footer_logged .footer-links .dropdown-toggle{
  background: none;
  border: none;
  color: #98a6ad;
  box-shadow: none;
}

.footer_logged .footer-links .dropdown-toggle:hover {
    color: #313a46;
}

.footer_logged .footer-links .dropdown-menu .dropdown-item{
  margin-left: 0;
  color: #6c757d;
}

.footer .footer-links a {
  margin-left: .5rem;
}


/*----------------
	   GENERAL
----------------*/
h1, h2, h3, h4, h5, h6{
  font-family: 'Montserrat', sans-serif;
}

h3 .badge{
	font-size: 50%;
  vertical-align: top;
  margin-top: 4px;
}

.modal-body .loader{
  text-align: center;
}

.flags{
  height: 36px;
}

#gototop{
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 50px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer; /* Add a mouse pointer on hover */
}

.font-12{
  font-size: 12px;
}


/*----------------
      IMAGE
----------------*/
.img-circle{
  border-radius: 50%;
  border:1px solid #ddd;
}

td.img-cell{
  padding:0;
}


/*----------------
      COLOR
----------------*/
.colorSelecta{
  width: 40px;
  height: 40px;
  margin-right: 10px;
  float: left;
  cursor: pointer;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
}

.colorSelecta:hover{
  border: 1px solid #aaaaaa;
}

/*----------------
      FORM
----------------*/
.display-checkbox label{
  margin-bottom: 0;
}

.display-checkbox i{
  font-size: 1.4em;
  font-weight: bold;
}

.display-switch{
  padding-top: .40rem; /*calc(.45rem + 1px);*/
}

option:disabled{
  color: #ccc;
}


/*----------------
      TABLE
----------------*/
.table thead th {
  border-bottom: 1px solid #e3eaef;
}


/*----------------
	  BREADCRUMB
----------------*/
.page-title-box .page-title-right {
    margin-top: 10px;
}

.page-title-box .page-title {
    line-height: 60px;
}


/*----------------
      MODAL
----------------*/
.modal .alert{
  margin-bottom: 0;
  margin-top: 1rem;
}

.modal .bg-danger .modal-body a{
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
}

.modal .bg-danger .modal-body a:hover{
  color: #fff;
  text-decoration: none;
}


/*----------------
     DATAGRID
----------------*/
.bootstrap-table .fixed-table-toolbar .bs-bars, .bootstrap-table .fixed-table-toolbar .columns, .bootstrap-table .fixed-table-toolbar .search{
  margin-top: 0;
}

#datatable tbody tr:hover {
  background-color: #D5DCF4;
}

#datatable tbody tr:first-child td {
  border-top: 0;
}

#toolbar button, #toolbar div{
  margin-left: 2px;
}

#toolbar button:first-child{
  margin-left: 0;
}

.bootstrap-table .fixed-table-toolbar .search .search-input{
  height: calc(2.2125rem + 3px);
}

.bootstrap-table .fixed-table-pagination>.pagination ul.pagination a {
  padding: 8px 15px;
}

#avdSearchModal_advancedTable #status {
  width: 100%;
  height: calc(2.2125rem + 2px);
  position: relative;
  left: auto;
  top: auto;
  margin: 0;
}

.bootstrap-table .fixed-table-pagination>.pagination .page-jump-to input{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  height: calc(2.2125rem + 3px);
}

#advancedSearch .form-group:first-child{
  display: none;
}


/*----------------
   HOMEPAGE
----------------*/
.navbar-homepage{
  background: #fff;
}

.hero-section{
  background: linear-gradient(90deg,#7a9de6 0%,#3d5b99 90%); /*#99bfe6*/
  padding-bottom:50px;
}

/*a.nav-link{
  color: #fff;
}*/

.nav-item a.active, .nav-item a.nav-link:hover{
  color: #000;
}

.icon-home .avatar-title i.mdi{
  font-size: 32px;
}

.faq-question-q-box{
  width: 50px;
  height: 50px;
  line-height: 50px;
}

.faq-answer {
  margin-left: 60px;
}

#mc_embed_signup{
  color: #fff;
}

#mc_embed_signup h2{
  font-size: 18px;
}

#mc_embed_signup .brandingLogo{
  display: none;
}

.social-list a{
  opacity: 1;
}

.social-list a:hover{
  opacity: .5;
}

.home-icon{
  font-size: 50px;
  color:#7a9de6;
}

.dashboard .media .img-thumbnail{
  width: 128px;
  height: 128px;
}

.dashboard .media ul.list-inline p{
  font-size: 13px;
}


/*----------------
    SIGNUP
----------------*/
.signup-info{
  margin-bottom: 10px!important;
}


/*----------------
   DASHBOARD
----------------*/
.dashboard .booking .rounded-circle{
  width: 40px;
}

.dashboard .teacher .rounded-circle{
  width: 40px;
}

.todoDone{
  text-decoration: line-through;
}

.dashboard .newscard h5{
  font-size: 0.9rem;
}

.dashboard .newscard p{
  font-size: 0.8rem;
}

.dashboard h4{
  line-height: 1.5;
  margin: 0;
}

.dashboard .custom-accordion-title{
  font-size: 13px;
  padding:0 !important;
  line-height: 1.3;
}

.dashboard .news .card-header{
  padding-bottom: 0.25em !important;
}


/*----------------
  AD
----------------*/
.card-ad-top{
  /*background: linear-gradient(90deg,#bbb 0%,#ddd 90%);*/
  background: #fff;
  border-bottom: 1px solid #e3eaef;
}

#ad-list .card-ad-top, #ad-candidate .card-ad-top, #fav-ad .card-ad-top{
  border: 1px solid #ddd;
}

#ad-list .card-body,#ad-candidate .card-body,#fav-ad .card-body{
  border: 1px solid #ddd;
  border-top: 0;
}

.ad-sponso{
  background-color: #f3e5ff;
}

.ad-urgent{
  background-color: #edf7ed;
}

.ad-normal{
  background-color: #edf7ed; 

}

.card-ad-top .badge-warning, .info-ad-top .badge-warning{
  background-color: #ff9500 !important;
  padding:5px 7px;
}

.badge-alaune{
  background: #8526d9;
  font-size: 85%;
  padding:5px 7px;
}

/*
#e7ccff
#fff2cc
#ffeacc
#e6eefc
#e5eeff

#ec5a13

#d9534f
*/

.card-ad-top h5{
  padding-right: 56px;
  color:#6c757d;
}

.card-ad-top .badge{
margin-top: 0.25rem!important;
}

.card-ad-top .badge, .info-ad-top .badge{
  font-size: 85%;
}

.card-img-overlay{
  text-align: right;
}

.badge-ad {
  font-size: 11px;
  padding: .5em 1em;
  border-radius: 10rem;
  margin: .5em .5em 0 0;
}


/*----------------
   ACCOUNT
----------------*/
.selectbirth{
  width:70px;
  float:left;
  margin-right:5px;
}

.selectbirth option{
  text-align: center;
}

.selectyear{
  width: 90px;
  max-width: 100%;
}

.selectlevel{
  width: 100%;
  max-width: 100%;
}

.selectaddcontent{
  width:80px;
}

.dropzone h3{
  font-size: 1.1rem;
}

.country{
  height: 22px;
  vertical-align: bottom;
}


/*----------------
   ABONNEMENT
----------------*/
.card-pricing .card-pricing-features li {
  padding: 5px;
}

.card-pricing-features li{
  color:#000;
}


/*----------------
   CREDIT
----------------*/
#credit-amount{
  /*width: auto;
  margin: 0 auto;*/
}

.big-ico{
  font-size: 32px;
  margin-bottom: 10px;
  text-align:center;
}


/*----------------
   PROFILE
----------------*/
.profile-title{
  line-height: 30px;
}

.input-group-link{
  font-size: 17px;
  padding: 0.25rem 0.8rem;
}

.social-list-item{
  height: 40px;
  width: 40px;
}

.social-list-item {
  line-height: 36px;
}

.showreel .ratio{
  min-height: 428px;
  height: 100%;
}

#video_display .display_div {
  border-bottom: 1px solid #eee;
}

.display_div{
  display: flex;
  white-space: nowrap;
  width: auto;
}

.display_div img{
  display: inline-block;
}

.display_div select, .display_div select{
  display: inline-block;
}

.display_div button, .display_div button{
  display: inline-block;
  padding: 0.4rem 0.7rem;
  vertical-align: initial;
  height: 37px;
}

.flag_profile{
  float: left;
}

.title_display{
  font-weight: bold;
  line-height: 40px;
  float: left;
  height: 30px;
}

#job_display, #software_display, #sector_display, #licence_display, #human_values_display, #soft_skills_display{
  margin: 0;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #fd5392;
}

.badge-pro {
  font-size: 12px;
  font-weight: bold;
  padding: .5em 1em;
  border-radius: 10rem;
  margin: 0 .5em 0 0;
}

.badge-profile {
  font-size: 11px;
  font-weight: bold;
  padding: .5em 1em;
  border-radius: 10rem;
  margin: .5em .5em 0 0;
  /*max-width: 275px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;*/
}

.bloccomp{
  padding-left: 0;
  width: 100%;
}

.titlecomp{
  margin-top: 10px;
  padding:10px 0 5px 0;
  list-style: none;
  border-bottom: 1px solid #eee;
}

.listcomp{
  padding:5px 0 0 0;
  list-style: none;
}

.badge-job{
  background: #3d5b99; /*#131b3d;*/
  color: #fff;
}

.badge-software{
  background:#5bc0de;
  color: #fff;
}

.badge-statut-med{
  background:#f86f64;
  color: #fff;
}

.badge-sector{
  background:#727cf5; /*#0acf97;*/
  color: #fff;
}

.badge-licence{
  background:#fa5c7c;
  color: #fff;
}

.badge-human-values{
  background:#f86f64;
  color: #fff;
}

.badge-soft-skills{
  background:#fd5392;
  color: #fff;
}

.badge-particularity{
  background:#f569f1;
  color: #fff;
}

.badge-ad-type{
  background: #3d5b99; /*#131b3d;*/
  color: #fff;
}

.badge-poste{
  background:#5bc0de;
  color: #fff;
}


.badge-profile a {
  color: #fff;
  cursor: pointer;
  opacity: 0.6;
  margin: 0 0 0 .25em;
}

.badge-profile a:hover {
  opacity: 1.0
}

.badge-profile .remove {
  vertical-align: bottom;
  top: 0;
}

.badge-fluid{
  white-space: normal;
}

#edit-image img{
  vertical-align: top;
  margin-bottom: 20px;
  width:100px;
}

.img-view{
  /*max-width: 770px;*/
  /*max-width: -webkit-fill-available;
  max-height: 820px;*/
  max-width: 100%;
  max-height: 100%;
}

#view-image{
  text-align: center;
}

#view-pics {
  padding-left: 17px;
}

#view-pics .modal-full-width {
  width: fit-content;
}

.horairetable{
  width: 100%;
}

.postelist{
  padding-left: 15px !important;
}


/*----------------
        MAP
----------------*/
#map {

}

#map_integ{
  min-height: 300px;
}

#maptool{
  position: fixed;
  top: 80px;
  left: auto;
  z-index: 1;
  text-align: center;
  max-width:600px;
  margin-left: 0px;
  margin-right: 0px;
}

.gm-style-iw-chr {
  max-height: 15px;
}


/*----------------
       CHAT
----------------*/
.app-search form {
  max-width: 100%;
  width: 100%;
}

.slimscroll-menu .badge{
  padding-top: 6px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 6px;
  width: 23px;
  height: 23px;
}

.conv-bt .badge{
  padding-top: 7px;
  padding-bottom: 4px;
  padding-left: 7px;
  padding-right: 6px;
  width: 23px;
  height: 23px;
}

.conv-bt{
  border-bottom: 1px solid #eee;
}

.conv-bt:hover{
  background: #f1f3fa;
}

.conv-bt .text-muted{
  font-size: 12px;
}

#header-chat .col-6{
  border-bottom: 1px solid #eee;
}

.conversation-list .chat-avatar {
  width: 40px;
}

.conversation-list li {
  margin-bottom: 10px;
}

#chat-message #send-message-alert .alert{
  margin-bottom: 0;
}


/*----------------
   CALENDAR
----------------*/
.calendar-switch {
  float: left;
  margin-right: 10px;
  margin-bottom: 0!important;
}

.calendar-godate{
  max-width: 185px;
}

.calendar-nav {
  margin-bottom: 5px;
}

.table-calendar-list thead th {
  border-bottom: 1px solid #e3eaef;
}

.table-calendar-list .rounded-circle{
  width: 40px;
}

.table-calendar-list td, .table-calendar-list th {
    padding: .6rem;
}

.table-calendar-list .progress {
  background-color: #fff;
}

.table-calendar-list a{
  color:#6c757d;
  text-decoration: underline;
}

.table-calendar-list a:hover{
  color:#6c757d;
  text-decoration: none;
}

.table-calendar-list .dropdown-menu a{
  text-decoration: none;
}

.table-calendar-list .bt-wait{
  color:#fff;
}

#gototop{
  position: fixed; /* Fixed/sticky position */
  bottom: 50px; /* Place the button at the bottom of the page */
  right: 50px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  cursor: pointer; /* Add a mouse pointer on hover */
}

.hr-calendar{
  margin-bottom: 5px;
}

.offline{background:none; color:#999;}
.offline a, .offline a:hover, .offline a:link{color:#999;}
.regline{background:url(/app/img/motif_tr_oblique.png) repeat #6af974; color:#000;} /*#28d234*/
.regline a, .regline a:hover, .regline a:link{color:#000;}
.waitline{background:url(/app/img/motif_tr_oblique.png) repeat #ffc580; color:#000;} /*#ff8a00*/
.waitline a, .waitline a:hover, .waitline a:link{color:#000;}

.content-link i{
  vertical-align: text-bottom;
}

/* hack event fullcalendar */
.fc .fc-daygrid-event{ margin-bottom: 0; }
.fc .fc-toolbar.fc-header-toolbar{ margin: 0; }
.fc-view{ margin-top: 10px; }

.fc .fc-button-primary{background-color: #0acf97; border-color: #0acf97;}
.fc .fc-button-primary:not(:disabled):hover{background-color: #08ab7c; border-color: #089e74;}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{background-color: #08ab7c; border-color: #089e74;}
.fc .fc-button-primary:disabled {background-color: #313a46; border-color: #313a46;}
.fc-event {cursor:pointer; padding: 2px 5px;}
.calendar-agenda .popover-body{ line-height: 2; }
.calendar-agenda .popover-body .rounded-circle{ width:30px; margin-left:5px; }
.calendar-agenda .popover-body button{ margin-left:5px; padding: .2rem .9rem; }
.calendar-agenda .popover{ z-index: 999; }


/*----------------
     FAVORITE
----------------*/
.fav-accordion-title:hover{
  cursor: pointer;
}

.fav-accordion.custom-accordion i.accordion-arrow {
    font-size: 1.2rem;
    vertical-align: middle;
}

/*.fav-accordion-title{
  font-size: 13px;
  padding:0 !important;
  line-height: 1.3;
}

.fav-accordion .card-header{
  padding-bottom: 0.25em !important;
}*/

.del-fav-in-group{
  position: absolute;
  right: 15px;
}

.menu-fav-card{
  position: absolute;
  right: 15px;
}

.fav-group-del{
  top: -5px;
  position: relative;
}


/*----------------
    SEARCH
----------------*/
.card-profile h4{
  font-size: 16px;
}

#bt-advanced-search{
  padding-top: 8px;
}


/*----------------
   CONTACT
----------------*/
.contact-logo{
  width: 180px;
  height: 180px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}


/*----------------
       CART
----------------*/
.quantity{
  margin: 0 auto;
  text-align: center;
}


/*----------------
      WEBAPP
----------------*/
.add-button {
  position: absolute;
  top: 1px;
  left: 1px;
}

.app-button {
  display: none;
}

@media (display-mode: fullscreen) {
  .app-button {
    display: block;
  }
}


/*----------------
    RESPONSIVE
----------------*/
@media (max-width: 1600px) {
  .container-fluid{
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media (min-width: 1030px) {
  #map{
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (max-width: 1029px) {
  #map{
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media (min-width: 992px) {
  .logout-nav-mobile {
    display: none;
  }

  #access-bt {
    display: none;
  }
}

@media (max-width: 991px) {
  .hero-section{
    margin-top: 118px;
  }

  .navbar-brand img {
    height: 40px;
  }

  .navbar-homepage .navbar-brand img {
    height: 35px;
  }

  .navbar-homepage .navbar-brand {
    margin-right: 0;
  }

  .navbar-homepage{
    padding: 0.5rem 0.5rem;
    position: fixed;
    width: 100%;
    z-index: 1;
    top:0;
  }

  .logout-nav-mobile {
    display: block;
    text-align: center;
    width: 100%;
  }

  #access-bt {
    display: block;
    text-align: center;
    border-top: 1px solid #e3eaef;
    position: fixed;
    width: 100%;
    z-index: 1;
    top:61px;
    background: #fff;
  }
}

@media (min-width: 767.98px){
  .logo-mobile {
    display: none;
  }

  .logout-nav {
    display: block;
  }

  .navbar-bottom {
    display: none;
  }
}

@media (min-width: 767.98px) and (max-width: 1045px){
  body[data-leftbar-compact-mode=condensed] {
    min-height: 0;
  }

  body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item{
    text-align: center;
  }

  body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-item .side-nav-link i{
    margin-right: 0;
  }

  .logout-left-nav{
    display: none;
  }
}

@media (max-width: 767.98px){
  .account-pages{
    margin-top: 15px!important;
  }

  .logo-mobile {
    display: inline-block;
  }

  .logout-nav {
    display: none;
  }

  .dashboard .media .img-thumbnail{
    width: 60px;
    height: 60px;
  }

  .dashboard .media ul.list-inline p{
    font-size: 12px;
  }

  .content-page {
    margin-left: 0!important;
    padding: 5px 10px 210px;
  }

  footer .container-fluid {
    margin-bottom: 60px;
  }

  .nav-user {
    padding: 11px 20px 9px 59px!important;
  }

  .navbar-custom {
    padding: 0;
  }

  .img-account {
    width: 150px;
  }

  .img-profil{
    max-width: 40%;
    margin-left: 0!important;
  }

  .showreel .ratio{
    min-height: 216px;
    height: 100%;
  }

  .navbar-bottom {
    display: block;
  }

  .navbar-bottom .navbar-nav{
    display: block;
  }

  #map{
    margin-left: -20px;
    margin-right: -20px;
  }

  .calendar-row{
    padding: 0;
  }

  .calendar-col{
    padding: 0;
  }

  .fc-header-toolbar .fc-today-button{
    display: none;
  }

  .fc .fc-toolbar-title {
    font-size: 1.25em;
  }

}

@media (max-width: 430px){
  .nav-tabs>li>a{
    font-size: 12px;
  }
}

@media (max-width: 374px){
  .logo-mobile img {
    max-width: 130px;
    margin-top: 19px;
  }
}