@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;1,200;1,300;1,500&display=swap');

.p-t-5{
    padding-top: 5px;
}
.p-t-7{
    padding-top: 7px;
}
.p-t-10{
    padding-top: 10px;
}
.m-b-5{
    margin-bottom: 5px;
}
.m-b-10{
    margin-bottom: 10px;
}
.ui-datepicker {
    z-index: 9999 !important;
}
.avada{
    height: 29px;
    width: 29px;
}
.pointer{
    cursor: pointer;
}
.class-routine .panel-group {
    margin-bottom: 3px;
}

.portlet.box>.portlet-body.manage_quickly {
    background-color: #fff;
    padding: 25px 25px 0px 25px;
}
.card-box  {
    text-align: center;
    font-weight: 700;
    background: linear-gradient(106deg, #0951a254, #0951a200 100px),url(corner-2.png);
    background-position: center;
    background-size:cover;
    
}
.card-box-color{
    background: #ffffff;
    box-shadow: 0 0 12px 3px lightgrey;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom:25px;
    position:relative;
    transition: .3s;
    
}
.card-box-color:hover{
    transform:scale(1.1,1.1);
}
.card-box-color::before{
   /* content:'';
    position:absolute;
    height:100%;
    width:100%;
    background: #020c118f;
    top: 0;
    border-radius: -2px;
    clip-path: polygon(50% 92%, 43% 100%, 58% 100%);*/
}

.card-box .panel{
    background:transparent;
    margin-bottom:0;
}
.card-box .panel .panel-body{
    padding:10px 15px;
}
.portlet>.portlet-body .card-box p {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    min-height: 40px;
}
.box-content p{
    /*font-size: 17px;*/
}

.card-box i{
    font-size: 40px;
    padding: 20px 0px 10px 0px;
    color:#0951a2;
}



.dashboard .logo {
  border: 1px solid #0951a2;
  border-radius: 4px;
  padding: 10px 15px;
  text-align: center;
  margin-bottom: 15px;
}





@media (max-width: 767px){
    .page-header.navbar .page-top {
        background: #0951a2;
    }
    .page-header.navbar .page-top {
      padding: 0;
      display: block;
      clear: inherit;
      width: auto;
    }
}

#example_info {
    margin-top: 10px;
}
.pull-right .pagination {
    float: right!important;
}
.ui-multiselect{
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 4px;
    color: #555 !important;
}
.ui-multiselect .ui-icon {
    margin-top: 1px;
    margin-right: 0px;
    color: #555 !important;
}
.scroll-y {  
    height: 400px !important;
    overflow-y: scroll;
}
.photograph {
    width: 150px;
    height: 150px;
    border: 1px solid #ddd;
    vertical-align: middle;
    display: table-cell;
}

.tools a {
    text-shadow: none;
    color: #fff;
}
.ui-datepicker {
    z-index: 99999 !important;
}

.panel-group:last-child {
    margin-bottom: 0px;
}

/*----Header---*/
.page-header.navbar {
    height: 55px;
    min-height: 55px;
    background : #0951a2;
}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #ffffff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i {
    color: #fefeff;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu .dropdown-menu-list>li a, .page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu.dropdown-menu-default>li a {
    color: #ffffff;
    letter-spacing: 1px;
    
}


.page-header.navbar .top-menu .navbar-nav>li.dropdown-dark .dropdown-menu {
    background: #0951a2;
    border: 0;
}

