@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800');

body {
    background-color: #f0f0f3;
    font-family: 'Muli', sans-serif !important;
}

.bg1 {
    background-image: url('../images/login.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}

.login-block {
    background-color: #fff;
}

.navbar {
    height: 70px;
    background-color: #fff !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
}

    .navbar > .container .navbar-brand {
        margin-top: 10px;
    }

.m0 {
    margin: 0px !important;
}

.pull-right.action-btns {
    margin: 15px 0px;
    display: flex;
}



a.Edit-Link {
    border-right: 1px solid #ccc;
    padding: 0px 20px;
    color: #818181;
}

a.delete-Link {
    border-left: 1px solid #ccc;
    padding: 0px 20px;
    color: #818181;
}

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-top: 20px;
}

.option-input {
    top: 5px !important;
}

label {
    font-weight: normal !important;
}

.student-select {
    display: block !important;
    float: none;
}

.color-box {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    position: fixed;
    left: 250px;
    z-index: 1003;
    overflow-y: auto;
    margin-left: -250px;
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    padding: 15px;
    width: 100%;
    margin-bottom: 30px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
/* Sidebar Styles */
.sidebar-nav {
    position: absolute;
    top: 50px;
    margin: 0;
    padding: 0;
    width: 250px;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
        border-bottom: 1px solid #eceff2;
        padding: 5px 0px;
        transition: all 0.3s linear;
    }

        .sidebar-nav li a {
            display: block;
            color: #333333;
            text-decoration: none;
            letter-spacing: 0.35px;
            font-size: 14px;
            font-weight: 400;
        }

tspan {
    text-transform: capitalize;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    display: block;
    text-align: center;
}

.sidebar-nav li a:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #111111;
    text-decoration: none;
    transition: all 0.3s linear;
}

.sidebar-nav li a:active, .sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            background: none;
            color: #fff;
        }

.search-head {
    height: 40px;
    background-color: #f1f1f1 !important;
    border-radius: 20px !important;
    width: 250px !important;
    background: url(../images/nb-icon-search.png) no-repeat 96% white;
    padding-left: 20px;
    padding-right: 50px;
    color: #000 !important;
    border: none;
}

.user-img {
    border: 1px solid #ccc;
    border-radius: 50%;
    padding-right: 0px;
}

    .user-img img {
        width: 50px;
    }

.user-name {
    float: right;
}

.media-width {
    width: 0px;
}

.event-head {
    margin-top: 50px;
    margin-bottom: 30px;
}

.user {
    padding: 5px 30px 0px 15px;
}

.down-arrow:after {
    content: url(../images/down-arrow.png);
    position: absolute;
    right: 10px;
    top: 35px;
}

.media-content {
    padding-right: 20px;
    padding-left: 10px;
}

.logo-image {
}

#menu-toggle {
    margin-left: 0px;
}

.search-head-form {
    margin-top: 5px;
}

.batch-1 {
    width: 19px;
    height: 19px;
    background-color: #ff8a33;
    position: absolute;
    border-radius: 50%;
    right: 6px;
    top: 15px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 2;
}

.batch-2 {
    width: 19px;
    height: 19px;
    background-color: #ff8a33;
    position: absolute;
    border-radius: 50%;
    right: 12px;
    top: 15px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    line-height: 2;
}

.sidemenu-list a img {
    margin-top: -5px;
    margin-right: 5px;
}

.sub-menu-list {
    background-color: #f3f3f8;
}

    .sub-menu-list li {
        border-bottom: none;
        line-height: 20px;
    }

        .sub-menu-list li a:hover {
            background-color: #e5e4eb;
        }

.alert-block {
    margin-top: 60px;
    height: 50px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #00bfa5 !important;
    background-color: #ffffff;
    border-radius: 5px;
}

