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

/*-----------------
      GENERAL
-----------------*/
html, body{
  /*background: radial-gradient(#FCF3F6 25%, #fff 100%);*/
  background: #FCF3F6; /*#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;
}

hr{
  border-top: 1px solid #ddd;
}

/*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;}

.full-width{width:100%;}

.word-cut{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*-----------------
   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-grey{
  background: #ddd;
}

.alert-purple{
  background: #f0d4fc;
}

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

.alert .custom-control-label a{
    color: inherit;
    text-decoration: underline;
}

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

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

.badge{
  line-height: 1.1;
}

.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;
}

.bg-grey{
  background-color: #eee;
}

.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,#da2048 0%,#da4820 90%);
}

.btn-platform{
  background: linear-gradient(90deg,#da2048 0%,#da4820 90%);
  box-shadow: 0 2px 6px 0 rgba(253,83,146,.5);
  border-color: #da2048;
  opacity: 1;
}

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

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

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

.dropdown-toggle-calendar, .dropdown-toggle-action{
  color:#6c757d;
}

.table-sm td, .table-sm th {
  padding: .35rem;
}


/*-----------------
	  NAVIGATION
-----------------*/
.right-bar{
  display:none;
}

.left-side-menu {
  width: 200px;
}

.content-page {
  margin-left: 200px;
  padding-bottom: 85px;
}

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

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

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

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


/*-----------------
  TOP NAVIGATION
-----------------*/
.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;
  min-width: 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: 300px;
}

.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: #da4820;
}

body[data-leftbar-compact-mode=condensed] .side-nav .side-nav-link .side-nav-second-level a{
  color: #fff;
  background: #da4820;
}

.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;*/
  padding: 3px 0 7px;
  line-height: 16px;
  font-size: 12px;
}

.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,#da2048 0%,#da4820 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: #0acf97;
}

.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: 4px;
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 0px;
}

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

.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;
  padding-top: 8px !important;
}

.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: 70px; /* Place the button at the bottom of the page */
  right: 10px; /* 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;
}

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

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

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

.side-nav .side-nav-link i.font-22{
  font-size: 22px;
}

.btn-big-ico{
  font-size: 20px;
  line-height: .5;
  vertical-align: middle;
}

.btn-lg{
  padding: .4rem 1rem;
  font-size: 1.10rem;
}


/*----------------
      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,#da2048 0%,#da4820 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:#da2048;
}

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

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

.mdi-homepage.mdi:before {
  font-size: 21px;
}

.navbar-homepage .mdi-instagram.mdi:before {
  padding-left: 1px;
}

footer .mdi-instagram.mdi:before {
  padding-right: 1px;
}

.social-list-item {
  line-height: calc(2rem - 4px);
}


/*----------------
    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;
}


/*----------------
   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;
}


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

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

.card-pricing .card-pricing-features li {
  padding: 5px 15px;
}

.abo-info-resume{
  line-height: 2;
  text-align: center;
}


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

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

.calendar-gofilter{
  max-width: 245px;
}

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

.table-calendar-list {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.table-calendar-list thead th {
  /*border-bottom: 1px solid #e3eaef;*/
  /*#ced4d9*/
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.table-calendar-list tbody td {
  border-top: 1px solid #ccc;
  /*border-bottom: 1px solid #ccc;*/
  padding: .25rem .6rem;
}

.table-dashboard tbody td {
  border-top: 1px solid #ccc;
  /*border-bottom: 1px solid #ccc;*/
}

.table-calendar-list {
  border-bottom: 1px solid #fff;
}

.table-report{
  width: 100%;
}

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

.table-report td{
  padding: .5rem;
}

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

.table-calendar-list tbody tr, .table-calendar-list tbody tr:hover {
  color: #444;
}