.page-header.navbar .page-logo {
    height: 55px;
}
.page-header.navbar .page-logo .logo-default {
    height: 46px;
}
.page-header.navbar .page-top {
    height: 54px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown {
    height: 54px;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
    padding: 15px 10px 8px;
}
.page-header-fixed .page-container {
    margin-top: 55px;
}

@media only screen and (min-width: 992px) {
.page-sidebar-fixed .page-sidebar {
    top: 75px;
}
.page-content-wrapper .page-content {
    padding: 0px 0 0 20px;
}
}
@media only screen and (max-width: 767px) {
.page-content-wrapper .page-content .page-title {
    margin-bottom: 0px;
}
}


/*----Header---*/
.ui-multiselect-menu {
    z-index: 9;
}

.main-dashboard .admission {
    /*background-color: #AFC7ED;*/
    background-color:#2473f1;
}
.main-dashboard .students {
    /*background-color: #E8A1F1;*/
    background-color:#7d058d;
}
.main-dashboard .staffs {
    /*background-color: #7ABBB5;*/
    background-color:#0b564f;
}
.main-dashboard .parents {
    /*background-color: #8CE1FD;*/
    background-color: #056e91;
    
    
}
.main-dashboard .examination {
    /*background-color: #A8C6F8;*/
    background-color:#074dc1;
}
.main-dashboard .attendance {
    /*background-color: #BFDB84;*/
    background-color:#af3b3b;
}
.main-dashboard .accounting {
    /*background-color: #8FC2B9;*/
    background-color:#08656c;
}
.main-dashboard .library {
    /*background-color: #B7A2EF;*/
    background-color:#32235a;
}
.main-dashboard .settings {
    /*background-color: #C7ACA5;*/
    background-color:#64453c;
}
.main-dashboard .fsettings {
    /*background-color: #87CD99;*/
    background-color:#067a24;
}
.main-dashboard .notice-board {
    /*background-color: #83A9E8;*/
    background-color:#0c2f6a;
}
.main-dashboard .message-board {
    /*background-color: #CAACEA;*/
    background-color:#540aa3;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-message .dropdown-toggle {
    padding: 20px 12px 13px;
}

.list-ul {
    margin-bottom: 0px;
    padding: 0px;
    list-style: none;
}
.item-li {
    margin-bottom: 15px;
}
.item-div {
    display: flex;
    transition: all .1s ease-out;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.075);
    width: calc(100%);
}
.item-li .item-a {
    background-color: #F1F2F4;
    border-radius: 2px;
    border: 1px solid #fff;
    background-clip: padding-box;
    width: 100%;
    position: relative;
    color: #333;
}
.item-li .item-a:hover {
    background-color: #ddd;
    text-decoration: none;
}
.list-ul > :nth-child(45n + 1) .item-color, .list-ul > :nth-child(45n + 11) .item-color, .list-ul > :nth-child(45n + 21) .item-color, .list-ul > :nth-child(45n + 31) .item-color, .list-ul > :nth-child(45n + 41) .item-color {
    background-color: #309fdb;
    color: #ffffff;
}
.list-ul > :nth-child(45n + 2) .item-color, .list-ul > :nth-child(45n + 12) .item-color, .list-ul > :nth-child(45n + 22) .item-color, .list-ul > :nth-child(45n + 32) .item-color, .list-ul > :nth-child(45n + 42) .item-color {
    background-color: #13b6cf;
    color: #e4f9fd;
}
.list-ul > :nth-child(45n + 3) .item-color, .list-ul > :nth-child(45n + 13) .item-color, .list-ul > :nth-child(45n + 23) .item-color, .list-ul > :nth-child(45n + 33) .item-color, .list-ul > :nth-child(45n + 43) .item-color {
    background-color: #2ebfbc;
    color: #f0fcfb;
}
.list-ul > :nth-child(45n + 4) .item-color, .list-ul > :nth-child(45n + 14) .item-color, .list-ul > :nth-child(45n + 24) .item-color, .list-ul > :nth-child(45n + 34) .item-color, .list-ul > :nth-child(45n + 44) .item-color {
    background-color: #3caf85;
    color: #f0faf6;
}
.list-ul > :nth-child(45n + 5) .item-color, .list-ul > :nth-child(45n + 15) .item-color, .list-ul > :nth-child(45n + 25) .item-color, .list-ul > :nth-child(45n + 35) .item-color, .list-ul > :nth-child(45n + 45) .item-color {
    background-color: #81bb5f;
    color: #ffffff;
}
.list-ul > :nth-child(45n + 6) .item-color, .list-ul > :nth-child(45n + 16) .item-color, .list-ul > :nth-child(45n + 26) .item-color, .list-ul > :nth-child(45n + 36) .item-color, .list-ul > :nth-child(45n + 46) .item-color {
    background-color: #ddde53;
    color: #2a2a08;
}
.list-ul > :nth-child(45n + 7) .item-color, .list-ul > :nth-child(45n + 17) .item-color, .list-ul > :nth-child(45n + 27) .item-color, .list-ul > :nth-child(45n + 37) .item-color, .list-ul > :nth-child(45n + 47) .item-color {
    background-color: #fbce4a;
    color: #443302;
}
.list-ul > :nth-child(45n + 8) .item-color, .list-ul > :nth-child(45n + 18) .item-color, .list-ul > :nth-child(45n + 28) .item-color, .list-ul > :nth-child(45n + 38) .item-color, .list-ul > :nth-child(45n + 48) .item-color {
    background-color: #ed813e;
    color: #ffffff;
}
.list-ul > :nth-child(45n + 9) .item-color, .list-ul > :nth-child(45n + 19) .item-color, .list-ul > :nth-child(45n + 29) .item-color, .list-ul > :nth-child(45n + 39) .item-color, .list-ul > :nth-child(45n + 49) .item-color {
    background-color: #e95b54;
    color: #ffffff;
}
.list-ul > :nth-child(45n + 10) .item-color, .list-ul > :nth-child(45n + 20) .item-color, .list-ul > :nth-child(45n + 30) .item-color, .list-ul > :nth-child(45n + 40) .item-color, .list-ul > :nth-child(45n + 50) .item-color {
    background-color: #e85d88;
    color: #ffffff;
}
.list-ul .item-color {
    position: absolute;
    top: 4px;
    right: 4px;
    transition: all .1s;
    border-radius: 100px;
    display: block;
}
.list-ul .item-Icon {
    width: 28px;
    height: 28px;
    line-height: 28px;
}
.list-ul .item-titleWrap {
    display: block;
    padding: 10px 40px 10px 8px;
    height: 36px;
    overflow: hidden;
}
.list-ul .item-title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin: 0;
    font-weight: 400;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.main-dashboard .portlet.light {
    padding: 10px;
    box-shadow: -2px 0px 11px #9ca7994a;
    border-radius: 25px;
}
.main-dashboard .portlet.light:hover .card-icon{
     box-shadow: inset 0px 3px 8px #fde8e8;
    border-radius: 25px;
     
 
}
.main-dashboard .portlet.light:hover .card-icon i{
    color:white!important;
    transform: scale(1.4);
}



