/* cols-content */

 .cols-content {
    width: 100%;
    padding: 30px 10px;
 }

 .cols-content > div:nth-child(1),
 .cols-content > div:nth-child(2),
 .cols-content > div:nth-child(3) {
    display: table;
    width: 100%;
    padding: 0px;
    text-align: center;
 }

 .cols-content > div:nth-child(2):before,
 .cols-content > div:nth-child(2):after {
    display: none;
 }

 .cols-content > div:nth-child(3) > figure {
    padding-top: 0px;
    margin: 0px;
    display: none;
 }

 .cols-content > div:nth-child(1) > h1,
 .cols-content > div:nth-child(1) > h2,
 .cols-content > div:nth-child(1) > h3,
 .cols-content > div:nth-child(1) > h4,
 .cols-content > div:nth-child(1) > p,
 .cols-content > div:nth-child(1) > form {
     margin: 0 auto;
 }

 /* evaluation-test */

 .evaluation-test > div:nth-child(1) > h1 {
    padding: 10px;
 }

.evaluation-test-begin > div:nth-child(1) > figure,
.evaluation-test > div:nth-child(1) > figure {
   position: relative;
   max-width: 180px;
   margin: 0 auto;
   top: initial;
   left: initial;
   right: initial;
}

.evaluation-test > div > form > .part > h3 {
   font-size: 20px;
}

/* dashboard-header */

.dashboard div.header > div {
   display: table;
   border-left: none!important;
   width: 100%!important;
   padding: 10px 0px!important;
   margin: 0px!important;
}

.dashboard div.header.no-border {
   padding-bottom: 10px;
}

.dashboard div.bio > figure ,
.dashboard div.bio > figure > img {
   width: 50px;
   height: 50px;
}

.dashboard div.bio > figure:not(.have-image)::after {
   font-size: 40px;
}


.dashboard div.bio > span > h2 {
   padding: 0px;
   font-size:20px;
}

.dashboard div.bio > span > p {
   padding: 5px 0px;
}

.dashboard div.messages > ul > li > a {
   font-size: 12px!important;
}

.dashboard div.messages > ul > li:not(.head) a::before {
   width: 24px;
   height:  24px;
   font-size: 24px;
   line-height: 20px;
}

/* boxes */

.box-set > h3 {
   padding: 20px 0px;
   text-align: center;
}

.box-set > ul > li {
   display: table;
   width: 100%!important;
   height: auto;
   padding: 10px 0px !important;
}

.box-set > ul > li > a.have-icon, 
.box-set > ul > li > div.have-icon {
   padding: 10px!important;
   text-align: center;
}

.box-set > ul > li > a > figure.overlay, 
.box-set > ul > li > div > figure.overlay {
   opacity: .2;
}

.box-set > ul > li > a.have-icon > a.button, 
.box-set > ul > li > div.have-icon > a.button {
   margin: 0 auto;
}

.box-set > ul > li > div.list-to-do {
   padding: 20px;
}

.box-set > ul > li > div.list-to-do > span {
   font-size: 12px;
}

.level-set .progress > div > text {
   padding-top: 20px;
}

.level-set .progress:not(.interactive) {
   transform: scale(.6);
   transform-origin: top left;
   overflow: hidden;
   width: 210px;
   padding: 0px;
   margin-right: -110px;
   margin-bottom: -40px;
}

.repo > div > ul.cat,
.repo > div > ul > li,
.repo.help > div:nth-child(1),
.repo.help > div:nth-child(2),
.repo.book > div:nth-child(1),
.repo.book > div:nth-child(2) {
   display: block;
   width: 100%;
   text-align: center;
}

.repo > div > ul.cat > li {
   width: auto!important;
   display: inline-block;
}

.repo > div > ul.cat > li > a {
   width: auto;
   padding: 0px;
   font-size: 12px;
}

.repo > div > ul > li {
   width: auto!important;
   display: inline-block;
}

.repo.book > div:nth-child(1) > ul > li {
   width:  25%!important;
   display: inline-block;
}

.repo.book > div:nth-child(2) > ul > li > a > div > span {
   display: inline-block;
   vertical-align: middle;
}

.repo.book > div > ul > li {
   width:  100%!important;
   display: inline-block;
   text-align: left;
}

.repo > div > h1, 
.repo > div > h2, 
.repo > div > h3, 
.repo > div > h4 {
   margin: 0 auto;
   display: block;
   text-align: center;
}

.repo > div > ul.faq > li > span {
   padding-bottom: 0px;
}

.repo.help > div > form {
   text-align: center;
}

.repo.book > div:nth-child(2) > h2 {
   display: none;
}

.repo > div > ul > li {
   width: 50%;
}

.repo > div > ul > li > a {
   width: 100%;
   height: auto;
}

.repo > div > ul > li > a > div {
   position: relative;
   padding: 5px;
   left: initial;
   bottom: initial;
}

.repo > div > ul > li > a > span {
   float: none;
   padding-left: 10px;
}

.repo > div > ul > li > a > div > span {
   padding: 5px;
   font-size: 10px!important;
}

.form-search {
   text-align: left!important;
}

.user-menu.active > .user-drop,
.user-menu > .user-drop {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
}

.foot.button.help > .user-drop,
.foot.button.help.active > .user-drop {
   position: fixed!important;
}

.foot.button.help > .user-drop > div.master,
.foot.button.help.active > .user-drop > div.master {
   width: 200px;
}

.user-drop > div.master {
   width: 280px;
}

.user-drop > div.master > div h2 {
   font-size: 18px;
}

.homework-list > ul {
   text-align: center;
}

.homework-list > ul > li {
   width: 50%;
}

.homework-list > ul > li > a > div > span {
   font-size: 14px;
}

.homework-list > ul > li.checked > a > div:before {
   top: 32px;
   left: 10px;
}

.homework-cover > a > div, .homework-list > ul > li > a > div {
   padding: 50px 10px 10px 10px;
   text-align: left;
}

.homework-cover, .homework-title {
   display: block;
   width: 100%;
}

.homework-cover > a > span, .homework-list > ul > li > a > span {
   font-size: 10px;
}

.homework-list > ul > li.checked > a > div:before {
   width: 15px;
   height: 15px;
   font-size: 10px;
}

.evolution-set {
   padding: 0px;
}

/* calendar */

.calendar > .card > .calendar-header > ul.caption > li:before {
   width: 30px;
}

.dashboard .navigator-wrapper div.clients,
.dashboard .navigator-wrapper div.calendar,
.dashboard .navigator-wrapper div.navigator {
   position: relative;
   padding: 0px;
   display: block;
   width: 100%;
}

.calendar > .card > .calendar-header > ul.caption > li {
   font-size: 10px;
}

.calendar > .card > .calendar-header > h3 {
   font-size: 16px;
}

.calendar > .card > table tr > td {
   height: auto;
}

.calendar > .card > table tr > td {
   padding: 2px;
}

.calendar > .card > table > thead > tr > th {
   padding: 5px;
}

.calendar > .card > table tr > th, .calendar > .card > table tr > td {
   font-size: 14px;
}

.calendar > .card button.class-agenda {
   padding: 0px!important;
   border-radius: 5px;
}

.calendar > .card button.class-agenda > span > p {
   padding: 0px;
}

.dashboard .navigator-wrapper {
   padding: 0px;
}