.alert-imp {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.alert-text {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
}

.check-res {
    float: right;
    padding: 5px 20px;
    border: 1px solid #ffffff;
    background-color: rgba(255,255,255,0.2);
    border-radius: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.6px;
    transition: all 0.5s;
}

.close {
    opacity: 1;
}

    .close:focus {
        opacity: 1;
    }

.head h4 {
    color: #222222;
    font-weight: 700;
    text-transform: uppercase;
}

.card-read {
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.view-link a {
    font-weight: 700;
}

.head {
    height: 28px;
}

    .head h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.circular-card {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-right: 1px solid #e7e7ea;
    padding-right: 55px;
}

.circular-card1 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-right: 1px solid #e7e7ea;
    padding: 30px 0px;
    border-top: 5px solid #bdc6d2;
    height: 110px;
}

.timetable-lang {
    text-transform: capitalize;
    text-align: center;
}

.break-table-head {
    background-color: #ccacff;
    padding: 25px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.table-head-img {
    float: right;
    margin-top: -10px;
}

.table-head-color {
    background-color: #ffb0b2;
}

.table-head-color1 {
    background-color: #8fd9fe;
}

.table-head-color2 {
    background-color: #88efe3;
}

.table-active {
    border-top: 5px solid #41b656;
}

.break-table {
    height: 230px;
}

.lunch-list {
    list-style-image: url('../images/vector.png');
    padding-left: 15px;
}

.read-more-btn2 {
    border: 1px solid #ff5252;
    background-color: #fff;
    color: #ff5252;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    margin: 0px 0px 20px 20px;
    transition: all 0.8s;
}

.lunch-list li {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.read-more-btn {
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    margin: 0px 0px 15px 20px;
    transition: all 0.8s;
}

.read-more-btn1 {
    border: 1px solid #ff5252;
    background-color: #fff;
    color: #ff5252;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
}

    .read-more-btn1:hover {
        background-color: #ff5252;
        color: #fff;
        transition: all 0.8s;
    }

a.navbar-brand1 {
    float: left;
}

.read-more-btn-color2 {
    border: 1px solid #7dc131;
    background-color: #fff;
    color: #8bb337;
    transition: all 0.8s;
}

    .read-more-btn-color2:hover {
        background-color: #8bb337;
        color: #fff;
        transition: all 0.8s;
    }

.table-head p {
    color: #545353;
    font-size: 14px;
    font-weight: 700;
}

.time {
    color: #545353;
    font-weight: 400;
}

.table-count h4 {
    color: #4c4c4c;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.table-count {
    padding: 30px 0px 10px 0px !important;
}

.time-book span {
    color: #acbccd;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.65px;
}

.time-date span {
    color: #4c4c4c;
    ;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
}

.tick-image {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #7bc769;
    border-radius: 50%;
    padding: 0px 5px 3px 5px;
}

.table-day {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
}

.bus-track-head {
    background-color: #fff;
    padding: 25px 15px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #e8e9f2;
}

.bus-num {
    color: #5c6166;
    font-weight: 300;
}

.display-inline {
    display: inline;
}

.bus-list {
    margin-right: 25px;
}

.read-color {
    border: 1px solid #1da7fc;
    color: #1da7fc;
}

    .read-color:hover {
        background-color: #1da7fc;
        color: #fff;
        transition: all 0.8s;
    }

.track-button {
    position: absolute;
    right: 20px;
}

.mt10 {
    margin-top: 10px;
}

.color9 {
    color: #d200ff;
}

.color8 {
    color: #fff;
}

.color7 {
    color: #ff6200;
}

.color6 {
    color: #909ba6;
}

.color5 {
    color: #1da7fc;
}

.color4 {
    color: #000;
}

.color1 {
    color: #bbbbbb;
}

.color2 {
    color: #ff5252;
}

.color3 {
    color: #7dc131;
}

.border-color1 {
    border-left: 1px solid #e8e9f2;
}

.fs12 {
    font-size: 12px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs30 {
    font-size: 30px;
}

.font-bold {
    font-weight: bold;
}

.mb0 {
    margin-bottom: 0px;
}

.p0 {
    padding: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.plr0 {
    padding: 0px 0px;
}

.plr15 {
    padding: 0px 15px;
}

.plr10 {
    padding: 0px 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt5 {
    margin-top: 5px;
}

.mt25 {
    margin-top: 28px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb5 {
    margin-bottom: 5px;
}

.mb15 {
    margin-bottom: 15px;
}

.mt-5 {
    margin-top: -5px;
}

.mr15 {
    margin-right: 15px;
}

.ml15 {
    margin-left: 15px;
}

.ml10 {
    margin-left: 10px;
}

.mlr15 {
    margin: 0px 15px;
}

.mlr0 {
    margin: 0px 0px;
}

.fl {
    float: left !important;
}

.fr {
    float: right;
}

.fw5 {
    font-weight: 500;
}

.head-color1 {
    border-left: 6px solid #fe3740;
}

.head-color2 {
    border-left: 6px solid #7dc131;
}

.head-color3 {
    border-left: 6px solid #ff5b62;
}

.head-color4 {
    border-left: 6px solid #ef1496;
}

.head-color5 {
    border-left: 6px solid #1da7fc;
}

.head-color6 {
    border-left: 6px solid #ff7000;
}

.head-color7 {
    border-left: 6px solid #d200ff;
}

.p-color {
    color: #8a9499;
}

.block-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.align-center {
    text-align: center;
}

ul {
    list-style-type: none;
}

.dis-block {
    display: block !important;
}

.dis-none {
    display: none !important;
}

.notice-section {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 0, 0, 0);
    border-style: solid;
    border-bottom: 1px solid #ccc;
    border-width: 1px 1px 1px 3px;
    border-radius: 5px;
    background-color: #fff;
}

.notice-sub-section {
    padding: 15px 0px 0px 15px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    margin-top: 20px;
    margin-right: 40px;
    margin-bottom: 20px;
    border-color: rgba(255, 0, 0, 0);
    border-style: solid;
    border-bottom: 1px solid #ccc;
    border-width: 1px 1px 1px 3px;
    /* margin-left: -40px;
     */
    border-radius: 5px;
}

.notice-button {
    float: right;
    margin-top: -50px;
    margin-right: 10px;
}

.notice-sub-ul {
    padding: 0px 0px 0px 10px;
    margin-right: -25px;
}

li.user-icon {
    float: left;
    border-left: 1px solid #ccc;
    /*border-right: 1px solid #ccc;
     */
    padding-right: 0px;
    padding-left: 0px;
}

a.user-detail {
    margin: -15px 0px;
    text-align: left;
}

.user-detail {
    display: inline-flex !important;
}

.header-avatar {
    width: 50px;
    height: 50px;
}
/*.user {
     margin-left: 10px !important;
}
 */
.parent-portal-name {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
}

span.name {
    font-weight: 400;
    letter-spacing: 0.7px;
    font-size: 14px;
    color: #333333;
}

.dropdown-shadow {
    box-shadow: -2px 3px 12px rgba(0, 0, 0, 0.6);
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0 !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 265px;
    /*padding: 3px 0;*/
    margin: -2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    right: 0;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0 !important;
        z-index: 1000;
        display: none;
        float: left;
        min-width: 198px;
        /*padding: 3px 0;*/
        margin: -2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        right: 0;
    }
}

.dropdown-menu1 {
    min-width: 200px;
}

    .dropdown-menu1 li {
        border-bottom: 1px solid #f3f3f3;
    }

a.my-account {
    color: #444444;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    padding: 10px !important;
    background-color: #fff !important;
}

.nav > li > .drop-hover:hover {
    background-color: transparent;
}

.nav .open > .drop-hover, .nav > li > .drop-hover:focus {
    background-color: transparent;
}

.user-icon > .drop-hover {
    line-height: 22px;
}

.drop-down-block {
    display: inline;
    float: left;
    padding: 5px 10px;
}

.drop-down-name {
    padding: 10px 30px 0px 15px;
}

.dropdown-list {
    padding: 5px 10px 15px 5px;
    border-bottom: 1px solid #f3f3f3;
}

@keyframes click-wave {
    0% {
        height: 20px;
        width: 20px;
        opacity: 0.35;
        position: relative;
    }

    100% {
        height: 100px;
        width: 100px;
        margin-left: -40px;
        margin-top: -40px;
        opacity: 0;
    }
}

.option-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: -35px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    .option-input:hover {
        background: #9faab7;
    }

    .option-input:checked {
        background: #40e0d0;
    }

        .option-input:checked::before {
            height: 20px;
            width: 20px;
            position: absolute;
            /*content: 'ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’‚ ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¾ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Ãâ€Â ’‚ÃÆ’‚ ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¬ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¾ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¬ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â¦ÃÆ’Ãâ€Â ’‚ÃÆ’‚¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Ãâ€Â ’…ÃÆ’‚¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’‚ ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¾ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â‚¬Å¡ÃÆ’‚¬ÃÆ’Ãâ€Â ’…ÃÆ’‚¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¬ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¦ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢ââÃÃââ‚¬Å¡Ãƒâ€šÃ‚¢ÃƒÆ’¢â‚¬Å¡Ã‚¬Ã…¡Ã‚¬Ã¢â€žÂ¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’¢â€žÂ¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’â€Â ÃÆ’¢â‚¬â„¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Å¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â ’ÃÆ’Ãâ€Â ’‚ÃÆ’‚¢ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’‚¢ÃÆ’Ãâ€Â ’¢ÃÆ’¢â€šÂ¬ÃÆ’…¡ÃÆ’Ãâ€Â ’‚ÃÆ’‚¬ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’¢â‚¬Â¦ÃÆ’Ãâ€Â ’‚ÃÆ’‚¡ÃÆ’Ãâ€Â ’Ãâ€Â ’ÃÆ’â€Â â€ââââ�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙垄芒鈥毬呪�溍兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮久兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮久兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮久兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮久兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚â‘ÃƒÆ’‚©Ã¥Ââ€œÃ¦â€¹Â§Ã¨â€žâ€”卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮犆兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮久兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓拧脙鈥毭偮γ兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮犆兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗偮⒚兟⒚⑩�毬吢久冣�毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥毭偮γ兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭兟⒚⑩�毬偮犆兤捗偮⒚兟⒚⑩偓拧脗卢脙垄芒鈧久偮⒚兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓拧脙鈥毭偮⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗⑩偓拧脙鈥毭偮兤捗嗏�櫭兟⒚⑩�毬偮γ兤捗⑩偓拧脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗⑩偓聽脙垄芒鈥毬⑩�灺⒚兤捗嗏�櫭冣�毭偮⒚兤捗偮⒚兟⒚⑩�毬吢∶冣�毭偮兤捗⑩偓娄脙鈥毭偮∶兤捗嗏�櫭冣�犆⑩偓鈩⒚兤捗偮⒚兟⒚⑩偓拧脗卢脙鈥γ偮∶兤捗嗏�櫭兟⒚⑩�毬吢∶兤捗⑩偓拧脙鈥毭偮�';
     */
            content: url(../images/student-select-tick.png);
            display: inline-block;
            font-size: 28.66667px;
            text-align: center;
            line-height: 8px;
        }

        .option-input:checked::after {
            -webkit-animation: click-wave 0.65s;
            -moz-animation: click-wave 0.65s;
            animation: click-wave 0.65s;
            background: #40e0d0;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

/* radio */

.radio input[type="radio"]:before, .radio-inline input[type="radio"]:before, .radio input[type="radio"]:after, .radio-inline input[type="radio"]:after {
    content: '';
    border-radius: 50%;
    display: block;
    height: 16px;
    width: 16px;
    transition: 240ms;
}

.radio input[type="radio"]:after, .radio-inline input[type="radio"]:after {
    border: 2px solid;
}

.radio input[type="radio"]:checked:after, .radio-inline input[type="radio"]:checked:after {
    border-color: #ff5500;
}

.radio input[type="radio"]:before, .radio-inline input[type="radio"]:before {
    background-color: #ff5500;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
}

.radio input[type="radio"]:checked:before, .radio-inline input[type="radio"]:checked:before {
    transform: scale(0.55);
}

.radio input[type="radio"]:disabled:checked:after, .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: rgba(0, 0, 0, 0.26);
}

.radio input[type="radio"]:disabled:checked:before, .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: rgba(0, 0, 0, 0.26);
}




.option-input.radio {
    border-radius: 50%;
}

    .option-input.radio::after {
        border-radius: 50%;
    }

input[type=radio]:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.student-select {
    display: inline;
    float: right;
    margin-bottom: -15px;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.cal-card {
    margin-top: 3rem;
    margin-bottom: 1rem;
    border-right: 1px solid #e7e7ea;
    border-radius: 5px !important;
}

.special-buttons {
    text-align: right !important;
    border-top: none !important;
    padding-top: 10px !important;
    margin-right: 15px;
}

.today-button {
    margin: 0 auto !important;
    background: #fff !important;
    border: 1px solid #ff6200 !important;
    padding: 4px 25px !important;
    border-radius: 15px !important;
    color: #ff6200;
}

    .today-button:hover {
        background-color: #ff6200 !important;
        color: #fff;
        transition: all 0.8s;
    }

.contact-btn button {
    box-shadow: 1px 8px 17px rgba(0, 0, 1, 0.19);
    background-color: #02b8ec;
    padding: 8px 25px;
    border-radius: 20px;
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    float: right;
    margin-top: 20px;
    margin-right: 10px;
}

.main1 {
    box-shadow: 1px 5px 20px rgba(0, 0, 1, 0.21);
    background-color: #ffffff;
    position: absolute;
    width: 898px;
    bottom: 0px;
    left: 140px;
}

.head-contact {
    background-color: #00b8ec;
    padding: 20px 20px;
}

.name {
    color: #333333 !important;
    font-size: 16px;
    font-weight: 700;
}

.body-message {
    height: 400px;
    overflow-y: scroll;
}

    .body-message span {
        color: #cccccc;
        font-size: 14px;
        font-weight: 300;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20%;
        line-height: 20px;
    }

.footer-contact {
    box-shadow: 1px -8px 30px rgba(0, 0, 1, 0.08);
    border: 1px solid #eeeeee;
    background-color: #ffffff;
    background-color: #edf1f2;
}

.send-block {
    height: 68px;
    border: none;
    border-radius: 0px;
}

.p0 {
    padding: 0px;
}

.send-btn1 {
    height: 68px !important;
    padding: 0px 26px !important;
    background-color: #fff !important;
    margin-top: 1px !important;
    border: none !important;
    border-radius: 0px !important;
    margin-right: 0px !important;
    box-shadow: none !important;
}

.send-block {
    color: #999999;
    font-size: 14px;
    font-weight: 300;
}

.select-arrow {
    background: url(../images/down-arrow.png) no-repeat 95% white;
}

.send-block option {
    color: #000;
    font-size: 14px;
    font-weight: 300;
}

.send-block .select-tech {
    color: #999999;
    font-size: 14px;
    font-weight: 300;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
}

.contact-btn {
    position: fixed;
    bottom: 60px;
    right: 0px;
}

.cal-prev {
    position: absolute !important;
    right: 50px !important;
    top: 20px;
}

.cal-next {
    position: absolute !important;
    right: 20px !important;
    top: 20px;
}

.label-container {
    margin-top: 20px;
    margin-left: 10px;
    text-align: left !important;
    color: #333333 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    letter-spacing: 0.45px;
}
/*End common css*/
.year-dropdown {
    width: 100px;
    padding: 5px 25px !important;
    margin-top: 0px;
    border-radius: 5px;
    color: #ff6200;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ff6200 !important;
    background-color: #fff;
}

    .year-dropdown:hover {
        background-color: #ff6200;
        color: #fff;
        transition: all 0.8s;
    }

    .year-dropdown option {
        background-color: #fff !important;
        color: #000;
        max-width: 200px;
    }

.footer {
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    padding: 20px;
    height: 57px;
    background-color: #1c2d3d;
    z-index: 1000;
    position: relative;
}

.view-link a:hover {
    text-decoration: none;
}

.event:after {
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #f26161;
    opacity: 1;
}

.serach-input-color {
    color: #59c7fa;
}

.inputbox {
    height: 20px;
    width: 300px;
    position: absolute;
    top: 46%;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .inputbox input {
        width: 100%;
        min-width: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 16px;
        padding: 1.5px 0;
        border: 0;
        background: none;
        width: 20px;
        position: absolute;
        top: 0;
        left: 50%;
        height: 20px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 100%;
        -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
        transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
        -webkit-transition-delay: 0s, 0.4s, 0s;
        transition-delay: 0s, 0.4s, 0s;
        -webkit-box-shadow: 0 0 0 1px currentColor;
        box-shadow: 0 0 0 1px currentColor;
        color: inherit;
        cursor: pointer;
        padding: -15.5px 0;
        padding-right: 20px;
        font-weight: lighter;
        font-family: 'Roboto';
    }

.click-show {
    float: none;
}

.inputbox input:focus, .inputbox input:valid {
    width: 100%;
    -webkit-transition-delay: 0.4s, 0s, 0.4s;
    transition-delay: 0.4s, 0s, 0.4s;
    outline: 0;
    border-radius: 0;
    cursor: text;
    padding-left: 1.5px;
}

    .inputbox input:focus + .del, .inputbox input:valid + .del {
        pointer-events: all;
        left: calc(100% - 10px);
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

        .inputbox input:focus + .del:focus, .inputbox input:valid + .del:focus {
            -webkit-box-shadow: 0 0 0 1px currentColor;
            box-shadow: 0 0 0 1px currentColor;
            height: 15px;
            width: 15px;
        }

        .inputbox input:focus + .del:before, .inputbox input:valid + .del:before {
            -webkit-transform: translate(-50%, -50%) rotate(-45deg) scaleY(0.7);
            transform: translate(-50%, -50%) rotate(-45deg) scaleY(0.7);
            -webkit-transition-delay: 0s;
            transition-delay: 0s;
        }

        .inputbox input:focus + .del:after, .inputbox input:valid + .del:after {
            -webkit-transform: translate(-50%, -50%) rotate(45deg) scaleY(0.7);
            transform: translate(-50%, -50%) rotate(45deg) scaleY(0.7);
            -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
        }

.inputbox .del {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 20px;
    width: 20px;
    padding: 0;
    background: none;
    border-radius: 100%;
    border: 0;
    pointer-events: none;
    -webkit-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    color: inherit;
    cursor: pointer;
}

    .inputbox .del:focus {
        outline: none;
    }

    .inputbox .del:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: currentColor;
        width: 1px;
        height: 15px;
        -webkit-transform: translate(13.5px, 13.5px) translate(-50%, -50%) rotate(-45deg) scaleY(1);
        transform: translate(13.5px, 13.5px) translate(-50%, -50%) rotate(-45deg) scaleY(1);
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }

    .inputbox .del:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: currentColor;
        width: 1px;
        height: 15px;
        -webkit-transform: translate(-50%, -50%) rotate(45deg) scaleY(0);
        transform: translate(-50%, -50%) rotate(45deg) scaleY(0);
        -webkit-transition: -webkit-transform 0.2s ease-in-out;
        transition: -webkit-transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out;
        transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }

.card-content {
    height: 250px;
}

.sidebar-hover:hover {
    border-left: 4px solid #ff6000;
}

.active-side {
    border-left: 4px solid #1bbcec;
}

a.drop1[aria-expanded="true"]::after {
    content: "\276e" !important;
}

a.drop1[aria-expanded="false"]::after, a.drop1[aria-expanded="true"]::after {
    position: absolute;
    right: 20px;
    top: -10px;
    font-size: 12px;
    color: #d1cdd7;
    content: "\276f";
    transform: rotate(90deg);
}

a.drop1 {
    position: relative;
    width: 100%;
    display: block;
}

.week .day:last-child {
    color: #000 !important;
}

.search-tab {
    width: 200px !important;
    margin-right: 10px;
}

.search-btn-tab {
    background-color: #02b8ec;
    color: #fff;
}

    .search-btn-tab:hover {
        background-color: #fff;
        color: #02b8ec;
        transition: all 0.6s;
        border: 1px solid #02b8ec;
    }

.tab-view-search {
    display: none;
}

.table-day, .tick-image {
    position: relative;
    top: 5px;
}

.active-menu {
    border-left: 4px solid #ff6000;
}

.view-link a:hover {
    text-decoration: underline;
    transition: all 0.6s;
}

.view-link a {
    transition: all 0.6s;
}
/*Login Page Design*/
.page-logo {
    margin-bottom: 30px;
}

.login-block {
    padding: 35px;
    /*position: relative;
     */
    margin-top: 25%;
    margin-bottom: 25%;
}

.login-input label {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.login-input p a {
    color: #1bbcec;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.4s;
}

    .login-input p a:hover {
        text-decoration: none;
        color: #1bbcec;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 1px;
        transition: all 0.4s;
    }

.login-button {
    background-color: #1bbcec;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #fff;
    transition: all 0.4s;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .login-button:hover, .login-button:focus {
        color: #1bbcec;
        background-color: #fff;
        border: 1px solid #1bbcec;
        transition: all 0.4s;
    }

.close img {
    max-width: 20px;
}

.check-res:hover {
    background-color: #fff;
    color: #00bfa5;
    transition: all 0.5s;
    border: 1px solid #00bfa5;
}

.attendance-day {
    display: inline;
}

.search-head:focus {
    border: none !important;
    box-shadow: none;
}

.close-img {
    margin-left: 5px;
    margin-top: 3px;
}
/*End Login Page Design*/
/*student page style*/
.student-detail {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    padding: 20px;
    margin-top: 30px;
}

.student-img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
    border: 1px solid #d0d6d9;
    background-color: #fefefe;
    border-radius: 50%;
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 0px 0px 5px;
}

.admission-block span {
    color: #2e3133;
    font-size: 16px;
    font-weight: 700;
}

.admission-block {
    margin-top: 45px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #dfe4e9;
}

.border-bottom {
    border-bottom: 1px dashed #dfe4e9;
}

.border-left {
    border-left: 2px solid #dfe4e9;
}

.student-block1 {
    padding: 20px 0px;
}

.student-content {
    padding: 20px 0px 10px 0px;
}

.student-content1 {
    padding: 10px 0px 0px 0px;
}

.student-content2 {
    padding: 10px 0px 10px 0px;
}

.parent-detail-tab {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 30px;
}

.parent-tab-head {
    background: #dfe4e9;
    padding: 10px 20px 0px 20px;
}

.parent-detail-content {
    padding: 20px;
}

.parent-img {
    width: 124px;
    height: 156px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
    border: 1px solid #d0d6d9;
    background-color: #fafaf9;
}

.pt0 {
    padding-top: 0px;
}

.pb20 {
    padding-bottom: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pt35 {
    padding-top: 35px;
}

.student-block2 {
    padding-top: 35px !important;
    padding-bottom: 89px !important;
}

.student-block3 {
    padding-bottom: 158px;
    padding-top: 35px;
}

[name="checkbox"]:not(:checked), [name="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    display: none;
}

    [name="checkbox"]:not(:checked) + label, [name="checkbox"]:checked + label {
        position: relative;
        padding-left: 1.95em;
        cursor: pointer;
    }
        /* checkbox aspect */
        [name="checkbox"]:not(:checked) + label:before, [name="checkbox"]:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 1.25em;
            height: 1.25em;
            border: 2px solid #ccc;
            background: #fff;
            border-radius: 4px;
            box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
        }
        /* checked mark aspect */
        [name="checkbox"]:not(:checked) + label:after, [name="checkbox"]:checked + label:after {
            position: absolute;
            top: 1px;
            left: 1px;
            font-size: 1.3em;
            line-height: 0.9;
            color: #fff;
            background-color: #F27360;
            border-color: transparent;
            transition: all .2s;
        }
        /* checked mark aspect changes */
        [name="checkbox"]:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        [name="checkbox"]:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }
    /* accessibility */
    [name="checkbox"]:checked:focus + label:before, [name="checkbox"]:not(:checked):focus + label:before {
        border: 1px solid #d300fc;
    }

.md-checkbox {
    position: relative;
    /*top: 17px;*/
    margin-bottom: 15px;
}

    .md-checkbox label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
    }

        .md-checkbox label:before, .md-checkbox label:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
        }

        .md-checkbox label:before {
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid rgba(0, 0, 0, 0.54);
            border-radius: 2px;
            cursor: pointer;
            transition: background .3s;
        }

    .md-checkbox input[type="checkbox"] {
        outline: 0;
        margin-right: 10px;
        margin-top: 0px !important;
    }

        .md-checkbox input[type="checkbox"]:checked + label:before {
            background: #1da7fc;
            border: none;
        }

        .md-checkbox input[type="checkbox"]:checked + label:after {
            transform: rotate(-45deg);
            top: 5px;
            left: 4px;
            width: 12px;
            height: 6px;
            border: 2px solid #fff;
            border-top-style: none;
            border-right-style: none;
        }
/* hover style just for information */
label:hover:before {
    border: 2px solid #03baea !important;
}
/*.input-field {
     margin-bottom: 5px 
}*/
.view-sign-button {
    position: relative;
    bottom: -15px;
    left: 8px;
    border: 1px solid #1da7fc;
    background-color: #fff;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
}

    .view-sign-button:hover {
        border: 1px solid #1da7fc;
        background-color: #1da7fc;
        color: #fff;
    }

.student-edit-btn {
    position: relative;
    bottom: 40px;
    left: 8px;
    border: 1px solid #1da7fc;
    background-color: transparent;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
}

    .student-edit-btn:hover {
        border: 1px solid #1da7fc;
        background-color: #1da7fc;
        color: #fff;
    }

.search-btn-tab {
    height: 40px;
}

.w-full {
    width: 100%;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.bg-white {
    background-color: #fff;
}

.styled-link {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

    .styled-link:hover, .styled-link:focus, .styled-link:active {
        color: #536dfe;
    }

.shadow-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
}

.blue-hover {
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border-bottom: 5px solid transparent;
}

    .blue-hover:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 1px 1px 0 rgba(45, 47, 51, 0.1), 0 10px 20px 0 rgba(45, 47, 51, 0.2);
    }

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
/**Margin and padding utilities*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    /*height: 450px;
     */
}

.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.swipeleft {
    background-color: #7ACEF4;
}

.tabs_wrapper {
    width: 85%;
    text-align: center;
    margin: 0 auto;
    background: transparent;
}

ul.tabs {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 10;
    margin: 25px 0 0;
    padding: 0;
    width: 23%;
    min-width: 175px;
    list-style: none;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
}

    ul.tabs li {
        margin: 0;
        cursor: pointer;
        padding: 10px 15px;
        line-height: 31px;
        color: #000;
        text-align: left;
        /* font-weight: bold;
    */
        background-color: #666;
        background: #600026;
        /* Old browsers */
        background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #c60943));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff 0%, #fff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #fff 0%, #fff 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
        /* IE6-9 */
        -ms-transition: all .3s ease;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        border-top: 1px solid #ccc;
    }

        ul.tabs li:hover {
            background: #3700b3;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );
            color: white;
            -ms-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

        ul.tabs li.active {
            background: #3700b3;
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
            color: #dddddd;
            -ms-transition: all .3s ease;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
        }

.tab_container {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 20;
    left: 4%;
    width: 70%;
    min-width: 10px;
    text-align: left;
    background: white;
    border-radius: 12px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
    /*min-height: 450px !important*/
}

.tab_content {
    padding: 20px;
    height: 100%;
    display: none;
}

.tab_drawer_heading {
    display: none;
}

.w-full {
    width: 100%;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.bg-white {
    background-color: #fff;
}

.styled-link {
    text-decoration: none;
    outline: none;
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

    .styled-link:hover, .styled-link:focus, .styled-link:active {
        color: #536dfe;
    }

.shadow-1 {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);
}

.blue-hover {
    -webkit-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    border-bottom: 5px solid transparent;
}

    .blue-hover:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        box-shadow: 0 1px 1px 0 rgba(45, 47, 51, 0.1), 0 10px 20px 0 rgba(45, 47, 51, 0.2);
    }

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
/**Margin and padding utilities*/
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.mx-1 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-2 {
    margin-left: 2rem;
    margin-right: 2rem;
}

.mx-3 {
    margin-left: 3rem;
    margin-right: 3rem;
}

.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}

.my-1 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.my-2 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    /*height: 450px;
     */
}

.my-3 {
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.mt-0 {
    margin-top: 0;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.mt-3 {
    margin-top: 3rem;
}

.mb-0 {
    margin-bottom: 0;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 1rem;
}

.ml-2 {
    margin-left: 2rem;
}

.ml-3 {
    margin-left: 3rem;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.swipeleft {
    background-color: #7ACEF4;
}

.student-tab {
    border-bottom: none;
}

    .student-tab > li.active > a, .student-tab > li.active > a:focus, .student-tab > li.active > a:hover {
        border: none;
        border-bottom: 4px solid #1da7fc;
        color: #1da7fc;
        background-color: transparent;
    }

    .student-tab > li > a:focus, .student-tab > li > a:hover {
        border: 1px solid transparent;
        background-color: transparent;
    }

.parent-tab li a {
    color: #737c80;
}

@media screen and (max-width: 781px) {
    ul.tabs {
        display: none;
    }

    .tab_container {
        display: block;
        margin: 0 auto;
        width: 95%;
        border-top: none;
        border-radius: 0;
        box-shadow: 0px 0px 10px black;
    }

    .tab_drawer_heading {
        background-color: #ccc;
        background: #fff;
        /* Old browsers */
        background: -moz-linear-gradient(top, #fff 0%, #fff 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #c60943));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #fff 0%, #fff 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #fff 0%, #fff 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #fff 0%, #fff 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
        /* IE6-9 */
        color: #000;
        margin: 0;
        padding: 10px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        text-align: center;
        border: 1px solid #ccc;
    }

        .tab_drawer_heading:hover {
            background: #ccc;
            background: #ae0046;
            background: -moz-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ae0046), color-stop(100%, #fb0f56));
            background: -webkit-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
            background: -o-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
            background: -ms-linear-gradient(top, #ae0046 0%, #fb0f56 100%);
            background: linear-gradient(to bottom, #ae0046 0%, #fb0f56 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );
            color: white;
        }

    .d_active {
        background: #fff;
        background: #4c001e;
        background: -moz-linear-gradient(top, #4c001e 0%, #9f0735 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c001e), color-stop(100%, #9f0735));
        background: -webkit-linear-gradient(top, #4c001e 0%, #9f0735 100%);
        background: -o-linear-gradient(top, #4c001e 0%, #9f0735 100%);
        background: -ms-linear-gradient(top, #4c001e 0%, #9f0735 100%);
        background: linear-gradient(to bottom, #4c001e 0%, #9f0735 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
        color: #dddddd;
    }
}
/*end student page style*/
/*Principal Dashboard Style*/
.principal-logo {
    position: relative;
    top: 12px;
}

.principal-name {
    display: block;
    position: relative;
    top: 8px;
    color: #222222;
    font-size: 14px;
    font-weight: 700;
}

.principal-head {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

    .principal-head h4 {
        color: #17181a;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 0px;
        font-family: Muli !important;
    }

.principal-section1 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin-top: 35px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.principal-dashboard-detail {
    padding: 30px 30px;
}

.principal-table {
    margin-bottom: 0px;
}

    .principal-table > tbody > tr > td {
        border-top: none;
        border-right: 1.5px solid darkgrey;
    }

    .principal-table > tbody > tr {
        border-top: none;
        border-bottom: 1px solid darkgrey;
    }

        .principal-table > tbody > tr > td:last-child {
            border: none;
        }

        .principal-table > tbody > tr:last-child {
            border: none;
        }



.principal-td-block p {
    color: #4c4c4c;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
}

.principal-td-block span {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.5px;
    display: block;
    text-align: center;
    /*text-transform:uppercase;*/
}

.principal-card1 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    border-radius: 5px;
    min-height: 400px;
}

.principal-card1-head {
    padding: 25px 25px;
}

    .principal-card1-head h4 {
        color: #2e3a56;
        font-size: 14px;
        font-weight: 700;
    }

.principal-card1-body-row {
    padding: 0px 25px 10px 25px;
}

.principal-card1-date {
    color: #1bbcec;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: center;
}

.principal-card1-month {
    color: #3d3e3e;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    letter-spacing: 0.65px;
}

.principal-card1-text {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0px;
    margin-top: 6px;
}

.principal-card1-body-content {
    border-bottom: 1px solid #e5ebf2;
    padding: 15px 0px;
}

.principal-card1-fotter {
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

.principal-card1-bottom-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0px;
}

    .principal-card1-bottom-btn button {
        background-color: #fff;
        border-radius: 15px;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        padding: 5px 20px;
        transition: all 0.8s;
    }

.principal-card1-body {
    overflow-y: scroll;
    height: 270px;
    overflow-x: hidden;
}


.principal-card2-body {
    overflow-y: scroll;
    /*height: 270px;*/
    overflow-x: hidden;
}
    .principal-card1-body::-webkit-scrollbar {
        width: 5px;
    }

    .principal-card1-body::-webkit-scrollbar-thumb {
        border-radius: 5px;
        background-color: #e1e4f0;
        -webkit-box-shadow: inset 0 0 6px rgba(90,90,90,0.7);
    }

.principal-card1-body-img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17);
    border: 1px solid #d0d6d9;
    background-color: #fefefe;
    border-radius: 50%;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    /*padding: 8px 0px 0px 2px;*/
}

    .principal-card1-body-img img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }

.principal-card1-student-name {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 0px;
}

.principal-card1-student-section {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
}

.principal-card1-student-block {
    margin-top: 10px;
}

.principal-section2 {
    margin-bottom: 20px;
}

.principal-student-class {
    padding: 20px;
}

.principal-student-class-head h4 {
    color: #2e3a56;
    font-size: 14px;
    font-weight: 700;
}

.principal-card1-class-count {
    padding: 20px;
}

.principal-card1-border {
    border-right: 1px solid #e5ebf2;
}

.principal-card1-class-fotter {
    border-top: 1px solid #e5ebf2;
}

    .principal-card1-class-fotter h4 {
        padding: 15px 0px;
        margin: 0px 0px;
    }

    .principal-card1-class-fotter a {
        font-size: 16px;
        font-weight: 400;
        color: #1bbcec;
        text-align: center;
        display: block;
        text-decoration: none;
    }
/*End Principal Dashboard Style*/
/*Search Book Style*/
.search-book-section1 {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 0px;
    padding: 30px;
    border-radius: 5px;
}

.search-book-btn {
    background-color: #ff5252;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.8px;
    width: 100%;
}

.search-book-btn1 {
    background-color: #ff5252;
    color: #fff;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    letter-spacing: 0.8px;
    padding: 8px 40px;
}

.search-book-clear {
    color: #ff5252;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.7px;
}

    .search-book-clear:hover {
        text-decoration: none;
        color: #ff5252;
    }

.search-book-btn:hover, .search-book-btn:focus, .search-book-btn1:hover, .search-book-btn1:focus {
    color: #fff;
}

.search-book-input {
    height: 40px;
}

    .search-book-input:focus, .search-book-select:focus {
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
        border: 1px solid #ccc;
    }

.serach-book-more p {
    opacity: 0.7;
    color: #999999;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
    margin: 25px 0px 0px 0px;
    cursor: pointer;
}

    .serach-book-more p:after {
        content: url(../images/down-arrow.png);
        position: relative;
        left: 2px;
        top: 3px;
    }

.search-book-arrow p:after {
    content: url(../images/up-arrow.png);
    position: relative;
    left: 2px;
    top: 3px;
    transform: rotate(100deg);
}

.search-book-label {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.search-book-select {
    background: url(../images/down-arrow.png) no-repeat 95% white;
    height: 40px;
}

.search-book-fields-btn {
    margin-top: 18px;
}

.search-footer {
    top: 217px !important;
}

.serach-book-table {
    width: 100% !important;
    table-layout: fixed !important;
}

.tbl-header tr th {
    box-shadow: 0 3px 5px rgba(1, 1, 1, 0.12);
    background-color: #ffffff;
    position: relative !important;
    border-bottom: none !important;
    height: 50px;
    color: #2e3a56;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 15px !important;
}

.tbl-content {
    margin-top: 0px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

    .tbl-content tr {
        height: 50px;
    }

        .tbl-content tr td {
            color: #666666;
            font-size: 14px;
            font-weight: 400;
            border-bottom: 1px solid #e6e9eb !important;
            border-top: none !important;
            padding: 8px 15px !important;
        }

.search-book-table {
    margin-bottom: 0px !important;
}

.error-msg {
    color: red;
    font-size: 12px;
}

.table2 > tr:hover span {
    display: inline-block;
}

.table2 > tr span {
    display: none;
}

.table2 > tr > td:last-child {
    width: 155px;
}

.view-book-icon {
    cursor: pointer;
    float: right;
}

.slider-wrap {
    width: 300px;
    height: 500px;
    margin: 20px auto;
}

.slider {
    overflow-x: hidden;
}

.holder {
    width: 300%;
}

.slide {
    float: left;
    width: 300px;
    height: 400px;
    position: relative;
    background-position: -100px 0;
}

.temp {
    position: absolute;
    color: white;
    font-size: 100px;
    bottom: 15px;
    left: 15px;
    font-weight: 100;
}

#slide-0 {
    background-image: url(http://farm8.staticflickr.com/7347/8731666710_34d07e709e_z.jpg);
}

#slide-1 {
    background-image: url(http://farm8.staticflickr.com/7384/8730654121_05bca33388_z.jpg);
}

#slide-2 {
    background-image: url(http://farm8.staticflickr.com/7382/8732044638_9337082fc6_z.jpg);
}

.slide:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: linear-gradient(transparent, black);
}

.slider-nav {
    text-align: center;
    margin: 10px 0 0 0;
}

    .slider-nav a {
        width: 17px;
        height: 17px;
        display: inline-block;
        background-color: #ffd3d3;
        overflow: hidden;
        text-indent: -9999px;
        border-radius: 50%;
    }

        .slider-nav a.active {
            background-color: #ff5252;
        }
/* follow me template */
/* for custom scrollbar for webkit browser*/
#parent {
    height: 450px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

    #parent::-webkit-scrollbar {
        width: 6px;
    }

    #parent::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

    #parent::-webkit-scrollbar-thumb {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    }

.search-book-table-section {
    margin-top: 20px;
}

.search-book-view-content p {
    color: #999999;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.search-book-view-content span {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.search-book-view-content {
    margin: 20px 0px;
}

.search-book-view-req-btn span {
    color: #666666;
    f font-size: 14px;
    font-weight: 300;
    margin-top: 5px;
}

.reserve-number {
    color: #ff5252 !important;
    font-size: 14px;
    font-weight: 500 !important;
}

.search-book-modal-header {
    padding: 30px 35px;
}

.lib-transaction-head h4 {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.45px;
}

.lib-transaction-slider .item {
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    padding: 15px;
}

.transactions-book-details p {
    color: #333333;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.4px;
    margin-bottom: 0px;
}

.transactions-book-details span {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0.35px;
}

.transactions-due-date p {
    color: #ff5252 !important;
    font-weight: 400 !important;
    font-size: 14px;
    letter-spacing: 0.35px;
    position: relative;
    top: 10px;
}

.transactions-book-details {
    margin-bottom: 25px;
}

.transactions-book-img img {
    height: 95px;
}

.owl-dots {
    display: none;
}

.owl-next {
    border-radius: 50% !important;
    width: 40px;
    position: absolute;
    right: -26px;
    top: 40px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.21);
    background-color: #ffffff !important;
    height: 40px;
}

.owl-prev {
    border-radius: 50% !important;
    width: 40px;
    position: absolute;
    left: -26px;
    top: 40px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.21);
    background-color: #ffffff !important;
    height: 40px;
}

    .owl-next span, .owl-prev span {
        color: #b0acbf;
        font-size: 30px !important;
    }

.lib-transaction-slider {
    margin: 20px 0px 0px 0px;
}
/* End Search Book Style*/
/*attendance page start*/

.white-bg {
    background-color: #ffffff;
}

.blue-border-btn {
    background-color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    border: 1px solid #1da7fc;
    color: #1da7fc;
}

    .blue-border-btn:hover {
        background-color: #1da7fc;
        color: #fff;
        transition: all 0.8s;
    }

.red-border-btn {
    background-color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    border: 1px solid #ff5252;
    color: #ff5252;
}

    .red-border-btn:hover {
        background-color: #ff5252;
        color: #fff;
        transition: all 0.8s;
    }

.grey-border-btn {
    background-color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    border: 1px solid #999999;
    color: #999999;
}

    .grey-border-btn:hover {
        background-color: #999999;
        color: #fff;
        transition: all 0.8s;
    }

.yellow-border-btn {
    background-color: #ffaf00;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    border: 1px solid #ffaf00;
    color: #ffaf00;
}

    .yellow-border-btn:hover {
        background-color: #ffaf00;
        color: #fff;
        transition: all 0.8s;
    }

.box-header.with-border {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 18px;
    border-bottom: 1px solid #e4e9ec;
}

.br5 {
    border-radius: 5px;
}

.mt66 {
    margin-top: 66px;
}

table.table.table-striped.attendance-table > tbody > tr > td:first-child {
    padding-left: 20px;
}

table.table.table-striped.attendance-table > thead > tr > th:first-child {
    padding-left: 20px;
}

.right-position {
    width: 100%;
    text-align: right;
    padding: 10px 18px 18px 0px;
    border-top: 1px solid #ddd;
}

.table-responsive.absent-table {
    height: 300px;
}

#scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

#scroll::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #eee;
}

table#absent-table {
    margin-bottom: 0px;
}

table#Attendance-table {
    margin-bottom: 0px;
}

.table-responsive.absent-detailes-table {
    height: 350px;
}

.images-details {
    width: 200px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 20px;
}

.circle-select {
    border-radius: 20px;
    background: url(../images/down-arrow.png) no-repeat 92% white;
    padding: 6px 30px 6px 12px;
    opacity: 0.7;
    color: #2e3a56;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.6px;
}

.form-control:focus {
    border-color: #ccc;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
}




.select-items {
    display: flex;
}

.mlr15 {
    margin: 0px 15px;
}

.act-label {
    color: #999999;
    font-family: Muli;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
}

.act-value {
    color: #333333;
    font-family: Muli;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.Activity-row-1 {
    display: flex;
    flex-direction: row;
    padding: 20px 0px;
}

.red-title {
    color: #ff5252;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "A, pplicat" */
    letter-spacing: 0.6px;
}

button.bg-white.accordian-button {
    border: none;
    background: #fff;
}

.hide-show {
    width: 140px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #999999;
    opacity: 0.7;
    color: #999999;
    font-family: Muli;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.accordian-container {
    display: none;
}

@media (min-width: 320px) and (max-width: 767px) {
    .Activity-row-1 {
        display: flex;
        flex-direction: column;
    }

    .Activity-col-1 {
        padding: 10px;
    }
}

.display-flex {
    display: flex;
}

.student-menu-option {
    top: -35px !important;
}

.principal-menu-block {
    min-width: 385px !important;
    /*padding:20px 18px;*/
    padding: 5px 18px;
}

.principal-menu-section {
    display: flex;
    /* justify-content: space-around; */
    align-items: center;
}

.principal-menu-items img {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.principal-menu-items p {
    text-align: center;
    color: #000020;
    font-size: 13px;
    font-weight: 300;
    margin: 10px 0px;
}

.principal-menu-section li {
    width: 115px;
    border-bottom: 0px solid #f3f3f3;
    /*padding: 21px 20px 0px 20px;*/
    padding: 10px 0px 0px 0px;
    position: relative;
    cursor: pointer;
}

.principal-active-menu {
    border: 1px solid #e5e5e5 !important;
    border-bottom: 3px solid #1da7fc !important;
}

    .principal-active-menu:before {
        content: url(../images/present.png);
        position: absolute;
        top: -10px;
        right: -10px;
        z-index: 1001;
    }

.principal-mega-menu {
    position: fixed;
    width: 81%;
    left: 250px;
    top: 70px;
    height: 100%;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.17);
    background-color: #ffffff;
}

.principal-megamenu-section {
    padding: 70px 0px;
}

.megamenu-head {
    border-bottom: 1px solid #e0e2e5;
}

    .megamenu-head h4 {
        color: #333333;
        font-size: 16px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 0.4px;
    }

.megamenu-sub-title h4 {
    color: #17b2e6;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

.megamenu-list {
    padding: 0px 18px;
}

.principal-megamenu-links a {
    color: #444444;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px;
    letter-spacing: 0.3px !important;
    white-space: nowrap;
}

    .principal-megamenu-links a:hover {
        color: lightslategrey !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px;
        letter-spacing: 0.3px !important;
        text-decoration: none;
    }

.principal-megamenu-links {
    text-indent: 0px !important;
}

.megamenu-sub-title {
    margin-top: 20px !important;
}

.principal-megamenu-links a:hover {
    background-color: transparent !important;
}

.megamenu-close {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.principal-donut {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0px;
}

.breadcrumb {
    background-color: transparent !important;
    padding: 5px 0px !important;
}

    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #c1c3c4;
        content: url(../images/bread.png) !important;
    }

    .breadcrumb-item a {
	color: #666666 !important;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none !important;
}

    /*/*.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    /* content: "/\00a0"; */
}*/*/

.breadcrumb-item a {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

.breadcrumb > .active {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.highcharts-credits {
    display: none;
}

.highcharts-xaxis > .highcharts-tick {
    stroke: transparent !important;
}

.highcharts-yaxis-labels > text {
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.highcharts-xaxis-labels > text {
    color: #666666 !important;
    font-size: 13px !important;
    font-weight: 400;
    line-height: 32px;
    text-transform: uppercase;
}

.principal-student-class-head h4 {
    color: #2e3a56;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 40px;
}

#enquire > .highcharts-container > .highcharts-root > .highcharts-yaxis-grid > .highcharts-grid-line {
    stroke: transparent !important;
}

#enquire > .highcharts-container > .highcharts-root > .highcharts-xaxis > .highcharts-axis-line {
    stroke: transparent !important;
}

#enquire > .highcharts-container > .highcharts-root > .highcharts-data-labels > .highcharts-data-label > text {
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 40px;
}

#enquire > .highcharts-container > .highcharts-root > .highcharts-series-group > .highcharts-bar-series > rect {
    fill: #1bb7f1 !important;
}

#example > .highcharts-container > .highcharts-root > .highcharts-series-group > .highcharts-column-series > rect {
    fill: #1bb7f1 !important;
}

#students > .highcharts-container > .highcharts-root > rect.highcharts-background {
    fill: transparent !important;
}

#enquire > .highcharts-container > .highcharts-root > rect.highcharts-background {
    fill: transparent !important;
}

#example > .highcharts-container > .highcharts-root > rect.highcharts-background {
    fill: transparent !important;
}

#syllabus > .highcharts-container > .highcharts-root > rect.highcharts-background {
    fill: transparent !important;
}

.students-chart-height {
    height: 300px !important;
}

#students > .highcharts-container > .highcharts-root > .highcharts-legend > g > g > g.highcharts-pie-series > rect.highcharts-point {
    rx: 0 !important;
    ry: 0 !important;
}

.principal-chart-section {
    border-top: 1px solid #eef2f3;
}

.principal-chart-section-right-border {
    border-right: 1px solid #eef2f3;
}

#enquire {
    margin-top: 45px;
}

.principal-chart-head {
    padding: 5px 25px 0px 25px;
}

.principal-chart-btn {
    position: absolute;
    right: 15px;
    top: 15px;
}

#syllabus > .highcharts-container > .highcharts-root > .highcharts-data-labels > .highcharts-data-label > text {
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 40px;
}

#principal-syllabus-table {
    height: 200px;
}

.principal-table-head > tr > th {
    border-top: 1px solid #eee !important;
}

.principal-menu-items p a {
    text-align: center;
    color: #000020;
    font-size: 13px;
    font-weight: 300;
    margin: 10px 0px;
    text-decoration: none;
}

.head-blue-border {
    border-left: 4px solid #1bbcec;
    padding-left: 5px;
}

.principal-donut > svg > g > text {
    font-size: 50px;
    font-weight: 700;
    fill: #1bb7f1;
}

path.color0 {
    fill: #1bb7f1;
}

path.color1 {
    fill: #f1f1f1;
}

.bar {
    fill: #5f89ad;
}

.axis {
    font-size: 13px;
}

    .axis path, .axis line {
        fill: none;
        display: none;
    }

.label {
    font-size: 13px;
}

.bar {
    fill: steelblue;
}

.chart-select {
    float: right;
    margin-top: 5px;
}

.principal-stu-select {
    padding: 6px 45px 6px 12px;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .image-preview-input input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.image-preview-input-title {
    margin-left: 2px;
}

.btn.btn-default.image-preview-input {
    padding: 9px;
}

.fc-event.info > div > span > button {
    width: 13px;
    height: 14px;
    background-color: #8073ff;
    border: none;
    border-radius: 50%;
    color: #8073ff;
    padding: 0px;
    line-height: 1.2;
}

.fc-event.important > div > span > button {
    width: 14px;
    height: 14px;
    background-color: #ff73c5;
    border: none;
    border-radius: 50%;
    opacity: 1;
    color: #ff73c5;
    padding: 0px;
    line-height: 1.2;
}

.birthday > div > span > button {
    background-color: #eca01b;
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 50%;
    color: #eca01b;
    padding: 0px;
    line-height: 1.2;
}

.multipleday > div > button {
    width: 100%;
    height: 14px;
    border: none;
    color: #45d232;
    background-color: #45d232;
}

.custom-tooltip {
    position: absolute;
    background: #fff;
    top: 123%;
    width: 278px;
    height: 155px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    border: 1px solid #e5e8eb;
    background-color: #ffffff;
    z-index: 999;
}

.info > div > button {
    width: 14px !important;
    height: 14px;
    border-radius: 50%;
    line-height: 0;
    color: #f88932;
    background-color: #f88932;
    padding: 0px;
}

.popover.top {
    margin-top: -6px;
    width: 278px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    border: 1px solid #e5e8eb;
    background-color: #ffffff;
    margin-left: -54px;
}

.popover.popover-home.top {
    margin-top: -6px;
    width: 278px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    border: 1px solid #e5e8eb;
    background-color: #ffffff;
    margin-left: -0px;
}

h3.popover-title {
    background: #fff;
    font-family: 'Muli', sans-serif !important;
    border: none;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #333333;
    letter-spacing: 0.9px;
}

.popover-content {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "Board Meet" */
    color: #333333;
    letter-spacing: 0.9px;
}

div.popover > div.time {
    font-size: 20px;
}

.popover > div.Time {
    opacity: 0.4;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "02:00 Pm -" */
    color: #333333;
    letter-spacing: 0.12px;
    display: flex;
    padding: 0px 14px;
}

    .popover > div.Time > p {
        font-family: Muli;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        color: #333333;
        letter-spacing: 0.12px;
        display: flex;
        margin-left: 20px;
    }

.Description > p {
    color: #333333;
    font-family: Muli;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    /* Text style for "L, orem Ip" */
    letter-spacing: 0.35px;
    padding: 0px 15px;
}

.popover.subject.fade.bottom.in {
    border-bottom: 6px solid #69bf55;
}

button.btn.Subjects {
    border-radius: 6%;
    line-height: 0;
    color: #222222;
    background-color: #dff2e2;
    width: auto !important;
    padding: 15px 10px;
    border-left: 5px solid #69bf56;
}

.sub-popover {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    border-top: 1px solid #dff2e3;
}

    .sub-popover > .Subject {
        width: 40% !important;
        display: flex;
        margin-bottom: 12px;
        text-align: center;
        align-items: center;
        line-height: 2;
        border-radius: 28px;
    }

.Subject > p {
    margin-bottom: 0px !important;
}

.custom-nav-item {
    display: flex;
    padding: 10px 20px;
}

.sub-popover {
    padding: 15px;
}

.custom-nav-name {
    margin-left: 23px;
}

.careerCouncelling > div > span > button {
    background-color: #00bfa5;
    padding: 0px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}

.custom-nav-item > img {
    height: 23px;
    width: 22px;
}

p {
}

.Homeworks > p {
    color: #69bf56;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "H, omework" */
    letter-spacing: 0.3px;
    padding-left: 20px;
}

.Homeworks {
    border-top: 1px dashed #e5e5e5;
    padding-top: 20px;
}

.fc-event {
    color: #000 !important;
}
/* for vertical events */
.fc-event-bg {
    display: none !important;
}

.fc-event .ui-resizable-handle {
    display: none !important;
}
/*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */
.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc, .fc table {
        font-size: 1em;
        font-family: "Helvetica Neue",Helvetica;
    }

    .fc td, .fc th {
        padding: 0;
        vertical-align: top;
    }
/* Header ------------------------------------------------------------------------*/
.fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
        font-size: 32px;
        font-weight: 100;
        margin-bottom: 10px;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}
/* buttons edges butting together */
.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right,
/* non-theme */
.fc-header .ui-corner-right {
    /* theme */
    margin-right: 0;
    /* back to normal */
}
/* button layering (for border precedence) */
.fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
    z-index: 4;
}
/* Content ------------------------------------------------------------------------*/
.fc-content {
    clear: both;
    zoom: 1;
    /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    width: 100%;
    overflow: hidden;
}
/* Cell Styles ------------------------------------------------------------------------*/
/* <th>, usually */
.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    border-bottom: 1px solid #EEE;
}

.fc-state-highlight {
    /* <td> today cell */
    /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3;
     */
}

    .fc-state-highlight > div > div.fc-day-number {
        background-color: #f88932;
        color: #FFFFFF;
        border-radius: 50%;
        margin: 4px;
    }

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: .3;
    filter: alpha(opacity=30);
    /* for IE */
}
/* Buttons ------------------------------------------------------------------------*/
.fc-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

.fc-state-default {
    /* non-theme */
}

    .fc-state-default.fc-corner-left {
        /* non-theme */
        /* border-top-left-radius: 4px; */
        /* border-bottom-left-radius: 4px; */
    }

    .fc-state-default.fc-corner-right {
        /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
/* Our default prev/next buttons use HTML entities like &lsaquo;
 &rsaquo;
 &laquo;
 &raquo;
 and we'll try to make them look good cross-browser. */
.fc-text-arrow {
    margin: 0 .4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline;
    /* for IE7 */
}

.fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
    /* for &lsaquo;
     &rsaquo;
     */
    font-weight: bold;
}
/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}

