/* Global CSS */
.overflow-x-hidden {
    overflow-x: hidden !important;
}
body {
    font-family: 'Poppins', sans-serif;
    color: #04004D;
}
.text-theme {
    color: #04004D !important;
}
.font-12 {font-size: 12px !important;}
.font-14 {font-size: 14px !important;}
.text-decoration-none:hover {text-decoration: none;}
.today-events-thumb {
    background-color: #6429ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#4259ff),to(#7642FF));
    background-image: -webkit-linear-gradient(left,#4259ff,#7642FF);
    background-image: -o-linear-gradient(left,#4259ff,#7642FF);
    background-image: linear-gradient(90deg,#4259ff,#7642FF);
}
.btn-primary,
.btn-warning {
    color: #fff;
    background-color: #7642ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#7642FF),to(#4259ff));
    background-image: -webkit-linear-gradient(left,#7642FF,#4259ff);
    background-image: -o-linear-gradient(left,#7642FF,#4259ff);
    background-image: linear-gradient(90deg,#7642FF,#4259ff);
    border: 0;
    border-radius: 10px;
    font-weight: 400;
}
.btn-primary:focus,
.btn-warning:focus {
    background-color: #7642ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#7642FF),to(#4259ff));
    background-image: -webkit-linear-gradient(left,#7642FF,#4259ff);
    background-image: -o-linear-gradient(left,#7642FF,#4259ff);
    background-image: linear-gradient(90deg,#7642FF,#4259ff);
    border: 0;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus:hover,
.btn-primary:focus:active,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus:hover,
.btn-warning:focus:active {
    color: #fff;
    background-color: #6429ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#4259ff),to(#7642FF));
    background-image: -webkit-linear-gradient(left,#4259ff,#7642FF);
    background-image: -o-linear-gradient(left,#4259ff,#7642FF);
    background-image: linear-gradient(90deg,#4259ff,#7642FF);
}
.btn-outline-primary {
    color: #7642ff;
    background-image: none;
    background-color: transparent;
    border-color: #7642ff;
    font-size: 18px;
    border-radius: 30px;
    padding: .375rem 1.5rem;
}
.btn-primary:hover {
    background-color: #0069d9;
    border-color: #0069d9;
}
.btn-primary:focus {
    background-color: #3CC194;
    border-color: #3CC194;
    outline: 0;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    color: #fff;
    background-color: #7642ff;
    border-color: #7642ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#7642FF),to(#4259ff));
    background-image: -webkit-linear-gradient(left,#7642FF,#4259ff);
    background-image: -o-linear-gradient(left,#7642FF,#4259ff);
    background-image: linear-gradient(90deg,#7642FF,#4259ff);
}
.font-weight-bold {font-weight: 700 !important;}
.btn-max-width {max-width: 320px;}
.btn-success, .btn-purple, .btn-primary, .lined-danger .btn-danger, .btn-info, .btn-warning, .btn-posts {background-color: #335DFF;border-color: #335DFF;border-radius: 2.25rem!important;}
.btn-success:hover, .btn-purple:hover, .btn-primary:hover, .lined-danger .btn-danger:hover, .btn-info:hover, .btn-warning:hover, .btn-posts:hover {background-color: #6278FF;border-color: #6278FF;}
.class_routine .upper a.active, .class_routine .navs-links.active i, .general-reports .navs-tabs .navs-links.active, .general-reports .navs-tabs .navs-links.active i, .general-reports .navs-tabs .navs-links.active span, .grados-page .navs.upper.navs-tabs .navs-links.active, .navs.upper.navs-tabs .navs-links.active, .navs.upper.navs-tabs .navs-links.active i, .successs {color: #335DFF !important;}
.modal-header, .modal-body .ui-block-title {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.modal-header h6, .user-w:hover .user-date {color: #fff !important;}
.modal-content {border: 0;border-radius: 10px;}
.modal-backdrop.show {opacity: .75;}
.shadow {width: 100%;height: auto;border-radius: inherit;background-color: #fff;position: inherit;margin: 0;-webkit-animation: inherit;animation: inherit;}
.sidebar__inner {transform: inherit !important;}
.table-responsive {overflow: auto;}
.table-schedule {max-width: inherit;min-width: inherit;}
.table-responsive::-webkit-scrollbar, #chats::-webkit-scrollbar {width: 3px;}
.table-responsive::-webkit-scrollbar-thumb, #chats::-webkit-scrollbar-thumb {background: #bbb;}
table td {font-size: 12px;}
.badge.badge-primary {background-color: rgba(4, 123, 248, 0.2);color: #047bf8 !important;}
.badge.badge-warning {background-color: rgba(240, 100, 78, 0.2);color: #f0644e !important;}
.badge.badge-secondary {background-color: rgba(161, 26, 122, 0.2);color: #a11a7a !important;}
.badge.badge-purple {background-color: rgba(158, 160, 26, 0.2);color: #9ea01a !important;}
.badge.badge-info {background-color: rgba(172, 91, 222, 0.2);color: #ac5bde !important;}
.badge.badge-success {background-color: rgba(144, 190, 46, 0.2);color: #90be2e !important;}
.user-w.box.active, .user-w.box:hover .badge.badge-primary {background-color: rgba(4, 123, 248, 1);color: #fff !important;}
.user-w.box.active, .user-w.box:hover .badge.badge-warning {background-color: rgba(240, 100, 78, 1);color: #fff !important;}
.user-w.box.active, .user-w.box:hover .badge.badge-secondary {background-color: rgba(161, 26, 122, 1);color: #fff !important;}
.user-w.box.active, .user-w.box:hover .badge.badge-purple {background-color: rgba(158, 160, 26, 1);color: #fff !important;}
.user-w.box.active, .user-w.box:hover .badge.badge-info {background-color: rgba(172, 91, 222, 1);color: #fff !important;}
table.table thead tr td, table.table thead tr th, .table.table-padded thead tr th {color: #fff;}
.btn {font-size: 0.9rem !important;}
.btn.btn-sm {font-size: 0.675rem !important;}

/* Login */
/*.login-page.form-body.without-side .form-holder .form-content, .register-page {background-color: #EDEFF0;}*/
.form-body.without-side.login-page .form-content input {border: 1px solid #ddd;}
.form-body.without-side.login-page .form-content input:focus {border-top: 1px solid transparent;border-left: 1px solid transparent;border-right: 1px solid transparent;}
/*.login-page .form-content .form-button .ibtn {padding: 14px 0;}*/
.form-body.without-side .form-content .form-items .other-links a.fb {background-color: #3b5998;padding: 5px 10px 5px 5px;}
.form-body.without-side .form-content .form-items .other-links a.gp {background-color: #DC4E41;padding: 5px 10px 5px 5px;}
.login-page .form-content .page-links a:after{content: none;}
.login-page h5 {color: #04004D !important;}

.bg-shape {
    position: absolute;
    background-color: #7642ff;
    background-image: -webkit-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: -o-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: linear-gradient(100deg,#7642FF,#4259ff);
    top: -350px;
    right: -110px;
    border-radius: 8%;
    width: 50%;
    height: 800px;
    -webkit-transform: skew(3deg,30deg);
    -ms-transform: skew(3deg,30deg);
    transform: skew(3deg,30deg);
    opacity: 1;
    z-index: -1;
}
.bg-circle {
    position: absolute;
    background-color: #7642ff;
    background-image: -webkit-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: -o-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: linear-gradient(100deg,#7642FF,#4259ff);
    top: -450px;
    left: -350px;
    border-radius: 100%;
    height: 800px;
    width: 800px;
    opacity: .2;
    z-index: -1;
}
.bg-circle-two {
    position: absolute;
    background-color: #7642ff;
    background-image: -webkit-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: -o-linear-gradient(350deg,#7642FF,#4259ff);
    background-image: linear-gradient(100deg,#7642FF,#4259ff);
    top: 90px;
    left: 350px;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    opacity: .8;
    z-index: -1;
}

.font-20 {
    font-size: 20px !important;
}
.font-16 {
    font-size: 16px !important;
}

/* Register Page */
html, body:before {background: inherit;}
.register-page input.form-control {padding: 9px 20px;line-height: 1.5;font-size: 15px;border-radius: 6px;outline: 0;}
.register-page .auth-box-w {max-width: 600px;}
/*.register-page .buttons-w .btn {padding: 14px 0;}*/

/* Header */
.header {
    height: 65px;z-index: 99;
    background-color: #7642ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#7642FF),to(#4259ff));
    background-image: -webkit-linear-gradient(left,#7642FF,#4259ff);
    background-image: -o-linear-gradient(left,#7642FF,#4259ff);
    background-image: linear-gradient(90deg,#7642FF,#4259ff);}
.fixed-sidebar .logo, .header-spacer {height: 70px;}
.head-left {margin-top: 10px;}
.search-bar.w-search {border-radius: 3px;min-height: 45px;}
.search-bar .form-group {height: 45px;}

/* Sidepanel */
.fixed-sidebar-left, .back-to-top, .full-chat-w .full-chat-left .user-list .user-w.active .user-date, .full-chat-w .full-chat-left .user-list .user-w:hover .user-date, .modal-header, .modal-body .ui-block-title, table.table thead tr {color: #fff;
    background-color: #7642ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#7642FF),to(#4259ff));
    background-image: -webkit-linear-gradient(left,#7642FF,#4259ff);
    background-image: -o-linear-gradient(left,#7642FF,#4259ff);
    background-image: linear-gradient(90deg,#7642FF,#4259ff);}
.radio input[type=radio]:checked ~ .circle, .lined-success, .lined-primary, .lined-danger, .lined-secondary, .lined-purple, .lined-warning, .successs {border-color: #5C4EEC !important;}
.left-menu a:hover, .modal-header .modal-title {
    color: #fff;
    font-weight:700!important;
}
.left-menu a{
    padding: 16px 0 16px 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: white;
}

/* Dashboard */
.ui-block {border-radius: 10px;}
.today-events-thumb {border-top-right-radius: 9px;border-top-left-radius: 9px;}
.w-birthday-alert {background: #6278FF;}
.pipeline.white.lined-success {border-radius: 10px;margin-bottom: 0;}
.element-wrapper .element-header:after, .skills-item-meter-active.bg-primary, .control-block-button .btn-control, .full-chat-w .full-chat-left .user-list .user-w.active, .full-chat-w .full-chat-left .user-list .user-w:hover, .radio input[type=radio]:checked ~ .check, .bg-primary, .grados-page .navs.upper.navs-tabs .navs-links.active:after, .navs.upper.navs-tabs .navs-links.active:after, .togglebutton label input[type=checkbox]:checked + .toggle, .teacher-rep .table-lightborder thead td, .general-reports .table.table-lightborder thead td, .class_routine .navs-tabs .navs-item .navs-links:after, .general-reports .navs-tabs .navs-links.active:after, .view-all, .step-triggers .step-trigger::before {background-color: #04004D !important;}

/* Message */
.full-chat-w .msg-read .chat-content-w {height: 424px;}
.full-chat-w .new-msg .chat-content-w {height: 360px;}
.full-chat-w .full-chat-right {background-color: #f6f7f8;}
a.msjsbtn {color: #335DFF;border: 1px solid #335DFF;background-image: linear-gradient(to right, transparent 50%, rgba(98, 120, 255, 1) 50%);}
a.msjsbtn:hover {background-image: linear-gradient(to right, transparent 50%, rgba(98, 120, 255, 1) 50%);background-color: rgba(98, 120, 255, 1);}
.full-chat-w .chat-content-w .chat-message.self .chat-message-content {background-color: #032045ba;}
.full-chat-w .full-chat-middle .chat-head {background-color: #f3f2f2;}
.grp-table table {display: none;}
.grp-table.active table {display: table;}
.grp-table h4 {cursor: pointer;background-color: #f3f2f2;}
.grp-table.active .fa-angle-down {transform: rotate(180deg);}
#chats {max-height: 489px;overflow: auto;}
table.table thead:nth-child(2) tr th {background-color: #ddd !important;color: #666 !important;}
.chat-message-content .badge {color: #fff !important;}

/* Users */
.top-header-thumb:before {background-color: rgba(109, 157, 214, 0.9);}
.friend-item-content::before {position: absolute;content: "";background-image: none;left: 0;right: 0;top: 0;height: 100%;transition: all 0.4s ease-in-out 0.4s;}
.friend-item-content:hover::before {transition: all 0.4s ease-in-out 0.4s;}
.friend-item-content:hover .author-thumb {transform: rotatey(360deg);transition: all 1s;}
.top-header.top-header-favorit .author-thumb {display: flex;flex-wrap: wrap;align-items: center;}
.users-page .friend-item-content:hover .author-content, .users-page .friend-item-content:hover .author-content a {color: #fff;}

/* Teachers Page */
.staff-listing .widget-user, .teacher-listing .ui-block.list {position: relative;border-radius: 5px;border-left: 5px solid #335DFF;}
.staff-listing .h6.author-name {display: block;margin-bottom: 12px;}
.staff-listing .widget-user img {position: absolute;top: 50%;margin-top: -36px;}
.more-dropdown {padding: 7px 15px;}
.widget-user:hover img, .teacher-listing .ui-block.list:hover .author-thumb img {transform: rotatey(360deg);transition: all 1s;}
.teacher-listing .ui-block.list {padding: 20px;}

/* Students Page */
.os-tabs-controls {margin: 0;}
.ui-block.tab-view {background-color: inherit;border: 0 none;border-radius: 0;}
.ui-block.tab-view .navs-tabs {padding-left: 0 !important;padding-right: 0 !important;}
.ui-block.tab-view .navs-tabs a {border-bottom: 3px solid transparent;display: block;}
.ui-block.tab-view .navs-tabs a.active {border-bottom: 3px solid;}

/* Students Details */
.staff-details .sidebar__inner .ui-block.paddingtel:first-child {display: none;}
.staff-details .text {position: relative;text-align: left;bottom: 0;font-family: 'Open Sans', sans-serif;font-size: .902rem;}
.staff-details .ui-block {border-radius: 0;}
.staff-details .friend-avatar {margin: 0;}
.staff-details .friend-item-content::before {background-image: inherit;}
.staff-details .friend-groups .friend-avatar .author-thumb img {width: auto !important;}
.user-profile .up-main-info, .friend-item-content:hover::before, .cursos.cta-with-media {
    background-color: #6429ff;
    background-image: -webkit-gradient(linear,left top,right top,from(#4259ff),to(#7642FF));
    background-image: -webkit-linear-gradient(left,#4259ff,#7642FF);
    background-image: -o-linear-gradient(left,#4259ff,#7642FF);
    background-image: linear-gradient(90deg,#4259ff,#7642FF);
}
.top-header-thumb:before {
    background-color: #37c7f3;
    background-image: -webkit-gradient(linear,left top,right top,from(#37c7f3),to(#42cbff));
    background-image: -webkit-linear-gradient(left,#37c7f3,#42cbff);
    background-image: -o-linear-gradient(left,#37c7f3,#42cbff);
    background-image: linear-gradient(90deg,#37c7f3,#42cbff);
}

/* Class Routine View */
.menu-shad {box-shadow: none;margin-bottom: 0;}
.class_routine .upper a {color: #777;}
.class_routine .element-box {margin-bottom: 20px;}
.over {margin-top: inherit;-webkit-transform: inherit;transform: inherit;right: 0;top: -7px;background-color: inherit;}
.pi-controls {position: relative;}
.os-dropdown-trigger.over .os-dropdown {padding: 10px 10px;}
.os-dropdown ul li a {padding: 6px 0;}
.os-dropdown ul li a i {margin-right: 5px;}
.os-dropdown ul li a, .os-dropdown ul li a span, .os-dropdown ul li a i {font-size: 12px !important;}
.os-dropdown ul li a:hover i, .os-dropdown ul li a:hover span {transform: inherit;}
.os-dropdown-trigger {position: absolute;top: -7px;right: 0;}

/* Grados */
.friend-item-content:hover .author-content, .grados-page .friend-item-content:hover .author-content, .grados-page .friend-item-content:hover .author-content a, .friend-item-content:hover .author-content a, .grados-page .friend-item-content:hover .author-content .country, .friend-item-content:hover .author-content .country, .friend-item-content:hover .friend-avatar h1 {color: #fff;}
.grados-page .friend-groups .friend-avatar .author-thumb {box-shadow: 0 0 4px #ddd;}
.grados-page .friend-groups .friend-avatar .author-thumb img {width: auto;max-width: 120px;}

/* Cursos Page */
.fancy-selector-w {top: 50px;}
.grados-page .h5.author-name {margin-bottom: 5px;display: block;}

/* Subject Dashboard */
.cursos.cta-with-media {background-color: inherit !important;padding: 40px 0;}
.cursos .cta-content {padding: 2% 40px;}
.sub-dashboard .sidebar__inner .ui-block:first-child {display: none;}
.notification-list li.inline-items {padding: 15px 25px;}
.edu-posts.verde {background-image: inherit;background-color: #e2e2e2;}
.edu-posts.verde, .edu-posts.verde .cta-header {color: #555;}
.edu-posts .descripcion {border-bottom: 1px solid #555;}

/* Poll Response */
.poll-response .ui-block.lists {width: 48%;float: left;margin: 5px 5px;}
.poll-response .ui-block.lists h3 {font-size: 1.2rem;}

/* News */
time.published {color: #888da8 !important;}

/* School Bus */
.table.table-padded tbody tr:hover {-webkit-transform: inherit;transform: inherit;}

/* Expenses */
#expenses button, #categories button {margin-top: 7px;}

/* Class Rooms */
.birthday-item {padding: 15px 0;}
.class-rooms .ui-block.list {padding: 20px;}

/* Admin Section */
.admin-section .ui-block.list {padding: 15px;border-radius: 5px;}

/* My Account */
.soc-link img {width: 30px !important;}
.soc-link .pricing-plan .plan-image + .plan-name {margin-top: 10px;padding: 0;font-size: 14px;}
.soc-link .plan-body br {display: none;}
.soc-link .plan-body .plan-btn-w {padding: 0;margin-top: 5px;}
.soc-link .pricing-plan, .soc-link .pricing-plan .plan-image + .plan-name {border: 0;}
.soc-link .pricing-plan .plan-head {background-color: #fff;padding-top: 15px;}