@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
/*
 *
 *   CUSTOM CSS - Responsive Admin Theme
 *   version 2.7
 *
*/
/* simple line icons */
@font-face{font-family:simple-line-icons;src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0);src:url(../fonts/Simple-Line-Icons.eot?v=2.4.0#iefix) format("embedded-opentype"),url(../fonts/Simple-Line-Icons.woff2?v=2.4.0) format("woff2"),url(../fonts/Simple-Line-Icons.ttf?v=2.4.0) format("truetype"),url(../fonts/Simple-Line-Icons.woff?v=2.4.0) format("woff"),url(../fonts/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons) format("svg");font-weight:400;font-style:normal}.icon-action-redo,.icon-action-undo,.icon-anchor,.icon-arrow-down,.icon-arrow-down-circle,.icon-arrow-left,.icon-arrow-left-circle,.icon-arrow-right,.icon-arrow-right-circle,.icon-arrow-up,.icon-arrow-up-circle,.icon-badge,.icon-bag,.icon-ban,.icon-basket,.icon-basket-loaded,.icon-bell,.icon-book-open,.icon-briefcase,.icon-bubble,.icon-bubbles,.icon-bulb,.icon-calculator,.icon-calendar,.icon-call-end,.icon-call-in,.icon-call-out,.icon-camera,.icon-camrecorder,.icon-chart,.icon-check,.icon-chemistry,.icon-clock,.icon-close,.icon-cloud-download,.icon-cloud-upload,.icon-compass,.icon-control-end,.icon-control-forward,.icon-control-pause,.icon-control-play,.icon-control-rewind,.icon-control-start,.icon-credit-card,.icon-crop,.icon-cup,.icon-cursor,.icon-cursor-move,.icon-diamond,.icon-direction,.icon-directions,.icon-disc,.icon-dislike,.icon-doc,.icon-docs,.icon-drawer,.icon-drop,.icon-earphones,.icon-earphones-alt,.icon-emotsmile,.icon-energy,.icon-envelope,.icon-envelope-letter,.icon-envelope-open,.icon-equalizer,.icon-event,.icon-exclamation,.icon-eye,.icon-eyeglass,.icon-feed,.icon-film,.icon-fire,.icon-flag,.icon-folder,.icon-folder-alt,.icon-frame,.icon-game-controller,.icon-ghost,.icon-globe,.icon-globe-alt,.icon-graduation,.icon-graph,.icon-grid,.icon-handbag,.icon-heart,.icon-home,.icon-hourglass,.icon-info,.icon-key,.icon-layers,.icon-like,.icon-link,.icon-list,.icon-location-pin,.icon-lock,.icon-lock-open,.icon-login,.icon-logout,.icon-loop,.icon-magic-wand,.icon-magnet,.icon-magnifier,.icon-magnifier-add,.icon-magnifier-remove,.icon-map,.icon-menu,.icon-microphone,.icon-minus,.icon-mouse,.icon-music-tone,.icon-music-tone-alt,.icon-mustache,.icon-note,.icon-notebook,.icon-options,.icon-options-vertical,.icon-organization,.icon-paper-clip,.icon-paper-plane,.icon-paypal,.icon-pencil,.icon-people,.icon-phone,.icon-picture,.icon-pie-chart,.icon-pin,.icon-plane,.icon-playlist,.icon-plus,.icon-power,.icon-present,.icon-printer,.icon-puzzle,.icon-question,.icon-refresh,.icon-reload,.icon-rocket,.icon-screen-desktop,.icon-screen-smartphone,.icon-screen-tablet,.icon-settings,.icon-share,.icon-share-alt,.icon-shield,.icon-shuffle,.icon-size-actual,.icon-size-fullscreen,.icon-social-behance,.icon-social-dribbble,.icon-social-dropbox,.icon-social-facebook,.icon-social-foursqare,.icon-social-github,.icon-social-google,.icon-social-instagram,.icon-social-linkedin,.icon-social-pinterest,.icon-social-reddit,.icon-social-skype,.icon-social-soundcloud,.icon-social-spotify,.icon-social-steam,.icon-social-stumbleupon,.icon-social-tumblr,.icon-social-twitter,.icon-social-vkontakte,.icon-social-youtube,.icon-speech,.icon-speedometer,.icon-star,.icon-support,.icon-symbol-female,.icon-symbol-male,.icon-tag,.icon-target,.icon-trash,.icon-trophy,.icon-umbrella,.icon-user,.icon-user-female,.icon-user-follow,.icon-user-following,.icon-user-unfollow,.icon-vector,.icon-volume-1,.icon-volume-2,.icon-volume-off,.icon-wallet,.icon-wrench{font-family:simple-line-icons;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-user:before{content:"\e005"}.icon-people:before{content:"\e001"}.icon-user-female:before{content:"\e000"}.icon-user-follow:before{content:"\e002"}.icon-user-following:before{content:"\e003"}.icon-user-unfollow:before{content:"\e004"}.icon-login:before{content:"\e066"}.icon-logout:before{content:"\e065"}.icon-emotsmile:before{content:"\e021"}.icon-phone:before{content:"\e600"}.icon-call-end:before{content:"\e048"}.icon-call-in:before{content:"\e047"}.icon-call-out:before{content:"\e046"}.icon-map:before{content:"\e033"}.icon-location-pin:before{content:"\e096"}.icon-direction:before{content:"\e042"}.icon-directions:before{content:"\e041"}.icon-compass:before{content:"\e045"}.icon-layers:before{content:"\e034"}.icon-menu:before{content:"\e601"}.icon-list:before{content:"\e067"}.icon-options-vertical:before{content:"\e602"}.icon-options:before{content:"\e603"}.icon-arrow-down:before{content:"\e604"}.icon-arrow-left:before{content:"\e605"}.icon-arrow-right:before{content:"\e606"}.icon-arrow-up:before{content:"\e607"}.icon-arrow-up-circle:before{content:"\e078"}.icon-arrow-left-circle:before{content:"\e07a"}.icon-arrow-right-circle:before{content:"\e079"}.icon-arrow-down-circle:before{content:"\e07b"}.icon-check:before{content:"\e080"}.icon-clock:before{content:"\e081"}.icon-plus:before{content:"\e095"}.icon-minus:before{content:"\e615"}.icon-close:before{content:"\e082"}.icon-event:before{content:"\e619"}.icon-exclamation:before{content:"\e617"}.icon-organization:before{content:"\e616"}.icon-trophy:before{content:"\e006"}.icon-screen-smartphone:before{content:"\e010"}.icon-screen-desktop:before{content:"\e011"}.icon-plane:before{content:"\e012"}.icon-notebook:before{content:"\e013"}.icon-mustache:before{content:"\e014"}.icon-mouse:before{content:"\e015"}.icon-magnet:before{content:"\e016"}.icon-energy:before{content:"\e020"}.icon-disc:before{content:"\e022"}.icon-cursor:before{content:"\e06e"}.icon-cursor-move:before{content:"\e023"}.icon-crop:before{content:"\e024"}.icon-chemistry:before{content:"\e026"}.icon-speedometer:before{content:"\e007"}.icon-shield:before{content:"\e00e"}.icon-screen-tablet:before{content:"\e00f"}.icon-magic-wand:before{content:"\e017"}.icon-hourglass:before{content:"\e018"}.icon-graduation:before{content:"\e019"}.icon-ghost:before{content:"\e01a"}.icon-game-controller:before{content:"\e01b"}.icon-fire:before{content:"\e01c"}.icon-eyeglass:before{content:"\e01d"}.icon-envelope-open:before{content:"\e01e"}.icon-envelope-letter:before{content:"\e01f"}.icon-bell:before{content:"\e027"}.icon-badge:before{content:"\e028"}.icon-anchor:before{content:"\e029"}.icon-wallet:before{content:"\e02a"}.icon-vector:before{content:"\e02b"}.icon-speech:before{content:"\e02c"}.icon-puzzle:before{content:"\e02d"}.icon-printer:before{content:"\e02e"}.icon-present:before{content:"\e02f"}.icon-playlist:before{content:"\e030"}.icon-pin:before{content:"\e031"}.icon-picture:before{content:"\e032"}.icon-handbag:before{content:"\e035"}.icon-globe-alt:before{content:"\e036"}.icon-globe:before{content:"\e037"}.icon-folder-alt:before{content:"\e039"}.icon-folder:before{content:"\e089"}.icon-film:before{content:"\e03a"}.icon-feed:before{content:"\e03b"}.icon-drop:before{content:"\e03e"}.icon-drawer:before{content:"\e03f"}.icon-docs:before{content:"\e040"}.icon-doc:before{content:"\e085"}.icon-diamond:before{content:"\e043"}.icon-cup:before{content:"\e044"}.icon-calculator:before{content:"\e049"}.icon-bubbles:before{content:"\e04a"}.icon-briefcase:before{content:"\e04b"}.icon-book-open:before{content:"\e04c"}.icon-basket-loaded:before{content:"\e04d"}.icon-basket:before{content:"\e04e"}.icon-bag:before{content:"\e04f"}.icon-action-undo:before{content:"\e050"}.icon-action-redo:before{content:"\e051"}.icon-wrench:before{content:"\e052"}.icon-umbrella:before{content:"\e053"}.icon-trash:before{content:"\e054"}.icon-tag:before{content:"\e055"}.icon-support:before{content:"\e056"}.icon-frame:before{content:"\e038"}.icon-size-fullscreen:before{content:"\e057"}.icon-size-actual:before{content:"\e058"}.icon-shuffle:before{content:"\e059"}.icon-share-alt:before{content:"\e05a"}.icon-share:before{content:"\e05b"}.icon-rocket:before{content:"\e05c"}.icon-question:before{content:"\e05d"}.icon-pie-chart:before{content:"\e05e"}.icon-pencil:before{content:"\e05f"}.icon-note:before{content:"\e060"}.icon-loop:before{content:"\e064"}.icon-home:before{content:"\e069"}.icon-grid:before{content:"\e06a"}.icon-graph:before{content:"\e06b"}.icon-microphone:before{content:"\e063"}.icon-music-tone-alt:before{content:"\e061"}.icon-music-tone:before{content:"\e062"}.icon-earphones-alt:before{content:"\e03c"}.icon-earphones:before{content:"\e03d"}.icon-equalizer:before{content:"\e06c"}.icon-like:before{content:"\e068"}.icon-dislike:before{content:"\e06d"}.icon-control-start:before{content:"\e06f"}.icon-control-rewind:before{content:"\e070"}.icon-control-play:before{content:"\e071"}.icon-control-pause:before{content:"\e072"}.icon-control-forward:before{content:"\e073"}.icon-control-end:before{content:"\e074"}.icon-volume-1:before{content:"\e09f"}.icon-volume-2:before{content:"\e0a0"}.icon-volume-off:before{content:"\e0a1"}.icon-calendar:before{content:"\e075"}.icon-bulb:before{content:"\e076"}.icon-chart:before{content:"\e077"}.icon-ban:before{content:"\e07c"}.icon-bubble:before{content:"\e07d"}.icon-camrecorder:before{content:"\e07e"}.icon-camera:before{content:"\e07f"}.icon-cloud-download:before{content:"\e083"}.icon-cloud-upload:before{content:"\e084"}.icon-envelope:before{content:"\e086"}.icon-eye:before{content:"\e087"}.icon-flag:before{content:"\e088"}.icon-heart:before{content:"\e08a"}.icon-info:before{content:"\e08b"}.icon-key:before{content:"\e08c"}.icon-link:before{content:"\e08d"}.icon-lock:before{content:"\e08e"}.icon-lock-open:before{content:"\e08f"}.icon-magnifier:before{content:"\e090"}.icon-magnifier-add:before{content:"\e091"}.icon-magnifier-remove:before{content:"\e092"}.icon-paper-clip:before{content:"\e093"}.icon-paper-plane:before{content:"\e094"}.icon-power:before{content:"\e097"}.icon-refresh:before{content:"\e098"}.icon-reload:before{content:"\e099"}.icon-settings:before{content:"\e09a"}.icon-star:before{content:"\e09b"}.icon-symbol-female:before{content:"\e09c"}.icon-symbol-male:before{content:"\e09d"}.icon-target:before{content:"\e09e"}.icon-credit-card:before{content:"\e025"}.icon-paypal:before{content:"\e608"}.icon-social-tumblr:before{content:"\e00a"}.icon-social-twitter:before{content:"\e009"}.icon-social-facebook:before{content:"\e00b"}.icon-social-instagram:before{content:"\e609"}.icon-social-linkedin:before{content:"\e60a"}.icon-social-pinterest:before{content:"\e60b"}.icon-social-github:before{content:"\e60c"}.icon-social-google:before{content:"\e60d"}.icon-social-reddit:before{content:"\e60e"}.icon-social-skype:before{content:"\e60f"}.icon-social-dribbble:before{content:"\e00d"}.icon-social-behance:before{content:"\e610"}.icon-social-foursqare:before{content:"\e611"}.icon-social-soundcloud:before{content:"\e612"}.icon-social-spotify:before{content:"\e613"}.icon-social-stumbleupon:before{content:"\e614"}.icon-social-youtube:before{content:"\e008"}.icon-social-dropbox:before{content:"\e00c"}.icon-social-vkontakte:before{content:"\e618"}.icon-social-steam:before{content:"\e620"}


.tb-resp {
    overflow:auto;
}
.tb-resp.horizontal {
    display:block;
    overflow-x:auto;
}

@media (max-width: 1550px) {
    .tb-resp {
    overflow:auto;
    display:block;
    }
}

.reverse .cardplainbox .h2 {font-size:16px;}
.reverse .cardplainbox.menucontent .subtitle {font-size:18px;}

@media only screen and (max-width: 600px) {
  .reverse .cardplainbox .h2 {font-size:12px;min-height:26px;}
  .reverse .cardplainbox.menucontent .subtitle {font-size:12px;}
}

.actionicons {font-size:21px;}
a.dltparant {cursor:pointer;}

.cardplain {background:#fff;margin-bottom:25px;}
.cardplain .cardplainbox {
    text-align: center !important;
}
@media (min-width: 1200px){
.col-lg-2.cardplainbox {
    width: 20%;
}}
.cardplain.firstbox {border:none;}
.cardplainbox {
    padding:15px 0 15px 0;
    border-left:1px solid #e7eaec;
}

.cardplain .text-uppercase,
.cardplain .h2 {
    color:#535353;
}
.cardplain .h2 {font-size:30px;margin:0;}
.cardplain .text-uppercase {font-size:12px; color:#2196f3;}


.frequencydays {
    display: inline-flex;
	font-size:12px;
}
.col-xs-12.fieldresults table {
    background:rgba(238,238,238,0.51);
        border-radius: 8px;
    text-align: center !important;
    padding:0px;
}
.fieldresults th {
    text-align: center !important;
    border-bottom:1px solid rgba(222,222,222,0.37);
    padding: 2px;
    font-size:12px;
}
.selecdays input[type=checkbox] + label,
.selecdaysshow label {
    position: relative;
    background-color: #f3f3f3;
    border: 1px solid #d4d4d4;
    display: block;
    transition: box-shadow 0.4s, border 0.4s;
    box-shadow: 0 0 1px #FFF;
    text-align: center;
    width: auto;
    padding: 9px 10px 7px;
    font-size:10px;
    border-radius: 24px;
    color: #adacad;
  cursor: pointer;
}
.selecdays input[type=checkbox]:checked + label,
.selecdays.active label {

    background-color: #D6F2FC;
    box-shadow: 0 0 1px #D6F2FC;
    border: 1px solid #30bdef;
    text-align: center;
    color: #3a393a;
  /* Soften the jagged edge */
}

/* occupation table */
tbody .input-checkbox {
    background-color: #ccc0 !important;
}
#example input[type="text"] {
  background-color: #0000001f;
  border-radius: 5px;
  color: #717171;
  outline: none;
  outline-style: none;
  border: 1px solid #0000001f;
}
#example input[type="text"]:focus,
#example input[type="text"]:hover {
    background-color: #ffffff14;
    border-radius: 5px;
    color: #036ec3;
    outline: none;
    outline-style: none;
    border: 2px solid #2581d0;
}
/* dropdown status select child */
/*the container must be positioned relative:*/
.custom-select {
  position: relative;
	font-family: 'open sans','simple-line-icons','fontawesome';
}
.select-selected:hover{
	filter: brightness(95%);
}
.custom-select select {
  display: none; /*hide original SELECT element:*/
}
/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
font-size:12px;
  color: #676a6c;
border-radius:3px;
  padding: 8px 16px;
  /*border: 1px solid transparent;*/
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.select-items div {
margin-top:4px;
}
.select-selected {
font-size:14px;
font-weight:600;
	color:#fff;
	background-color: #0bdc5f;
	border-radius:3px;
}
/*style items (options):*/
.select-items {
padding:0 4px 4px 4px;
	border: medium none;
	border-radius: 3px;
    box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.05);
}
/*PROFILE VIEW*/
.popupfieldname {
    font-size: 12px;
    margin-bottom: 0;
}
.childedit a:hover {
    color:#fff;
    background-color:#f37083;
}
.underlinefield {
    border-bottom: 1px solid #e7e7e7;
}
/*
.childstatus .btn:hover,*/
.childstatus .dropdown-menu a:hover {
     color: rgba(45,45,45,0.55) !important;
 }