.fc-state-default {
    color: #aeaeae;
}

.fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default {
    min-width: 67px;
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
    color: #333333;
}

.fc-state-hover {
    color: #aeaeae;
    ;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down, .fc-state-active {
    background-color: #aeaeae;
    ;
    background-image: none;
    outline: 0;
    color: #FFFFFF;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #FFE3E3;
    color: #aeaeae;
}
/* Global Event Styles ------------------------------------------------------------------------*/
.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #FFF;
    /* default BORDER color */
    background-color: #FFF;
    /* default BACKGROUND color */
    color: #919191;
    /* default TEXT color */
    font-size: 12px;
    cursor: default;
}

    .fc-event:hover {
        opacity: 0.7;
    }

a.fc-event {
    text-decoration: none;
}

a.fc-event, .fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
}

.fc-event-time, .fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    /* hacky spaces (IE6/7) */
    font-size: 300%;
    /* */
    line-height: 50%;
    /* */
}
/* Horizontal Events ------------------------------------------------------------------------*/
.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /* border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     */
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /* border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     */
}
/* resizable */
.fc-event-hori .ui-resizable-e {
    top: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px;
    /* IE6 had 0 height */
}
/* Reusable Separate-border Table ------------------------------------------------------------*/
table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last td {
}

.fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}
/* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/
.fc-grid th {
    text-align: left;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: left;
    /* padding: 0 2px;
     */
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
    /* distance between events and day edges */
}
/* event styles */
.fc-grid .fc-event-time {
    font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}
/* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/
.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}
/* slot rows */
.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid;
    /* doesn't work with background in IE6/7 */
}
/* Vertical Events ------------------------------------------------------------------------*/
.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg {
        /* makes the event lighter w/ a semi-transparent overlay */
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .25;
        filter: alpha(opacity=25);
    }

.fc .ui-draggable-dragging .fc-event-bg,
/* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
    display: none\9;
    /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}

thead tr.fc-first {
}

table.fc-header {
    background-color: #FFFFFF;
    border-radius: 6px 6px 0 0;
}

.fc-week .fc-day > div .fc-day-number {
    font-size: 15px;
    margin: 2px;
    text-align: center;
    width: 27px;
    height: 27px;
    line-height: 1.7;
}

.fc-sun, .fc-sat {
    color: #b8b8b8;
}

.tippy-tooltip.honeybee-theme .tippy-backdrop {
    /* Your styling here. Example: */
    background-color: yellow;
}

.fc-week .fc-day:hover .fc-day-number {
    background-color: #B8B8B8;
    border-radius: 50%;
    color: #FFFFFF;
    transition: background-color 0.2s;
    width: 27px;
    height: 27px;
    line-height: 1.7;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #aeaeae;
    ;
}

.fc-button-today {
    border: 1px solid rgba(255,255,255,.0);
}

.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
}

/*Ui-colorkit style*/

.ui-colorkit-list > a > span {
    color: #000;
}

.ui-colorkit-list > a {
    text-decoration: none;
}

.ul.tabs li.active > .ui-colorkit-list > a > span {
    color: #fff !important;
}

.fill-pink-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #1da7fc;
}

    .fill-pink-button:hover, .fill-pink-button:focus {
        border: 1px solid #1da7fc;
        background-color: transparent !important;
        color: #1da7fc !important;
    }

.fill-yellow-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #ffaf00;
}

    .fill-yellow-button:hover, .fill-yellow-button:focus {
        border: 1px solid #ffaf00;
        background-color: transparent !important;
        color: #ffaf00 !important;
    }

.fill-blue-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #1da7fc;
}

    .fill-blue-button:hover, .fill-blue-button:focus {
        border: 1px solid #1da7fc;
        background-color: transparent !important;
        color: #1da7fc !important;
    }

.fill-green-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #6ed871;
}

    .fill-green-button:hover, .fill-green-button:focus {
        border: 1px solid #6ed871;
        background-color: transparent !important;
        color: #6ed871 !important;
    }

.fill-red-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #ff2637;
}

    .fill-red-button:hover, .fill-red-button:focus {
        border: 1px solid #ff2637;
        background-color: transparent !important;
        color: #ff2637 !important;
    }

.fill-lightgreen-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #00c8a7;
}

    .fill-lightgreen-button:hover, .fill-lightgreen-button:focus {
        border: 1px solid #00c8a7;
        background-color: transparent !important;
        color: #00c8a7 !important;
    }

.fill-violet-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #8810ff;
}

    .fill-violet-button:hover, .fill-violet-button:focus {
        border: 1px solid #8810ff;
        background-color: transparent !important;
        color: #8810ff !important;
    }

.fill-orange-button {
    color: #ffffff;
    width: 145px;
    height: 38px;
    background-color: #ff6000;
}

    .fill-orange-button:hover, .fill-orange-button:focus {
        border: 1px solid #ff6000;
        background-color: transparent !important;
        color: #ff6000 !important;
    }

.fill-brown-button {
    color: #ffffff;
    width: 165px;
    height: 38px;
    background-color: #a23720;
}

    .fill-brown-button:hover, .fill-brown-button:focus {
        border: 1px solid #ff6000;
        background-color: transparent !important;
        color: #ff6000 !important;
    }

.pink-button {
    border: 1px solid #1da7fc;
    background-color: transparent;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.yellow-button {
    border: 1px solid #ffaf00;
    background-color: transparent;
    color: #ffaf00;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.blue-button {
    border: 1px solid #1da7fc;
    background-color: transparent;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.green-button {
    border: 1px solid #6ed871;
    background-color: transparent;
    color: #6ed871;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.red-button {
    border: 1px solid #ff2637;
    background-color: transparent;
    color: #ff2637;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.lightgreen-button {
    border: 1px solid #00c8a7;
    background-color: transparent;
    color: #00c8a7;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.violet-button {
    border: 1px solid #8810ff;
    background-color: transparent;
    color: #8810ff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.orange-button {
    border: 1px solid #ff6000;
    background-color: transparent;
    color: #ff6000;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.brown-button {
    border: 1px solid #a23720;
    background-color: transparent;
    color: #a23720;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.dark-green-button {
    border: 1px solid #69bf56;
    background-color: transparent;
    color: #69bf56;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.skyblue-button {
    border: 1px solid #1bbcec;
    background-color: transparent;
    color: #1bbcec;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.white-button {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
}

.skyblue-button:hover, .skyblue-button:focus {
    border: 1px solid #1bbcec;
    background-color: #1bbcec;
    color: #fff;
}


.dark-green-button:hover, .dark-green-button:focus {
    border: 1px solid #69bf56;
    background-color: #69bf56;
    color: #fff;
}

.pink-button:hover, .pink-button:focus {
    border: 1px solid #1da7fc;
    background-color: #1da7fc;
    color: #fff;
}

.yellow-button:hover, .yellow-button:focus {
    border: 1px solid #ffaf00;
    background-color: #ffaf00;
    color: #fff;
}

.blue-button:hover, .blue-button:focus {
    border: 1px solid #1da7fc;
    background-color: #1da7fc;
    color: #fff;
}

.green-button:hover, .green-button:focus {
    border: 1px solid #6ed871;
    background-color: #6ed871;
    color: #fff;
}

.red-button:hover, .red-button:focus {
    border: 1px solid #ff2637;
    background-color: #ff2637;
    color: #fff;
}

.lightgreen-button:hover, .lightgreen-button:focus {
    border: 1px solid #00c8a7;
    background-color: #00c8a7;
    color: #fff;
}

.violet-button:hover, .violet-button:focus {
    border: 1px solid #8810ff;
    background-color: #8810ff;
    color: #fff;
}

.orange-button:hover, .orange-button:focus {
    border: 1px solid #ff6000;
    background-color: #ff6000;
    color: #fff;
}

.brown-button:hover, .brown-button:focus {
    border: 1px solid #a23720;
    background-color: #a23720;
    color: #fff;
}

.white-button:hover, .white-button:focus {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

.pink-header {
    border-left: 4px solid #1da7fc;
    height: 28px;
}

    .pink-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.yellow-header {
    border-left: 4px solid #1da7fc;
    height: 28px;
}

    .yellow-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.dark-pink-header {
    border-left: 4px solid #e7579e;
    height: 28px;
}

    .dark-pink-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.blue-header {
    border-left: 4px solid #1da7fc;
    height: 28px;
}

    .blue-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.green-header {
    border-left: 4px solid #6ed871;
    height: 28px;
}

    .green-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.red-header {
    border-left: 4px solid #ff2637;
    height: 28px;
}

    .red-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.sky-blue-header {
    border-left: 4px solid #1da7fc;
    height: 28px;
}

    .sky-blue-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        text-transform: uppercase;
    }

.lightgreen-header {
    border-left: 4px solid #00c8a7;
    height: 28px;
}

    .lightgreen-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.violet-header {
    border-left: 4px solid #8810ff;
    height: 28px;
}

    .violet-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.orange-header {
    border-left: 4px solid #1da7fc;
    height: 28px;
}

    .orange-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.brown-header {
    border-left: 4px solid #a23720;
    height: 28px;
}

    .brown-header > h4 {
        margin-left: 10px;
        margin-top: 10px;
        padding-top: 5px;
        text-transform: uppercase;
    }

.pink-tab > li.active > a, .pink-tab > li.active > a:focus, .pink-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #1da7fc !important;
    color: #1da7fc;
    background-color: transparent !important;
}

.yellow-tab > li.active > a, .yellow-tab > li.active > a:focus, .yellow-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #ffaf00 !important;
    color: #ffaf00;
    background-color: transparent !important;
}