.table-calendar-list tbody tr:hover td{
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.table-calendar-list tbody tr:active td{
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

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

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

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

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

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

.table-calendar-list .bt-no-credit:hover{
  color:#fff;
}

.table-calendar-list .btn{
  color:#fff;
  text-decoration: none;
}

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

.hr-day{
  margin-top: 10px;
}

.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:#333;}
.regline a, .regline a:hover, .regline a:link{color:#333;}
.visioline{background:url(/app/img/motif_tr_oblique.png) repeat #6ad2f9; color:#333;}
.visioline a, .visioline a:hover, .visioline a:link{color:#333;}
.visioline_content{background:#cff2ff;}
.waitline{background:url(/app/img/motif_tr_oblique.png) repeat #ffc580; color:#333;}
.waitline a, .waitline a:hover, .waitline a:link{color:#333;}
.waitline_content{background:#ffe9cf;}

.regline .text-muted, .visioline .text-muted, .waitline .text-muted { color: #333 !important; }

.regline a.bt-visio-link, .visioline a.bt-visio-link{
  color: #fff;
  text-decoration: none;
}

.bt-visio-link i{
  font-size: 18px;
  vertical-align: middle;
}

.table-calendar-list .dropdown-menu a {
    color: #6c757d;
}

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

.table-calendar-list a.bt-visio-link{
  color: #fff;
  text-decoration: none;
}

.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; }

.popover-teacher{
  width:250px;
}

.badge-promo, .badge-visio, .badge-workshop, .badge-time{
  padding: .35em .5em .25em .5em;
  vertical-align: middle;
}


/*----------------
    ATTENDANCE
----------------*/
.attendance-class-info{
  text-align: center;
}

.attendance-class-info .rounded-circle{
  width: 40px;
}

#attendance-modal h5{
  margin: 0;
}

.attendance-contact{
  padding: 2px 12px 5px 12px;
}


/*----------------
      USAGE
----------------*/
.tasks{
  background-color: #7bf9d5;
  /*background-color: #acfbe5;*/
  /*background: #e3eaef;*/
}

.tasks-striped {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, .2) 24%, rgba(255, 255, 255, .7) 24%, rgba(255, 255, 255, .7) 26%,transparent 26%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
  background-size:10px 76px;
  background-position-y: -9px;
}

.tasks .task-header {
  margin: 0 -6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tasks .card{
  height: 70px;
}

.tasks .card h5, .tasks .card .card-body{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bg-horaire{
  background-color: rgba(255, 255, 255, .0);
  text-align: center;
}

.bg-horaire .card-body{
  padding-top: 0 !important;
}

.usage-prof img{
  width: 25px;
}


/*----------------
      CLASS
----------------*/
#multiple_add{
  display:none;
}

#someday{
  display:none;
}

#someweek{
  display:none;
}

#cluster_list{
  max-height: 400px;
  overflow-y: auto;
}

.table-cluster td, .table-cluster th{
  padding: .5rem;
}

.table-cluster .custom-control-label {
  vertical-align: middle;
}

.badge-promo, .badge-workshop{
  vertical-align: middle;
}


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


/*----------------
    REPORT
----------------*/
#accordion_bilan, #accordion_bilan .card, #accordion_bilan .card-header, #accordion_bilan .collapse{
  background: none;
}


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

.contact-logo img{
  width: 150px;
}


#ux-class img.rounded-circle{
  width: 40px;
}


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

.app-button {
  display: none;
}

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


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

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

  #access-bt {
    display: none;
  }

  .calendar-action{
    width:210px;
  }
}

/* MD*/
@media (max-width: 991.98px) {
  .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;
  }

  .calendar-nav .col-12{
    text-align: center;
    margin-bottom: .75rem !important;
  }

  .calendar-nav .col-12:last-child{
    margin-bottom: 0 !important;
  }

  .calendar-action{
    width:120px;
  }

}

/* MD */
@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;
  }
}

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

  .logout-nav {
    display: block;
  }

  .navbar-bottom {
    display: none;
  }
}

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

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

  .logout-nav {
    display: none;
  }

  .topbar-right-menu{
    margin-right: 10px;
  }

  .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 0px 190px;
  }

  .page-title-box{
    padding-left: 15px;
  }

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

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

  .navbar-custom {
    padding: 0 5px;
  }

  .img-account {
    width: 100px;
  }

  .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;
  }

  .calendar-row{
    padding: 0;
  }

  .calendar-col{
    padding: 0;
  }

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

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

  .contact-logo{
    width: 100px;
    height: 100px;
    line-height: 90px;
  }

  .contact-logo img{
    width: 90px;
  }

  .calendar-gofilter {
    max-width: 100%;
  }

  .calendar-godate {
    max-width: 100%;
  }

  h3{
    font-size: 1.5em;
    padding-left: 15px;
    padding-right: 15px;
  }

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

  .dashboard .booking .rounded-circle {
    width: 30px;
  }

  .bt-book-user, .bt-attendance, .bt-admin-class{
    padding-top: 4px;
    padding-bottom: 4px;
  }

  #attendance-modal .modal-body{
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }

  #attendance-modal h4{
    font-size: 1.1em;
  }


}

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

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


/* XS // Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { ... }
@media (min-width: 576px) { ... }

/* SM // Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) { ... }
@media (min-width: 768px) { ... }

/* MD // Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) { ... }
@media (min-width: 992px) { ... }

/* LG // Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { ... }
@media (min-width: 1200px) { ... }
/*
// Extra large devices (large desktops)
// No media query since the extra-large breakpoint has no upper bound on its width
*/

/* XS // Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { ... }

/* SM // Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { ... }

/* MD // Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { ... }

/* LG // Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

/* XL // Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }