@media (max-width: 1300px) {
    .header-logged__menu ul li a {
        padding: 20px 5px;
        height: 50px;
    }
    .header-logged__menu ul li {
        font-size: 10px;
    }
}

@media (max-width: 1200px){
    .drag-container {
        display: none;
    }
    .adaptable {
        width: 160px;
    }

    
.filter-btn {
	display: flex;
}
}

@media (max-width: 1160px) {
    .weekday-container {
        width: 100px;
        height: 68px;

    }
    .calendar-cell {
        width: 100px;
        height: 68px;
    }
    
}
@media (max-width: 970px) {
    .header-logged__menu ul li a {
        padding: 15px 5px;
        height: 40px;
    }
    .header-logged__menu ul li {
        font-size: 7.5px;
    }
    .weekday-container {
        width: 85px;
        height: 58px;
        padding: 5px;

    }
    .calendar-cell {
        width: 85px;
        height: 58px;
    }

    .month-day-container td {
        width: 80px;
        height: 80px;
    }
}

@media (max-width: 805px) {
    .time-cell {
        width: 18% !important;
    }
    .calendar-day-short {
        display: inline;
        font-size: 14px;
    }
    .calendar-day {
        display: none;
    }
    .event {
        width: 60%;
        height: 60%;
        font-size: 12px;
        margin: 0;
        padding: 0;
    }
    .responsive-calendar {
        flex-direction: column;
        align-items: center;
    }
    .filtros {
        width: 80%;

    }
    .calendar-item {
        width: 80%;

    }

    .calendar-container > div {
        padding: 5px !important;
    }
    .weekday-container {
        padding: 0;
    }
}

@media (max-width: 550px) {
    #consultModal .modal-dialog {
        margin-left: 50px !important;
    }
    .container-btn {
        display: none !important;
    }
    .tab-short {
        display: inline-block;
        font-size: 14px;
        padding-top: 15px;
    }
    .civil-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .event-week {
        width: 100%;
        height: 100%;
    }
    .event-month {
        width: 100%;
        height: 15px;
        border-radius: 2px;
    }
    .event-content {
        display: none;
    }

    .event-week-content {
        display: none;
    }

    .filter-btn {
        display: none;
    }
    .buttons-container {
        display: flex;
    }
    .calendar-table {
        border-spacing: 5px;
    }
 
    .micro-calendar {
        display: none !important;
    }
    .bottom-reveal {
        display: block !important;
        bottom: 20px !important;
        transition: 0.8s;
    }

    .addButton {
        display: none !important;
    }

    .page-item a {
		font-size: 14px;
    }
    .date-container {
        min-width: 275px;
        margin-right: 0;
        margin-left: 3px;
    }
    .date-container a {
        min-width: 60px;
        margin: 0 2px;
        font-size: 14px;
        padding: 7px 6px;
        text-align: center;
        border-radius: 4px;
    }

    .month-day-container td {
        width: 32px;
        height: 32px;
    }
}

@media (max-width: 992px) {
    .margin-a {
        margin: unset !important;
    }
    .reminder {
        flex-direction: column;
        width: 100%;
        height: auto;
    }
    .reminder.red {
        height: auto !important;
    }

    .reminder-item {
        border: none;
    }

    .adaptable {
        width: 100%;
    }
    .search-home input {
        width: 20%;
    }
    .footer--no-logged {
        padding-bottom: 15px;
    }

    .--home-bg {
        overflow-x: hidden;
    }

    .no-logged .logo {
        display: none;
    }
    
    .header-button-menu {
        display: flex;
    }

    .no-logged nav {
        display: block;
        margin: 0;
    }

    .no-logged ul {
        display: none;
        width: 300px;
        margin-left: 0!important;
        margin-right: 0px!important;
        background-color: #FFF;
        position: absolute;
        top: 48px;
        left: 0;
    }

    .no-logged ul li {
        margin: 0;
        border-bottom: 1px solid var(--separator-grey);
        justify-content: flex-start;
    }

    .no-logged ul li:hover {
        border-radius: 0px;
    }

    .no-logged ul li:hover a {
        color: #FFF;
    }

    .no-logged ul li.current {
        border-radius: 0px;
    }

    .no-logged ul li.current a {
        color: #FFF;
    }

    .no-logged ul li:last-child {
        border-bottom: 0px;
    }

    .no-logged ul li a {
        color: #000;
        font-weight: 400;
        width: 100%;
    }

    .fix-height {
        height: auto;
    }
    .details-container>div {
        justify-content: center !important;
    }
    .details-container div:last-child div:first-child {
        margin-right: 0 !important;
    }
    .input-container {
        padding: 0 100px;
    }
}

@media (max-width: 768px){
	.only-desktop {
		display: none;
    }
    .margin-adjust {
        margin-left: 20px;
    }
    .student-content-container p:first-child {
        font-size: 12px !important;
    }
    .reminder div {
        width: 100%;
    }
   .card-background-section.fix {
    padding: 5px !important;
    margin: 0 !important;
   }
    .central-content h1 {
        font-size: 32px;
    }
    .input-container {
        padding: 0 50px;
    }
    .adaptable.fix {
        width: 280px !important;
    }
    .validation-container {
        flex-direction: column;
        padding: 20px !important;
    }
    .validation-container div {
        padding: 10px 0;
        margin: 0 !important;
        width: 190px;
    }
    #filterButton {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    

    .month-day-container td {
        width: 40px;
        height: 60px;
    }

    .weekday-container {
        width: 32px;
        height: 32px;
        font-size: 10px;
        border-radius: 4px;

    }
    .calendar-cell {
        width: 60px;
        height: 40px;
        padding: 0;
        border-radius: 4px;
    }
    .time-column {
        width: 32px;
        height: 32px;
        font-size: 12px;
    }

    .adaptable {
        width: 80%;
    }
    .min-width-500 {
        min-width: 500px;
    }

    .adjust-display:not(.fix) {
        display: none;
    }

    .adjust-display.fix {
        display: block;
    }

    footer {
        display: none!important;
    }

    .header-logged__menu ul li.show .--block-mobile {
        background-color: var(--modern-blue)!important;
    }

    .header-logged__menu ul li.show .--block-mobile {
        color: #FFF;
    }

    .header-logged__menu ul li.show .--block-mobile i {
        transform: rotate(-180deg);
        transition: all .2s ease;;
    }

    .header-logged__menu ul li .--block-mobile i {
        transition: all .2s ease;;
    }

    .--block-mobile {
        pointer-events: none!important;
    }

    .header-logged__menu ul li ul {
        display: none;
        border-radius: 0px!important;
        box-shadow: none;
        background-color: var(--lighter-grey);
    }

    .header-logged__menu ul li ul li:last-child {
        border-bottom: 0px;
    }

    .header-logged__menu ul li ul li:first-child {
        border-top: 1px solid var(--separator-grey);
    }

    .header-logged__menu--desk {
        display: none;
    }

    .header-logged__menu ul li:hover {
        border-radius: 0px;
        background-color: inherit;
    }

    .header-logged__menu ul li.current {
        background-color: transparent;
        border-radius: 0px;
    }
    .header-logged__menu nav ul li:hover {
        cursor: pointer;
    }

    .header-logged__menu ul li a 
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 15px;
    }
    .header-logged__menu ul li {
        font-size: 10px;
    }

    .header-logged__menu--mobile {
        display: block;
    }

    .header-logged__menu ul li i {
        display: block;
    }

    /*Avatar-Dropdown*/

    .account-menu ul {
        top: 59px;
        right: -10px;
        width: 200px;
    }

    .header-logged__menu ul li a {
        color: #000;
        font-weight: 400;
    }

    .header-logged__menu ul li {
        margin: 0;
        border-bottom: 1px solid var(--separator-grey);
    }

    .header-logged__menu ul li:last-child {
        border-bottom: 0px;
    }

    #slideMobile {
        top: -4000px;
        display: block;
        position: absolute;
        z-index: 11;
        background-color: #FFF;
        border-radius: 0 0 8px 8px;
        box-shadow: 0px 30px 31px -17px rgba(0, 0, 0, 0.15);
        width: 300px;
        transition: top .5s ease-in-out !important;
    }

    .header-logged__menu nav {
        justify-content: flex-start;
    }

    .header-logged__menu {
        background-color: transparent;
        position: relative;
        top: 1px;
    }

    .header-logged__head--mobile {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .header-logged__head--mobile h4 {
        display: block;
        margin-left: 20px;
    }

    .account-menu {
        margin: 0;
    }

    .account-menu i {
        color: #FFF;
    }

    .account-menu__avatar {
        margin-right: 5px;
    }

    .account-menu button span {
        display: none;
    }

    .header-logged__head .btn-third {
        display: none;
    }

    .header-logged__head .logo {
        display: none;
    }

    .logo-school {
        display: none;
    }

    .header-logged__head {
        padding: 10px;
        background-color: var(--modern-blue);
    }

    #library, #email {
        display: none;
    }
    .--home-bg {
        background-size: auto;
    }

    .home-card {
        margin-bottom: 30px;
        min-height: auto;
        display: block;
        text-align: left;
    }

    .home-card a {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .home-card h4 {
        margin-bottom: 0px!important;
    }

    .home-card img {
        height: 53px;
        margin-bottom: 0px!important;
        margin-right: 20px;
    }

    .home-card p {
        display: none;
    }

    .footer--no-logged {
        width: 100%;
    }

    .footer--no-logged p {
        text-align: center;
    }

    .side-nav:hover {
        width: 44px !important;
    }
    .search-home {
        display: none !important;
    }
    .header-button-menu__logged {
        display: block !important;
    }

    .welcome {
        display: flex;
        justify-content: center;
    }
    .subheader-home {
        padding-top: 30px;
    }

    .logo-responsive {
        display: block;
    }

    /*Responsive-Cards*/

    /*Cards-Buttons*/ 

    .blue-flag-container {
        background-color: var(--flag-blue);
        color: white;
        transition: all 1s ease !important;
    }
    
    .green-flag-container {
        background-color: var(--fresh-green);
        color: white;
        transition: all 1s ease !important;
    }
    .damascus-flag-container {
        background-color: var(--damascus);
        color: white;
        transition: all 1s ease !important;
    }
    .orange-flag-container {
        background-color: var(--orange) ;
        color: white;
        transition: all 1s ease !important;
    }
    .purple-flag-container {
        background-color: var(--purple);
        color: white;
        transition: all 1s ease !important;
    }
    .violet-flag-container {
        background-color: var(--violet);
        color: white;
        transition: all 1s ease !important;
    }


    .h-normal i {
        display: inline-block;
        transform: rotate(90deg) !important;
        cursor: pointer !important;
        transition: all .4s ease !important;
    }

    .h-normal.show i {
        color: var(--modern-blue) !important;
        transform: rotate(-90deg) !important;
        transition: all .4s ease !important;
    }
    .see {
        visibility: hidden;
    }

    .hide {
        display: none;
    }
    .drag-img { 
        width: 15px;
        height: 7px;
        background-image: url('../img/white-drag.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .h-normal.show .drag-img {
        width: 26px;
        height: 15px;
        background-image: url('../img/black-drag.svg');
    }

    .details-container > div {
        justify-content: center !important;
    }

    .details-container div.col-12{
        display: flex;
        justify-content: center !important;
        margin-bottom: 15px !important;
    }

    .tab-item {
        width: 135px;
        text-align: center;
    }

    .student-card-content {
        flex-direction: column;
    }
    .student-card-content div {
        margin-bottom: 10px;
    }
    .w-400 {
        min-width: 400px !important;
    }

}
@media (min-width: 768px) {
    .hide {
        display: block !important;
    }
}

@media(min-height: 750px){
    .footer--no-logged {
        position: absolute;
        bottom: 15px;  
    }
}

@media(max-height: 750px){
    .footer--no-logged {
        position: relative;
    }
}
@media (max-width: 635px){
    .adjust-font {
        font-size:18px;
    }
    #table-home thead{
        display: none;
    }
    #table-home .vertical-menu {
        display: none;
    }
    #table-home tbody {
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    #table-home tbody tr {
        display: flex;
        flex-direction: column;
        padding: 10px 10px;
        width: 100%;
        background-color: #FFF !important;
    }

    #table-home tbody td {
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer;
        background-color: #FFF !important;
    }
    #table-home tbody td:first-child, #table-home tbody td:nth-last-child(2) {
        font-weight: bold;
    }
    .table-wrapper {
        padding: 0 20px !important;
    }
    .inner-container {
        margin: 10px !important;
    }
}
@media (max-width: 414px){

    .border-right-grey {
        border-right: none !important;
    }
    .add-button {
        width: 100%;
        height: 44px !important;
        padding: 0 !important;
        margin: 20px 0;
    }
    .reminder {
        width: 100%;
        height: auto;
        padding: 10px 10px;
        margin: 0 !important;
    }
    .later-button {
        width: 340px;
        height: 44px;
    }
    #prevBtn, #nextBtn {
        width: 150px;
        height: 44px;
    }
    .adaptable.fix {
        width: 180px !important;
    }
    .month-container {
        width: 28px !important;
        padding: 0 !important;
    }
    .month-container p {
        font-size: 14px !important;
    }

    .month-day-container td {
        width: 38px;
        height: 38px;
    }

    .info-container{
        padding: 15px;
        min-width: 250px;
        height: 120px;
        align-items: center !important;
        justify-content: space-around;
    }

    .text-content {
        width: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .text-content h4 {
        font-size: 18px !important;
    }

    .selector-container {
        margin-top: 15px;
    }
    
    .student-img{
        width: 80px;
        height: 80px;
    }

    .student-img img {
        width: 100%;
        height: 100%;   
    }

    .no-logged ul {
        width: 100%;
    }

    .--home-bg {
        height: 100vh;
        overflow-x: hidden;
    }

    .home-card a {
        justify-content: flex-start;
    }

    .home-card {
        padding: 20px 16px;
    }

    .no-logged nav {
        height: auto;
        width: 100%;
    }
    .footer--no-logged {
        padding-bottom: 15px;
    }

}

@media (max-width: 375px) {
    .--home-bg {
        height: 100%;
    }

    .home-card a {
        justify-content: center;
    }
    
}