.blue-tab > li.active > a, .blue-tab > li.active > a:focus, .blue-tab > li.active > a:hover {
    border: none !important;
    /*border-bottom: 4px solid #1da7fc !important;*/
    color: #1da7fc;
    background-color: transparent !important;
}

.green-tab > li.active > a, .green-tab > li.active > a:focus, .green-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #6ed871 !important;
    color: #6ed871;
    background-color: transparent !important;
}

.red-tab > li.active > a, .red-tab > li.active > a:focus, .red-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #ff2637 !important;
    color: #ff2637;
    background-color: transparent !important;
}

.lightgreen-tab > li.active > a, .lightgreen-tab > li.active > a:focus, .lightgreen-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #00c8a7 !important;
    color: #00c8a7;
    background-color: transparent !important;
}

.skyblue-tab > li.active > a, .skyblue-tab > li.active > a:focus, .skyblue-tab > li.active > a:hover {
    border: none !important;
    /*border-bottom: 4px solid #1bbcec !important;*/
    color: #1bbcec;
    background-color: transparent !important;
}

.violet-tab > li.active > a, .violet-tab > li.active > a:focus, .violet-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #8810ff !important;
    color: #8810ff;
    background-color: transparent !important;
}

.orange-tab > li.active > a, .orange-tab > li.active > a:focus, .orange-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #ff6000 !important;
    color: #ff6000;
    background-color: transparent !important;
}

.brown-tab > li.active > a, .brown-tab > li.active > a:focus, .brown-tab > li.active > a:hover {
    border: none !important;
    border-bottom: 4px solid #a23720 !important;
    color: #a23720;
    background-color: transparent !important;
}

.pink-tab li a, .yellow-tab li a, .blue-tab li a, .green-tab li a, .red-tab li a, .lightgreen-tab li a, .violet-tab li a, .orange-tab li a, .brown-tab li a {
    color: #737c80;
    font-size: 12px;
    border-bottom: 4px solid transparent;
    border: none !important;
}

.pink-tab, .yellow-tab, .blue-tab, .green-tab, .red-tab, .lightgreen-tab, .violet-tab, .orange-tab, .brown-tab {
    border-bottom: none !important;
}

.nav > li > a:focus, .nav > li > a:hover {
    background-color: transparent;
    border-color: transparent;
}

.p20 {
    padding: 20px;
}

.ui-kit-btn-block {
    margin: 15px 0px;
}

.skyblue-tab > li > a {
    border: none !important;
    border-bottom: 4px solid transparent !important;
    background-color: transparent !important;
    color: #212629;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

ul.nav.nav-tabs.skyblue-tab > li > a {
    text-align: left;
    padding: 10px 0px;
    margin-right: 20px;
}

.tab-content.skyblue-tab-content {
    padding: 20px 0px;
}

.student-names-header {
    color: #000000;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px; /* Text style for "Performanc" */
    letter-spacing: 0.64px;
    margin: 20px 0px 0px 0px;
}
/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }

        div.bhoechie-tab-menu div.list-group > a {
            margin-bottom: 0;
        }

            div.bhoechie-tab-menu div.list-group > a .glyphicon,
            div.bhoechie-tab-menu div.list-group > a .fa {
                color: #2766ea;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a.active,
            div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
            div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #2766ea;
                background-image: #2766ea;
                color: #ffffff;
            }

                div.bhoechie-tab-menu div.list-group > a.active:after {
                    content: '';
                    position: absolute;
                    left: 100%;
                    top: 50%;
                    margin-top: -13px;
                    border-left: 0;
                    border-bottom: 13px solid transparent;
                    border-top: 13px solid transparent;
                    border-left: 10px solid #2766ea;
                }

div.bhoechie-tab-content {
    background-color: transparent;
    /* border: 1px solid #eeeeee; */
    padding-left: 20px;
    padding-top: 10px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.test {
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
    background-color: #eee;
    background-color: rgba(86,61,124,.15);
    border: 1px solid #ddd;
    border: 1px solid rgba(86,61,124,.2);
}

.ui-kit-section {
    margin-top: 50px;
}

.ui-kit-list > a {
    padding: 15px;
}

.ui-kit-bg {
    background-color: #fff;
}

.box-shadow {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
}

.lunch-date {
    color: #7e7e7e;
    color: #ff5252;
    font-family: Muli;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    /* Text style for "2, 8 May 2" */
    color: #7e7e7e;
    letter-spacing: 0.35px;
}

.box-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f0f0f3;
}

    .box-heading > h4 {
        color: #333333;
        font-size: 18px;
        font-weight: 400;
        padding: 27px 0px 24px 20px;
        margin: 0px;
    }

    .box-heading > p {
        padding: 30px 24px 24px 0px;
        margin: 0px;
    }

ul.lunch-details {
    list-style-image: url(../images/leaf.png);
}

li.lunch-detail {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
}

.box-details {
    height: 219px;
    margin-bottom: 15px;
}

.box-details-holiday {
    height: 219px;
    display: flex;
    align-items: center;
    justify-items: center;
}

.box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0px 26px;
}

    .box-container > img {
        margin: 30px 18px;
    }

    .box-container > button {
        margin: 20px 0px 23px 0px;
    }

.noticboard-container {
    padding: 20px;
}

    .noticboard-container > h4 {
        margin-bottom: 15px;
    }

    .noticboard-container > div.notice-date > img {
        margin-right: 10px;
    }

p.noticboard {
    padding: 28px 0px 20px 0px;
}

span.notice-date {
    font-size: 12px;
    font-weight: 400; /* Text style for "2, 1 Jul 2" */
    color: #999999;
}



.edit-inputs {
    margin-top: 5px;
}

    .edit-inputs[disabled] {
        background-color: transparent;
        border: none;
    }

.student-block2 {
    padding-top: 35px !important;
    padding-bottom: 30px !important;
}

.student-information-important {
    margin-top: 30px;
}

.student-information-btns {
    float: right;
}

.student-information-save {
    word-wrap: break-word;
    padding: 20px 50px 60px 20px;
}

.student-information-btns > button.btn {
    padding: 10px 25px !important;
    font-size: 16px;
    color: #fff;
    margin: 0px 5px;
}

.purple-bg {
    background-color: #1da7fc;
}

.cancel-bg {
    background-color: #b3b3b3;
}

.student-information-condition-txt {
    margin-bottom: 35px;
}

.edit-inputs {
    width: 100%;
}

.student-information-save-checkbox {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.student-block2 {
    padding-top: 35px !important;
    padding-bottom: 0px !important;
}

li.Student-details {
    display: flex;
    align-items: center;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

.StudentNmae {
}

.stu-details > div.StudentNmae {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: 400;
}

.StudentClass {
    color: #999999;
    font-family: Muli;
    font-size: 12px;
    font-weight: 400;
}



li.user-details {
    height: 68px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 20px;
}

.username {
    /* Text style for "Welcome" */
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 400; /* Text style for "Vishal Sha" */
}

.usernames {
    color: #333333;
    font-size: 14px;
    /* Text style for "Welcome" */
    /* Text style for "Vishal Sha" */
    font-weight: 600;
    width: 100%;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #555;
    background-color: #ffffff !important;
}

ul.dropdown-menu > li > a.my-account {
    color: #4d4d4d;
    font-size: 13px;
    padding: 16px !important;
    font-weight: 400;
    border-bottom: 1px solid #f5f5f5;
}

div#navbar {
    display: flex;
    align-items: center;
    height: 70px;
}

a.dropdown-toggle.student {
    display: flex;
    align-items: center;
}
/*.dropdown .dropdown-menu {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    max-height: 0;
    display: block;
    overflow: hidden;
    opacity: 0;
}

.dropdown:hover .dropdown-menu {
    max-height: 200px;
    opacity: 1;
}*/
.Login-user.dropdown {
    border-left: 1px solid #ddd;
    height: 70px;
    align-items: center;
    display: flex;
    padding: 0px 20px 0px 40px;
}

.Student-details.dropdown {
    border-left: 1px solid #ddd;
    height: 70px;
    align-items: center;
    display: flex;
    padding: 0px 20px 0px 20px;
}

a.dropdown-toggle.student {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 20px 0px;
}

.stu-details {
    padding-left: 10px;
}

.Student-details.dropdown > a > img {
    margin-left: 10px;
}

.Login-user.dropdown > a > img {
    margin-left: 10px;
}

.Login-user.dropdown > a > .avatar {
    display: none;
}

.Homework.dropdown {
    padding: 0px 23px;
    height: 70px;
    align-items: center;
    display: flex;
}

.nodifications.dropdown {
    padding: 0px 23px;
    height: 70px;
    align-items: center;
    display: flex;
}

.login-details > .StudentNmae {
    font-weight: 400; /* Text style for "Welcome" */
    color: #4d4d4d;
    /*font-size: 12px;*/
}

.login-details > .StudentClass {
    color: #333333;
    font-size: 14px;
    font-family: 'Muli', sans-serif !important;
    /* Text style for "Welcome" */
    /* Text style for "Vishal Sha" */
    font-weight: 600;
}

div#navbar > div:hover {
    background: #f5f5f5;
}

li.student {
    display: flex;
    align-items: center;
    padding: 10px 0px 10px 10px;
    border-top: 1px solid #ddd;
}

.selected-student {
    right: 15px;
    position: absolute;
}

ul.dropdown-menu.notifications-drop {
    width: 300px;
    overflow: scroll;
    max-height: 329px;
}

a.nodifications-title {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px !important;
}

li.nodifications-list {
    display: flex;
    align-items: center;
}

.nodifications-details {
    padding: 10px 20px 0px 10px;
    border-top: 1px solid #ddd;
}

.Descriptions {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    text-transform: CAPITALIZE;
}

.nodifications-details > div:last-child {
    color: #1bbcec;
    font-size: 14px;
    font-weight: 400;
    line-height: 45px;
}

img.student-downarrow.right-arrow {
    transform: rotate(-90deg);
}


/*My style*/
a.nodification-link {
    text-decoration: none !important;
}

.dropdown-menu li:hover {
    background: #f5f5f5;
}

a.my-account:hover, a.my-account:focus {
    background: #f5f5f5 !important;
    color: #1bbcec !important;
}

.full-width {
    width: 100%;
}

.event-card-content {
    padding: 20px 50px 20px 20px;
}

.circular-card-content {
    /* padding: 20px 35px 20px 20px; */
}

.event-card-content span {
    color: #ff5252;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.event-card-content h4 {
    color: #333333;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    height: 40px;
}

.event-card-content p {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 25px;
    height: 100px;
}

.event-card-hover:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    box-shadow: 0 1px 1px 0 rgba(45, 47, 51, 0.1), 0 10px 20px 0 rgba(45, 47, 51, 0.2);
}

.event-card-hover {
    transition: all 0.25s ease-in;
    border-bottom: 5px solid transparent;
}

.mt30 {
    margin-top: 30px;
}

.circular-card-content span {
    color: #8bb337;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.circular-card-content h4 {
    color: #333333;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 25px;
    height: 40px;
}

.circular-card-content {
    border-left: 1px solid #e7e7ea;
    padding: 20px;
}

.timetable-card {
    box-shadow: 0 3px 0px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-right: 1px solid #e7e7ea;
    border-top: 5px solid #bdc6d2;
}

button.btn.contact-teacher {
    color: #fff;
    width: 195px;
    height: 44px;
    /*box-shadow: 1px 8px 17px rgba(0, 0, 1, 0.19);*/
    background-color: #02b8ec;
    transform: rotate(90deg);
    right: 5px;
    /*height: 35px;
    margin-top: -65px;*/
    top: 40%;
    position: fixed;
    z-index: 99;
    outline: none;
    transform: rotate(90deg);
    border: 1px solid #02b8ec;
    bottom: 50px;
    /*padding: 5px;*/
    border-radius: 50px;
    background-color: #02b8ec;
    color: #ffffff !important;
    cursor: pointer;
}

    button.btn.contact-teacher > img {
        margin-right: 14px;
    }

button.btn.contact-teacher {
    margin-top: 30px;
}

button.btn.helpdesk {
    border: 1px solid #02b8ec;
    position: fixed;
    top: 80%;
    right: 2px;
    z-index: 99;
    outline: none;
    padding: 11px;
    border-radius: 50px;
    background-color: #02b8ec;
    color: #ffffff !important;
    cursor: pointer;
}

.popover.popover-home.top > div.popover-content {
    color: #fa7921;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase; /* Text style for "Event" */
    letter-spacing: 0.9px;
}

.subjects h4 {
    line-height: 23.74px;
    color: #545353;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
}

.subjects p {
    font-size: 12px;
    line-height: 23.74px;
    color: #545353;
    font-weight: 400;
}

.subjects {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px 10px;
}

.lunch-bg {
    background-color: #c7bdfd;
}

.library-bg {
    background-color: #fdb8b8;
}

.attendance-bg {
    background-color: #95dcf9;
}

.fee-bg {
    background-color: #95e9e0;
}

.timetable-inner-head {
    padding: 30px 20px;
}

.timetable-inner-body {
    padding: 30px 20px 15px 20px;
}

.timetable-inner-head h4 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
}

.timetable-inner-body > ul {
    list-style-image: url(../images/vector.png);
    padding-left: 15px;
    margin-left: 0px;
}

    .timetable-inner-body > ul > li {
        display: list-item;
        margin-bottom: 20px;
    }

.center-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.timetable-inner-body h4 {
    color: #4c4c4c;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin-bottom: 0px;
}

.timetable-inner-body span {
    color: #acbccd;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.65px;
}

.timetable-inner-body p {
    color: #4c4c4c;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.14px;
    margin: 20px 0px 5px 0px;
}

.attendance-block {
    margin-top: 23px;
}

.fee-block {
    margin-top: 15px;
}

.bus-tracking-section {
    padding: 25px;
}

.bus-tracking-body {
    border-top: 1px solid #e7e7ea;
}

.bus-tracking-inner {
    border-right: 1px solid #e7e7ea;
}

.bus-tracking-block {
    padding: 25px;
}

.Pickup-time {
    margin-bottom: 25px;
}

    .Pickup-time p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        color: #00b8ed;
        text-transform: uppercase;
    }

    .Pickup-time span {
        color: #909ba6;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
    }

.bus-tracking-section > ul > li > span:first-child {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #5c6166;
    margin-right: 10px;
}

.bus-tracking-section > ul > li > span:last-child {
    color: #333333;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    margin-left: 10px;
}

.notice-section {
    padding: 20px 25px;
    height: 400px;
    overflow-y: scroll;
}

.notice-card-content {
    padding: 20px 10px 20px 20px;
}

    .notice-card-content h4 {
        color: #333333;
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        margin-bottom: 0px;
    }

    .notice-card-content span {
        color: #00b8ed;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.3px;
    }

.notice-btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 114px;
    margin-left: -15px;
}

.border-left {
    border-left: 1px solid #e7e7ea;
}

.pos-relative {
    position: relative;
}

.btn-group.orange > button:first-child {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px !important;
}

.btn-group.orange > button:last-child {
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px !important;
}

.btn-group.orange > button.active {
    background-color: #f88932;
    box-shadow: none !important;
    color: #fff !important;
}

.btn-group.orange {
    position: absolute;
    right: 0;
    top: 15px;
    left: 50%;
    justify-content: center;
    display: flex;
    width: 150px;
    margin-left: -75px;
}

.attendance-block > ul {
    display: flex;
    flex-direction: row;
}

.footer {
    margin-top: 100px;
}

span.fc-header-title > h2 {
    line-height: 2;
    color: #333333;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.45px;
}

div#wrapper {
    min-height: 73vh;
}

ul.sidebar-nav.side-menu {
    margin-bottom: 50px;
}

.sidebar-nav li:last-child {
    margin-bottom: 0px;
}

.content {
    padding-left: 35px;
    padding-right: 35px;
    padding-top: 35px;
}

    .content.toggled {
        padding-left: 15px;
        padding-right: 15px;
    }

.btn-group.orange > button {
    padding: 4px 8px;
}

.btn-group.orange > button {
    background-color: #eff2f3;
    color: #909ba6;
}

.home > div > span > button {
    border: none;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    line-height: 0px;
    padding: 0px;
    vertical-align: top;
    color: #ddd;
    margin-top: -26px;
}

.fc-event.fc-event-hori.fc-event-draggable.fc-event-start.fc-event-end.home {
    width: 14px !important;
    height: 14px;
    background-color: #ddd;
    border-radius: 50%;
    margin-top: -25px;
    margin-left: -54px;
}

.mob-search {
    margin-top: 60px;
    background: #fff;
    padding: 20px;
    display: none;
    width: 100% padding: 0px 15px;
}

.search-mobile > div > input {
    width: 100% !important;
}

.search-mobile > div.input-group {
    width: 100% !important;
}

a.blue-text {
    color: #00b8ed;
    font-family: Muli;
    font-size: 16px;
    font-weight: 700;
    margin-top: 15px;
    display: block;
}

    a.blue-text:hover {
        color: #00b8ed;
        font-family: Muli;
        font-size: 16px;
        font-weight: 700;
        margin-top: 15px;
        display: block;
        text-decoration: none;
    }

.box-body {
    padding: 25px;
}

.panel-title > a:before {
    float: right !important;
    content: url(../images/up.png);
    padding-right: 5px;
}

.panel-title > a.collapsed:before {
    float: right !important;
    content: url(../images/down.png);
}

.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus {
    text-decoration: none;
}

h4.panel-title {
    color: #40494d;
    font-size: 18px;
    font-weight: 400; /* Text style for "E, nglish" */
    letter-spacing: 0.45px;
}

.panel-heading {
    padding: 20px;
}

.panel-heading {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
    background-color: #fafafa;
    border-top: none !important;
}

div#panel1 {
}

.panel.panel-default {
    border-top: none;
}

.homeworks {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase; /* Text style for "3 Homework" */
    letter-spacing: 1.2px;
    background-color: #e8e8e8;
    padding: 5px;
    border-radius: 6px;
    border-left: 5px solid #333;
    margin-top: -6px;
    margin-right: 20px;
    white-space: nowrap;
}

.Homework-title {
    color: #444444;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    display: flex;
}

.panel-group .panel + .panel {
    margin-top: 20px !important;
}

.Homework-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-top: 1px solid #cccccc;
}

.submission-date {
    /* Text style for "L, ast Dat" */
    color: #444444;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px; /* Text style for "L, ast Dat" */
    letter-spacing: 0.6px;
}

.panel-body {
    padding: 0px 20px;
}

input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    /*top: -35px;*/
    top: 6px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #cbd1d8 !important;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.5rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

    input[type=radio]:hover {
        background: #9faab7;
    }

    input[type=radio]:checked {
        background: #03baea;
    }

        input[type=radio]:checked::before {
            height: 20px;
            width: 20px;
            position: absolute;
            content: url(../images/student-select-tick.png);
            display: inline-block;
            font-size: 28.66667px;
            text-align: center;
            line-height: 6px;
        }

        input[type=radio]:checked::after {
            -webkit-animation: click-wave 0.65s;
            -moz-animation: click-wave 0.65s;
            animation: click-wave 0.65s;
            background: #40e0d0;
            content: '';
            display: block;
            position: relative;
            z-index: 100;
        }

input[type=radio] {
    border-radius: 50%;
}

    input[type=radio]::after {
        border-radius: 50%;
    }

    input[type=radio]:focus {
        outline: 0px auto -webkit-focus-ring-color;
        outline-offset: 0px;
    }

.pagination:first-child > a {
    background: transparent;
}

.pagination > li:first-child > a {
    background: transparent !important;
    border: 1px solid #2cbcec !important;
    border-radius: 20px;
}

.pagination > li > a, .pagination > li > span {
    color: #1bbcec;
    font-family: Muli;
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase; /* Text style for "1, 3" */
    letter-spacing: 0.6px;
    background-color: transparent;
    margin: 6px;
    border: none;
}

li.page-item.current-page.active > a {
    background-color: #1bbcec;
    border-radius: 50%;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
    background: transparent;
    color: #2cbcec;
}

.pagination > li:last-child > a {
    background: transparent !important;
    border: 1px solid #2cbcec !important;
    border-radius: 20px;
}

.btn.btn-default.image-preview-input.browse {
    padding: 6px;
}

.p20 {
    padding: 20px;
}

.act-title {
    display: flex;
    float: right;
}

.pending {
    color: #f88932 !important;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background-color: #f8893233 !important;
    padding: 5px;
    border-radius: 6px;
    border-left: 5px solid #f88932 !important;
    margin-top: -6px;
    margin-right: 20px;
    white-space: nowrap;
}

.completed {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background-color: #e8e8e8;
    padding: 5px;
    border-radius: 6px;
    border-left: 5px solid #333;
    margin-top: -6px;
    margin-right: 20px;
    white-space: nowrap;
}

.completed {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    background-color: #6ed87136 !important;
    padding: 5px;
    border-radius: 6px;
    border-left: 5px solid #6ed871 !important;
    margin-top: -6px;
    margin-right: 20px;
    white-space: nowrap;
}

table#fixTable > tbody > tr:first-child {
    box-shadow: 0 3px 5px rgba(1, 1, 1, 0.12);
    background-color: #ffffff;
}

    table#fixTable > tbody > tr:first-child > td {
        background-color: #fff !important;
    }




.overflownone {
    overflow: hidden!important;
}

.information {
    background: #2a3d46;
    position: relative;
    height: 400px;
}

    .information h3 {
        font-size: 34px;
        font-size: 3.4rem;
        font-family: "roboto", sans-serif;
        font-weight: 700;
        color: #FFF;
        padding: 0 15px;
    }

    .information .information_menu {
        padding: 0;
    }

        .information .information_menu li {
            list-style: none;
            position: relative;
        }

            .information .information_menu li.active {
                background: #0383c5;
            }

                .information .information_menu li.active:after {
                    content: "";
                    width: 0;
                    height: 0;
                    border-top: 27px solid transparent;
                    border-bottom: 27px solid transparent;
                    border-left: 22px solid #0383c5;
                    position: absolute;
                    right: -22px;
                    z-index: 1000;
                    top: 0;
                }

            .information .information_menu li a {
                color: #333;
                display: block;
                padding: 16px 20px;
                font-size: 15px;
                font-size: 1.5rem;
                text-decoration: none;
            }