.quickview {
   background-color:#f3f3f3 !important;
   text-align:center;
   padding: 15px 10px 15px 10px;
   margin-top:-10px;
   margin-bottom:-15px;
	border-radius:15px;
}

.childprofilepic {
    height:155px;
    width:155px;
    max-width:100%;
    border:2px #ece7e7 solid;
    overflow:hidden;
     border-radius: 50%;
    display:inline-block;
box-shadow: 0px 0px 12.8px 7.2px rgba(0, 0, 0, 0.09);
}

.childprofilepic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.childname {
    font-size:18px;
    font-weight:900;
    color:#3a3939;
}
.childage {
    font-size:14px;
    font-weight:600;
    color:#595959;
}
.childstatus{margin-top:30px;}
.childstatus .label-inscrit,
.childstatus .label-inactive,
.childstatus .label-active {
    margin-top:30px;
    font-size:14px;
    /*padding:10px 35px 10px 35px;*/
    width:auto;
}
.dropdown.childstatus button.btn {width:100%;max-width:250px;margin:auto;}
.profileDivider {
     border-left:1px solid #38546d;
     border-right:1px solid #16222c;
     height:80px;
     position:absolute;
     right:249px;
     top:10px;
}
.childedit{
    margin-top:0px;
    padding-top:25px;
    border-top:1px #e6e3e3 solid;

}
.childedit a{
    background:#FFF;
    color:#ed576d;
    font-size:14px;
    font-weight:600;
    border:1px #ed576d solid;
    border-radius: 15px;
    padding:5px 20px 5px 20px;
    text-transform: uppercase;
    outline: none !important;
}