.main-dashboard .portlet.light:before {
    position: absolute;
    top: -10%;
    right: -140px;
    width: 300px;
    height: 300px;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}

.main-dashboard .card-icon i {
    font-size: 40px;
    border: 0px solid #ecf0f4;
    border-radius: 50%;
    padding: 35px 24px;
    margin: 19px 0;
    transition: .3s all;
}
.main-dashboard .card-title span {
    font-size: 14px;
    color: #eaf5ff;
}

.main_dashboard .page-content-wrapper .page-content {
    margin-left: 0px;
    padding-left: 0px;
}
.main_dashboard .page-sidebar-fixed .page-footer {
    margin-left: 0px;
}

.student_search_result {
    background-color: #eee;
    list-style: none;
    position: absolute;
    z-index: 999;
    padding: 10px;
    padding-top: 0px;
    border-radius: 2px;
    width: 92%;
    max-height: 400px;
    overflow-y: scroll;
    max-width: 95%;
}
.student_search_result li {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    font-size: 16px;
    cursor: pointer;
}
.closedSearchResult {
    text-align: right;
    padding: 0px;
}
.card-icon{
    transition: .3s all;
}
 
/*body {
    background: linear-gradient(139deg, #bfb7b761 40%, #7d84ff40 100%);
    overflow-x:hidden;
}*/

.main_dashboard .page-head {
  display: none;
}

.highlight{
    border-color: #e02222;
}

/*--Start Sitebar Menu--*/
.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {
  background-color: #0951a2;
}
.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
  border-left: 3px solid #0951a2 !important;
  margin-left: -3px;
  padding-left: 15px;
}
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li.heading > h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {
  color: #fff;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li.open > a, .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a {
  background: #fff;
  color: #000;
}
.page-sidebar .page-sidebar-menu > li.open > a > i, .page-sidebar .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i {
  color: #000;
}
.page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"] {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li:hover > a > i[class^="icon-"], .page-sidebar .page-sidebar-menu > li.open > a > i[class^="icon-"] {
  color: #000;
}

.page-sidebar .page-sidebar-menu li > a > .arrow.open::before, .page-sidebar .page-sidebar-menu li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow::before {
  color: #fff;
}
.page-sidebar .page-sidebar-menu > li.open > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow::before {
  color: #000;
}
.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
  background: #fff;
  color: #000;
}
.page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
  color: #000;
}
.page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow::before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar .page-sidebar-menu > li.active > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow::before {
  color: #000;
}

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
  color: #000;
  background: #fff !important;
}
.page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open::before, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow::before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open::before, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow::before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open::before, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow::before {
    color: #000;
}
.page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open::before, .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open::before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow::before {
  color: #fff;
}
/*--End Sitebar Menu--*/