.megamenu-sub-title h4 {
    margin-left: 13px;
}

.information_menu_mobile {
    margin: 0px;
    padding: 0;
}

    .information_menu_mobile li {
        padding: 0;
        float: left;
        width: 25%;
        list-style: none;
        text-align: center;
    }

        .information_menu_mobile li a {
            display: block;
            padding: 10px;
            color: #333;
            text-decaration: none;
        }

        .information_menu_mobile li:hover a {
            background: #0383c5;
            text-decaration: none;
        }

.slideshow {
    overflow: hidden;
}

.align-centers {
    display: flex;
    align-items: center;
    margin-top: 16px;
}
/*slideshow .overlay-item  {
      position: fixed;
    top: 0;
    z-index: 1002;
    width: calc(100% - 250px);
    background: #fff;
    height: 100%;
    display: none;
}
.slideshow .overlay-item.active {
    display: block !important;
   }
.slideshow .overlay-item.inactive {
  display: block;
  opacity:0;
  z-index: -1;
}
.slideshow .overlay-item .quickmenu  {
    padding: 0;
}
.slideshow .overlay-item .quickmenu li {
    list-style: none;
}
.slideshow .overlay-item .quickmenu li a {
    color: #000;
    display: block;
    padding: 8px 20px;
    font-size: 15px;
    font-size: 1.5rem;
    text-decoration: none;
}*/
.slideshow .overlay-item {
    position: fixed;
    top: 0;
    z-index: 1002;
    width: calc(100% - 250px);
    background: #fff;
    height: 100%;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
    left: calc(-100% - 250px);
}

    .slideshow .overlay-item.active {
        /*margin-left: 0px;*/
        left: 250px;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }

    .slideshow .overlay-item.inactive {
        left: calc(-100% - 250px);
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }

    .slideshow .overlay-item .quickmenu {
        padding: 0;
    }

        .slideshow .overlay-item .quickmenu li {
            list-style: none;
        }

            .slideshow .overlay-item .quickmenu li a {
                color: #000;
                display: block;
                padding: 8px 20px;
                font-size: 15px;
                font-size: 1.5rem;
                text-decoration: none;
            }

.megamenu-sub-title h4 {
    margin-left: 13px;
}

.sky-blue-header > h4.capitalize {
    text-transform: capitalize !important;
    letter-spacing: 0.5px;
}

.megamenu-header {
    padding: 8.5px 30px;
    border-bottom: 1px solid #eceff2;
}

.megamenu-list {
    padding: 0px;
    color: #90a4ae;
    font-size: 14px;
    font-weight: 400;
    line-height: 27px;
}

a.mega[aria-expanded="false"]::after, a.mega[aria-expanded="true"]::after {
    margin-right: 20px;
    font-size: 12px;
    color: #d1cdd7;
    content: "\276f";
    transform: rotate(0deg);
    float: right;
}

li.sidebar-hover.active > span > a.mega[aria-expanded="false"]::after {
    visibility: hidden;
}

a.mega[aria-expanded="true"]::after {
    content: "\276e" !important;
}

.student-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 60%;
}

.std-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
}


.student-names {
    color: #212629;
    font-family: Muli;
    font-size: 18px;
    font-weight: 400;
    /* line-height: 45px;  Text style for "H, itoshri" */
    letter-spacing: 0.09px;
}

.student-gender {
    color: #666666;
    font-family: Muli;
    font-size: 14px;
    font-weight: 300;
    /*line-height: 24px; Text style for "Female  -" */
    letter-spacing: 0.52px;
}

.admin-text {
    /*font-family: Muli;
    font-size: 12px;
    line-height: 22px; /* Text style for "ADM. No." */
    /*font-weight: 300;
    letter-spacing: 0.6px;*/
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.admin-value {
    color: #212629;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
}

.table-header-left {
    width: 100%;
}

@-webkit-keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 60px 0;
    }
}

@-webkit-keyframes in {
    from {
        -webkit-transform: scale(1.3);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes out {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
    }
}

@-webkit-keyframes opendoor {
    from {
        -webkit-transform: perspective(1000px) rotateY(90deg);
        -webkit-transform-origin: 0% 50%;
    }

    to {
        -webkit-transform: perspective(1000px) rotateY(0deg);
        -webkit-transform-origin: 0% 50%;
    }
}

@-webkit-keyframes closedoor {
    from {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
    }

    to {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
    }
}

table.table.table-striped.performance-table > thead > tr > th {
    padding: 25px 0px !important;
    color: #212629;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.91px;
}

.no-padding {
    padding: 0px;
}

.row-1 {
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: space-between;
    margin-top: 10px;
}

.row-2 {
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: space-between;
    margin-top: 10px;
}

.row-3 {
    display: flex;
    flex-direction: row;
    width: 60%;
    justify-content: space-between;
    margin-top: 10px;
}

.address-card {
    display: flex;
    flex-direction: row;
}

.parent-images > img {
    height: 100px;
    width: 100px;
    margin-right: 20px;
    border-radius: 50%;
}

.parent-detail > div.student-names-header {
    margin: 0px;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px; /* Text style for "G, outam K" */
    letter-spacing: 0.09px;
    margin-bottom: 10px;
}

.address-row {
}

.parent-card-detail {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
}

.parent-ocupation {
    padding-right: 10px;
    border-right: 1px solid #dedede;
    color: #666666;
    letter-spacing: 0.65px;
}

.parent-phone {
    padding: 0px 10px;
    border-right: 1px solid #dedede;
    font-size: 13px;
    font-weight: 300;
    line-height: 22px; /* Text style for "Farmer   ," */
    /* Text style for "|" */
    /* Text style for "|" */
    color: #666666;
    letter-spacing: 0.65px;
}

.parent-email {
    margin: 0px 10px;
    color: #666666;
    letter-spacing: 0.65px;
}

.address {
    color: #666666;
    letter-spacing: 0.65px;
}

.Address-Details {
    font-size: 14px;
    width: 180px;
}

ul.dropdown-menu.dropdown-shadow.principal-menu-block {
    margin-left: -182px;
}

ul.search-widget {
    position: absolute;
    padding: 0px;
    background: #fff;
    box-shadow: 0 5px 13px rgba(0, 0, 0, 0.21);
    border-radius: 3px;
    background-color: #ffffff;
    top: 58px;
    width: 675px;
    height: 350px;
    overflow: scroll;
    z-index: 1031;
}

.results {
    display: flex;
    align-items: center;
}

.result-images > img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

li.search-results:hover {
    background-color: #f7f9f9;
}

li.search-results {
    padding: 20px 20px 20px 27px;
    border-bottom: 1px solid #dedede;
    /*cursor: pointer;*/
}

.result-images {
    margin-right: 20px;
}

.Search-Student-name > span {
    font-size: 12px;
    font-weight: 300;
    text-transform: uppercase; /* Text style for "5, 092" */
    /* Text style for "|, |" */
    color: #666666;
    letter-spacing: 0.48px;
    padding: 0px 8px;
    border-right: 1px solid #666666;
}

    .Search-Student-name > span:last-child {
        border-right: none;
    }

    .Search-Student-name > span:first-child {
        padding-left: 0px;
    }

input#search-query {
    width: 320px !important;
}

.search-mobile > ul.search-widget {
    width: 100% !important;
}

.principal-sections {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    margin-bottom: 20px;
    border-radius: 5px;
}







<!-- Student Info style -->
.edit-inputs {
    margin-top: 5px;
}

.edit-inputs[disabled] {
    background-color: transparent;
    border: none;
}

.student-block2 {
    padding-top: 35px !important;
    padding-bottom: 30px !important;
}

.student-information-important {
    margin-top: 30px;
}

.student-information-btns {
    float: right;
}

.student-information-save {
    word-wrap: break-word;
    padding: 20px 50px 60px 20px;
}

.student-information-btns > button.btn {
    padding: 10px 25px !important;
    font-size: 16px;
    color: #fff;
    margin: 0px 5px;
}

.purple-bg {
    background-color: #1da7fc;
}

.cancel-bg {
    background-color: #b3b3b3;
}

.student-information-condition-txt {
    margin-bottom: 35px;
}

.edit-inputs {
    width: 100%;
}

.student-information-save-checkbox {
    color: #666666;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.student-block2 {
    padding-top: 35px !important;
    padding-bottom: 0px !important;
}

@media(min-width: 320px) and (max-width: 767px) {
    .student-information-btns > button.btn;

{
    padding: 10px 15px !important;
    font-size: 14px;
    color: #fff;
    margin: 5px 5px;
}

.student-lap-btn {
    display: block !important;
    position: absolute !important;
    top: -870px !important;
    right: 20px !important;
}

.student-detail {
    margin-top: 70px;
}

}

@media(min-width: 768px) and (max-width: 991px) {
    .student-edit-btn;

{
    left: 5px;
    bottom: 100px;
    background-color: transparent;
}

.parent-detail-mob {
    margin-top: 0px;
}

}

.sky-blue-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

img.close-images {
    cursor: pointer;
    width: 11px;
}

.content.toggled.sriconnect {
    padding-left: 0px !important;
    padding-right: 0px !important;
    ;
}

.search-head-parent {
    height: 40px;
    background-color: #f1f1f1 !important;
    border-radius: 20px !important;
    width: 300px !important;
    background: url(../images/nb-icon-search.png) no-repeat 1% white;
    padding-left: 40px;
    padding-right: 11px;
    color: #000 !important;
    border: none;
    background-position: 3%;
}

.box-body.no-padding-top {
    padding-top: 0px !important;
}





/* #open-popup {padding:20px}*/
.white-popup {
    position: relative;
    background: transparent;
    padding: 25px;
    width: auto;
    max-width: 900px;
    margin: 0 auto;
}





.mfp-s-ready {
    cursor: pointer;
}



/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
    /* start state */
    /* animate in */
    /* animate out */
}

    .mfp-3d-unfold .mfp-content {
        perspective: 2000px;
    }

    .mfp-3d-unfold .mfp-with-anim {
        opacity: 0;
        transition: all 0.3s ease-in-out;
        transform-style: preserve-3d;
        transform: rotateY(-60deg);
    }

    .mfp-3d-unfold.mfp-bg {
        opacity: 0;
        transition: all 0.5s;
    }

    .mfp-3d-unfold.mfp-ready .mfp-with-anim {
        opacity: 1;
        transform: rotateY(0deg);
    }

    .mfp-3d-unfold.mfp-ready.mfp-bg {
        opacity: 0.8;
    }

    .mfp-3d-unfold.mfp-removing .mfp-with-anim {
        transform: rotateY(60deg);
        opacity: 0;
    }

    .mfp-3d-unfold.mfp-removing.mfp-bg {
        opacity: 0;
    }

.mfp-close {
    top: 5px;
    right: 5px;
}

.mfp-close-btn-in .mfp-close {
    color: #777;
}



/*///////////////////////////////////////////////////
SRICONNECT  SRICONNECT  SRICONNECT  SRICONNECT  SRICONNECT
///////////////////////////////////////////////////*/
.megamenu-column {
    column-count: 4;
    padding: 20px 20px;
}

    .megamenu-column > .megamenu-sub-title {
        margin-top: 0px !important;
    }

        .megamenu-column > .megamenu-sub-title > h4 {
            margin-top: 0px;
        }

ul.megamenu-list > li:last-child {
    margin-bottom: 20px;
}

.principal-menu-items img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: 30px;
    height: 30px;
}


h4.capitalize {
    text-transform: capitalize;
    padding: 0px;
    color: #17181a;
    font-size: 20px;
    font-weight: 700;
}

li.sidebar-hover {
    border-left: 4px solid transparent;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:first-child:hover {
    border-left: 4px solid #2cbcec;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(2):hover {
    border-left: 4px solid #1da7fc !important;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(3):hover {
    border-left: 4px solid #1da7fc;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(4):hover {
    border-left: 4px solid #1da7fc;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(5):hover {
    border-left: 4px solid #6ed871;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(6):hover {
    border-left: 4px solid #a23720;
    background: #f5f5f5;
}

ul.sidebar-nav.side-menu.information_menu.pd > li:nth-child(7):hover {
    border-left: 4px solid #8810ff;
    background: #f5f5f5;
}

.megamenu-header > div.row > div > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none !important;
}

.pink-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.principal-menu-section li {
    border-bottom: 3px solid transparent;
}

.principal-head h4 {
    margin-top: 20px;
    border-left: 4px solid #ff6000;
    padding: 1px 0px 1px 10px;
}

span.sidemenu-list {
    line-height: 35px !important;
}

ol.breadcrumb {
    margin-bottom: 15px;
}

::placeholder {
    letter-spacing: 0.5px;
    font-size: 12px; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    letter-spacing: 0.5px;
    font-size: 12px;
}

::-ms-input-placeholder { /* Microsoft Edge */
    letter-spacing: 0.5px;
    font-size: 12px;
}

td > input[type=radio] {
    top: 5px !important;
}

td > label {
    margin: 0px 15px 0px 0px;
}

.checkbox-table > table > tbody > tr > td > span {
    position: relative;
    top: 17px;
    margin-bottom: 15px;
    margin-right: 15px;
    vertical-align: -webkit-baseline-middle;
}

.checkbox-table {
    margin: -14px 0px;
}


.fill-grey-button {
    color: #ffffff;
    width: 145px;
    height: 38px;
    background-color: #999999;
}

    .fill-grey-button:hover, .fill-grey-button:focus {
        border: 1px solid #999999;
        background-color: transparent !important;
        color: #999999 !important;
    }

p.radio-button {
    display: flex;
}

    p.radio-button > label {
        margin: 5px 30px 0px 0px;
    }

/*
.input-field {
    display:inline !important;
    margin-bottom:0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
       width: fit-content !important;
}
.RadGrid .rgFilterRow>td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
*/
ul.green > li.principal-megamenu-links a:hover {
    color: #00c8a7;
}

ul.rose > li.principal-megamenu-links a:hover {
    color: #ff4f8bd4;
}

ul.blue > li.principal-megamenu-links a:hover {
    color: #8810ff;
}

ul.light-green > li.principal-megamenu-links a:hover {
    color: #a0fd7e;
}

ul.dark-green > li.principal-megamenu-links a:hover {
    color: #14b918;
}

ul.brown > li.principal-megamenu-links a:hover {
    color: #a23720;
}

ul.orange > li.principal-megamenu-links a:hover {
    color: #ff7000;
}

ul.light-orange > li.principal-megamenu-links a:hover {
    color: #ffaf00;
}


/*.allocation-card {
    border-radius: 4px;
    border: 1px solid #eff1f3;
    background-color: #ffffff;
    padding: 15px;
    transition: all 0.25s ease-in;
    position: relative;
}

    .allocation-card h4 {
        color: #444444;
        font-size: 16px;
        font-weight: 700;
        text-transform:uppercase;
    }

    .allocation-card span {
        width: 8px;
        height: 8px;
        display: inline-block;
    }

    .allocation-card p {
        color: #444444;
        font-size: 30px;
        font-weight: 400;
    }

    .allocation-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 3px 5px rgba(75, 65, 65, 0.07);
    }

    .allocation-card img.drag-img {
        position: absolute;
        right: 15px;
    }*/

.class-list {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    background-color: #ffffff;
    cursor: pointer;
}

.class-title {
    padding: 25px;
}

    .class-title h4 {
        margin: 0px;
    }

.class-content h4 {
    margin-top: 0px;
}

.class-active {
    background-color: #f7f9f9;
}

.class-list > ul {
    padding: 0px;
}

.class-content {
    padding: 25px;
}

    .class-content h4 {
        color: #222222;
        font-size: 16px;
        font-weight: 700;
    }

    .class-content span {
        color: #959595;
        font-size: 12px;
        font-weight: 400;
    }

    .class-content > div {
        display: flex;
    }

        .class-content > div > p {
            font-size: 12px;
            font-weight: 400;
            color: #222222;
        }

            .class-content > div > p > span {
                font-size: 12px;
                font-weight: 400;
                text-transform: uppercase;
                color: #757575;
            }

        .class-content > div > span {
            background-color: #000000;
            opacity: 0.2;
            width: 1px;
            height: 11px;
            margin: 0px 10px;
            position: relative;
            top: 2px;
        }

    .class-content > ul > li {
        margin: 0px 10px 0px 0px;
    }

        .class-content > ul > li:nth-child(1) {
            border-bottom: 3px solid #53db6d;
        }

        .class-content > ul > li:nth-child(2) {
            border-bottom: 3px solid #6269ee;
        }

        .class-content > ul > li:nth-child(3) {
            border-bottom: 3px solid #ee6286;
        }

        .class-content > ul > li:nth-child(4) {
            border-bottom: 3px solid #ffb751;
        }

        .class-content > ul > li:nth-child(5) {
            border-bottom: 3px solid #1da7fc;
        }

        .class-content > ul > li:nth-child(6) {
            border-bottom: 3px solid #8810ff;
        }

        .class-content > ul > li:nth-child(7) {
            border-bottom: 3px solid #a23720;
        }

.more-btn {
    background: transparent;
}

    .more-btn:active {
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    }

.bus-setup-edit {
    display: inline-block;
    float: right;
}

    .bus-setup-edit > ul {
        top: 25px;
        box-shadow: 0 7px 14px rgba(86, 91, 90, 0.09);
        border-radius: 6px;
        border: 1px solid rgba(235, 239, 247, 0.5);
        background-color: #ffffff;
        left: unset;
        right: 20px !important;
    }

        .bus-setup-edit > ul > li > div {
            padding: 20px;
        }

            .bus-setup-edit > ul > li > div > span {
                color: #666666;
                font-size: 12px;
                font-weight: 400;
                margin: 0px 5px;
            }

        .bus-setup-edit > ul > li {
            border-bottom: 1px solid #edf0f2;
            cursor: pointer;
        }

.dropdown-button {
    display: inline-block;
}

    .dropdown-button > ul {
        top: 35px;
        box-shadow: 0 7px 14px rgba(86, 91, 90, 0.09);
        border-radius: 6px;
        border: 1px solid rgba(235, 239, 247, 0.5);
        background-color: #ffffff;
    }

        .dropdown-button > ul > li {
            padding: 20px;
            cursor: pointer;
        }

            .dropdown-button > ul > li > span {
                color: #666666;
                font-size: 12px;
                font-weight: 400;
            }

.add-new:after {
    content: url(../images/green-down-arrow.png);
    position: relative;
    left: 7px;
    bottom: 1px;
}

.add-new:hover, .add-new:focus {
    border: 1px solid #69bf56;
    background-color: transparent;
    color: #69bf56;
}

.allocation-card {
    border-radius: 5px;
    padding: 10px;
    transition: all 0.25s ease-in;
    position: relative;
    text-align: center;
    height: 85px;
    border-bottom: 0px solid #f3f3f3;
    cursor: pointer;
    background-color: #fff;
    text-transform: uppercase;
}

    .allocation-card h4 {
        color: #444444;
        font-size: 14px;
    }

    .allocation-card span {
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        text-align: center;
        color: #444444;
    }

    .allocation-card p {
        color: #444444;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
    }

    .allocation-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 3px 5px rgba(75, 65, 65, 0.07);
    }

    .allocation-card img.drag-img {
        position: absolute;
        right: 15px;
    }

.class-list {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    border-radius: 6px;
    background-color: #ffffff;
    cursor: pointer;
}

.class-title {
    padding: 25px;
}

    .class-title h4 {
        margin: 0px;
    }

.class-content h4 {
    margin-top: 0px;
}

.class-active {
    background-color: #f7f9f9;
}

.class-list > ul {
    padding: 0px;
}

.class-content {
    padding: 25px;
}

    .class-content h4 {
        color: #222222;
        font-size: 16px;
        font-weight: 700;
    }

    .class-content span {
        color: #959595;
        font-size: 12px;
        font-weight: 400;
    }

    .class-content > div {
        display: flex;
    }

        .class-content > div > p {
            font-size: 12px;
            font-weight: 400;
            color: #222222;
        }

            .class-content > div > p > span {
                font-size: 12px;
                font-weight: 400;
                text-transform: uppercase;
                color: #757575;
            }

        .class-content > div > span {
            background-color: #000000;
            opacity: 0.2;
            width: 1px;
            height: 11px;
            margin: 0px 10px;
            position: relative;
            top: 2px;
        }

    .class-content > ul > li {
        margin: 0px 10px 0px 0px;
    }

        .class-content > ul > li:nth-child(1) {
            border-bottom: 3px solid #53db6d;
        }

        .class-content > ul > li:nth-child(2) {
            border-bottom: 3px solid #6269ee;
        }

        .class-content > ul > li:nth-child(3) {
            border-bottom: 3px solid #ee6286;
        }

        .class-content > ul > li:nth-child(4) {
            border-bottom: 3px solid #ffb751;
        }

.more-btn {
    background: transparent;
}

    .more-btn:active {
        -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
        box-shadow: inset 0 0px 0px rgba(0,0,0,.125);
    }

.bus-setup-edit {
    display: inline-block;
    float: right;
}

    .bus-setup-edit > ul {
        top: 25px;
        box-shadow: 0 7px 14px rgba(86, 91, 90, 0.09);
        border-radius: 6px;
        border: 1px solid rgba(235, 239, 247, 0.5);
        background-color: #ffffff;
        left: unset;
        right: 20px !important;
    }

        .bus-setup-edit > ul > li > div {
            padding: 20px;
        }

            .bus-setup-edit > ul > li > div > span {
                color: #666666;
                font-size: 12px;
                font-weight: 400;
                margin: 0px 5px;
            }

        .bus-setup-edit > ul > li {
            border-bottom: 1px solid #edf0f2;
            cursor: pointer;
        }

.dropdown-button {
    display: inline-block;
}

    .dropdown-button > ul {
        top: 35px;
        box-shadow: 0 7px 14px rgba(86, 91, 90, 0.09);
        border-radius: 6px;
        border: 1px solid rgba(235, 239, 247, 0.5);
        background-color: #ffffff;
    }

        .dropdown-button > ul > li {
            padding: 20px;
            cursor: pointer;
        }

            .dropdown-button > ul > li > span {
                color: #666666;
                font-size: 12px;
                font-weight: 400;
            }