.fieldnames,
.fieldresults {
    font-size:13.5px;
}
.fieldnames p,
.fieldresults p{
    padding:0px 0 0px 0;
}
.profilefields p {
    margin:2.5px 0px;
}
.profilefields .form-group {
    margin-bottom:0px;
}
.fieldresults {
    font-weight: 700;
}
.profilefields {
padding:20px 8px;
}
.profilefieldscol1 {
padding:0 0 0 0;
}

/*END PROFILE VIEW*/
/*hide opverflow for page*/
div#page-wrapper {
    overflow-x: hidden;
}
/*multi columns */
/*
a.btn.registerchoice {background-color:#FFFFFF !important;color:#3a3a3a;}
a:hover.btn.registerchoice {background-color:#e28b27 !important;color:#FFFfff;}
*/
ul.nav.nav-second-level.collapsing > li > a, ul.nav.nav-second-level.in > li > a {
    /*font-size: 13px !important;*/
}
.btn-group .btn-primary {
    background-color: white !important;
    color: #ffa53c;
    border: 1px #ffa53c solid;
    margin-right: 1px;
    margin-left: 0px;
    border-radius: 5px;
    box-shadow:none;
}
.btn-group .btn-primary:hover,
.btn-group .btn-primary:focus {
    background-color: white !important;
    color: #ffa53c !important;
    border: 1px #ffa53c solid !important;
    margin-right: 1px;
    margin-left: px;
    border-radius: 5px;
}

.dataTable {
    border-radius:5px;
}

.dataTable, .table, .table-bordered {
    font-size: 12px !important;
}

.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
    border-left:0px;
    border-right:0px;
    height: 30px;
    vertical-align: middle;
}
.middle-box {max-width:450px;}
.loginscreen .m-t {margin-top: 15px;}
.loginscreen .btn {padding:12px;}
.loginscreen .form-control {height: 42px; margin-bottom:8px;border-radius:8px;}
.multi-column {
   -moz-column-count: 2;
   -moz-column-gap: 20px;
   -moz-column-fill: auto;
   -webkit-column-count: 2;
   -webkit-column-gap: 20px;
   -webkit-column-fill: auto;
   column-count: 2;
   column-gap: 20px;
   column-fill: auto;
   list-style-position: inside;
}
/* chevron dropdown for accordion */
#primarycontact.panel-heading .accordion-toggle:after {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  color:white !important;

}

/* groups format */
.agile-list li {
    margin: 0 0 5px 0;
    padding: 5px;
}
/***************
* PANELS
***************/
.bg-panel {
    padding: 0;
	margin-bottom:25px;
    /*border-color: #e2e2e2;*/
    /* border: 1px; */
}
/*.bg-panel .row {min-height:117px;}*/
.panel.widget.bg-panel.btn-active {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
    margin-top: 0;
    padding:0;
}