.add-new:after {
    content: url(../images/green-down-arrow.png);
    position: relative;
    left: 7px;
    bottom: 1px;
}

.add-new:hover, .add-new:focus {
    border: 1px solid #69bf56;
    background-color: transparent;
    color: #69bf56;
}

.accordion-blocks .card {
    margin-bottom: 1.2rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

    .accordion-blocks .card .card-body {
        border-top: 1px solid #eee;
    }

.lunch-panel-head {
    padding: 0px !important;
    background-color: #fff !important;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.17) !important;
}

    .lunch-panel-head > .panel-title > a {
        display: block;
        padding: 20px;
        color: #333333;
        font-size: 16px;
        font-weight: 600;
    }

.lunch-panel-body > ul {
    padding: 0px 35px;
    list-style-image: url(../images/leaf.png);
}

    .lunch-panel-body > ul > li {
        padding: 10px 0px;
        color: #444444;
        font-size: 14px;
        font-weight: 300;
    }

.lunch-panel-body {
    padding: 0px 25px;
}

.lunch-panel-group {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 4px;
}

.lunch-panel-head > h4 > span {
    float: right;
    padding: 20px;
    color: #7e7e7e;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}


:focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.profile-section {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
    border-radius: 6px;
    background-color: #ffffff;
    position: relative;
}

.ui-scroll-tabs-header:after {
    content: "";
    display: table;
    clear: both;
}

/* Scroll tab default css*/

.ui-scroll-tabs-view {
    z-index: 1;
    overflow: hidden;
}

    .ui-scroll-tabs-view .ui-widget-header {
        border: none;
        background: transparent;
    }

.ui-scroll-tabs-header {
    position: relative;
    overflow: hidden;
}

    .ui-scroll-tabs-header .stNavMain {
        position: absolute;
        top: 0;
        z-index: 2;
        height: 100%;
        opacity: 0;
        transition: left .5s, right .5s, opacity .8s;
        transition-timing-function: swing;
    }

        .ui-scroll-tabs-header .stNavMain button {
            height: 100%;
        }

    .ui-scroll-tabs-header .stNavMainLeft {
        left: -250px;
    }

        .ui-scroll-tabs-header .stNavMainLeft.stNavVisible {
            left: 0;
            opacity: 1;
        }

    .ui-scroll-tabs-header .stNavMainRight {
        right: -250px;
    }

        .ui-scroll-tabs-header .stNavMainRight.stNavVisible {
            right: 0;
            opacity: 1;
        }

    .ui-scroll-tabs-header ul.ui-tabs-nav {
        position: relative;
        white-space: nowrap;
    }

        .ui-scroll-tabs-header ul.ui-tabs-nav li {
            display: inline-block;
            float: none;
        }

            .ui-scroll-tabs-header ul.ui-tabs-nav li.stHasCloseBtn a {
                padding-right: 0.5em;
            }

            .ui-scroll-tabs-header ul.ui-tabs-nav li span.stCloseBtn {
                float: left;
                padding: 4px 2px;
                border: none;
                cursor: pointer;
            }


.ui-widget.ui-widget-content {
    border: none !important;
}

.ui-widget-header {
    border: none !important;
    background: unset !important;
    width: 234px;
    float: right;
    margin-right: 30px;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border: none !important;
        background: unset !important;
    }

.user-image {
    width: 32px;
    height: 32px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
    position: relative;
}

    .user-image img {
        position: absolute;
        top: 6px;
        left: 4px;
    }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 0px !important;
}

.profile-title {
    padding: 10px 15px;
    display: flex;
    margin-bottom: 15px;
}

    .profile-title > h4 {
        color: #17181a;
        font-size: 16px;
        font-weight: 600;
    }

    .profile-title > span {
        background-color: #000000;
        opacity: 0.2;
        width: 1px;
        height: 15px;
        margin: 0px 10px;
        position: relative;
        top: 10px;
    }

    .profile-title > p {
        color: #1bbcec;
        font-size: 12px;
        font-weight: 400;
        position: relative;
        top: 10px;
    }

.ui-icon-seek-prev {
    background-image: url(../images/arrow-left.png) !important;
    background-position: 5px 3px !important;
}

.ui-icon-seek-next {
    background-image: url(../images/arrow-right.png) !important;
    background-position: 5px 3px !important;
}

.stNavNextArrow, .stNavPrevArrow {
    border-radius: 50%;
    width: 24px;
    height: 24px !important;
    padding: 0px;
    position: relative;
    top: 12px !important;
}

.student-status > li > p {
    color: #666666 !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.student-status > li > span {
    color: #333333 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.student-status > li {
    padding-right: 50px !important;
}

.student-status-img {
    float: left;
    position: relative;
    top: 12px;
    margin: 0px 20px 0px 0px;
    width: 32px;
    height: 32px;
    background: #D6D6D6;
    border-radius: 30px;
}

    .student-status-img img {
        position: absolute;
        top: 6px;
        left: 4px;
    }

.student-tab-content {
    border-top: 1px solid #eff3f5;
    padding: 10px 0px;
}

.lunch-card-block {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 4px;
}

.lunch-card-head h4 {
    padding: 20px;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
}

.lunch-card-head span {
    float: right;
    padding: 20px;
    color: #7e7e7e;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
}

.lunch-card-body {
    border-top: 1px solid #eee;
}

.lunch-panel-group > .panel.panel-default {
    border-color: transparent;
    margin-top: 0px !important;
}

.lunch-panel-body {
    border-top: none !important;
}

.lunch-panel-head > .panel-title > a:before {
    float: right !important;
    content: url(../images/up.png);
    padding-right: 5px;
}

.lunch-panel-head > .panel-title > a.collapsed:before {
    float: right !important;
    content: url(../images/down.png) !important;
}



.attendance-list > li {
    background-color: #f5f5f5;
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
}

    .attendance-list > li > span {
        padding: 5px;
        display: block;
    }

    .attendance-list > li:first-child:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        background-color: #ffffff;
        color: #69bf56;
    }

    .attendance-list > li:last-child:hover {
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        background-color: #ffffff;
        color: #ff5f72;
    }

.present-active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    background-color: #ffffff !important;
    color: #69bf56 !important;
}

.absent-active {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    background-color: #ffffff !important;
    color: #ff5f72 !important;
}

.toggle-checkbox {
    display: none;
}

    .toggle-checkbox + label {
        display: inline-block;
        position: relative;
        width: 37px;
        height: 16px;
        background-size: 650px 100%;
        border-radius: 70px;
        padding: 7px;
        cursor: pointer;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        /*background: linear-gradient(to right, #fd1a15 0, #fc8b34 45%, #7fd03e 55%, #007177 100%) 0 0;*/
        background-color: #dde2e7;
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    }

        .toggle-checkbox + label:before {
            content: "";
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0px;
            top: -3px;
            border-radius: 100%;
            background: #fff;
            text-align: center;
            line-height: 27px;
            /* font-family: "Cabin", sans-serif; */
            font-size: 10px;
            /* font-weight: bold; */
            color: #9596a1;
            letter-spacing: 0px;
            text-transform: uppercase;
            -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;
            background-color: #ffffff;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        }

        .toggle-checkbox + label:active:before {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

    .toggle-checkbox:checked + label {
        background-position-x: -350px;
    }

        .toggle-checkbox:checked + label:before {
            content: "";
            color: #00cc97;
            left: 20px;
        }

    .toggle-checkbox + label:hover:before {
        border: 2px solid transparent !important;
    }

.switch-label {
    margin-bottom: -10px;
}

.switch-on {
    background-color: #7fd03e !important;
}

.attendance-icons > .walk-icon {
    background-color: #cddfff;
    border-radius: 50%;
    padding: 5px 10px;
    display: inline;
    width: 25px;
    height: 26px;
}

.attendance-icons > .bus-icon {
    background-color: #c7fcbb;
    border-radius: 50%;
    padding: 5px 10px;
    display: inline;
    width: 30px;
    height: 30px;
}

ul.attendance-icons > li.bus-icon > img {
    margin: 0 auto;
    top: 4px;
    position: relative;
}

ul.attendance-icons {
    padding: 0px;
}



label.switch-label.switch-on:before {
    left: 20px;
}


li.sidebar-hover:hover {
    background: #f5f5f5;
}

span.ui-helper-hidden-accessible {
    position: absolute;
    top: 67px;
}

.ui-widget.ui-widget-content {
    z-index: 1;
    top: 324px;
    left: 78px;
}

.ui-widget.ui-widget-content {
}

ul#ui-id-1 {
    z-index: 1;
    top: 324px;
    left: 78px;
    position: absolute;
}

.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */


.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }

li.ui-menu-item {
    border-bottom: 1px solid #dddddd;
    background: #fff;
    padding: 5px 0px !important;
}

ul#ui-id-1 {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 0px;
    border-radius: 5px;
}

.ui-menu .ui-menu-item a {
    color: #2196F3;
    cursor: pointer;
}

li.ui-menu-item:hover {
    background: #dddddd;
}

.custrlbItem input[type="checkbox"] {
    margin-left: -6px;
}

li.rlbItem.md-checkbox > label:before {
    margin-left: 14px;
}
/*li.rlbItem.md-checkbox input[type="checkbox"]:checked + label:after {
     margin-left: 14px;
}
li.rlbItem.md-checkbox input[type="checkbox"]:checked + label:before {
       margin-left: 14px;
}*/
.RadListBox_Bootstrap .rlbGroup, .RadListBox_Bootstrap .rlbTemplateContainer {
    border-color: #dedede;
    color: #333;
    /*padding-top: 20px !important;*/
    background-color: #fff;
}

.margin-top-15 {
    margin-top: 15px;
}

.pink-tab > li.active > a, .pink-tab > li.active > a:focus, .pink-tab > li.active > a:hover {
    font-size: 14px;
    padding: 15px;
}

.pink-tab li a {
    margin: 0px;
    font-size: 14px;
    padding: 15px 15px 19px;
}

.pink-tab li {
    border-bottom: 1px solid #ddd;
}

ul.nav.nav-tabs.pink-tab {
    border-bottom: 1px solid #ddd !important;
}

li.rlbItem.md-checkbox > label:before {
    display: none;
}

li.rlbItem.md-checkbox > label:after {
    display: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 1px solid rgba(255, 255, 255, 0);
}

.nav-tabs > li > a {
    border-bottom: 1px solid #f2f2f2;
    color: #999999 !important;
    /*background: #ffffff;*/
}


    .nav-tabs > li.active > a,
    .nav-tabs > li > a:hover {
        border: 1px solid rgba(255, 255, 255, 0);
        color: #1da7fc !important;
        /*background: #fff;*/
    }

    /*.nav-tabs > li > a::after {
        content: "";
        background: #1da7fc;
        height: 4px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }*/

.nav-tabs > li.active > a::after,
.nav-tabs > li:hover > a::after {
    transform: scale(1);
}

@media all and (max-width: 724px) {
    .nav-tabs > li > a > span {
        display: none;
    }

    .nav-tabs > li > a {
        padding: 5px 5px;
    }
}


/* General Persona*/
ul > .principal-menu-section > li.General:hover {
    border-bottom: 3px solid #1da7fc !important;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.General {
    border-bottom: 3px solid #1da7fc !important;
}

/* Teacher Persona*/
ul > .principal-menu-section > li.Teacher:hover {
    border-bottom: 3px solid #1da7fc;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Teacher {
    border-bottom: 3px solid #1da7fc;
}
/* Admin Persona*/
ul > .principal-menu-section > li.Admin:hover {
    border-bottom: 3px solid #ffaf00;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Admin {
    border-bottom: 3px solid #ffaf00;
}
/* Admission Persona*/
ul > .principal-menu-section > li.Admission:hover {
    border-bottom: 3px solid #14b918 !important;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Admission {
    border-bottom: 3px solid #14b918 !important;
}
/* Principal Persona*/
ul > .principal-menu-section > li.SMT:hover {
    border-bottom: 3px solid #00c8a7;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.SMT {
    border-bottom: 3px solid #00c8a7;
}
/* Champion Persona
ul>.principal-menu-section>li.Champion:hover {
    border-bottom: 3px solid #1da7fc;
}fv
ul>.principal-menu-section>li.dropdown-list.principal-active-menu.Champion {
    border-bottom: 3px solid #1da7fc;
}
/* Librarian Persona*/
ul > .principal-menu-section > li.Librarian:hover {
    border-bottom: 3px solid #ff6000 !important;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Librarian {
    border-bottom: 3px solid #ff6000 !important;
}
/* Assessment Persona*/
ul > .principal-menu-section > li.Assessment:hover {
    border-bottom: 3px solid #ff2637;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Assessment {
    border-bottom: 3px solid #ff2637;
}
/* Staff Persona*/
ul > .principal-menu-section > li.Staff:hover {
    border-bottom: 3px solid #04279e !important;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Staff {
    border-bottom: 3px solid #04279e !important;
}

/*Finance*/
ul > .principal-menu-section > li.Finance:hover {
    border-bottom: 3px solid #a23720 !important;
}

ul > .principal-menu-section > li.dropdown-list.principal-active-menu.Finance {
    border-bottom: 3px solid #a23720 !important;
}


.t-chrome .rwWindowContent.rwExternalContent {
    display: flex;
}




.content.sriconnect {
    min-height: calc(100vh - 177px);
}

.Login-user.dropdown.open ul.dropdown-menu {
    left: -59px !important;
    border: none;
    min-width: 201px !important;
}

/*Element Setup*/
.event-block {
    margin-bottom: 20px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 6px;
    height: 220px;
}

.event-texts {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
}

.event-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px 0px 20px 0px;
}

.event-text > span {
    display: block;
    color: #342f59;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 5px;
}

.event-text > h4 {
    color: #342f59;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

h4.txt_ElementName {
    text-align: center;
    color: #17181a;
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 600;
}

p.P1 {
    text-align: left;
    color: #444444;
    font-size: 28px;
    margin-bottom: 0px;
    font-weight: 600;
}

.Aspect {
    text-align: left;
    color: #7b7b7b;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}

.Subject {
    text-align: left;
    color: #7b7b7b;
    font-size: 18px;
    margin-bottom: 0px;
    font-weight: 600;
}

p.P2 {
    text-align: left;
    color: #444444;
    font-size: 28px;
    margin-bottom: 0px;
    font-weight: 600;
}

.col-sm-6 {
}


.event-iconSection {
    background-color: #ffffff;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
}

.iconSection-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 25px 0px 0px 0px;
}

.iconSection-text h4 {
    color: #34353d !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 25px !important;
}

.iconSection-head {
    padding: 15px;
}

    .iconSection-head h4 {
        color: #34353d;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
    }

.select-event {
    border: 1px solid rgba(0, 191, 165, 0.5) !important;
}

.iconSection-body {
    height: 200px;
    overflow: scroll;
}

.select-event:before {
    content: "✓ Selected";
    position: absolute;
    bottom: 8px;
    left: 35px;
    color: #00bfa5;
}



a.aspect-menu {
    color: #17181a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 15px 20px;
    display: block;
    text-decoration: none;
}

    a.aspect-menu:hover::before {
        content: url(../images/drag1.png);
        position: absolute;
        left: 23px;
        top: 16px;
        cursor: pointer;
    }

span#ctl00_MainContent_dtlstElement > span {
    display: block;
}

.submenu-active a {
    border-left: 4px solid #1da7fc !important;
    margin-left: -10px;
    padding-left: 5px;
}

.current-active-menu {
    border-left: 4px solid #1da7fc !important;
    background: #f5f5f5 !important;
}
/*.star {
    visibility:hidden;
 margin-left: -12px;
    margin-top: -12px;
    font-size: 24px;
    cursor:pointer;
}
.star:before {
  font-family: FontAwesome;
    content: "\f006";
   position: absolute;
   visibility:visible;
   margin-left: -15px;
    margin-top: -1px;
    font-size: 17px;
}
 
.star:checked:before {
   font-family: FontAwesome;
    content: "\f005";
   position: absolute;
   margin-left: -15px;
    margin-top: -1px;
    font-size: 17px;
    color: #ffcd00;
}*/

i.icon-star-empty {
    font-size: 18px;
    position: absolute;
    left: -1px;
    margin-top: 4px;
}


input.star {
    display: none !important;
}

li.principal-megamenu-links.fav {
    padding-left: 13px;
}

i.icon-star-empty.fa.fa-star {
    color: gold;
}

.icon-star-empty {
    visibility: hidden;
    cursor: pointer;
}

li.principal-megamenu-links.fav:hover .icon-star-empty {
    visibility: visible;
}

.megamenu-sub-title h4 {
    margin-left: 13px;
}

input.star::before {
    visibility: hidden;
}

/*Year Plan Teacher Split*/
.year-plan h4 {
    border-left: 4px solid #6ed871;
}

.year-planSelect select {
    height: 50px;
    margin-bottom: 30px;
    background: url(../images/down-arrow.png) no-repeat 95%;
}

.year-planSelect {
    padding: 40px 40px 0px 40px;
}

.year-planTable > table > thead {
    border-radius: 4px;
    background-color: #f9f9f9;
}

    .year-planTable > table > thead > tr > th {
        padding: 20px 40px;
        border-bottom: none;
    }

.year-planTable > table > tbody > tr > td {
    padding: 20px 40px;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

.year-planTable > table > tbody {
    border-radius: 4px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

    .year-planTable > table > tbody > tr > td.assigned {
        font-weight: 600;
        color: #69be56;
    }

    .year-planTable > table > tbody > tr > td.not-assigned {
        color: #f16262;
        font-weight: 600;
    }

    .year-planTable > table > tbody > tr > td.partially-assigned {
        color: #f19a62;
        font-weight: 600;
    }

.year-planDetails {
    border-radius: 4px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    padding: 20px 40px;
}

    .year-planDetails input.search {
        height: 45px;
        border-radius: 30px;
        width: 100%;
        border: 1px solid #ccc;
        padding: 0px 15px;
        background: url(../images/serach-year.png) no-repeat 98%;
    }

    .year-planDetails button {
        border-radius: 4px;
        /*background-color: #69be56;*/
        font-size: 14px;
        font-weight: 600;
        color: #ffffff;
        float: right;
        padding: 10px 30px;
    }

        .year-planDetails button:hover, .year-planDetails button:focus {
            color: #fff;
        }

.year-planCollapse {
    border-radius: 4px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}

.year-planHead {
    background-color: #f4f4f4;
    padding: 18px 30px;
}

    .year-planHead h4 {
        font-size: 16px;
        font-weight: bold;
        color: #000000;
        margin: 0px;
    }

.year-planCollapse .panel-group .panel + .panel {
    margin: 0px;
}

.year-planCollapse .panel-default > .panel-heading {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    padding: 20px 30px;
}

    .year-planCollapse .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 20px 30px 25px 30px;
    }

    .year-planCollapse .panel-default > .panel-heading > h4 > a > span, .year-planCollapse .panel-body > div.subtopics > div > h4 > span {
        opacity: 0.5;
        font-size: 14px;
        font-weight: 600;
        color: #000000;
    }

    .year-planCollapse .panel-default > .panel-heading > h4 > a, .year-planCollapse .panel-body > div.subtopics > div > h4 {
        font-size: 14px;
        font-weight: 600;
        color: #000000;
    }

.year-planCollapse .panel-default > .panel-collapse > .panel-body > div.subtopics > div > label {
    font-size: 14px;
    font-weight: 600 !important;
    color: #000000;
    margin: 10px 70px 10px 0px;
}

.subtopics {
    margin-bottom: 30px;
}

.year-planCollapse .panel-title > a {
    display: block;
}

.year-planCollapse > .panel-group > .panel-default > .panel-heading > .panel-title > a.collapsed:before {
    float: right !important;
    content: url(../images/down.png) !important;
}

.year-planCollapse > .panel-group > .panel-default > .panel-heading > .panel-title > a:before {
    float: right !important;
    content: url(../images/up.png) !important;
    padding-right: 5px;
}

.year-planCollapse {
    margin-top: 25px;
}

    .year-planCollapse .panel-body {
        padding: 0px;
    }

    .year-planCollapse .panel-group {
        margin: 0px;
    }


/*TreeView*/

.tree-block > .parent-tree {
    padding: 0px;
}

    .tree-block > .parent-tree > li, .sub-tree > li {
        display: table;
        cursor: pointer;
        width: 200px;
        margin-bottom: 30px;
        position: relative;
    }

        .tree-block > .parent-tree > li > div.tree1 {
            border-radius: 4px;
            box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5);
            background-color: #ffffff;
            display: inline-block;
            border-left: 6px solid #8a44f1;
            width: 200px;
            height: 70px;
        }

            .tree-block > .parent-tree > li > div.tree1 > p, .sub-tree > li > div.tree2 > p {
                margin-bottom: 0px;
                font-size: 14px;
                font-weight: 600;
                color: #383432;
                padding: 15px 30px 15px 21px;
            }

.parent-tree li:before {
    z-index: 1000;
    content: "";
    display: block;
    width: 80px;
    position: absolute;
    top: 70px;
    bottom: 0;
    left: 100px;
    border-left: 1px solid #d9d9d9;
    height: 30px;
}

.sub-tree {
    position: absolute;
    left: 360px;
    padding: 0px;
    top: 40px;
}

    .sub-tree > li > div.tree2 {
        border-radius: 4px;
        box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5);
        background-color: #ffffff;
        display: inline-block;
        border-left: 6px solid #f5a623;
        width: 200px;
        height: 70px;
    }

ul.sub-tree li {
    position: relative;
    top: -10px;
}

ul.sub-tree:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 0px !important;
    bottom: 59px;
    left: -80px;
    border-left: 1px solid #d9d9d9;
}

ul.sub-tree:after {
    content: "";
    display: block;
    width: 80px;
    height: 0;
    border-top: 1px solid #d9d9d9;
    margin-top: -1px;
    position: absolute;
    top: 1px;
    left: -160px;
}

ul.sub-tree li:before {
    z-index: 1000;
    content: "";
    display: block;
    width: 80px;
    position: absolute;
    top: 40px;
    bottom: 0;
    left: -80px;
    border-top: 1px solid #d9d9d9;
    height: 0px;
}

.tree-singleLine p {
    position: relative;
    top: 24px;
    display: inline !important;
}

.children-tree {
    position: absolute;
    left: 360px;
    padding: 0px;
    top: 40px;
}