.row.row-table {
    display: table;
    table-layout: fixed;
   /* height: 100%;*/
    width: 100%;
    margin: 0;
    border: 1px;
	box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);
	border-radius:10px;
    /* border-width: 5px; */
}
.card1db .row.row-table {
    background:linear-gradient(135deg,#ed566d,#f233a0);}
.card2db .row.row-table {
    background:linear-gradient(135deg,#ff8e00,#ffd51d);}
.card3db .row.row-table {
    background:linear-gradient(135deg,#818181,#9e9e9e);}
.card4db .row.row-table {
    background:linear-gradient(135deg,#2196f3,#21d0f3);}

.col-xs-4.text-center.bg-panel-pink.pv-lg,
.col-xs-4.text-center.bg-panel-orange.pv-lg,
.col-xs-4.text-center.bg-panel-dark.pv-lg,
.col-xs-4.text-center.bg-panel-blue.pv-lg {
    display: table-cell;
    margin: 0;
    table-layout: fixed;
    float: none;
    vertical-align: middle;
    border-radius: 5px 0 0 5px;
    color:white;
}

.icon-user.fa-3x {
}

.col-xs-8.pv-lg {
    table-layout: fixed;
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    background: #fff0;
	text-align:right;
  font-family:'Quicksand';
  font-weight:900;
    /* border: 1px; */
    /* border-color: black; */
}

.bg-panel .h2.mt0 {
    margin-top: 0;
    color: #ffff;
	font-size:38px;
}

.text-uppercase {color: #ffff;}
/**********/
/***************
* CUSTOM LOGIN
***************/
.middle-box.text-center.loginscreen.animated.fadeInDown {
    background: white;
    margin-top: 70px;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(21,57,130,0.2), 0 5px 10px rgba(21,57,130,0.07), 0 0 0 1px rgba(0,0,0,0.05);
    width: 450px;
}
.middle-box.text-center.loginscreen.animated.fadeInDown h1 {
    font-size: 25px;
    letter-spacing: normal;
    color: #ffa43a;
}
.middle-box.text-center.loginscreen.animated.fadeInDown h3 {
    font-size: 15px;
}

.gray-bg {
  background: url(/img/background.jpg) no-repeat center center fixed;
  background-size: cover;
  overflow:hidden;
}

div#page-wrapper {
    background: #fafafa;
}

/*.garderie-big {
  width:350px !important;
}

@media (max-width: 420px) {
  .garderie-big {
    width: 300px;
  }
  .garderie-connecter {
  margin-top: 15px;
  }

}*/

.garderie-connecter {
  background-color: #ffffff;
  padding: 20px 20px 20px 20px;
  border-radius: 8px;
  margin-top: 90px;
}

.garderie-connecter h3 {
    margin-top: 10px !important;
}

.garderie-nom {
    color: #127a65;
    font-size: 25px !important;
    letter-spacing: 0 !important;
    margin-bottom: 0 !important;
}
.labelshadow {
    border-radius: 5px;
    box-shadow: 0 16px 16px -8px rgba(0,0,0,0.1);
}
.label-active,.label-inactive,.label-inscrit {font-size:12.5px;}
.label-active {
  background-color: #0bdc60;
  color: #FFFFFF;
  display:block;
}
.label-active:hover, .label-active:focus {background-color: #0bc859; color:#fff;}

.label-inactive {
  background-color: #a8b0b4;
  color: #FFFFFF;
}
.label-inactive:hover, .label-inactive:focus {background-color: #8a9396; color:#fff;}

.label-inscrit {
  background-color: #f5ad08;
  color: #FFFFFF;
}
.label-inscrit:hover, .label-inscrit:focus {background-color: #e28b27; color:#fff;}

.group-title {
    padding:8px;
    border-radius:5px;
    margin-bottom:5px;
}

.group-subtitle {
color:#fff;text-align:center;margin:-5px 0 0 0;
}


.ibox,
.contenu-propre {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    webkit-box-shadow: 0px 3px 8px rgba(69,101,173,0.1);
    border-radius: 5px;
    display:flow-root;
    background:white;
}

.row.title .ibox-title {
    background-color:rgba(255,255,255,0);
    border-width:0px;
    margin-bottom:10px;
}

.ibox-title,
.contenu-propretitre {
    border-radius: 5px 5px 0 0;
    border-color: #ffffff;
    padding: 10px 10px 5px 10px;
    min-height:40px;
}
.ibox-content,
.contenu-propreboite {
    border-radius: 0 0 5px 5px;
}

.ibox-title {background-color:rgba(255, 255, 255, 0);border-width:0;}

.ibox-title h5 {
    font-size: 22px;
    font-weight: 300;
    color:#272727;
    font-family: 'Quicksand';
	/*text-transform:uppercase;*/
  font-weight:700;

}

.ibox.float-e-margins {box-shadow:unset;background:rgba(255, 255, 255, 0);}
.ibox.float-e-margins .ibox-content{
  border-radius:10px;
  box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);
}

.addbtn {
    background-color: #2196f3;
    border-color: #2196f3;
    padding: 5px 15px;
        color: #FFFFFF;
    font-weight: 600;
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
}
.addbtn:hover,.addbtn:active,.addbtn:focus{
  background-color:#337ab7;
  border-color:#337ab7;
  color:white;
}

.table#agepergrouptable,
.dataTable,
.table,
.table-bordered {
    width:100% !important;
    font-size:12px;
}

/*
.navbar,
.navbar-static-top {
    background: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(69,101,173,0.1);
    -webkit-box-shadow: 0px 3px 8px rgba(69,101,173,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #293846;
    color: #1ab394;
}

.nav > li.active > a > i {
    color: #1ab394;
}

*/

.navbar-default.navbar-static-side,
#wrapper {
  background:#ebeff2;
    height:100% !important;

}

/*
WHITE NAV BAR
*/
/*
nav.navbar-default.navbar-static-side {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    height: 100%;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus {
    background-color: #f1f1f1 !important;
    color: #1ab394;
}
.nav-header {
    padding: 33px 25px;
    background-image: none;
}
.nav > li.active,
.nav-header,
body {
    background-color: #fafafa;
}

.nav-header a {
    color: #293846;
}

.nav > li.active {
    border-left: 4px solid #19aa8d;
}

.nav > li.active > a {
    color: rgba(0,0,0,0.54);
}

ul.nav-second-level {
    background: #fafafa;
}

*/

/*******
WORK IN PROGRESS
********/


/*nav.navbar-default.navbar-static-side {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.35);
    height: 100%;
}*/

.footer,
.navbar,
.navbar-static-top
.row.border-bottom {
    border: none !important;
    display:contents;
    overflow:hidden;
    background:unset !important;
}

.nav-header {
    padding: 33px 25px;
    background-image: none;
}

.footer,
.gray-bg,
.bg-muted,

.nav > li.active,
.nav-headerr,
body {
    background-color: ##ffffff00;
}

.nav-header a {
    color: #293846;
}

.form-group .form-control {
    /*border: 2px solid #ebeff2;*/
	border: 1px solid #cacaca;
    border-radius: 3px;
}

.form-group .form-control:focus {
    border: 2px solid #13cb6e;
}

.btn-success{
    background-color: #13cb6e;
    border-color: #13cb6e;
    border-radius: 5px;
    padding: 15px 55px 15px 55px;
    font-weight: 600;
}

.btn-success:Hover,
.btn-success:active,
.btn-success:focus{
  background-color:#1fa45c !important;
  border-color:#1fa45c !important;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success.active[disabled],
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #1fa45c;
  border-color: #1fa45c;
}

.navbar-default .nav > li {
  background:rgba(255, 255, 255, 0);
  margin: 1px 15px 0 15px;
  border-radius: 5px;
  /* padding: 1px 15px 0 15px; */
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus,
.navbar-default .nav > li.active {
    border-left: none;
    border-radius: 5px;
}

.navbar-default .nav > li.active > a:hover {
  margin: 0px;
  background:#2879b9 !important;
  color: white;
}


.navbar-default .nav > li.active {
    border-left: none;
    background: #2196f3;
    box-shadow: 0 16px 16px -8px rgba(0,0,0,0.1);
}

.navbar-default .nav > li.active > a {
    color: #FFFFFF;
    font-size:15px;
    /*padding: 10px 25px 10px 25px;*/
}

.navbar-default .nav > li > a {
    color: #535353;
    font-size: 14px;
    /*padding: 10px 25px 10px 25px;*/
}

.navbar-default .nav > li > a:focus,
.navbar-default .nav > li > a:hover {
    background-color: #d2d2d2 !important;
    color: #585f6a;
}

ul.nav-second-level {
    background: #fafafa;
    border-radius: 0 0 5px 5px;
    padding-bottom: 1px;
}

.wrapper-content {
    background: #fafafa;
    border-radius: 5px;
    border-color: black;
    border-width: 2px;
}

span.clear {
font-size: 14px;
}

span.clear:hover {
    background: #ffffff;
    border-radius: 5px;
    margin-left: -10px;
    padding-left: 10px;
    color:#2196f3;
}

.mini-navbar .navbar-default .nav > li {
    margin: 0;
    border-radius: 5px;
    padding: 1px 15px 0 15px;
}

.btn-primary {
    background-color: #ffa53a !important;
    border-color: #ffa53a !important;
    color: #FFFFFF;
    font-weight:600;
    border-radius: 5px;
    box-shadow: 0 16px 16px -8px rgba(0,0,0,0.1);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #e28b27 !important;
    border-color: #e28b27 !important;
}

.nav-second-level li, .nav-third-level li {
    border-bottom: none !important;
    margin: 5px 15px 5px 15px !important;
}

.nav-second-level li a {
    padding: 7px 10px 7px 10px;
}

.nav-second-level > li > a:focus {
    background: #2196f3 !important;
    border-radius: 5px 5px 0 0;
    color: white;
}

nav.logo {
    bottom: 15px;
    position: fixed;
    left: 25px;
}
.formatlogo.navcenter {
    position: fixed;
    bottom: 25px;
    left: 25px;
   /* margin:-25px -30px 25px -30px;*/
}

body.mini-navbar .nav-header {
    background-color: #ebeff2 !important;
}

body.mini-navbar .formatlogo .img {
    display:none;

}

body.mini-navbar .navbar-default .nav > li {
    padding: 0;
}

.mini-navbar .nav .nav-second-level {
    background:#ebeff2;
    border: 2px solid #ebeff2;
    border-radius:5px !important;
    color:#fff;
    margin-left:5px;
    box-shadow: 0 16px 16px -8px rgba(0,0,0,0.1);
}
.mini-navbar .nav .nav-second-level a {
    color:#333333;
}
/* MEDIA NAV */

@media only screen
    and (min-device-width : 320px)
    and (max-device-width : 768px){
  .row.border-bottom {display: block;}


.formatlogo
.gray-bg.register {
  overflow:auto;
}

.middle-box.text-center.loginscreen.animated.fadeInDown {
    width: 350px; !important

}
body.mini-navbar .navbar-static-side {
    width: 300px;
    height: 100%;
    background: white;
}

body.mini-navbar .sidebar-collapse,
body.mini-navbar .nav-header {
    background:white;
}

.mini-navbar .navbar-header {
  float: right;
  margin-right:10px
}

body.mini-navbar #page-wrapper {
    margin: 0 0 0 0px;
}

body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
    display: inline-table;
}
.mini-navbar .nav .nav-second-level {
    position: initial;
    background:white;
}

.mini-navbar .navbar-default .nav > li {
    padding: 0;
}

.dropdown.profile-element {
    left: 30px;
    top: 30px;
    margin: -10px 0 -10px 0;
}

.formatlogo.navcenter {
    position: relative;
    bottom: 25px;
    left: 65.5px;
    margin:0px;
    padding:0px;
}
    .logo-element {background:white;}
}
@media screen
  and (orientation: landscape) {
      .gray-bg {overflow:auto;}

}


/* latest update to views v2*/
body {
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow:hidden !important;
    font-family:Quicksand;
}

.row.custnav {
    cursor:pointer;
    margin-bottom:15px;
    display:flex;
}
.custnav .menucontent {
    display:table-cell;
    text-align:center;
    vertical-align: middle;
    background:#ffffff;
    overflow:hidden;
    padding:10px 0px;
    position:relative;
    border-right:1px solid #e7eaec;
}

.custnav .menucontent.btn-custnavprimary,
.custnav .menucontent.btn-custnavprimary .h2.title,
.custnav .menucontent.btn-custnavprimary .subtitle,
.custnav .menucontent:hover,
.custnav .menucontent:hover .h2.title,
.custnav .menucontent:hover .subtitle{
    background:#ffa841;
    font-weight:600;
    color:#fff;
        /*border-bottom: 2px solid #ffa841;*/
}

@media only screen and (max-width: 1200px) {
    .custnav {border-radius:50px;}
    .custnav .menucontent {border-radius:0px;}
}

.custnav .menucontent:hover,

.custnav .menucontent.btn-custnavprimary {border:none;}

.custnav .menucontent:first-child{border-radius: 10px 0 0 10px;}
.custnav .menucontent:last-child{border-radius: 0 10px 10px 0;}
.custnav .menucontent .h2.title {margin:0;}
.custnav .menucontent .subtitle {
    font-size:12px;
    font-family:'Quicksand';
    font-weight:900;
    text-transform: uppercase;
    color:#2196f3;
}

a.btn.btn-default.buttons-collection,
.btn.btn-primary.dropdown-toggle {
    background-color: #535353 !important;
    color: #fff;
    border-color: #535353 !important;
    font-weight: 300;
    box-shadow: none;
    border-radius: 5px !important;
    margin: 6px 0 0 5px;
}
a.btn.btn-default.buttons-collection:hover,
.btn.btn-primary.dropdown-toggle:hover {
    background-color:#7e7e7e !important;
    border-color:#7e7e7e !important;
}

.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {color:#797979;}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: #ffa742;
}

#dynamic-table_filter,#xample {text-align: left;}
.row.col-cust {display:flex;}
.row.col-cust .col-cust-5 {width:20%;}

#dynamic-table_filter label{}
#dynamic-table_filter label input,#example_filter label input{background: #f9f9f9;border-radius:5px;}
.dt-buttons.btn-group {float:right;width:unset;}
.dropdownalign.colshow span.hideme {display:none;}
.col-lg-8.cust-search {padding-left:0;margin-left:0;padding-right:unset;margin-right:unset;}
.col-lg-8.cust-search input {width:100% !important; height:46px;margin-bottom:15px;margin-left:unset !important;}

li.my-custom-prompt {
     background: red;
    color: white;
    padding: 5px 15px;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 500;
    margin-right: 35px;
    vertical-align: middle;
}
.nav li.my-custom-prompt a {
    color: white;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 900;
}

/*latest code*/
.child-list-container {
    display:table;
    position: relative;
    align-content: center;
}

.child-left {
    display: table-cell;
    width:auto;
    height: auto;
    min-width:60px;
}

.child-left img {
    height:100%;
    width:auto;
    max-height: 50px;
    max-width:50px;
    object-fit:cover;
    border-radius:50%;
    margin-right:10px;
    box-shadow: 0 0 12.8px 7.2px rgba(0,0,0,.09);
    border: 2px #ece7e7 solid;
}

.child-right {
    display:table-cell;
    vertical-align: middle;
    font-weight:600;
    font-size:13.5px;
    font-family:'quicksand';
}

.dataTable, .table, .table-bordered {
    font-size: 14px !important;
}

.tc .label {text-align:center;display:block;/*display:flex;/*padding:6px 8px;*/}

.tc .startdate{
    display:block;
    margin-top:5px;
    font-size:10px;
    text-align: center;
    font-weight:900;
}

.childlist-info-main {
    display:flex;
}
.childlist-info-sub {
    display:flex;
    text-align: center;
    font-size:10px;
    font-weight:900;
}

.row.title .ibox-title {
    background-color:rgba(255,255,255,0);
    border-width:0px;
    padding:0 10px;
    margin-bottom:0px;
    font-size:30px;
}
.wrapper-content {padding:10px 10px 10px}

.sub.row {margin:0px;}

.morris-hover-row-label,
.morris-hover-point {
    font-family:quicksand !important;
    font-weight: 900 !important;
    font-size:16px;
}

.tc .fathername,
.tc .contactname,
.tc .mothername {
    font-size:12.5px;
    font-weight:900;
    FONT-FAMILY:'QUICKSAND';
}

.fancy .ibox-title {
    position:relative;
    z-index:2;
    border-radius:25px;
    margin-left:-8px;
    margin-right:-8px;
    padding:15px 25px 10px 25px;
    margin-bottom:px;
    background:linear-gradient(135deg,#ed566d,#f233a0);
}
.fancy .ibox-title h5,
.fancy .ibox-title h5 small {
    color:#fff;
    margin:0px;
    margin-top:-5px;
}
.fancy .ibox-title h5 small {font-size:18px;}
.fancy .ibox-content {
    margin-top:-5%;
}
.fancy .fa.fa-chevron-up,
.fancy .fa.fa-chevron-down{
    color:#fff;
}

.actionicons.edit:before {
    content:'\f044';
    display:block !important;
}

.actionicons.delete:before {
    content:'\f2ed';
    display:block !important;
}
.pdfviewer .modal-body embed{
    height:calc(100vh - 190px);
}
.pdfviewer .modal-footer {
    display:none;
}
@media (min-width: 768px){
  .pdfviewer .modal-dialog {
    width:900px;
  }
}

.selecdays {
    user-select:none;
}
.underlinefield .selecdays.selecdaysshow,
.underlinefield .selecdays.selecdaysshow label{
    cursor:default !important;

}
table.profiletables.occupation.ecp {
    width:100%;
    background:#f3f3f3;
    text-align: center;
    border:1px solid #f3f3f3;
    border-radius:8px;
    margin-bottom:14px;
    border-collapse:unset;
}
table.profiletables th,
table.profiletables tr {
    text-align:center;
}
table.profiletables th {
    border:unset;
}

.text-danger.text-alert {
    font-weight:700;
    font-size:90%;
}

#contacts .panel-heading.primary-contact {
  background-color:#f5f5f5;
}

#contacts .panel-heading {
  background-color:#ffff;
}

.regstatus {
  display:inline-flex;
  align-items: center;
  flex-shrink: 0;
  border:1px solid #2296f3;
  border-radius:15px;
  padding:5px 15px;
  text-transform:uppercase;
  background:#fff;
  font-size:12px;
  font-weight: 700;
}
.regstatus.unreg {
    color: #2296f3;
    border-color:#2296f3;
}
.regstatus.unreg:hover {
    color:#fff;
    background-color: #2296f3;
}

.regstatus.reg {
    color: #0bdc60;
    border:unset;
    background: #ffffff;
    border: 1px solid #dcdcdc;
    cursor: default;
}
.regstatus.reg i {
    margin-right:3px;
}

.regstatus.addemail {
    color: red;
    border-color: red;
}
.regstatus.addemail:hover {
    color:#fff;
    background-color: red;
}
.panel-title a {
  font-size: 22px;
}

.panel-title p {
  padding-left: 29px;
}

.remove-all {
  padding:8px;
  background:#ececec;
  border-radius:8px;
  margin-bottom:15px;
}
#totaldays th,
#totaldays,
.remove-all td,
.remove-all th,
.remove-all tr {
  text-align:center;
}
/*style noedit mode*/
/*input fields style*/
.form-control[readonly] {
background-color:unset !important;
}
.profilefields input[disabled]{
    background: unset !important;
    cursor:text;
    border:unset;
    border-bottom:1px solid #fff;
    padding: unset;
}
.frequency.edit-mode,
.profilefields .fieldresults select,
.profilefields .fieldresults input {
    background:#fbf9f9;
    border:1px solid #e9e9e9;
    border-bottom: 2px solid #0f94fc;
    border-radius:3px;
    padding: 2px 5px;
    width:100%;
    
}
.profilefields input {
    padding: 2px 8px;
}
.profilefields input::placeholder {
    color:#6d6d6d;
    font-weight:200 !important;
    font-style:italic;
}
/*edit icon*/
.noEditIcon {
    display:none;
}
.noEditIcon::after {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f044";
    font-size:8px;  
}
.noEditMode{
    background: #fbf9f9;
    border: unset;
    border-bottom: 1px dotted #cac7c7;
    padding: unset;
}
.childname.editable {
    border: 2px solid #0f94fc;
    border-radius:8px;
}
.childname input{
    text-align:center;
    border-radius:8px;
}
.childedit input{
    background:#FFF;
    color:#ed576d;
    font-size:14px;
    font-weight:600;
    border:1px #ed576d solid;
    border-radius: 15px;
    padding:5px 20px 5px 20px;
    text-transform: uppercase;
    outline: none !important;
}
.childedit input:hover {
    color:#fff;
    background-color:#f37083;
}
.childedit.save-options input {
    padding:5px 0px !important;
}
.childedit.save-options input:first-child {
    width:40%;
    margin:1px;
}
.childedit.save-options input:last-child {
    width:55%;
        margin:1px;
}
.remove-all.col-lg-12:last {
    margin-bottom:15px !important;
}
.profilefields table.int-table {
    border-collapse: separate !important;
    padding:8px;
}
#contacts .panel.panel-default {
    overflow:hidden;
}
.table-icon-col:before {
    content: "\f0db";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight: unset;
    font-style:initial;
}
.table-icon-export span:before {
    content: "\f019";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight: unset;
    font-style:initial;
}
.buttons-page-length:before {
    content: "\f5fd";
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    font-weight: unset;
    font-style:initial;
}
.buttons-page-length span {display:none;}

.pace .pace-progress {
    background: #ffa53a !important;
}
.managegroupicons {
    display:inline-block;
    background:#fff;
    border-radius:15px;
    padding:5px 15px;
    color:#337ab7;
    margin-left:8px;
    border:2px solid #cccccc;
}
  .btn.addtype {
    border-radius: 8px 8px 0 0;
    background: #eaeaea;
    color: #4c4c4c;
    font-family:Quicksand;
}

.btn.addtype.selected{
  background:#2196f3;
  color:#fff;
  font-weight:800;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #fff;
}
.modal-content {
    border-radius: 25px;
    padding: 0 25px;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    border-color: #e3e3e3;
}
.form-group .form-control {
    border: 2px solid #e5e5e5;
    background-color: #FFF;
}
body {Font-family:Quicksand;}
.attendance-content {
    max-width: 1400px;
    margin:auto;
    padding:20px;
    border-radius:15px;
    font-family:Quicksand;
}
.attendance-content h3 {font-size:24px;color:#3a3939;margin-bottom:25px;text-align:center;}
.attendance-start,
.attendance-end {
    display:inline-block;
    width:50px;
}

.attendance-content .attendance-title .btn {margin-left:15px;border-radius:20px;}
.attendance-content .row {display:flex; margin-bottom:15px;}
.attendance-content table.attendance-table {
    /*display:block;
    overflow-x:auto;*/
    width:100%;
    border-collapse: collapse;
    border:0px solid #fff;
    margin-top:8px;
    margin-bottom:8px;
    border-radius:8px;
   /*overflow:hidden;*/
   box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);
   height:100%;
}
@media (max-width: 1550px) {
  .attendance-content .row {display:block;}
    .attendance-content table.attendance-table {
    overflow:auto;
    display:block;

    }
}
.attendance-content thead.attendance-table th,
.attendance-content table.attendance-table thead th{
    background:#ffa53a;
    color:#FFF;
    /*border-radius: 8px 8px 0 0;*/
    text-align:center;
    vertical-align:middle;
}
.attendance-content .attendance-table thead th:first-child{
    border-radius: 8px 0 0 0;
}
.attendance-content .attendance-table thead th:last-child{
    border-radius: 0 8px 0 0;
}
.attendance-content .attendance-table thead th{
    text-align:center;
}
.attendance-content .attendance-table tbody {
    border-radius:0 0 8px 8px;
}
.attendance-content .attendance-table tr {
    height:25%;
    vertical-align:middle;
}
.attendance-content.attendance-reset .attendance-table tr {
    height:45px !important;
}
.attendance-content.attendance-reset .attendance-table tr td {
  vertical-align:middle;
  padding:0 15px;
}
.attendance-content .attendance-table td {
    color:#1a1919;
    font-weight:700;
}
.attendance-content .attendance-table tr th,
.attendance-content .attendance-table tr td {
    padding:5px;
}
.attendance-content .attendance-table tbody td {
    border-bottom:1px solid #dedede;
}
.attendance-content .col-2,
.attendance-content .col-3,
.attendance-content .col-4,
.attendance-content .col-5,
.attendance-content .col-6,
.attendance-content .col-7,
.attendance-content .col-8{
    border-left:1px solid #dedede;
    width:100px;
}
.attendance-content table.attendance-table > tbody > tr:last-child td {
    border-bottom:unset;
}
.attendance-content table.attendance-table > tbody > tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}
.text-green {color:#0bdc60;}
.text-orange {color:#f5ad08;}
.text-red {color:#ed5565;}

.attendance-content .col-1 {width:100px;}
.attendance-content .attendance-table td.disabled {
    background-image: repeating-linear-gradient(145deg, #ccc, #ccc 10px, #dbdbdb 10px, #dbdbdb 20px);
}
.attendance-content .attendance-table tr.currentweek {
    border:5px solid #0bdc60 !important;
}

.attendance-content td.enabled {
    display:table-cell;
    padding: 5px !important;
    margin:5px !important;
}
.attendance-content .disabled .dayindicator {
  margin-top: 5px;
  background: #fff0;
  height: 100%;
}
.list-days .dayindicator,
.attendance-content .dayindicator {
    /*color:green;
    font-size:11px;
    display:none;*/
    text-align:center;
    font-size:10px;
    background:#eaeaea;
}
.attendance-content .disabled .viewmode,
.attendance-content .disabled .editmode {display:none;}
.attendance-content .viewmode {text-align:center;}
.attendance-content .editmode {display:none;}
.attendance-content .editmode select {padding:0px;}

.all-attendance-btn .btn.modify.editmode {
  display:none;
}
.all-attendance-btn .btn.modify.viewmode {
  display:block;
}
.ibox-title.contained {
  padding-left:0px;
  margin-bottom:25px;
  border-bottom:1px solid #d6d6d6;
}
.footer {display:block;}

.height-control .ibox-content {
    height:calc(100vh - 130px);
    overflow-y:auto;
}
.tabbed.height-control .ibox-content {
    height:calc(100vh - 180px);
}
.height-control .attendance-content {padding-bottom:0px;}

.nav.nav-tabs {
  border:unset;
  z-index:10;
}
.nav-tabs > li {
  padding:10px 20px 10px 25px;
}
.nav-tabs > li:hover, .nav-tabs > li:focus {
    background-color: #e6e6e6;
    color: #676a6c;
    border-radius: 8px 8px 0 0;
}
.nav-tabs > li.active {
  background:#fff;
  /*box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);*/
  border-radius: 8px 8px 0 0;
}
.nav-tabs>li>a {
  padding:unset;
  border:unset;
  padding: 5px 10px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    /*background: #ffa53a;
    color: #fff;*/
    border:unset;
    border-bottom:3px solid #f392a1;
}
.ibox-content.tab-content {
  z-index:100;
  border-radius:0 0 10px 10px !important;
  position:relative;
  border-top:unset;
}
.attendance-content.fullwidth {
    max-width:unset;
}

.infotooltip {
  position: relative;
  display: inline-block;
}

.infotooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 15px;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.infotooltip:hover .tooltiptext {
  visibility: visible;
}

.parenttooltip {display:block;}
.parenttooltip .infotooltip i {
    color: #ea4827;
    font-size: 18px;
    padding:0 5px 0 0;
}
.parenttooltip .infotooltip .tooltiptext {
    width:200px;
    text-align: left;
}
.parenttooltip .infotooltip .tooltiptext .content{
    /*padding-left:8px;*/
    margin:0px;
    font-weight:500;
}
.parenttooltip .infotooltip .tooltiptext .content span:before{
    content:"-";
    margin-right:5px;
}

.parenttooltip .basetext {
    display:inline-flex;
}

/* The container */
.checkcontainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
    margin-top:-12px;
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border:2px solid #eee;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}
.checkcontainer:hover input[disabled] ~ .checkmark {
    background-color: #fff;
    /*cursor:not-allowed;*/
    cursor:default;
}
.checkcontainer:hover input[disabled] ~ .checkmark:before {
    display:block;
    content:'Please fill the required fields';
    position:absolute;
    top:0px;
    left:25px;
    font-size:12px;
    background:#ea4827;
    width:183px;
    color:#fff;
    border-radius:8px;
    padding:0 8px;
}
/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
  background-color: #06ce1a;
  border-color: #07ce1b;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
  /*left: 10px;
  top: 6px;*/
  left:8px;
  top:4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*
#flashMessage.message {
    background-color: #dff0d8;
    border: 1px solid #0db326;
    color: #09791a;
}
*/
.checkcontainer input[disabled] ~ .checkmark{
    background-color: #fdf5f5;
    cursor:not-allowed;
    /*cursor:default;*/
}

.checkcontainer input[disabled]:hover ~ .checkmark{
    background-color: #fdf5f5;
    cursor:not-allowed;
}
.r24required {
    background:#ffead2;
    padding: 2px;
}
.r24optional .form-group{padding:0 8px;}

.btn-r24 {
    padding: 0 2px;
    color: #fff;
    background: unset;
    border: unset;
    background:#ffa53a;
    border-radius:8px;
    padding:3px 8px;
    margin:0 2px;
}
.btn-r24 i {
    font-size:14px;
    vertical-align:middle;
}

.btn-r24:active,
.btn-r24:focus,
.btn-r24:hover {
    background:#e28b27;
    color:#fff;
    box-shadow:unset;
}

.infotooltip .tooltiptext.r24 {
    display:inline-table;
    width:auto;
    left:-50% !important;
    bottom:110%;
    margin-left:0px;;
}
.tooltiptext.r24:hover {
    display:none;
}
.btn-align {display:inline-flex;}
.btn-r24.save {background:rgb(36, 204, 36);}
.btn-r24.cancel {background:rgb(68,68,68);margin-left:10px;}
.btn-r24.delete {background:rgb(239, 2, 2);}

.modifyModal .swal-footer,
.regularModal .swal-footer,
.deleteModal .swal-footer{display:inline-block;}
.deleteModal .swal-text{text-align:center;}

.swal-text {
    font-weight: 700;
    color: #dd6b55;
    max-width: 410px;
    margin-top: 15px;
}
.regularModal .swal-text{ color:rgba(0,0,0,.64); }
.swal-button.yellow {background: rgb(245, 181, 36);}
.swal-button.yellow:hover {background: rgb(216, 153, 11);}
.swal-button.green {background: rgb(36, 204, 36);}
.swal-button.green:hover {background: rgb(30, 173, 30);}
.swal-button.red {background: rgb(239, 33, 33);}
.swal-button.red:hover {background:rgb(204, 25, 25);}

.swal-button {font-size:14px;box-shadow:unset!important;}
.swal-button--cancel {
    background:#b6b6b6;
    color:#fff;
}
.modifyModal .swal-title {max-width:320px;margin:auto;}
.modifyModal .swal-button-container:nth-child(3) {display:grid;}

.pdf-viewer .modal-body {
    height:calc(100vh - 120px);
    padding:20px 0;
}
.pdf-viewer .modal-body iframe{
    position: relative;
    width: 100%;
    height: 100%;
}

@media (min-width: 768px) {
.pdf-viewer .modal-dialog {
    width: 800px;
    margin: 30px auto;
    }
}

.tabs-left ul.nav-tabs {
    z-index:10;
}
.tabs-left .nav-tabs > li.active {
    border-radius: 8px 0 0 8px;
}
.tabs-left .nav-tabs > li.active:hover {
    background-color:unset;
}
.tabs-container.two-sided .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body {
  border-top:unset;
}
.tabs-container.two-sided{
  background:#fff;
  box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);
  border-radius:8px;
  overflow:hidden;
}
.tabs-container.two-sided .panel-body{
  border-left:1px solid #e7eaec;
  border-radius:unset;
}
.tabs-container .nav.nav-tabs li {
  background:#fff;
}
.tabs-container .tabs-left .nav-tabs > li.active a:hover,
.tabs-container .tabs-left .nav-tabs > li.active a {
    border-color:unset;
    border-radius:unset;
    border:unset;
    border-bottom:3px solid #f392a1 !important;
}
.tabs-left .nav-tabs > li:hover, .nav-tabs > li:focus {
    background-color: #e6e6e6;
    color: #676a6c;
    border-radius: 8px 0 0 8px;;
}
.tabs-left .panel-body {
    z-index:100;
    position:relative !important;
    border-radius:0 10px 10px 10px;
    border:unset;
    /*box-shadow:0 9px 23px rgba(0, 0, 0, 0.09), 0 5px 5px rgba(0, 0, 0, 0.06);*/
    
}
.tabs-container .nav-tabs > li.active > a {
    background-color:unset !important;
}

.toolbar .dropdown a {
    font-size:12px;
    padding:3px 5px;
}
.toolbar button.btn.dropdown-toggle {max-width:unset;}

.toolbar.years .dropdown ul li a {
    font-size:12px;
    text-align:left;
    padding:3px 10px;
}

.toolbar .label-active {
    background-color:#f5f5f5;
    color:#939292;
    border:2px solid #cfcccc;
    box-shadow:unset;
}
li.toolbar .dropdown.hoveropen:hover ul{
    display:table;
}
.toolbar.user .dropdown {display:flex;}
.toolbar.user .dropdown > a {
    font-size:14px;
    padding: 20px 10px;
    color: #999c9e;
    font-weight: 600;
    min-height: 50px;
}

.toolbar.user ul i {
    margin-right:5px;
}
ul.nav li.toolbar .dropdown ul li a {
    font-size:14px;
    font-weight:600;
}
.navbar-top-links li:last-child ul {
    left:unset !important;
    right:15px !important;
}
.child-icon .icon.female {
  padding:4px;
}
.child-icon .female{
  filter: invert(45%) sepia(53%) saturate(1306%) hue-rotate(314deg) brightness(96%) contrast(95%);

}
.child-icon .icon.male {
    padding:6.5px;
}
.child-icon .male {
    filter: invert(33%) sepia(91%) saturate(414%) hue-rotate(165deg) brightness(91%) contrast(94%)
}
.child-icon .icon.unidentified {
    padding: 7.5px;
}
.child-icon .unidentified {
    filter: invert(22%) sepia(50%) saturate(7377%) hue-rotate(275deg) brightness(88%) contrast(89%);
}
.child-icon .icon.base {
    border:unset;
}
.profilecard .base.unidentified,
.profilecard .base.male {
    padding:12.5px;
}
.profilecard .childprofilepic {
    background:#fff;
}
.profilecard .base.female {
    padding:6px;
}
.btn.purple{
    background-color: #9b0bdc;
    border-color:#9b0bdc;
}
.btn.blue {
    background-color: #0bc3dc;
    border-color:#0bc3dc;
}
.btn.orange {
    background-color: #fb8514;
    border-color:#fb8514;
}
.btn.red {
    background-color:#e40505;
    border-color:#e40505;
}

.lead.notes {
    font-size: 13px;
    font-weight: 600;
    background: #ebeff2;
    /* border: 2px solid #cfcccc; */
    padding: 8px 15px;
    border-radius: 8px;
    color: #0b5c9c;
    max-width: 420px;
}
.lead.message {
    font-size: 13px;
    max-width: 450px;
    font-weight: 600;
    max-height: 80px;
    overflow-y: scroll;
    color: #484848;
    background-color: #cfcccc;
    border-radius: 8px;
    margin-bottom:0px;
}
.tc .btn {margin-bottom:unset;}

body {
    background-color:#fff;
}
.menualert:hover,
.titlealert:hover {
    transform: scale(1.02);
    transition: all ease 80ms;
}

.nav .btn.menualert {
    color:#fff;
}

.nav li a.btn.menualert:focus,
.nav li a.btn.menualert:active,
.nav li a.btn.menualert:hover {
    background-color:#9b0bdc !important;
    color:#fff;
}
.interval-container .col-md-3.col-xs-12{
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
#page-wrapper {
    position: inherit;
    margin: 0 0 0 0;
    padding:0px !important;
    min-height: 1000px;
}
  .wrapper .wrapper-content {
        padding:0px;
    }
  .ibox-content {
    padding: 10px;
    }
  .quickview.child-icon {
    padding: 15px 25px;
    margin: 0px 15px 5px 15px;
  }
  .quickview.notes {
    margin-top:35px !important;
  }
  .interval-container {
    margin:10px;
    padding:0px;
  }
}

.nav > li > a i {
    margin-right: unset;
    width: 40px;
    text-align: center;
    font-size:20px;
}
@media (min-width: 768px) {
.mini-navbar .nav > li > a i {
    /*width: unset;*/
}
}

.actionicons.box {
    display:inline-flex;
}
.actionicons.box a {
    width:30px;
    text-align:center;
}
.modaltabs li.active {
  box-shadow:unset;
  background: #2196f3;
}
.modaltabs.nav li.active:focus a,
.modaltabs.nav li.active:hover a,
.modaltabs.nav li.active a {
  color:#fff;
  border:unset;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.form-custom-container .form-row {
  display: inline-block;
  padding:unset;
  margin-bottom:15px;
}
.form-custom-container .form-group {margin-bottom:unset;}


ul.nav.navbar-top-links.navbar-right .toolbar.user .dropdown a.bgiuid {
    border: 2px solid #ee566d;
    border-radius: 500px;
    padding: 5px;
    background: #ee566d;
    min-height: 34px;
    color: #fff;
    min-width: 34px;
    text-align:center;
}

.navbar-top-links li:last-child {
    margin-right: 60px;
}

.mobile .row.border-bottom{
  margin-right:5px !important;
}
.mobile .nav.navbar-top-links{
  display: inline-block;
  float: right;
  padding-top: 11px;
}

.mobile .col-xs-8.pv-lg {padding-top:5px;padding-bottom:5px;}
.mobile .bg-panel .h2 {font-size:28px;}
.mobile .bg-panel .text-uppercase {font-size:12px;}
.mobile .bg-panel {height:85px;}

.checkcontainer.small {padding-left:20px;}
.checkcontainer.small {margin-bottom:0px;margin-top:0px;}
.checkcontainer.small .checkmark {height:15px;width:15px;}
.checkcontainer.small .checkmark:after {left:3px; top:0px;}
.dropdown-menu .checkcontainer .checkmark {margin-top:5px;}
.dropdown-menu .checkcontainer.small .title{font-size:12px;}


#lockicon.locked {
    color:#FB2525;
}
#lockicon.unlocked {
    color:#1ad236;
}
.minilock {
margin: 0 25px;
padding: 2px 10px;
background: #ffffff;
cursor: pointer;
border: 2px solid #cfcccc;
border-radius: 28px;
margin-top:-4px;
display: inline-flex;
align-items: center;
}
.minilock .subtext {
    user-select:none;
    font-size: 12px;
    display: inline-flex;
    vertical-align: middle;
    margin-left: 5px;
}
.minilock:hover {
background:#f3f3f3;
box-shadow:0 10px 30px rgba(21,57,130,0.2), 0 5px 10px rgba(21,57,130,0.07), 0 0 0 1px rgba(0,0,0,0.05);
}
.add_custom_overlay{
 pointer-events: none;
 opacity: 0.4;
}

@keyframes pulsate {
  0% { transform: scale(1); }
  50% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
#make_table_editable {
    transition: all 1s;
    transform: scale(1);
}
#make_table_editable.animation{
    -webkit-animation: 1600ms pulsate infinite alternate ease-in-out;
    -moz-animation: 1600ms pulsate infinite alternate ease-in-out;
    -ms-animation: 1600ms pulsate infinite alternate ease-in-out;
    -o-animation: 1600ms pulsate infinite alternate ease-in-out;
    animation: 1600ms pulsate infinite alternate ease-in-out;
}

.lockoverlay {
  content: "\f023";
  font-family: "Font Awesome 5 Pro";
  position:absolute;
  top:200px;
  left:45%;
  text-align:center;
  font-size:195px;
  font-weight:900;
  color:#fb2525;
  cursor: pointer;
}
.lockoverlay:after {
  content: "\f023";
  position:relative;
  text-align:center;
}

.container-table-profile {display:inline-flex;align-items:center;}
.container-table-profile .picture {height:50px;width:50px;display:flex;align-items:center;margin:0 10px 0 0;background:#636363;color:#FFF;}
.container-table-profile .initials {margin:auto;text-transform:uppercase}
.container-table-profile .name {font-weight: 600;
    font-size: 13.5px;
    font-family: 'quicksand';}

  .ibox-content .staff {background:#636363;color:#FFF;font-size:60px;text-transform:uppercase;}

table.dataTable .contactname a {
    display: flex;
    align-items: center;
    color:unset;
}
table.dataTable .contactname i.actionicons {
    display:inline-block;
    font-size:15px;
    margin-left:5px;
    visibility: hidden;
}
.table-hover>tbody>tr:hover .contactname a {
    color:#337ab7;
}
.table-hover>tbody>tr:hover .contactname i.actionicons {
    visibility: visible;
}
.column-title.sorting_disabled {background:#fff;}

table .actions{opacity:0.25;}
.table-hover>tbody>tr:hover .actions {opacity:1;}

.unclickable label {cursor:default;}

.frequencydays label.active {
  background-color: #D6F2FC;
    box-shadow: 0 0 1px #D6F2FC;
    border: 1px solid #30bdef;
    text-align: center;
    color: #3a393a;
}

.frequencydays.unclickable label {cusor:default;}

.contactname .small.child-icon {
    min-width:unset;
}
.contactname .small.child-icon .icon {
    max-height:25px;
    max-width:25px;
    padding:2.5px;
    margin-right:5px;
}

.contactname .small {display:contents;}

div.listdocuments {
    font-weight:700;
}
div.listdocuments .expiration {
    font-weight:400;
    margin-left:3px;
}

table .feetype {
    background: #e6e6e6;
    padding:2px 10px;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    cursor:default;
}
table .feetype.ecp {
    background:#ffa53b;
    color:#fff;
    border-color:#ffa53b;
    font-weight: 600;
}

.col-lg-2-5 {
    display:block;
    float:left;
    width:20%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.card-container {
  padding:15px;
  padding: 15px;
    /*height: 600px;*/
    min-height:450px;
    height: calc(100vh - 250px);
    overflow-y: auto;
}
.card-content {
  display:flex;
    background:#fff;
    border:1px solid #ececec;
    border-radius:8px;
    padding:5px 8px;
    margin-bottom:8px;
    border-left:8px solid #9b0bdc;
    cursor:grab; 
}
.card-content:hover{
    background:rgba(241,241,241,0.47);
    /*padding-left:13px;*/
    border-left-width:10px;
}
.card-content .card-left {display:block;width:90%;float:left;}
.card-content .card-right {display:block;width:10%;float:left;}
.card-content:last-of-type {
    margin-bottom:0px;
}
.card-contact h3 {display:inline-block;font-size:16px;margin-bottom:6px;}
.card-right .actions {opacity:0.25;}
.card-content:hover .card-right .actions {opacity:1;}
.card-icons {display:flex; float:right;cursor:help;}
.card-icons i {font-size:18px;color:#ee566d;padding:0 3px;}
.card-icons i:last-of-type {padding-right:0px;}
.card-row {display:block;}

.group-container {
    padding: 0 8px;
}
.group-container .ibox-content {
    padding: 8px 8px 20px 8px;
}
.group-container .childcount {
    font-weight:800;
}

.editmode.options {display:none !important;}
  .btn-group-parent .btn-group button {
      font-size:11px;
      padding: 3px 6px;
  }
  .btn-group-parent select {
      padding: 3px 0px;
      font-size:11px;
      width:30px;
      cursor:pointer;
  }
  .btn-group-parent .dropdown {
      display:inline-block;
  }
  .btn-group-parent .dropdown button {
      background: #fafafa;
      border-radius: 0px 3px 3px 0;
      margin-left: -1px;
  }
  ul li {
      display:flow-root;
  }
  .btn-attendance {
      background:#fff;
      border:2px solid #e7e6e6;
  }
  .btn-group {
    display: flex;
    flex-direction: row;
  }
  .highlightgreen.active {
      border-color:#0bdc60;
      box-shadow:unset;
  }
  .highlightred.active {
      border-color:#ff7229;
      box-shadow:unset;
  }
  .highlightother.active{
      border-color:#ffa841;
  }
  .btn-attendance.active {
      font-weight:600;
      box-shadow:unset;
  }
  .attendance-selector {
      display: inline-flex;
      margin-top: -5px;
      margin-left: 25px;
  }
  .frequencydays i {
    margin: 0px 3px;
    width:15px;
  }
  .frequencydays i.fa-check {
      color:#0bdc60;
  }
  .selecdays input[type=checkbox] + label, .selecdaysshow label {
      padding: 4px 10px 2px;
  }
  .seperator {padding: 0 5px;
  }
  .list-days {
    display:inline-flex;
    float:right;
    margin-right:3px;
    font-weight:800;
  }
  .list-days .days {
      margin: 0 3px;
      text-align:center;
  }
  .attendance {
    text-align:center;
    font-weight: 800;
  }
  .list-days,
  .frequencydays {
      /*width:560px;*/
  }
  .attendance,
  .days,
  .day-container {
      width:73px;
      text-align:center !important;
      margin: 0 3px;
  }
  .editmode {display:none;}
  .today.days .dayindicator {
    color:#FFF;
    background:#0bdc60;
  }
  .modal-dialog.modal-xl {
    width:1450px;
  }
  .modal-dialog.modal-l {
    width:950px;
  }
  .ibox-title.loading {
    height: calc(100vh - 200px);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .loading h5 {margin-right:8px;}
  .loading.pink .sk-spinner-chasing-dots .sk-dot1,
  .loading.pink .sk-spinner-chasing-dots .sk-dot2 {
    background-color:#ff4f81;
  }
.group-content .group-title-content {
    margin-top:-15px;
    margin-left:-20px;
    margin-right:-20px;
}
.group-content .group-title {
    border-radius: 5px 5px 0 0;
}
.footer {
  position:relative;
}
td input.manual.month {
    background-color:#d7f2fc !important;
    border-color: #98d5ec;
}

.occupation .toggle-group .btn.toggle-off {
    margin-bottom:unset;
}
.save-profile.disabled {
    pointer-events: none;
}
.save-profile.disabled .toggle {
    opacity:.5;
}
.save-profile input:disabled[type=text],
.save-profile.disabled input[type=text]{
    border:unset !important;
    background:unset !important;
}
table.occupation {
    table-layout: fixed;
}
ul.unmatched {
    display:inline-block;
}
ul.unmatched li {
    float:left;
    margin: 0 5px 0 5px;
}
.loadingfullpage {
  display: flex;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0px;
    left: 0;
    background: #ffffffc9;
    z-index: 9999;
}
.loadingfullpage h5 {
  
}
.dt-buttons.btn-group .btn.btnspacing {
  margin: 6px 0 0 5px;
  border-radius: 5px;
}
.dt-buttons.btn-group .addbtn {
  min-width:150px;
}
.highlightWeek {
    border: 4px solid #0bdc60;
}
.highlightToday .dayindicator {
    background: #0bdc60 !important;
    color:#FFF;
}
.day-container.today.present .viewmode {
    background: #0bdc60 !important;
}
.day-container.today.absent .viewmode {
    background: red !important;
}
.day-container.today.fermee .viewmode,
.day-container.today.vacation .viewmode,
.day-container.today.maladie .viewmode{
    background: #f5ad08 !important;
}

.day-container.today .text-orange,
.day-container.today .text-red,
.day-container.today .text-green {
    color:#fff !important;
}
.bg-panel.card {
    display:flex;
    align-items:center;
    flex-direction:row;
    border-radius:10px;
    box-shadow:0 9px 23px rgb(0 0 0 / 9%), 0 5px 5px rgb(0 0 0 / 6%);
    padding:15px;
    height:100px;
}
.bg-panel .right,
.bg-panel .left {
    width:50%;
    color:#fff;
}
.bg-panel .right {
    text-align:right;
    margin-left:auto;
}
.bg-panel .right {
    font-weight:800;
}
.card.pink{
    background: linear-gradient(135deg,#ed566d,#f233a0);
}
.card.orange{
    background: linear-gradient(135deg,#ff8e00,#ffd51d);
}
.card.grey {
        background: linear-gradient(135deg,#818181,#9e9e9e);
}
.card.blue {
    background: linear-gradient(135deg,#2196f3,#21d0f3);
}
.form-group.title:first-child {
    margin-top:8px;
}
.form-group.title {
    border: 1px solid #dedede;
    border-radius: 8px;
    /*overflow:hidden;*/
    padding:0 0 5px 0;
}
.form-group.title > .title{
    background: #F2F2F2;
    padding: 4px 15px;
    border-radius: 8px 8px 0 0;
}
.emailenabled {
    position:relative;
    display: inline-flex;
    align-self: center;
    flex-shrink: 0;
}
.emailenabled i .check:before {
    padding: 0 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00c";
    position: absolute;
    font-size: 7px;
    left:-5px;
    bottom: -1px;
    color: #fff;
    background:rgb(16,220,96);
    border-radius:50%;
    width:10px;
    height:10px;
    display:flex;
    align-items: center;
    justify-content: center;
}
.emailenabled i .cross:before {
    padding: 0 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f00d";
    position: absolute;
    font-size: 7px;
    left: -5px;
    bottom: -1px;
    color: #fff;
    background: rgb(220 16 16);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-description {
    display: flex;
    margin-bottom: 10px;
    margin-left: 30px;
}
.contact-description .regstatus {
    margin-left: 5px;
}
.contact-description .regstatus.modify {
    border: 1px solid #f39422;
    color: #f39422;;
}

.contact-description .regstatus.modify:hover {
    border: 1px solid #f39422;
    background-color: #f39422;;
    color: #fff;
}
.flex-row {
    display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    gap: 2px;
}
.flex-column {
    display:flex;
    flex-direction: column;
}
.flex-column.center {
    align-content: center;
    align-items: center;
}
.bold {
    font-weight:700;
}
.loader {
    display: block;
    position: absolute;
    z-index: 10000;
    height: 100%;
    width: 100%;
    top: 0;
    background: #ffffff8a;
}

.female.activePicture,
.male.activePicture {
    filter: unset !important;
}

.icon.activePicture {
    padding:2px !important;
}
.activePicture.profilePicture {
    padding:2px !important;
}
.controlImage {
    max-height: 350px;
}
.controlImag img {
    max-width:100%;
}
.controlImage .cropper-crop-box {
    outline: 2px solid #39f;
    outline-color: rgba(51, 153, 255, 0.75);
}
.controlImage .cropper-view-box {
    border-radius: 50%;
    outline-width: :3px;
}
.controlImage .cropper-face {
    background-color:inherit !important;
}
.controlImage .cropper-dashed {
    display: none;
}

#cropResult {
    height:150px;
    width:150px;
}
#cropResult img {
    height:100%;
    width:100%;
}