ul.children-tree:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: -45px;
    bottom: 125px;
    left: -80px;
    border-left: 1px solid #d9d9d9;
}

.children-tree > li {
    display: table;
    cursor: pointer;
    width: auto;
    margin-bottom: 30px;
    position: relative;
}

    .children-tree > li > div.tree3 > p {
        margin-bottom: 0px;
        font-size: 14px;
        font-weight: 600;
        color: #383432;
        padding: 15px 0px 15px 0px;
    }

ul.children-tree:after {
    content: "";
    display: block;
    width: 80px;
    height: 0;
    border-top: 1px solid #d9d9d9;
    margin-top: -1px;
    position: absolute;
    top: 1px;
    left: -160px;
}

ul.children-tree li:before {
    z-index: 1000;
    content: "";
    display: block;
    width: 80px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: -80px;
    border-top: 1px solid #d9d9d9;
    height: 0px;
}

ul.children-tree li {
    top: -70px;
}

.tree-add {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tree-add > button, .tree-add > button:active {
        border-radius: 20px;
        box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5);
        background-color: #ffffff;
        padding: 12px 22px;
        font-size: 13px;
        font-weight: bold;
        color: #383432;
    }

.parent-tree .add-list:before {
    display: none;
}

.subtree-list:before {
    top: 25px !important;
}

.subtree-list > .tree-add {
    display: block;
}

.parent-treeActive, .parent-treeActive1 {
    border-radius: 4px !important;
    box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5) !important;
    background-color: #8a44f1 !important;
}

    .parent-treeActive > p, .parent-treeActive1 > p {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }

.sub-treeActive {
    border-radius: 4px !important;
    box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5) !important;
    background-color: #f5a623 !important;
}

    .sub-treeActive > p {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #ffffff !important;
    }

.parent-tree > li > div.tree1:hover {
    border-radius: 4px !important;
    box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5) !important;
    background-color: #8a44f1 !important;
    transition: .2s all;
}

    .parent-tree > li > div.tree1:hover p {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        transition: .2s all;
        margin-bottom: 0px;
    }

.sub-tree > li > div.tree2:hover {
    border-radius: 4px !important;
    box-shadow: 0 2px 5px 0 rgba(193, 193, 193, 0.5) !important;
    background-color: #f5a623 !important;
    transition: .2s all;
}

    .sub-tree > li > div.tree2:hover p {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #ffffff !important;
        transition: .2s all;
    }


.parent-treeDD {
    position: absolute;
    right: 0px;
    top: 15px;
}

    .parent-treeDD > ul {
        top: 15px;
        box-shadow: 0 7px 14px rgba(86, 91, 90, 0.09);
        border-radius: 6px;
        border: 1px solid rgba(235, 239, 247, 0.5);
        background-color: #ffffff;
        left: 25px;
        z-index: 10000;
        min-width: 120px !important;
    }

        .parent-treeDD > ul > li > div {
            padding: 0px 15px;
        }

            .parent-treeDD > ul > li > div > span {
                color: #666666;
                font-size: 12px;
                font-weight: 400;
                margin: 0px 5px;
            }

        .parent-treeDD > ul > li:before {
            display: none !important;
        }

.children-edit {
    /* padding: 0px !important; */
    /* position: absolute; */
    /* right: 60px; */
    top: 15px;
}

    .children-edit > span {
        margin-right: 15px;
    }

.parent-treeDD .dropdown-menu {
    display: none;
}

.parent-treeDD:hover .dropdown-menu {
    display: block;
}

.parent-treeDD > ul > li {
    top: 0px !important;
}

.tree-arrow {
    position: absolute;
    right: -35px;
    top: 26px;
}

.tree-breadcrumb > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #c7c8ca;
}

.tree-breadcrumb > li.active {
    font-size: 16px;
    font-weight: bold;
    color: #4cbf3c;
}

.tree-breadcrumb {
    margin-top: 20px;
}

button#btn_AddTopic {
    border: 1px solid #1da7fc;
    background-color: transparent;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
    margin: 7px;
}

button#btn_AddSubTopic {
    border: 1px solid #1da7fc;
    background-color: transparent;
    color: #1da7fc;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    padding: 5px 20px;
    transition: all 0.8s;
    position: relative;
    margin: 11px;
}

li.subtree-list.NoDataAdd {
    top: -25px;
}
/*End*/
.lib-search-block {
    border: 1px solid #ccc;
    border-radius: 15px;
    padding: 5px 10px;
}

    .lib-search-block > .form-group {
        margin-bottom: 0px;
    }

.lib-searchBook-input {
    border: none;
    /*border-left: 1px solid #ccc;*/
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

    .lib-searchBook-input:focus {
        border: none;
        border-left: 1px solid #ccc;
        border-radius: 0px;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    }

.lib-searchBook-input {
    background: url(../images/lib-search.png) no-repeat 96%;
    padding-right: 50px;
}

.select-option-title {
    background-color: #f0f4f8 !important;
}
/* ===== Select Box ===== */
.sel {
    font-size: 14px;
    display: inline-block;
    width: 100%;
    background-color: transparent;
    position: relative;
    cursor: pointer;
    top: 5px;
}

    .sel::before {
        position: absolute;
        content: url(../images/down.png);
        font-size: 14px;
        right: 0px;
        /*top: calc(50% - 0.5em);*/
        top: 2px;
        transition: all 0.5s linear;
    }

    .sel.active::before {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
    }

.sel__placeholder {
    display: block;
    color: #222222;
    font-size: 14px;
    font-weight: 500;
    padding: 0.2em 0.5em;
    text-align: left;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: visible;
}

.sel.active .sel__placeholder {
    visibility: hidden;
}

.sel__placeholder::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.2em 0.5em;
    content: attr(data-placeholder);
    visibility: hidden;
}

.sel.active .sel__placeholder::before {
    visibility: visible;
}

.sel__box {
    position: absolute;
    top: calc(100% + 4px);
    left: -4px;
    display: none;
    list-style-type: none;
    text-align: left;
    font-size: 14px;
    width: calc(100% + 8px);
    box-sizing: border-box;
    box-shadow: 0 6px 16px rgba(23, 20, 33, 0.1);
    border-radius: 6px;
    border: 1px solid #f5f6fa;
    background-color: #ffffff;
}

.sel.active .sel__box {
    display: block;
    -webkit-animation: fadeInUp 500ms;
    animation: fadeInUp 500ms;
}

.sel__box__options {
    display: list-item;
    font-size: 14px;
    color: #838e95;
    padding: 0.5em 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .sel__box__options::after {
        content: url(../images/tick1.png);
        font-size: 14px;
        margin-left: 5px;
        display: none;
        position: relative;
        top: 2px;
    }

    .sel__box__options.selected::after {
        display: inline;
    }

    .sel__box__options:hover {
        background-color: #ebedef;
    }

.sel--search-value {
    z-index: 3;
}

.sel--superman {
    /*   display: none; */
    z-index: 2;
}

.cen {
    height: 53px;
    display: flex;
    background: #f4f4f4;
    margin: 0px -15px;
    padding: 18px;
    align-items: center;
    justify-content: space-between;
}

.TESt1 {
    display: flex;
    margin-right: 5px;
    margin-left: 64px;
}

.TESt2 {
    display: flex;
    margin-left: 15px;
    margin-right: 57px;
}

.RadForm.RadForm_Bootstrap.rfdRadio input[type="radio"] {
    background-image: none !important;
}

.RadForm input[type="checkbox"], .RadForm input[type="radio"], .RadForm input[type="checkbox"][checked], .RadForm input[type="radio"][checked] {
    border: 0;
    background-color: #cbd1d8;
}

.tree3 {
    display: flex;
    flex-direction: row;
    margin-left:  10px;
}

.row.pading-left {
    padding-left: 21px;
    overflow-y: auto;
}

.RadForm.rfdScrollBars body::-webkit-scrollbar, .RadForm.rfdScrollBars textarea::-webkit-scrollbar, .RadForm.rfdScrollBars div::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
}

.RadForm.RadForm_Bootstrap.rfdScrollBars ::-webkit-scrollbar-track-piece, .RadForm.RadForm_Bootstrap.rfdScrollBars ::-webkit-scrollbar-corner {
    background-color: #f0f0f3 !important;
}

.parent-treeDD > ul > li {
    background: #fff !important;
    margin-bottom: 0px !important;
}

a.download {
    border: 1px solid #c7c7c7;
    color: #333;
    font-size: 14px;
    font-weight: 600 !important;
    color: #000000;
    border-radius: 23px;
    padding: 6px 20px;
    margin-left: -14px;
}

b-line {
    border: 1px solid #666666;
    margin-bottom: 0px !important;
}

    b-line:last-child {
        border: none;
    }

img.path {
    width: 20px;
}

.contents {
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
    margin-left: 30px;
}

.panel-body > .contents:last-child {
    border-bottom: none !important;
}

.ypfsubtopics {
    margin-bottom: 0px;
    margin-top: 20px;
    margin-left: 30px;
}

.FrameWork-header {
    background-color: #f4f4f4;
    padding: 18px 30px;
}


img.attachment {
    width: 30px;
    margin-top: 8px;
    margin-left: -13px;
}

.Hindi {
    font-size: 14pt;
    font-family: 'Kruti Dev 010';
}

.Sanskrit {
    font-size: 14pt;
    font-family: 'Kruti Dev 010';
}

.French {
    font-size: 11pt;
    font-family: 'Muli', sans-serif !important;
}

.Spanish {
    font-size: 11pt;
    font-family: 'Muli', sans-serif !important;
}

.English {
    font-size: 14px;
    font-family: 'Muli', sans-serif !important;
}

.HindiUC {
    font-size: 12pt;
    font-family: 'Mangal';
}

.RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"], .RadForm.RadForm_Bootstrap.rfdCheckbox input[type="checkbox"][disabled]:hover {
    width: 13px;
    background-image: none;
}

.searchBook-input {
    border: none;
    /*border-left: 1px solid #ccc;*/
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}

    .searchBook-input:focus {
        border: none;
        /*border-left: 1px solid #ccc;*/
        border-radius: 0px;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    }

.searchBook-input {
    background: url(../images/lib-search.png) no-repeat 96%;
    padding-right: 50px;
}

@font-face {
    font-family: 'Kruti Dev 010';
    src: url('../fonts/fonts/KRDV010_2.TTF') format('truetype'),; /* Safari, Android, iOS */
}

@font-face {
    font-family: Mangal;
    src: url('../fonts/fonts/mangal_0.TTF') format('truetype'),; /* Safari, Android, iOS */
}

.flex-end {
    display: flex;
    align-items: flex-end;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    width: 30px !important;
    height: 29px !important;
}

.RadInput_Bootstrap.riSingle .riTextBox, .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    height: 31px !important;
}

input.form-control.input-field {
    height: 31px !important;
    display: inline-block !important;
}


input.form-control.input-field-right {
    height: 31px !important;
    display: inline-block !important;
    text-align: right;
}

li.sidebar-hover.active-menu {
    background: whitesmoke;
}

::-webkit-scrollbar {
    width: 10px;
}
/* the up/down/left/right buttons */
::-webkit-scrollbar-button {
    width: 8px;
}
/* the zone where the scroll will happen */
::-webkit-scrollbar-track {
    width: 12px;
}
/* not sure what this is */
::-webkit-scrollbar-track-piece {
    width: 12px;
}
/* the famous "elevator" */
::-webkit-scrollbar-thumb {
    width: 12px;
}
/* what stands in the corner, between the horizontal and the vertical scrollbars */
::-webkit-scrollbar-corner {
    width: 12px;
}
/* the resizer thingy into that corner */
::-webkit-resizer {
    width: 12px;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    border-radius: 12px;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #eee;
}

div#msg {
    white-space: nowrap;
}

#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    position: fixed;
    z-index: 1032;
    left: 50%;
    bottom: 30px;
    font-size: 17px;
}

    #snackbar.show {
        visibility: visible;
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein 0.5s, fadeout 0.5s 2.5s;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

.Fav.dropdown {
    border-left: 1px solid #ddd;
    height: 70px;
    align-items: center;
    border-right: 1px solid #ddd;
    display: flex;
    padding: 0px 23px 0px 23px;
}

.Fav ul.dropdown-menu {
    left: 0px !important;
    border: none;
    min-width: 250px !important;
}


.profile-shadow {
    box-shadow: 0 9px 30px rgba(1, 1, 1, 0.12);
    background-color: #ffffff;
    height: 65px;
}

.mt30 {
    margin-top: 10px;
}

.mandatory {
    color: red;
    padding: 5px;
}


/* Dropify */
.dropify-wrapper {
    border: 2px dashed #c9ccd7;
    border-radius: 7px;
}

    .dropify-wrapper:hover {
        background-size: 30px 30px;
        background-image: -webkit-linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
        background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
        -webkit-animation: stripes 2s linear infinite;
        animation: stripes 2s linear infinite;
    }

    .dropify-wrapper .dropify-message span.file-icon:before {
        display: inline-block;
        font: normal normal normal 24px/1 "themify";
        font-size: inherit;
        text-rendering: auto;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        content: '\e66b';
        color: #000;
        font-size: 1.25rem;
    }

    .dropify-wrapper .dropify-message p {
        font-size: .8125rem;
        color: #000;
    }

    .dropify-wrapper .dropify-preview .dropify-infos {
        background: rgba(255, 255, 255, 0.9);
    }

        .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename {
            color: #2766ea;
            font-size: 20px;
            font-weight: 400;
        }

        .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-infos-message {
            color: #333;
            font-weight: 500;
        }

    .dropify-wrapper .dropify-preview .dropify-render img {
        opacity: 0.7;
    }

    .dropify-wrapper .dropify-clear {
        background: #fff;
        border: none;
        font-weight: 600;
        color: #434a54;
    }

/* Dropzone */
.dropzone {
    border: 1px solid #c9ccd7;
    min-height: 200px;
}

    .dropzone .dz-message {
        text-align: center;
        width: 100%;
    }

        .dropzone .dz-message span {
            font-size: .8125rem;
            color: #000;
        }

    .dropzone .dz-preview {
        margin: 5px;
    }

        .dropzone .dz-preview .dz-image {
            width: 75px;
            height: 75px;
            border-radius: 6px;
        }

        .dropzone .dz-preview .dz-error-message {
            top: 80px;
            left: -35px;
        }

        .dropzone .dz-preview .dz-success-mark,
        .dropzone .dz-preview .dz-error-mark {
            margin-left: -17px;
        }

            .dropzone .dz-preview .dz-success-mark svg,
            .dropzone .dz-preview .dz-error-mark svg {
                width: 35px;
                height: 35px;
            }
/*drop zone*/

/* card view*/
ul.admission-card {
    padding: 0px;
}

.admission-card-details {
    border-radius: 5px;
    padding: 15px;
    height: 100px;
    text-align: center;
    transition: all 0.25s ease-in;
    cursor: pointer;
}

.admission-card {
    height: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.admission-card-details:hover {
    transform: translateY(-5px);
    box-shadow: 0 3px 5px rgba(75, 65, 65, 0.07);
}

ul.admission-card span > span:first-child li .admission-card-details {
    background: #d9d5d5;
}

ul.admission-card span > span:last-child li .admission-card-details {
    background: #ace8ca;
}

ul.admission-card span > span:nth-child(2) li .admission-card-details {
    background: #80d4ff;
}

ul.admission-card span > span:nth-child(3) li .admission-card-details {
    background: #c3eec3;
}

ul.admission-card span > span:nth-child(4) li .admission-card-details {
    background: #c4c4fa;
}

ul.admission-card span > span:nth-child(5) li .admission-card-details {
    background: #ffd800;
}

ul.admission-card span.counts {
    font-size: 27px;
}




.toggle-checkbox {
    display: none;
}

    .toggle-checkbox + label {
        display: inline-block;
        position: relative;
        width: 37px;
        height: 16px;
        background-size: 650px 100%;
        border-radius: 70px;
        padding: 7px;
        cursor: pointer;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        /*background: linear-gradient(to right, #fd1a15 0, #fc8b34 45%, #7fd03e 55%, #007177 100%) 0 0;*/
        background-color: #fd1a15;
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    }

        .toggle-checkbox + label:before {
            content: "";
            width: 20px;
            height: 20px;
            position: absolute;
            left: -1px;
            top: -3px;
            border-radius: 100%;
            background: #fff;
            text-align: center;
            line-height: 27px;
            /* font-family: "Cabin", sans-serif; */
            font-size: 10px;
            /* font-weight: bold; */
            color: #9596a1;
            letter-spacing: 0px;
            text-transform: uppercase;
            -webkit-transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, -webkit-transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, transform 150ms ease;
            transition: left 500ms ease, color 500ms ease, transform 150ms ease, -webkit-transform 150ms ease;
            background-color: #ffffff;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
        }

        .toggle-checkbox + label:active:before {
            -webkit-transform: scale(0.95);
            transform: scale(0.95);
        }

    .toggle-checkbox:checked + label {
        background-position-x: -350px;
    }

        .toggle-checkbox:checked + label:before {
            content: "";
            color: #00cc97;
            left: 20px;
        }

    .toggle-checkbox + label:hover:before {
        border: 2px solid transparent !important;
    }

.switch-label {
    margin-bottom: -10px;
}

.switch-on {
    background-color: #7fd03e !important;
}





.btn-filter-wrap {
    margin-bottom: 5px;
    cursor: pointer;
}


.mt60 {
    margin-top: 60px;
}


.user-img {
    width: 100%;
    height: auto;
}

.user-profile {
    margin-top: 30px;
    text-align: center;
}

.card-user {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-top: 3px solid;
    color: rgba(0, 0, 0, 0.87) !important;
    background: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
     border-radius: 6px;
    /*-webkit-box-shadow: 5px 9px 29px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 5px 9px 29px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 5px 9px 29px 0px rgba(0, 0, 0, 0.12);*/
}

.user-avatar {
    width: 88px;
    height: 88px;
    margin: -50px auto 0;
    border-radius: 50%;
    overflow: hidden;
    /*border: 4px solid #fff;*/
}

.birthday-card {
    color: #1da7fc;
    border-color: #1da7fc;
}
.send-wish a {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 500;
    background-color: #1da7fc;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #1da7fc;
    padding: 10px 60px;
    
}
.new-join {
    color: #259ee4;
    border-color: #259ee4;
}

.promotion {
    color: #0a9d06;
    border-color: #0a9d06;
}

.anniversary {
    color: #8245e6;
    border-color: #8245e6;
}

.user-details {
    margin-top: 20px;
}

.user-title img {
    display: inline-block;
    vertical-align: bottom;
}

span.announcement-name {
    margin-left: 10px;
}

.card-user-name {
    opacity: 0.7;
    color: #000000;
    font-family: Muli !important;

    /*font-family: Oswald;*/
    font-size: 20px;
    font-weight: 400;
    line-height: 32.5px;
    letter-spacing: 0.89px;
}

a.navbar-brand {
    padding-left: 0px;
}

.user-designation {
    opacity: 0.6;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    /* Text style for "Software E" */
    letter-spacing: 1.03px;
    min-height: 35px;
}

.user-names {
    margin-top: 20px;
}

.user-img {
    width: 100%;
    height: auto;
}


.send {
    color: #ffffff !important; 
    font-size: 16px;
    font-weight: 500;
    background-color: #f1560c;
    width: 100%;
    border-radius: 0px;
    border: 1px solid #f1560c;
}

    .send:hover { 
        font-size: 16px;
        font-weight: 500;
        background-color: #C04409;
       
        width: 100%;
        border-radius: 0px;
        border: 1px solid #C04409;
       
    }

.send-wish {
    padding: 20px;
}

.place {
    padding: 20px 36px;
}

span.user-dept-name {
    color: #666666; 
    font-size: 14px;
    font-weight: 300;
    float: left;
    margin-left: 10px;
}


#srf-filter .owl-carousel .item {
    transition: .8s;
    -webkit-transition: .8s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    margin: 15px 10px;
}

    #srf-filter .owl-carousel .item.__loading {
        opacity: 0;
        /* transform: translateX(40px);
  -webkit-transform: translateX(40px);*/
    }

    #srf-filter .owl-carousel .item h4 {
        margin: 0 0 5px 0;
    }



div.slide.explore-more-filter.fil-cat {
    color: #aaaaaa;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
}

    div.slide.explore-more-filter.fil-cat.active {
        color: #2766ea;
        font-family: Oswald;
        font-size: 18px;
        font-weight: 500;
        text-transform: uppercase;
        padding: 5px;
        cursor: pointer;
    }

.divider-2 {
    /* border-bottom: 2px dotted #ccc;*/
}

.user-dept,
.user-location {
    padding: 10px 40px;
    display: flex;
    flex-direction: row;
}

.divider-1 {
    /*border-bottom: 2px dotted #ccc;*/
    margin-top: 20px;
}

.scale-anm {
    transform: scale(1);
}

.mb60 {
    margin-bottom: 60px;
}

.nav > li > a > img {
    max-width: none;
    float: left;
}

.scale-anm {
    transform: scale(1);
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.feed-description {
    height: 93px;
    color: #222; 
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin: 36px 0px;
}

.feed {
    padding: 30px 40px 30px 30px;
    -webkit-box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 9px 30px 0px rgba(0, 0, 0, 0.09);
    margin-bottom: 30px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}

.feed-left-arrow {
    position: absolute;
    top: 50px;
    left: -20px;
}

.feed-right-arrow {
    position: absolute;
    top: 50px;
    right: -20px;
}


.user-dept img, .user-location img {
    height: 18px;
}

.pad-50 {
    padding: 50px;
}

.image-media > img {
    width: 100px;
    height: 100px;
}

.user-title {
    color: #222222;
    font-weight: 500;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    line-height: 23px;
}

.sub-title-roboto {
    color: #222222;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0.6px;
    margin-bottom: 10px;
    line-height: 23px;
}

.user-Description {
    color: #909090;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.37px;
    line-height: 18px;
    margin-bottom: 2px;
}

.image-content > div:last-child {
    /* color: #909090; */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.37px;
    line-height: 18px;
}

.user-header {
    display: flex;
    align-items: center;
    padding: 15px 0PX;
}

.image-content {
    margin-left: 25px;
}

.sub-title-announcement {
    color: #333;
    font-family: Muli !important;

    /*font-family: 'Oswald', sans-serif !important;*/
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 30px;
}


img.announcment-img {
    height: 18px;
    width: 18px !important;
}

img.announcment-map-img {
    height: 18px;
    width: 12px !important;
}

img.announcment-top-img {
    height: 24px;
    width: 24px !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.announcment-pdf-img {
    height: 18px;
    width: 15px !important;
    margin-left: 20px;
}











.box-shadow-sat {
   	
-webkit-box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 12%);
	 -moz-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 7px 20px 0px rgb(0 0 0 / 12%);
	transition: all 0.25s ease-in;
	cursor: pointer;
	border-radius: 5px;
	min-height: 150px;
	text-align: center;
	width: 100% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;



}

.box1 {
    background: #20c9ad;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
}

.box2 {
    background: #ffaa33;
   
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
}

.box3 {
    background: #40bfff;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
}

.box4 {
    background: #fc6739;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
}


a.lnkwhite {
    color: #ffffff !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.statistics {
    position: relative;
}

span.count {
    font-size: 32px;
    font-weight: 700;
    font-family: Muli !important;

    /*font-family: 'Roboto', sans-serif;*/
}


span.statistics-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    font-family: Muli !important;

    /*font-family: 'Roboto', sans-serif;*/
    letter-spacing: 0.7px;
}

#srf-filter .owl-carousel .item {
    transition: .8s;
    -webkit-transition: .8s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
    margin: 15px 10px;
}

    #srf-filter .owl-carousel .item.__loading {
        opacity: 0;
        /* transform: translateX(40px);
  -webkit-transform: translateX(40px);*/
    }

.custon-filter {
    display: flex;
    align-items: center;
}

    .custon-filter .fil-cat {
        font-size: 18px;
        margin-left: 26px;
        font-weight: 700;
    }


.btn-active.fil-cat {
    color: #1da7fc !important;
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /* border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     */
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /* border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     */
}

.box-body {
    padding: 25px;
}

    .box-body.no-padding-top {
        padding-top: 0px !important;
    }

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last td {
}

.fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
    /* for IE */
    /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */
}

.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /* border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     */
}

.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /* border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     */
}

.br5 {
    border-radius: 5px;
}

.white-bg {
    background-color: #ffffff;
    overflow: hidden;
}

.evnt {
    background: #FFF;
    color: #000000 !important;
    BORDER-LEFT: 5PX SOLID #ff73c5;
    border-radius: 6px;
    margin: 0px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 6px 11px;
}

.evntgreen {
    background: #FFF;
    color: #000000 !important;
    BORDER-LEFT: 5PX SOLID #C5FFA9;
    border-radius: 6px;
    margin: 0px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 6px 11px;
}

.evntblue {
    background: #FFF;
    color: #000000 !important;
    BORDER-LEFT: 5PX SOLID #73c5ff;
    border-radius: 6px;
    margin: 0px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 6px 11px;
}

.trigger-date {
    color: #666666;
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 5px;
}

.RegBlue {
    color: blue;
}

.AllocPink {
    color: darkviolet;
}

.ResOrange {
    color: orange;
}

.ClsYellow {
    color: brown;
}

.AccGreen {
    color: green;
}

.RejRed {
    color: red;
}

.box-shadow-sat { 
	
    -webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    transition: all 0.25s ease-in;
    cursor: pointer;
    border-radius: 5px;
    min-height: 150px;
    text-align: center;
    width: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; 

}

    .box-shadow-sat:hover {
        transform: translateY(-5px);
        box-shadow: 0 3px 5px rgba(75, 65, 65, 0.07);
    }



.box1 {
    background: #20c9ad;
    color: #fff;
    padding: 15px 20px;
}

.box2 {
    background: #ffaa33;
    color: #fff;
    padding: 15px 20px;
}

.box3 {
    background: #40bfff;
    color: #fff;
    padding: 15px 20px;
}

.box5 {
    background: #e13d51;
    color: #fff;
    padding: 15px 20px;
}

.box4 {
    background: #77d643;
    color: #fff;
    padding: 15px 20px;
}

.box6 {
    background: #cd6ef5;
    color: #fff;
    padding: 15px 20px;
}

.box7 {
    background: #ff1865;
    color: #fff;
    padding: 15px 20px;
}


span.count {
    font-size: 40px;
    font-weight: 700;
}


.profile-bg {
    min-height: 308px;
}

.Profile-margin {
    margin: 60px 0px 0px 0px;
}

.profile-value {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    margin: 0px;
    margin-bottom: 28px;
}

.Profile-picture {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}

.personal-bg {
    background-color: #e4dfff;
}


p.profile-details {
    color: #333;
    font-size: 14px;
    font-weight: 300;
    margin: 0px;
}

.profile-image {
    border-radius: 50%;
}

.Profile-picture > img.profile-image {
    width: 160px;
    height: 160px;
}

.profile-shadows {
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
}

.personal-info {
    box-shadow: 0 9px 30px rgba(1, 1, 1, 0.12);
    background-color: #ffffff;
    margin: 20px 0px 20px 0px;
}

.panel-body {
    padding: 0px;
}

div.profile-tab div.profile-tab-content:not(.active) {
    display: none;
}

div.profile-tab-container {
    z-index: 10;
    margin-top: -10px;
}

div.profile-tab-menu {
    padding-bottom: 0px;
    background: rgb(255, 255, 255);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 0px;
    border-radius: 5px;
    padding: 0px;
        border-radius: 6px;
}

.pad-30 {
    padding-left: 30px;
}

.nav > li > a > img.profile-tab {
    max-width: none;
    float: none;
}


.side-nav-icon-img {
    width: 30px;
    display: inline-block;
    float: left;
    margin-top: -3px;
}


.side-nav-img {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
}

span.sidebar-menu {
    vertical-align: bottom;
    display: inline-block;
    margin-left: 15px;
}

span.side-arrow.fa.fa-angle-right {
    font-size: 20px;
    margin-top: 8px;
}


.nav-tabs > li {
    /*width: 20%;*/
    text-align: center;
}

.lblDarkblue {
    font-size: 14px!important;
    font-weight: normal!important; 
    margin-left: 13px!important;
    color: #337ab7!important;
    font-weight: bold;
}

.search-book-section {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    margin-top: 0px;
    padding: 30px;
    border-radius: 0px;
}


div.profile-tab-menu div.list-group > a.active,
div.profile-tab-menu div.list-group > a.active .glyphicon,
div.profile-tab-menu div.list-group > a.active .fa {
    color: #ff5500;
    background-color: #fff;
    border-color: #ccc;
}

    div.profile-tab-menu div.list-group > a.active:hover,
    div.profile-tab-menu div.list-group > a.active:hover .glyphicon,
    div.profile-tab-menu div.list-group > a.active:hover .fa {
        color: #ff5500;
        background-color: #fff;
        border-color: #ccc;
    }


.dashboard-box-shadow-sat {
    /*-webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);*/
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
}
    
.dashboard-box1 {
    background: #00abf7;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box2 {
    background: #ff1865;
    
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box3 {
    background: #ff9900;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box4 {
    background: #b622b5;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}
div.profile-tab-menu .list-group a {
    border: none;
    display: flex;
    color: #222222;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.42px;
    opacity: 0.6;
}

div.profile-tab-menu .list-group a:hover {
    opacity: 1;
}
div.profile-tab-menu a.list-group-item {
    border: none;
    padding: 15px;
    opacity: 0.6;
}
div.profile-tab-menu a.list-group-item:hover {
    border: none;
    padding: 15px;
    opacity: 1;
    color: #1da7fc !important;
}
div.profile-tab-menu a.list-group-item:active {
    border: none;
    padding: 15px;
    opacity: 1;
}
.announcement-arrow-left {
    z-index: 15;
    width: 46px;
    height: 46px;
    text-align: center;
    list-style: none;
    background-color: #ffffff;
    border-radius: 50%;
    line-height: 2.1 !important;
    color: #1f1a17;
    font-size: 21px !important;
    cursor: pointer;
}
.announcement-arrow-right {
    z-index: 15;
    width: 46px;
    height: 46px;
    text-align: center;
    list-style: none;
  background-color: #ffffff;
    border-radius: 50%;
    line-height: 2.1 !important;
    color: #1f1a17;
    font-size: 21px !important;
    cursor: pointer;

}
.announcement-prev {
    position: absolute;
    top: 200px;
    left: -43px;
    border: none;
    background-color: transparent;
}
.announcement-next {
      position: absolute;
    top: 200px;
    right: -43px;
    border: none;
    background-color: transparent;
}
.owl-item.active {
    display: block !important;
}
.hide{
  display: none;
}

.actives {
    color: #1da7fc !important; 
    border-color: #ccc;
    background: #f0f0f3;
}

.badge-notify {
    background: #ff5500 !important;
    margin-top: -22px;
    margin-left: -11px !important;
    height: 18px;
    border-radius: 0px !important;
    padding: 3px 4px !important;
}



.searchfilter-control {
    display: block;
    width: 100%;
    height: 34px;
    /* padding: 6px 12px; */
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}



.blue-tab>li.active>a, .blue-tab>li.active>a:focus, .blue-tab>li.active>a:hover
{
         border: none !important;
    border-bottom: 4px solid  #1da7fc !important;
    color:  #1da7fc;
    background-color: transparent !important;
}

.nav>li>a {
  position: relative !important;
  display: block !important;
  padding: 10px 15px !important;
}

.nav>li>a:focus,.nav>li>a:hover {
  text-decoration: none !important;
  background-color: #eee;
}

.nav-tabs>li>a {
    margin-right: 2px !important;
    line-height: 1.42857143 !important;
    border: 1px solid transparent !important;
    border-radius: 4px 4px 0 0 !important;
}
.blue-tab>li>a, .blue-tab>li>a:focus, .blue-tab>li>a:hover {
    border: none !important;
    border-bottom: 4px solid transparent !important;
    color: #ff2637;
    background-color: transparent !important;
}


.nav>li {
    position: relative !important;
    display: block;
}


.applybutton
{
    position: absolute;
    right: 30px;
    top: 35px;
}
    
    .accordian {
    padding: 20px !important;
}



    .profile-shadow1 { 
    box-shadow: 0 9px 30px rgba(1, 1, 1, 0.12);
    background-color: #ffffff; 
} 

.vertical-divider {
    clear: both;
    position: relative;
}

.pad-15 {
    padding: 15px;
}
.vertical-divider .column:not(:first-child):after, .vertical-divider .columns:not(:first-child):after {
    background: #DDDDDD;
    bottom: 0;
    content: " ";
    margin-left: -10px;
    margin: 25px; 
    position: absolute;
    top: 0;
    width: 1px;
    height: 258px;
}
.mr20 {
    margin-right: 20px;
}
.margin-left-25 {
    margin-left: 25px;
}

.dashboard-box-shadow-box {
    /*-webkit-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 7px 20px 0px rgba(0, 0, 0, 0.12);*/
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
}
.dashboard-box-1 {
    background: #80d4ff;
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box-2 {
    background: #99e699;    
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box-3 {
    background: #9999ff;    
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}

.dashboard-box-4 {
    background: #ffb752;    
    color: #fff;
    padding: 15px 20px;
    min-height: 118px;
    border-radius: 6px;
}
a.aspect-menu {
    color: #17181a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0px;
    padding: 15px 20px;
    display: block;
        text-decoration: none;  
}
 a.aspect-menu:hover::before {
    content: url(../images/drag1.png);
    position: absolute;
    left: 23px;
    top: 16px;
    cursor: pointer;
}
 .kt-widget-5__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}

    .kt-widget-5__header .kt-widget-5__item-datetime {
        font-weight: normal !important;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        color: #a1a8c3;
        /*font-weight:bold !important;*/
    }
    .card-shadow {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

    .card-shadow > h4 {
        padding: 10px 20px;
        border-bottom: 1px solid #ebedf2;
        margin: 0px;
    }

    .card-shadow:hover {
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-property: transform;
        transition-property: transform;
        transform: translateY(-5px);
        box-shadow: 0 1px 1px 0 rgba(45, 47, 51, 0.1), 0 5px 10px 0px rgba(45, 47, 51, 0.2);
    }
    .card-bottom {
    margin-bottom: 30px;
}

    button.btn.Shrihelp {
    border: 1px solid #c21307;
    position: fixed;
    top: calc(80% - 68px);
    right: 2px;
    z-index: 99;
    outline: none;
    padding: 11px;
    border-radius: 50px;
    background-color: #c21307;
    color: #ffffff !important;
    cursor: pointer;
}


/* Search Class Start */
.searchhelp1{
   padding: 0px 35px 20px;
}
.searchhelp1 .row{
   display: flex;
   justify-content: center;
}
.searchhelp1 form{
   margin: 15px 0px 0px;
}
.searchhelp1 h3{
   color: #333;
   font-size: 18px;
   font-weight: 700;
   line-height: 1.1;
   text-align: center;
   padding: 0px;
   margin: 0px;
}
.searchhelp2{
   position: relative;
}
.searchhelp2 input{
   width: 100%;
   height: auto;
   color: #333;
   font-size: 16px;
   font-weight: 500;
   border: 1px solid #efefef;
   border-radius: 6px;
   padding: 15px 100px 15px 37px;
   box-shadow: 0 3px 7px rgb(0 0 0 / 7%);
}
.searchhelp2 i{
   position: absolute;
   top: 50%;
   left: 10px;
   transform: translate(0%,-50%);
   color: #dadada;
   font-size: 19px;
}
.searchhelp2 a{
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translate(0%,-50%);
   background-color: #bf1e29;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   border: 1px solid #bf1e29;
   border-radius: 5px;
   padding: 5px 15px;
   transition: 0.5s;
}
.searchhelp2 button{
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translate(0%,-50%);
   background-color: #bf1e29;
   color: #fff;
   font-size: 14px;
   font-weight: 500;
   border: 1px solid #bf1e29;
   border-radius: 5px;
   padding: 5px 15px;
   transition: 0.5s;
}
.searchhelp2 button:hover{
   background-color: #fff;
   color: #bf1e29;
}
/* Search Class End */

/* Tab Class Start */
.tabhelp1{
   padding: 0px;
}
.tabhelp1 .row{
   display: flex;
}
.tabherder1{
   display: flex;
   align-items: center;
   border-bottom: 1px solid #9e9e9e;
}
.tabherder11{
   justify-content: flex-start;
}
.tabherder11:first-child .tabheader2{
   margin-left: 0px;
}
.tabheader2{
   height: auto;
   border-radius: 5px;
   transition: 0.5s;
   cursor: pointer;
   display: flex;
   align-items: center;
   padding-right: 40px;
}
.tabheader2 h4{
   color: #333;
   font-size: 14px;
   font-weight: 600;
   text-align: center;
   padding: 0px;
   margin-left: 9px;
}
.tabheader2 i{
   display: block;
   color: #333;
   font-size: 17px;
   font-weight: 500;
   text-align: center;
   transition: 0.5s;
}
.tabheader2:hover, .tabheader2.active, .tabheader2.active>h4{color: #2196f3;}
.tabheader2:hover i, .tabheader2.active i{
   color: #2196f3;
}
#heiptab1dec{
   display: block;
}
.tabdec{
   display: none;
   margin: 5px 0px 0px;
}
.tabdec h4{
    color: #2196f3;
    font-size: 18px;
    font-weight: 700;
    padding: 0px;
    margin: 25px 0px;
}
.faqsection{
   background-color: #e5e4e4;
   margin: 0px 0px 15px;
   border-bottom: none;
}
.faqheader{
   position: relative;
   cursor: pointer;
}
.faqheader p{
   color: #333;
   font-size: 14px;
   font-weight: 600;
   text-align: left;
   padding: 15px;
   margin: 0px;
}
.faqheader i{
   position: absolute;
   top: 50%;
   right: 10px;
   font-size: 20px;
   transform: translate(0%, -50%);
}
.faqheader.active p, .faqheader.active i{
   color: #bf1e29;
}
.faqdec{
   display: none;
   padding: 15px;
}
.faqdec p{
   color: #333;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   padding: 0px 0px 10px;
   margin: 0px;
}
.faqdec p:last-child{
   padding: 0px;
}
.tabdec2{
   background-color: #fff;
   border-radius: 5px;
   padding: 15px;
   margin: 0px 0px 20px;
   background: #fff;
   color: #666;
   box-shadow: 0 5px 15px rgb(0 0 0 / 8%);
   border-top: 2px solid #2196f3;
}
.tabdec2 ul{
   padding: 0px;
   margin: 0px;
}
.tabdec2 ul li{
   position: relative;
   color: #333;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   padding: 0px 0px 10px 17px;
   margin: 0px;
}
.tabdec2 ul li:last-child{
   padding-bottom: 0px;
}
.tabdec2 ul li:before{
   content: "\f101";
   position: absolute;
   top: -2px;
   left: 0px;
   color: #bf1e29;
   font-size: 17px;
   font-family: 'FontAwesome';
}
.helpvideo1{
   /* display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   align-items: center; */
   border-radius: 5px;
   padding: 20px 15px 15px;
   margin: 0px 0px 20px;
}
.helpvideo2{
   position: relative;
   background: #fff;
   /* margin: 0px 15px 15px; */
   padding: 5px;
   box-shadow: 0 3px 7px rgb(0 0 0 / 14%);
}
.helpvideo2:before{
   content: "";
}
.helpvideo2 a img{
   width: 100%;
   height: auto;
}
/* .helpvideo2 a:before{
   content: "";
   position: absolute;
   top: 0px;
   left: 0px;
   width: 0%;
   height: 100%;
   background-color: rgb(4 4 4 / 29%);
   transition: 0.5s;
} */
.helpvideo2 a:hover:before{
   width: 100%;
}
.helpvideo2 a i{
   position: absolute;
   top: 0%;
   left: 50%;
   background-color: #bf1e29;
   width: 40px;
   height: 40px;
   color: #ffffff;
   font-size: 20px;
   line-height: 40px;
   text-align: center;
   border-radius: 50px;
   padding: 0px 0px 0px 3px;
   transition: 0.5s;
   transform: translate(-50%);
   opacity: 0;
}
.helpvideo2 a:hover i{
   top: 42%;
   opacity: 1;
}
.helpvideo1 .owl-nav button{
   width: 45px;
   height: 45px;
   background-color: #fff !important;
   border: 1px solid #e4e4e4;
   box-shadow: none !important;
   opacity: 1 !important;
}
.helpvideo1 .owl-nav button span{
   color: #333;
   font-size: 40px !important;
   line-height: 25px;
}
/* Tab Class End */
/**
* Simple fade transition,
*/
.mfp-fade.mfp-bg {
   opacity: 0;
   -webkit-transition: all 0.15s ease-out; 
   -moz-transition: all 0.15s ease-out; 
   transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
   opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
   opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
   opacity: 0;
   -webkit-transition: all 0.15s ease-out; 
   -moz-transition: all 0.15s ease-out; 
   transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
   opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
   opacity: 0;
}
.file-download {
    text-align: center;
}

.file-download i {
    font-size: 24px;
    cursor: pointer;
    color: #2196f3;
    background: #f5f5f5;
    padding: 15px;
    border-radius: 50%;
}

.file-download .file-name {
    padding-top: 15px;
    min-height: 59px;
}

.file-download .file-name:hover {
    color: #2196f3;
    cursor: pointer;
}

.file-download {
    cursor: pointer;
}

.file-download:hover i, .file-download:hover .file-name {
    color: #2196f3;
}
.details h3 a {
    color: #000;
}
.details a {
    text-decoration: none;
    color: #000;
}

.details {
    margin-bottom: 30px;
    cursor: pointer;
}
.details a:hover {
    text-decoration: none;
    color: #2196f3;
}
section.related-video {
    border-top: 2px solid #00000052;
}
.search-item i {
    font-size: 24px;
    color: #000;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #FFF;
    margin-right: 12px;
}

.search-item {
    margin-bottom: 16px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    background: #fff;
}



.divbtn {
    display: flex;
    justify-content: space-between;
}

.user-rating {
    direction: rtl;
    font-size: 20px;
    unicode-bidi: bidi-override; 
    display: inline-block;
}
.user-rating input {
    opacity: 0;
    position: relative;
    left: -15px;
    z-index: 2;
    cursor: pointer;
    
}
.user-rating span.star:before {
    color: #777777;
    content:"";
    /*padding-right: 5px;*/
}
.user-rating span.star {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
    left: 15px;
}
.user-rating span {
    margin-left: -15px;
}
.user-rating span.star:before {
    color: #777777;
    content:"\f006";
      font-size: 28px;
    /*padding-right: 5px;*/
}
.user-rating input:hover + span.star:before, .user-rating input:hover + span.star ~ span.star:before, .user-rating input:checked + span.star:before, .user-rating input:checked + span.star ~ span.star:before {
    color: #ffd100;
    content:"\f005";
}

.selected-rating{
    color: #ffd100;
    font-weight: bold;
    font-size: 3em;
}
.image-preview-input-title {
	margin-left: 2px;
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

/*Ranjith*/


.box1 {
    background: #40bfff;
    color: #fff;
    padding: 12px 20px;
    min-height: 100px;
}

.box2 {
    background: #ffaa33; 
    color: #fff;
    padding: 12px 20px;
    min-height: 100px;
}

.box3 {
    background: #e13d51;
    color: #fff;
    padding: 12px 20px;
    min-height: 100px;
}

.box4 {
    background: #fc6739;
    color: #fff;
    padding: 12px 20px;
    min-height: 100px;
}


.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child {
    background-color: #673ab7;
    border: 1px solid #673ab7;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-child(2) {
    background-color: #E91E63;
    border: 1px solid #E91E63;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-child(3) {
    background-color: #2196F3;
    border: 1px solid #2196F3;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:first-child {
    background-color: #673ab7;
    border: 1px solid #673ab7;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-child(2) {
    background-color: #E91E63;
    border: 1px solid #E91E63;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-child(4) {
    background-color: #009688;
    border: 1px solid #009688;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice:nth-child(5) {
    background-color: #00bcd4;
    border: 1px solid #00bcd4;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #ff5722;
    border: 1px solid #ff5722;
    color: #fff;
    border-radius: 32px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 3px 11px;
}    
    
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.filter-section {
   background: #fff;
   box-shadow: 0 3px 7px rgba(0, 0, 0, 0.14);
   background-color: #ffffff;
   border-radius: 5px;
}

.greytext {
    color: #999;
    display: flex;
    align-items: center;
}

.surveytext-center {
    display: flex;
    align-items: center;
    justify-content: center;  
     height: 150px;  
}