/* start new code by atul*/
.notificationheading {
    display: flex;
    justify-content: start;
    padding: 6px 0px;
}
    .notificationheading i {
        color: #007bff;
    }
.notificationwrapper {
    border-bottom: 1px solid #ddd;
    padding: 4px 0px;
}

.notifytimesetting {
    margin-top: 0px !important;
    border-radius: 5px;
    margin-bottom: 0px !important;
    width: auto !important;
    line-height: unset;
    font-size: 11px !important;
    color: #1a82ef !important;
}
.circulartype {
    margin-right: 13px;
    margin-left: 5px;
    position: relative;
}
    .circulartype:before {
        content: '';
        background: #9f9f9f;
        position: absolute;
        width: 2px;
        height: 16px;
        right: -8px;
    }
.notificationheading p {
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
    font-family: 'fontmedium';
}
.notificationcontent {
    text-align: start;
    margin-left: 8px;
}
.circulartypewrap {
    color: #e55a31;
    font-size: 11px;
    font-family: 'fontmedium';
    padding: 0px 15px;
    display: flex;
}
.notidatewrap {
    color: #007bff;
    font-size: 11px;
    font-family: 'fontmedium';
    padding: 0px 15px;
}
.unreadmessageflag {
    position: relative;
    overflow: hidden;
    padding: 4px 0px;
    border-bottom: 1px solid #ddd
}
    .unreadmessageflag:before {
        position: absolute;
        content: '';
        background: #ff9900;
        width: 41px;
        height: 38px;
        top: -28px;
        left: -32px;
        transform: rotate(45deg);
    }
    .actionbtn {
        font-size: 11px;
        margin-left: 4px;
        padding: 2px 6px;
    }
.nofi-header .notifi-tab {
    margin-bottom: 0px;
}
.notificationtabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}
    .notificationtabs ul {
        width: 100%;
        margin: 0 0px;
        box-shadow: 4px 4px 10px 0px #dfdfdf;
    }
    .notificationtabs ul li .nav-link {
        display: block;
        padding: 3px 15px;
    }

        .notificationtabs ul li .nav-link.active {
            color: #FFF;
            background-color: #007bff;
            border-color: #dee2e6 #dee2e6 #fff;
        }
    .notificationtabs .tab-content {
        width: 100%;
    }
@keyframes slideInTop {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slideInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slideInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes slideInBottom {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeIn {
    animation: 0.5s ease-out 0s 1 fadeIn;
}

.slideInLeft {
    animation: 1s ease-out 0s 1 slideInLeft;
}

.slideInRight {
    animation: 1s ease-out 0s 1 slideInRight;
}

.slideInTop {
    animation: 1s ease-out 0s 1 slideInTop;
}

.slideInBottom {
    animation: 1s ease-out 0s 1 slideInBottom;
}
.blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 3s infinite;
}

@keyframes blink-animation {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
.bgblack {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modal-title {
    font-size: 16px;
    font-weight: 600;
}
.filterwrapbg {
    background: linear-gradient(rgb(255 255 255 / 50%), rgba(255 255 255 / 50%)), url(../images/teacherdashboardbg.jpg);
    padding: 5px 5px;
    margin-bottom: 8px;
    border-radius: 5px;
    border: 1px solid #dddddd;
}
.graphcard {
    background: #fff;
    position: relative;
    padding: 11px 14px;
    border-radius: 10px;
    border: 1px solid #e7e7e7;
    transition: 0.5s;
    margin-bottom: 15px;
}
.graphheading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
    .graphheading h5 {
        font-size: 16px;
        font-family: 'fontmedium';
    }
.chartsize {
    width: 100%;
    height: 300px;
}
.dbheaderwrap {
    background: #fff;
    padding: 4px 14px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 1px 1px 20px 0px #d8d8d8ba;
    max-height: 38px;
    min-height: 38px;
}
    .dbheaderwrap h4 {
        font-weight: 600;
        font-size: 14px;
        margin-bottom: 0px;
    }
/* end new code by atul*/
/* start new code ankit*/
body {
    font-family: 'senregular';
    color: #212121;
    background-color: #ffffff !important;
    font-size: 0.8125rem
}
#nav-toggle-btn {
    padding: 16px 11px 13px;
}
.text-end{
    text-align: end !important;
}
.fix-footer {
    border-top: 1px solid #d5d5d5;
    padding: 10px 0px;
    background: #f2f2f2;
}
.fas.fa-info-circle {
    font-size: 11px;
    color: #bfbfbf;
}
.p_0 {
    padding: 0px;
}
.plr_0 {
    padding-left: 0px;
    padding-right: 0px;
}
.plr_15 {
    padding-left: 15px;
    padding-right: 15px;
}
.ptb_0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ptb_15 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.pl_0{
    padding-left: 0px;
}
.pl_15 {
    padding-left: 15px;
}
.pr_0 {
    padding-right: 0px;
}
.pr_15 {
    padding-right: 15px;
}
.f_bold{
    font-weight: bold;
}


.extra-bold {
    font-family: 'senbold'
}
.font-bold {
    font-family: 'fontsemibold';
}

.semi-bold {
    font-family: 'fontsemibold';
}

.font-medium {
    font-family: 'fontmedium';
}

.font-light {
    font-family: 'fontlight';
}

.font-italic {
    font-family: 'fontitalic';
}
.font-thin {
    font-family: 'fontthin';
}
.table{
    overflow-y:visible;
}
.msgpopup {
    position: absolute;
    z-index: 999;
    background: #ffffbf;
    margin: auto;
    width: 500px;
    left: 0px;
    right: 0;
    padding: 15px;
    box-shadow: 0px 1px 6px 1px #777774;
    font-size: 15px;
    font-family: system-ui;
    top:-180px;
    transition:all ease-in 0.3s;
}
.msgpopup-show {
    top: 0px !important;
}



    span.msgclose {
        position: absolute;
        right: 0px;
        cursor: pointer;
        display: inline-block;
        padding: 5px;
        top: -9px;
        /* box-shadow: 0px 1px 4px; */
    }
.tooltip {
    font-size: 11px;
}
#helpdesk {
    pointer-events: auto;
    margin-top: 7px;
    height: 22px;
    font-size: 13px;
    font-family: 'senregular';
    border-left: 2px #adadad solid;
    padding-left: 9px;
    line-height: 26px;
    cursor:pointer;
}
.api-innerbox p{
    margin-bottom:0px;
}
ul#apidiv {
    list-style-type: decimal;
}

li.col-12.api-innerbox {
    margin-bottom: 15px;
    border-bottom: 1px #e8e5e5 solid;
    padding-bottom: 15px;
}
.api-box2 {
    margin-bottom: 5px;
}
    li.col-12.api-innerbox:nth-last-child(1) {
        border-bottom: 0px #d2d2d2 solid;
    }
    .api-counter {
        background-color: #4486ff;
        display: inline-block;
        padding: 0px 7px;
        border-radius: 21px;
        margin-right: 15px;
    }
.api-box4 {
    color: #3855de;
}
.api-innerbox {
    border-bottom: 1px #ccc solid;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
    .api-innerbox:nth-last-child(1) {
        border-bottom: 0px #ccc solid;
    }
.api-box2, .api-box4 {
    display: inline-block;
    padding: 0 15px;
    font-size: 15px;
  
    float: left;
    clear: both;
}
.api-box3, .api-box5 {
    display: inline-block;
    padding: 0 15px;
    font-size: 15px;
    float: left;
}

.api-box2-heading {
    font-size: 13px;
    color: #8c8080;
    font-style: italic;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }

}
.help-category {
    font-size: 19px;
}
.help-Subcategory {
    color: gray;
    font-size: 15px;
}
#helpdeskmodalinner ::marker {
    font-size: 22px;
}
#helpdeskmodalinner {
    top: 0%;
    right: 0%;
    transition-duration: 0.5s;
}
.help-question:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 14px 15px 14px;
    border-color: transparent transparent #dcdcdc transparent;
    position: absolute;
    top: -16px;
    left: 143px;
}
.help-Subcategory-main{
    list-style-type:none;
}
.help-question {
    display: block;
    padding: 15px;
    box-shadow: 0px 0px 7px #d8d8d8;
    min-height: 131px;
    width: 100%;
    margin: auto;
}
.helpdeskextra {
    top: -100% !important;
    right: -100% !important;
    transition: all ease 0.3s;
    left: auto !important;
    width: 0px !important;
    height: 0px !important;
     transition: width 0.2s, height 0.3s;
}
 /*css for search bar*/
.search-drop-main {
    float: left;
    width: 100%;
    border-bottom: 1px #eaeaea dotted;
    padding: 5px;
}
#GlobalMenuId {
   
    margin-top: 3px;
    color:#000;
    padding-left:15px;
    display: inline-block;
}
.sear-dorp-icon-c {
    width: 10%;
    float: left;
}
.search-drom-menu-f {
    float: left;
    width: 89%;
}
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 0 !important;
    border: 0px !important;
    float: left;
    width: 100%;
}
.search-drop-main:hover {
    background-color: #f1f1f1;
    color:#000 !important;
}
.sear-dorp-icon-c .fa-search {
    padding: 5px;
}
.search-drop-sub-name {
    font-size: 13px;
    color: #a5a5a5;
}
    .search-drop-sub-name .fa-chevron-right {
        margin: 0px 6px;
        color: #9a9595;
        font-size: 12px;
    }
    select {
        font-family: system-ui;
        padding-top: 4px !important;
    }

.row{
  clear:both;
}

.height-30{
    height:30px;
}
.ui-widget.ui-widget-content {
    border: 1px solid #d3d3d3;
    z-index: 1052;
}
.custom-file.has-error .help-block {
  
    position: absolute;
    width: 100%;
    margin-top: 35px;
    top: 0;
}
.paymen-msg-main {
    display:none;
}
.help-icon-box {
    position: fixed;
    top: 99px;
    right: 15px;
    z-index: 15;
    border: 0;
    width: auto;
    white-space: nowrap;
    height: 30px;
    display: flex;
}
.top-fixd-box {
    position: fixed;
    top: 110px;
    right: 15px !important;
    z-index: 15;
    border: 0;
    width: auto;
    white-space: nowrap;
    height: 30px;
    display: flex;
}
table.table {
    margin-top: 0px !important;
    margin-bottom: 0;
}

.table tr > th {
    background-color: #dde7ff !important;
    position: sticky !important;
    top: -1px;
    z-index:9;
}
.table tr th span.checkbox_square, .table tr th .checkbox_square > span {
    float: left;
    margin-top: 0px;
    display: block;
    height: 22px;
    padding: 1px;
}
table.frezz-table tr th {
    position: unset !important;
}
table.frezz-table tr td {
    box-sizing: content-box !important;
    white-space: nowrap;
}
    .table-custom {
        overflow-x: visible;
    }
input[type="file"] {
    height: 32px;
    border-radius: 0px;
    padding: 0;
}
.form-control, select {
    height: 30px;
 
    font-size: inherit;
}
.btn-Search {
    cursor: pointer;
    background-color: #2789C3;
    color: #FFF;
}
.hidden-input {
    opacity: 0;
    position: absolute;
    right: 0;
    z-index: -1;
}

.custom-tab {
}
#AllFiles{
    word-break:break-all;
}
.loader-graph {
    text-align: center;
    position: absolute;
    top: 116px;
    right: 0px;
    left: 0px;
    width: 100px;
    margin: auto;
    z-index: 4;
}
    .btn-default{
        background-color:var(--dark);
        color:#FFF;
    }
    .loader-graph img {
        width: 60px;
    }
    .chkmulticombo1 {
     visibility:hidden;
    border: 1px solid #999!important;
    max-height: 18rem!important;
    z-index: 1000 !important;
    min-width: 260px;
    overflow-y: scroll;
    background-color: rgb(244, 244, 244);
    background-color: #fff!important;
    position: absolute!important;
    width: 95%!important;
    border-radius: 2px!important;
    padding: 1rem!important;
}
/*custom upload buttom*/
.file-uploader {
    position: relative;
    height: 30px;
    max-width: 253px;
}

.custom-modal {
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
}
.chkmulticombo td {
    border: 0px !important;
    padding: 0px;
}
.table tr th {
 
    padding: 7px 5px;
    white-space: nowrap;
    white-space: nowrap;
    text-transform: capitalize;
}
.table tr td {
    font-weight: normal;
    padding: 7px 5px;
    font-weight: normal;
    position: relative;
}
.file-uploader i {
    position: absolute;
    font-size: 16px;
    left: 20px;
    top: 6px;
    color: #3a6c9e;
    transition: all .2s ease-in-out;
}

.file-uploader label {
    padding: 0;
    font-size: 12px !important;
    display: block;
    text-align: center;
    width: 100%;
    border: 2px solid #3a6c9e;
    cursor: pointer;
    position: relative;
    height: 100%;
    transition: .2s all ease-in-out;
    border-radius: 4px;
    z-index: 1;
}


.file-uploader input[type=file] {
    cursor: pointer;
    text-align: center;
    position: absolute;
    font-size: 11px;
    text-indent: -122px;
    left: 0px;
    z-index: 3;
    height: 30px;
    width: 100%;
    top: 0px;
    padding-top: 13px;
}
.inti-imgbox {
    min-height: 123px;
}
    .file-uploader input[type=file]:focus,
    .file-uploader input[type=file]:active {
        outline: transparent;
    }

        .file-uploader label:hover, .file-uploader label:focus,
        .file-uploader input[type=file]:focus + label,
        .file-uploader input[type=file]:hover + label {
            background-color: #FFF;
        }


/*end*/
#lblActice {
    color: green;
}

.copy-staff {
    padding: 2px 11px;
    border-radius: 20px;
    color: #060606;
    cursor: pointer;
}

.main-loader-outer {
    position: fixed;
    z-index: 10000000;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background: rgba(197,197,197,0.36);
}

.main-loader-inner {
    margin: 0 auto;
    top: 50%;
    width: 100px;
    position: relative;
    text-align: center;
    transform: translateY(-50%);
}

.note-editor .btn-default {
    background-color: #FFF;
    color: #000;
    height: 33px;
}

a, a:hover {
    color: #000;
}

.pace-activity {
    display: none !important;
}

canvas {
    width: auto;
    max-width: 100%;
}

::-webkit-input-placeholder {
    color: #a9a9a9 !important;
    font-size: 12px;
}

::-moz-placeholder {
    color: #a9a9a9 !important;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #a9a9a9 !important;
    font-size: 12px;
}

:-moz-placeholder {
    color: #a9a9a9 !important;
    font-size: 12px;
}

/* Track */
::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}
::-webkit-scrollbar:hover {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 4px #bbbbbb !important;
    border-radius: 0px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #645d54;
    background: #aeaeae8a !important;
    border-radius: 25px !important;
}
/* Handle on hover */
.scrollbar-default-menu::-webkit-scrollbar {
    width: 0px;
}
.scrollbar-default-menu:hover::-webkit-scrollbar {
    width: 10px;
}
.btn-30 {
    vertical-align: top;
    height: 30px;
    padding: 0 15px;
}
.custom-file-label  {
    overflow:hidden;
}
.custom-file-label::after {
    height: 28px;
    padding: 5px 15px;
}
.custom-label {
    width: 100%;
    margin-bottom: 0px;
   
   
    letter-spacing: 1px;
    min-height: 18px;
}
.control-label {
   
  
}
.float-width {
    width: 100%;
    float: left;
}

a {
    text-decoration: none !important;
}

.input-margin-bot {
    margin-bottom: 15px;
}

.custom-input-box {
    line-height: 22px;
    border: 1px solid #ced4da;
    height: 30px !important;
    padding: 4px 8px !important;
    border-radius: 0.15rem;
    font-size: 13px;
    width: 100%;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #b1b1b1 !important;
    height: 30px !important;
   
    border-radius: 0.15rem !important;
    background-image: none !important;
    box-shadow: none !important;
}

.summernote-custom .btn-default {
    background-color: #FFF;
    border-color: #b1b1b1;
    color: #000000;
    height: 30px;

}
input#menu_txtmenu {
    background: #FFF !important;
}
.logo-c img {
    max-height: 45px;
    margin-bottom: 3px;

}

.logo-c {
    float: left;
    width: 13%;
}

.school-name {
    float: left;
    width: 65%;
    margin-top:5px;
}

.header-right {
    float: right;
    width: 22%;
    height: 42px;
    margin-top: 5px;
}
.bookmarkimg {
    margin-top: 6px;
    margin-right: 7px;
    width: 15px !important;
}
.bookmarkschoollogo{
    position: relative;
}

.school-name-w {
    font-size: 18px;
    font-family: 'fontsemibold';
    float: left;
}

.refrel-c {
    float: right;
    position: relative;
     cursor: pointer;
    cursor: pointer;
    margin-right: 5px;
}

.ref-label {
    float: left;
    margin-left: 15px;
    width: 150px;
}

.refer-inner-head {
    font-family: 'senbold';
    font-size: 15px;
    margin-bottom: 14px;
}

.modal-body {
    clear: both;
}

.modal-footer {
    clear: both;
    background:#f5f5f5;
}

.modal-footer {
    background: #f5f5f5;
}
    #License .nav-tabs > li.active > a, #License .nav-tabs > li.active > a:hover, #License .nav-tabs > li.active > a:focus {
    height: 27px;
    padding: 5px 15px;
}

#License .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
    height: 27px;
}

.copied1, .copied2 {
    margin-left: 5px;
    font-family: 'senbold';
    margin-top: 2px;
}

#License .nav-tabs > li.active > a,
#License .nav-tabs > li.active > a:hover,
#License .nav-tabs > li.active > a:focus {
    background-color: #636363;
    color: #FFF;
}

.modal-dialog {
    margin-top: 0px;
}

.pay-logo {
    width: 110px;
    margin: 0px 15px 20px;
    float: left;
    border: 1px #afabab solid;
    height: 110px;
    padding: 18px;
}

    .pay-logo img {
        width: 100%;
    }

.referel-hide .tringle {
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 16px solid #f3e8f3;
    position: absolute;
    top: -12px;
    right: 152px;
}

.ref-img-c img {
    width: 100%;
    cursor: pointer;
}


.referel-hide {
    transition: all 0.3s ease;
    display: none;
    position: absolute;
    width: 317px;
    z-index: 15;
    left: -139px;
    top: 42px;
    right: auto;
    background-color: #fefafe;
    padding: 8px;
    box-shadow: 0px 2px 3px #b5bfc7;
}

.ref-terms {
    font-size: 11px;
}

.ref-text {
    text-align: center;
    margin-top: 32px;
    padding: 15px 0px;
    border-top: 1px dashed #bbdfff;
    border-bottom: 1px dashed #bbdfff;
    color: #3e9ff5;
}

.ref-btn {
    background-color: #bbdfff;
    width: 114px;
    text-align: center;
    padding: 5px;
    border: 1px #82a2e0 solid;
    margin: 20px auto;
    font-size: 16px;
    cursor: pointer;
}

.refrel-c > img {
    width: 25px;
    margin-top: 5px;
    float: right;

}

.school-year {
    font-size: 15px;
    color: #12a500;
    letter-spacing: 2px;
    float: right;
    font-family: 'fontsemibold';
    margin-top: 7px;
}

.topbar-profile > a i {
    margin-top: -6px;
    font-size: 28px;
}

.topbar-profile {
    margin-top: 3px;
    height: 30px;
    width: 54px;
    line-height: 30px;
    text-align: center;
    color: #AEB2B7;
    cursor: pointer;
    float: right;
    border-left: 1px #c7c7c7 solid;
}

    .topbar-profile img {
        width: 21px;
        margin-top: -3px;
        max-height: 71px;
    }

.top-menu-w {
    float: left;
    width: 100%;
}

.content-page {
    position: relative
}

    .content-page > .content {
        margin-top: 132px;
        padding: 10px 15px 28px;
        position: relative;
    }

.topbar {
    left: 0;
    right: 0;
    top: 0;
    height: 96px;
    position: fixed;
    padding-top: 5px;
    background-color: #FFF;
    z-index: 99;
    width: 100%;
}

.ContentPlaceHolder1_Editor1_items tbody tr td {
    padding-left: 0px;
    padding-right: 4px;
}

.ContentPlaceHolder1_Editor1_Toolbar table tbody tr td {
    padding-left: 0px;
    padding-right: 0px;
}

.ContentPlaceHolder1_Editor1_OuterTable tbody tr td {
    padding-top: 1px;
}

.message-box-div {
    display: none;
    position: fixed;
    z-index: 10000000;
    min-height: 180px;
    width: 27%;
    top: 30%;
    left: 40%;
    border: solid 6px #424344;
    border-radius: 15px;
    background-color: rgb(235, 250, 238);
    padding: 5px 5px 5px 10px;
    overflow: auto;
}

.message-heading {
    background-color: rgb(66, 67, 68);
    color: white;
    padding: 5px;
}

.message-style {
    margin-left: 5px;
}

.button-style {
    bottom: 0px;
    position: absolute;
    margin-bottom: 10px;
    left: 43%;
}

.md-show1 {
    width: 50%;
    height: 30%;
    background-color: transparent;
}

aside {
    background: #fff;
    position: fixed;
    top: 50vh;
    bottom: 0;
    right: -3px;
    z-index: 9;
    transition: all 1s;
    max-height: 3rem;
    width: 4rem;
}

    aside nav ul {
        padding-left: 0;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        border: .10rem solid #000;
    }

        aside nav ul li {
            padding: 1rem;
            background-color: #313949;
            color: #fff;
            max-height: 4rem;
        }

            aside nav ul li div {
                color: #333;
                padding: 1rem;
                margin-left: 3rem;
                padding-left: 0;
                padding-right: 0;
                padding-top: 0;
                padding-bottom: 0;
                transition: all 1s;
                max-height: 10.4rem;
                background-color: #fff;
                width: 16rem;
                margin-right: -1rem;
            }

                aside nav ul li div ul {
                    color: #fff;
                    background-color: transparent;
                    text-align: center;
                    font-size: 1.25rem;
                    margin-bottom: -1rem;
                    margin-top: -1rem;
                }

                    aside nav ul li div ul li {
                        background-color: #fff;
                        color: #000;
                        text-transform: capitalize;
                    }

            aside nav ul li p a {
                color: #fff;
            }

    aside:hover {
        width: 22rem;
    }

     .hide{
         display:none;
     }
    aside nav ul li {
        display: flex;
        align-items: center;
        list-style-type: none;
        padding: 11px;
        cursor: pointer;
    }

    aside .ft-2 {
        font-size: 2rem;
        color: #fff;
        margin-left: -0.5rem;
        margin-right: 1rem;
    }

.hide-bar {
    display: none !important
}

.display-bar {
    display: block
}




/*Aside menu*/
.horizontal-nav {
    z-index: 999;
    position: fixed;
    top: 18%;
    width: 0.5rem;
    height: 3.5em;
    background-color: #313949;
    bottom: 0px;
    height: 100%;
}

    .horizontal-nav #nav-toggle-btn {
        position: absolute;
        width: 24px;
        top: -22px !important;
        bottom: 0;
        left: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 1s;
        background: #8aa0ce;
        height: 43px;
        font-size: 16px;
        padding: 9px;
        border-radius: 0px 28px 28px 0px;
        box-shadow: 0 0 black;
        transform: translateY(-50%);
        margin-left: -10px;
    }

        .horizontal-nav #nav-toggle-btn i {
            margin-top: 5px;
            margin-right: 1px;
            font-size: 23px;
        }


        .horizontal-nav #nav-toggle-btn:hover {
            background-color: #313949;
        }

.th-icon {
    font-size: 3rem;
    color: #fff;
    margin-left: 0.35rem;
}

table.table {
    clear: both;
    margin-top: 0px !important;
    border-radius: 5px;
}

.horizontal-nav #nav-toggle-btn:hover .th-icon {
    color: #fff;
}
/* sidenav */
#sidenav {
    font-size: 0.9em;
    z-index: 99999;
    position: fixed;
    right: -300px;
    padding: 15px 15px;
    top: 0;
    box-shadow: 0px 0px 5px #827f7f;
    height: 100vh;
    width: 300px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.3s ease;
}

.quick-open {
    right: 0px !important;
    transition: all 0.3s ease;
}

.aside-footer {
    padding: 4px 0px 3px;
    display: flex;
}

.border-0 {
    border: 0px !important;
}

.page-sub-heading {
    font-size: 16px;
    font-family: 'senbold';
    margin-bottom: 15px;
}

.chart-heading {
    font-size: 16px;
    font-family: 'fontmedium';
}
.graph-inner .checkbox_square label {
    margin-bottom: 0px;
}
.graph-main-headeing .checkbox_square label {
    margin-bottom: 0px;
    line-height: 16px;
}
.graph-inner .table tr > th {
    background-color: #FFF !important;
    font-family: 'fontmedium';
}
.graph-main-headeing {
    line-height: 32px;
    height: 32px;
    margin-bottom: 30px;
    border-radius: 5px 5px 0px 0px;
}
.chart-container {
    background-color: #E6E6EE;
    border-radius: 4px;
    padding: 15px 0px;
}

.chart-inner-w {
    background-color: #FFF;
    padding: 10px 10px;
    border-radius: 5px;
    margin: 7px 0px;
    min-height: 330px;
    border: 1px #dedede solid;
}
.graph-inner {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    min-height: 350px;
    background: #FFF;
    border-radius: 6px 6px 0px 0px;
}
.graph-outer {
    padding: 15px;
 }
.custom-stu-photo {
    width: 100%;
    display: block;
    text-align: center;
    float: right;
    border: 1px #e8e5e5 solid;
}

.web-cam-input {
    width: 100%;
    border: 0px !important;
    height: 20px !important;
    line-height: 15px;
    margin-top: 5px;
}

.custom-stu-photo img {
    width: 100%;
}

.quick-left img {
    width: 100%;
    max-width: 47px;
}

#sidenav .closebtn {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
    color: gray;
    transition: 0.5s;
}
    #sidenav .closebtn:hover {
        transform: scale(1.5);
        transition: 0.5s;
    }

    #sidenav .side-nav-items {
        overflow-y: auto;
        width: 100%;
        font-size: 1.3em;
        padding: 1em 0.5em 1em 0em;
        margin-top: 0rem;
        list-style: none;
        overflow-x: hidden
    }

.outer-div {
    display: none;
}

.hed-usricon {
    font-size: 26px;
}

.quick-middle-part {
    background-color: #FFF;
}

.quick-check {
    float: left;
    width: 25px;
    display: inline-block;
    height: 25px;
}

    .quick-check input[type=checkbox] {
        margin: -7px 0 0;
    }

.side-item {
    float: left;
    width: auto;
    width: 48%;
    min-height: 25px;
}
.quickside .side-item {
    width: 100%;
    background: #f2f2f2;
    float: left;
    min-height: auto;
    margin-bottom: 5px;
    padding: 4px 9px;
    border-radius: 5px;
}

.quick-middle-part {
    margin-top: 22px;
    height: calc(100vh - 153px);
    overflow-y: auto;
}
    .quick-middle-part h6 {
        font-weight: 800;
        font-size: 17px;
        margin-bottom: 10px;
    }
.quick-check input {
    margin-top: 1px !important;
}
#themebutton i {
    margin-top: 6px;
    font-size: 22px;
    margin-right: 13px;
}
}
.sqe-1, .sqe-2 {
 
    font-size: 16px;
}
#default-theme {
    padding: 10px;
    cursor: pointer;
}

#themebutton {
    cursor: pointer;
}
.theme-main {
    position: relative;
}
#thememenu {
    display: none;
    list-style: none;
    margin-top: 10px;
    width: 200px;
    padding: 0px;
    background: #FFF;
    z-index: 99;
    left: 0px;
    height: 85vh;
    overflow-y:auto
}

.theme-color {
    padding: 10px;
    cursor: pointer;
}
.themeactive {
    background: #d8d8d8;
}
/*a#nav-toggle-btn {
    top: 61px;
    position: fixed;
    color: #FFF;
    z-index: 999;
    left: 7px;
    width: 30px;
    height: 30px;
    padding: 5px;
    font-size: 18px;
    transition: all 0.2s ease;
}*/

.remove-show {
    display: block !important;
}

.quick-dot {
    font-size: 6px;
    margin-top: 5px;
    margin-right: 5px;
    color: #8c8c8c;
    float: left;
}

/*.plus-rotat {
    transform: rotate(316deg);
    transition: all 0.2s ease;
}*/

a#nav-toggle-btn img {
    width: 19px;
}

.quick-menu-add, .quick-menu-manage {
    background: #4ea010;
    padding: 8px 8px;
    color: #FFF !important;
    border-radius: 7px;
    margin-right: 10px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
    float: right;
}
.quick-menu-text {
    float: left;
}
.quick-check {
    display: none;
    float: left;
}

.remove-quick-menu {
    display: none;
    background: red;
    padding: 8px 13px;
    color: #FFF !important;
    border-radius: 7px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: normal;
    float: right;
}

.quick-middle-part a {
    font-size: 12px;
    font-weight: 600;
}

    .quick-middle-part a:hover {
        color: #0e4175 !important;
    }

.aroow-right {
    left: 17px;
    z-index: 99;
    font-size: 18px;
}

.aroow-left {
    left: 200px;
    z-index: 99;
    font-size: 18px;
}

body.fixed-left .side-menu.left {
    top: 96px;
    position: fixed;
    left: 0px;
    bottom: 0px;
    border-right: 1px solid #ccc;
}

.scrollbar-default-menu {
    position: absolute;
    bottom: 0px;
    top: 38px;
    overflow-y: auto;
    width: 100%;
}

.ui-icon-gripsmall-diagonal-se {
    display: none !important;
}

.page-heading {
    margin: 0;
    padding: 0px 12px;
    position: fixed;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    top: 96px;
    left: 241px;
    z-index: 12;
    background: #fff;
    width: 100%;
    text-align: left;
    border-bottom: 1px #ccc solid;
}

.page-heading-full {
    left: 0px;
    padding-left: 51px;
}

.btn1 {
    display: none;
}

#sidenav.show {
    transform: translateX(0);
}

#sidenav .dropdown {
    color: #b3b3b3;
}

    #sidenav .dropdown > a::after {
        content: "^";
        display: inline-block;
        font-size: 0.7em;
        transform: translate(0.5em, -0.25em) rotateZ(180deg);
    }

    #sidenav .dropdown .dropdown-items {
        padding: 0.3em 0 0.3em 0.5em;
        max-height: 0;
        overflow: hidden;
        transition: all 0.7s;
    }

        #sidenav .dropdown .dropdown-items .dropdown-item {
            padding-top: 0.3em;
        }

            #sidenav .dropdown .dropdown-items .dropdown-item::before {
                content: " ";
            }

    #sidenav .dropdown:hover {
        /* remove if want to work the dropdown on click*/
    }

        #sidenav .dropdown:hover .dropdown-items {
            max-height: 6em;
        }


.aside-footer .btn {
    bottom: 1rem;
    margin: 0 auto;
    text-align: center;
    margin-left: 4rem;
    background: #27a9e3;
    color: #fff !important;
}

    .aside-footer .btn:hover {
        background-color: #2195c9
    }

.edit-btn {
    color: #b3b3b3;
    font-size: 1.85rem;
}

    .edit-btn:hover {
        color: #fff
    }

#sidenav [type="radio"]:checked, #sidenav
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

ul.dis-none {
    margin-left: 15px;
    height: 43px;
}

#sidenav [type="radio"]:checked + label,
#sidenav [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    margin-top: -2rem;
}

    #sidenav [type="radio"]:checked + label:before,
    #sidenav [type="radio"]:not(:checked) + label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 19px;
        height: 19px;
        border: 1px solid #ddd;
        border-radius: 100%;
        background: #fff;
    }

    #sidenav [type="radio"]:checked + label:after,
    #sidenav [type="radio"]:not(:checked) + label:after {
        content: '';
        width: 12px;
        height: 12px;
        background: #ff4444;
        position: absolute;
        top: 4px;
        left: 4px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    #sidenav [type="radio"]:not(:checked) + label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    #sidenav [type="radio"]:checked + label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

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

#radio-label {
    display: none !important
}

.btn-remove {
    display: none
}

.show-btn {
    display: block
}

.circle:before {
    content: ' \25CF';
    font-size: 200px;
}

.circle {
    position: absolute;
    left: -8rem;
    top: 27%;
    color: #313949
}

.btn-remove {
    background-color: #ff4444 !important;
}

.side-nav-items .col-sm-8 {
    margin-left: -4rem
}

.ecard {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    transition: 0.5s
}

    .ecard:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }



.profile-btn-c {
    padding-left: 15px;
    padding-top: 12px;
}

.profil-box > li > a {
    font-size: 12px;
    color: #555
}

.profil-box {
    width: 330px;
    left: auto;
    right: 0px;
}

.profile-li {
    float: left;
    width: 100%;
    letter-spacing: 1px;
}

.profile-btn-c .pull-left a {
    font-size: 12px;
}

#UserName {
    margin-top: 5px;
    font-size: 19px;
    width: 100%;
    color: #727372;
}

.profile-img-right {
    width: 195px;
    float: left;
    margin-left: 15px;
}

.logout-btn {
    float: right;
    background: #0e4175;
    padding: 7px;
    border-radius: 4px;
    margin-top: 5px;
    margin-right: 15px;
    font-family: 'senbold';
    cursor: pointer;
    width: 100px;
    text-decoration: none !important;
    text-align: center;
    color: #FFF !important;
}

.profile-img-w {
    float: left;
    margin-bottom: 10px;
}

.topbar-profile .topbar-profile-image {
    width: 85px;
    position: relative;
    padding: 6px;
    border: 1px solid rgba(0,0,0,.2)
}

.profil-icon {
    margin-right: 15px;
    margin-top: 7px;
}
/* notification   */
.alert-container {
    margin-top: 4px;
    text-align: right;
    float: right;
}

.bell-bageg-icon {
    display: inline-block;
   
    font-size: 26px;
    color: #727372;
}

    .bell-bageg-icon img {
        width: 21px;
    }

.mas-c {
    height: 43px;
    width: 35px;
    float: right;
    padding: 2px 7px 0px 0px;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
}

.mas-icon {
    color: #727372;
    cursor: pointer;
}

    .mas-icon img {
        width: 24px;
    }


.notification-box, .notification-box-2 {
    position: fixed;
    background: #FFF;
    padding: 0px 0px 15px 0px;
    right: 0px;
    width: 400px;
    box-shadow: 0px 1px 5px #a09b9b;
    top: 0px;
    bottom: 0px;
    z-index: 99;
    display: none;
}

.bell-bageg {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: unset;
    margin-left: 7px;
    border-radius: 50%;
    text-align: center;
    padding: 2px 7px 0px 0px;
    cursor: pointer;
    float: right;
}

.bageg-counter {
    position: absolute;
    top: -3px;
    left: 18px;
    height: 26px;
    width: 26px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    background-color: #f1c677;
    border-radius: 50%;
    color: #131212;
    border: 1px #FFF solid;
}

.msg-counter {
    background-color: #fbb7b7;
    border: 2px #FFF solid;
    top: -4px;
    left: 20px;
}

.nofi-header {
    background-color: #e5e5f3;
    height: 40px;
}

.active-border {
    border-bottom: 2px #0e4175 solid;
    color: #0e4175
}

.notifi-tab, .annouc-tab {
    height: 40px;
    line-height: 42px;
    margin-bottom: 3px;
    cursor: pointer;
}

span.noti-close {
    float: right;
    position: absolute;
    right: 6px;
    font-size: 21px;
    color: #6b6868;
    cursor: pointer;
}

.col-12.notification-innerbox {
    font-size: 13px;
    color: #000;
}

.inner-padding {
    padding: 10px;
    border-bottom: 1px #e8e5e5 solid;
    line-height: normal;
}

.notifi-icon {
    color: #7979af;
    cursor: pointer;
    color: #353535;
    cursor: pointer;
    margin-right: 7px;
}

.notification-box-2 .notife-arrow {
    right: 141px;
}

.notification-box.notife-arrow {
    right: 82px;
}

.notife-arrow {
    position: absolute;
    font-size: 45px;
    top: -29px;
    color: #e5e5f3;
    height: 10px;
    right: 91px;
}

.th-icon {
    margin-top: -13px;
}

.noti-time-date {
    font-size: 12px;
    color: #989696;
    float: left;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 7px;
    margin-top: 14px;
    margin-bottom: 7px;
    text-align: right;
}

.announce-box .inner-padding:hover, .notification-innerbox .inner-padding:hover {
    background-color: #f2f2f2;
}
span.noti-close {
    float: right;
    position: absolute;
    right: 22px;
    top: 10px;
    font-size: 17px;
    color: #6b6868;
    cursor: pointer;
}

.notifi-tab, .annouc-tab {
    float: left;
    padding: 0px 15px;
    float: left;
    padding: 0px 15px;
  
    font-size: 16px;
}

.announce-box, .notification-innerbox {
    font-size: 13px;
    overflow-x: hidden;
    height: 100%;
    overflow-y: auto;
    height: calc(100vh - 76px);
}
.whats-date-type {
    width: 82px;
    text-align: left;
    border-right: 1px #ccc solid;
    margin-right: 15px;
    position:relative;
}

.whats-title {
       text-transform: capitalize;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #FFF;
    background-color: #393d46;
    border-color: #dee2e6 #dee2e6 #fff;
}
.whatreadmore {
    width: 100%;
}
.what-type {
    display: inline-block;
    visibility: hidden;
    float: left;
    width: 26px;
    margin-left: 5px;
    font-weight: 600;
}
.what-sap {
    float: left;
    margin-left: 8px;
}
.what-date {
    float: left;
}
    .what-type:first-letter {
        visibility: visible;
    }

​
/* */
.border-red-1 {
    border-color: #eb5055 !important
}

.btn-red-1 {
    background-color: #eb5055;
    color: #fff
}

    .btn-red-1:hover {
        background-color: #dd4449 !important;
        color: #fff
    }

.red {
    color: red;
}


.btn-blue-1 {
    background-color: #3c989e;
    color: #fff;
    border: 1px solid #36888e
}

    .btn-blue-1:hover {
        background-color: #3f7e82 !important;
        color: #fff
    }

.text-blue-1 {
    color: #3c989e !important
}

.panel-blue-1 {
    border-color: #3f7e82 !important
}

    .panel-blue-1 .panel-heading {
        background-color: #3c989e !important;
        border-color: #3f7e82 !important;
        border-radius: 0
    }

        .panel-blue-1 .panel-heading a, .panel-blue-1 .panel-title {
            color: #fff
        }

.widget.blue-1 {
    background-color: #fff;
    color: #fff
}

    .widget.blue-1 .widget-header h2 {
        color: #fff
    }

.bg-blue-2 {
    background-color: #0368aa !important
}

.border-blue-2 {
    border-color: #0368aa !important
}

.btn-blue-2 {
    background-color: #0368aa;
    color: #fff
}

    .btn-blue-2:hover {
        background-color: #0363a3 !important;
        color: #fff
    }

.text-blue-2 {
    color: #3498db !important
}

.panel-blue-2 {
    border-color: #3189c4 !important
}

    .panel-blue-2 .panel-heading {
        background-color: #3498db !important;
        border-color: #3189c4 !important;
        border-radius: 0
    }

        .panel-blue-2 .panel-heading a, .panel-blue-2 .panel-title {
            color: #fff
        }

.widget.blue-2 {
    background-color: #3498db;
    color: #fff
}

    .widget.blue-2 .widget-header h2 {
        color: #fff
    }

.bg-blue-3 {
    background-color: #2980b9 !important
}

.border-blue-3 {
    border-color: #2980b9 !important
}

.btn-blue-3 {
    background-color: #2980b9;
    color: #fff;
    border: 1px solid #2473a6
}

    .btn-blue-3:hover {
        background-color: #2e6f9a !important;
        color: #fff
    }

.text-blue-3 {
    color: #2980b9 !important
}

.panel-blue-3 {
    border-color: #2e6f9a !important
}

    .panel-blue-3 .panel-heading {
        background-color: #2980b9 !important;
        border-color: #2e6f9a !important;
        border-radius: 0
    }

        .panel-blue-3 .panel-heading a, .panel-blue-3 .panel-title {
            color: #fff
        }

.widget.blue-3 {
    background-color: #2980b9;
    color: #fff
}

    .widget.blue-3 .widget-header h2 {
        color: #fff
    }

.bg-darkblue-1 {
    background-color: #252932 !important
}

.border-darkblue-1 {
    border-color: #252932 !important
}

.btn-darkblue-1 {
    background-color: #045387;
    color: #fff
}

    .btn-darkblue-1:hover {
        background-color: #1d1e20 !important;
        color: #fff
    }

.text-darkblue-1 {
    color: #252932 !important
}

.panel-darkblue-1 {
    border-color: #1d1e20 !important
}

    .panel-darkblue-1 .panel-heading {
        background-color: #252932 !important;
        border-color: #1d1e20 !important;
        border-radius: 0
    }

        .panel-darkblue-1 .panel-heading a, .panel-darkblue-1 .panel-title {
            color: #fff
        }

.widget.darkblue-1 {
    background-color: #252932;
    color: #fff
}

    .widget.darkblue-1 .widget-header h2 {
        color: #fff
    }

.bg-darkblue-2 {
    background-color: #4a525f !important
}

.border-darkblue-2 {
    border-color: #4a525f !important
}

.btn-darkblue-2 {
    background-color: #3498db;
    color: #fff
}

    .btn-darkblue-2:hover {
        background-color: #7ca2ef !important;
        color: #fff;
    }

.text-darkblue-2 {
    color: #4a525f !important
}

.panel-darkblue-2 {
    border-color: #464749 !important
}

    .panel-darkblue-2 .panel-heading {
        background-color: #4a525f !important;
        border-color: #464749 !important;
        border-radius: 0
    }

        .panel-darkblue-2 .panel-heading a, .panel-darkblue-2 .panel-title {
            color: #fff
        }

.widget.darkblue-2 {
    background-color: #029fd2;
    color: #fff
}

    .widget.darkblue-2 .widget-header h2 {
        color: #fff
    }

.bg-darkblue-3 {
    background-color: #38464a !important
}

.border-darkblue-3 {
    border-color: #38464a !important
}

.btn-darkblue-3 {
    background-color: #38464a;
    color: #fff
}

    .btn-darkblue-3:hover {
        background-color: #323536 !important;
        color: #fff
    }

.text-darkblue-3 {
    color: #38464a !important
}

.panel-darkblue-3 {
    border-color: #323536 !important
}

    .panel-darkblue-3 .panel-heading {
        background-color: #38464a !important;
        border-color: #323536 !important;
        border-radius: 0
    }

        .panel-darkblue-3 .panel-heading a, .panel-darkblue-3 .panel-title {
            color: #fff
        }

.widget.darkblue-3 {
    background-color: #38464a;
    color: #fff
}

    .widget.darkblue-3 .widget-header h2 {
        color: #fff
    }

.bg-lightblue-1 {
    background-color: #abb7b7 !important
}

.border-lightblue-1 {
    border-color: #abb7b7 !important
}

.btn-lightblue-1 {
    background-color: #abb7b7;
    color: #fff;
    border: 1px solid #99a4a4
}

    .btn-lightblue-1:hover {
        background-color: #a4a4a4 !important;
        color: #fff
    }

.text-lightblue-1 {
    color: #abb7b7 !important
}

.panel-lightblue-1 {
    border-color: #a4a4a4 !important
}

    .panel-lightblue-1 .panel-heading {
        background-color: #abb7b7 !important;
        border-color: #a4a4a4 !important;
        border-radius: 0
    }

        .panel-lightblue-1 .panel-heading a, .panel-lightblue-1 .panel-title {
            color: #fff
        }

.widget.lightblue-1 {
    background-color: #f6bc41;
    color: #fff
}

    .widget.lightblue-1 .widget-header h2 {
        color: #fff
    }

.bg-lightblue-2 {
    background-color: #66aadd !important
}

.border-lightblue-2 {
    border-color: #66aadd !important
}

.btn-lightblue-2 {
    background-color: #6ad;
    color: #fff
}

    .btn-lightblue-2:hover {
        background-color: #4791c8 !important;
        color: #fff
    }

.text-lightblue-2 {
    color: #66aadd !important
}

.panel-lightblue-2 {
    border-color: #4791c8 !important
}

    .panel-lightblue-2 .panel-heading {
        background-color: #66aadd !important;
        border-color: #66aadd !important;
        border-radius: 0
    }

        .panel-lightblue-2 .panel-heading a, .panel-lightblue-2 .panel-title {
            color: #fff
        }

.widget.lightblue-2 {
    background-color: #6ad;
    color: #fff
}

    .widget.lightblue-2 .widget-header h2 {
        color: #fff
    }

.bg-orange-1 {
    background-color: #e84c3d !important
}

.border-orange-1 {
    border-color: #e84c3d !important
}

.btn-orange-1 {
    background-color: #e84c3d;
    color: #fff
}

    .btn-orange-1:hover {
        background-color: #d94132 !important;
        color: #fff
    }

.text-orange-1 {
    color: #e84c3d !important
}

.panel-orange-1 {
    border-color: #d94132 !important
}

    .panel-orange-1 .panel-heading {
        background-color: #e84c3d !important;
        border-color: #d94132 !important;
        border-radius: 0
    }

        .panel-orange-1 .panel-heading a, .panel-orange-1 .panel-title {
            color: #fff
        }

.widget.orange-1 {
    background-color: #e84c3d;
    color: #fff
}

    .widget.orange-1 .widget-header h2 {
        color: #fff
    }

.bg-orange-2 {
    background-color: #de745e !important
}

.border-orange-2 {
    border-color: #de745e !important
}

.btn-orange-2 {
    background-color: #de745e;
    color: #fff
}

    .btn-orange-2:hover {
        background-color: #cf6954 !important;
        color: #fff
    }

.text-orange-2 {
    color: #de745e !important
}

.panel-orange-2 {
    border-color: #cf6954 !important
}

    .panel-orange-2 .panel-heading {
        background-color: #de745e !important;
        border-color: #cf6954 !important;
        border-radius: 0
    }

        .panel-orange-2 .panel-heading a, .panel-orange-2 .panel-title {
            color: #fff
        }

.widget.orange-2 {
    background-color: #de745e;
    color: #fff
}

    .widget.orange-2 .widget-header h2 {
        color: #fff
    }

.bg-orange-3 {
    background-color: #e27a3f !important
}

.border-orange-3 {
    border-color: #e27a3f !important
}

.btn-orange-3 {
    background-color: #e27a3f;
    color: #fff
}

    .btn-orange-3:hover {
        background-color: #d26e35 !important;
        color: #fff
    }

.text-orange-3 {
    color: #e27a3f !important
}

.panel-orange-3 {
    border-color: #d26e35 !important
}

    .panel-orange-3 .panel-heading {
        background-color: #e27a3f !important;
        border-color: #d26e35 !important;
        border-radius: 0
    }

        .panel-orange-3 .panel-heading a, .panel-orange-3 .panel-title {
            color: #fff
        }

.widget.orange-3 {
    background-color: #e27a3f;
    color: #fff
}

    .widget.orange-3 .widget-header h2 {
        color: #fff
    }

.bg-orange-4 {
    background-color: #edce8c !important
}

.border-orange-4 {
    border-color: #edce8c !important
}

.btn-orange-4 {
    background-color: #edce8c;
    color: #fff
}

    .btn-orange-4:hover {
        background-color: #e2c27e !important;
        color: #fff
    }

.text-orange-4 {
    color: #edce8c !important
}

.panel-orange-4 {
    border-color: #e2c27e !important
}

    .panel-orange-4 .panel-heading {
        background-color: #edce8c !important;
        border-color: #e2c27e !important;
        border-radius: 0
    }

        .panel-orange-4 .panel-heading a, .panel-orange-4 .panel-title {
            color: #333
        }

.widget.orange-4 {
    background-color: #db4a39;
    color: #333
}

    .widget.orange-4 .widget-header h2 {
        color: #333
    }

.bg-green-1 {
    background-color: #68c39f !important
}

.border-green-1 {
    border-color: #68c39f !important
}

.btn-green-1 {
    background-color: #68c39f;
    color: #fff
}

    .btn-green-1:hover {
        background-color: #62b091 !important;
        color: #fff
    }

.text-green-1 {
    color: #68c39f !important
}

.panel-green-1 {
    border-color: #62b091 !important
}

    .panel-green-1 .panel-heading {
        background-color: #68c39f !important;
        border-color: #62b091 !important;
        border-radius: 0
    }

        .panel-green-1 .panel-heading a, .panel-green-1 .panel-title {
            color: #fff
        }

.widget.green-1 {
    background-color: #3c5a9a;
    color: #fff
}

    .widget.green-1 .widget-header h2 {
        color: #fff
    }

.bg-green-2 {
    background-color: #9ec789 !important
}

.border-green-2 {
    border-color: #9ec789 !important
}

.btn-green-2 {
    background-color: #9ec789;
    color: #fff
}

    .btn-green-2:hover {
        background-color: #93b582 !important;
        color: #fff
    }

.text-green-2 {
    color: #9ec789 !important
}

.panel-green-2 {
    border-color: #93b582 !important
}

    .panel-green-2 .panel-heading {
        background-color: #9ec789 !important;
        border-color: #93b582 !important;
        border-radius: 0
    }

        .panel-green-2 .panel-heading a, .panel-green-2 .panel-title {
            color: #fff
        }

.widget.green-2 {
    background-color: #9ec789;
    color: #fff
}

    .widget.green-2 .widget-header h2 {
        color: #fff
    }

.bg-green-3 {
    background-color: #209c83 !important
}

.border-green-3 {
    border-color: #209c83 !important
}


.text-green-3 {
    color: #209c83 !important
}

.panel-green-3 {
    border-color: #247f6c !important
}

    .panel-green-3 .panel-heading {
        background-color: #209c83 !important;
        border-color: #247f6c !important;
        border-radius: 0
    }

        .panel-green-3 .panel-heading a, .panel-green-3 .panel-title {
            color: #fff
        }

.widget.green-3 {
    background-color: #209c83;
    color: #fff
}

    .widget.green-3 .widget-header h2 {
        color: #fff
    }

.bg-pink-1 {
    background-color: #f57a82 !important
}

.border-pink-1 {
    border-color: #f57a82 !important
}

.btn-pink-1 {
    background-color: #f57a82;
    color: #fff
}

    .btn-pink-1:hover {
        background-color: #eb6b73 !important;
        color: #fff
    }

.text-pink-1 {
    color: #f57a82 !important
}

.panel-pink-1 {
    border-color: #eb6b73 !important
}

    .panel-pink-1 .panel-heading {
        background-color: #f57a82 !important;
        border-color: #eb6b73 !important;
        border-radius: 0
    }

        .panel-pink-1 .panel-heading a, .panel-pink-1 .panel-title {
            color: #333
        }

.widget.pink-1 {
    background-color: #f57a82;
    color: #333
}

    .widget.pink-1 .widget-header h2 {
        color: #333
    }

.bg-pink-2 {
    background-color: #f56f6c !important
}

.border-pink-2 {
    border-color: #f56f6c !important
}

.btn-pink-2 {
    background-color: #f56f6c;
    color: #fff
}

    .btn-pink-2:hover {
        background-color: #ea605d !important;
        color: #fff
    }

.text-pink-2 {
    color: #f56f6c !important
}

.panel-pink-2 {
    border-color: #ea605d !important
}

    .panel-pink-2 .panel-heading {
        background-color: #f56f6c !important;
        border-color: #ea605d !important;
        border-radius: 0
    }

        .panel-pink-2 .panel-heading a, .panel-pink-2 .panel-title {
            color: #fff
        }

.widget.pink-2 {
    background-color: #f56f6c;
    color: #fff
}

    .widget.pink-2 .widget-header h2 {
        color: #fff
    }

.bg-yellow-1 {
    background-color: #f4cda5 !important
}

.border-yellow-1 {
    border-color: #f4cda5 !important
}

.btn-yellow-1 {
    background-color: #f4cda5;
    color: #fff
}

    .btn-yellow-1:hover {
        background-color: #ebc095 !important;
        color: #fff
    }

.text-yellow-1 {
    color: #f4cda5 !important
}

.panel-yellow-1 {
    border-color: #ebc095 !important
}

    .panel-yellow-1 .panel-heading {
        background-color: #f4cda5 !important;
        border-color: #ebc095 !important;
        border-radius: 0
    }

        .panel-yellow-1 .panel-heading a, .panel-yellow-1 .panel-title {
            color: #333
        }

.widget.yellow-1 {
    background-color: #f4cda5;
    color: #333
}

    .widget.yellow-1 .widget-header h2 {
        color: #333
    }

.bg-yellow-2 {
    background-color: #eae696 !important
}

.border-yellow-2 {
    border-color: #eae696 !important
}

.btn-yellow-2 {
    background-color: #eae696;
    color: #fff
}

    .btn-yellow-2:hover {
        background-color: #deda88 !important;
        color: #fff
    }

.text-yellow-2 {
    color: #eae696 !important
}

.panel-yellow-2 {
    border-color: #deda88 !important
}

    .panel-yellow-2 .panel-heading {
        background-color: #eae696 !important;
        border-color: #deda88 !important;
        border-radius: 0
    }

        .panel-yellow-2 .panel-heading a, .panel-yellow-2 .panel-title {
            color: #333
        }

.widget.yellow-2 {
    background-color: #eae696;
    color: #333
}

    .widget.yellow-2 .widget-header h2 {
        color: #333
    }


* {
    outline: none !important
}

a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none
}

:focus {
    outline: none
}

::-moz-focus-inner {
    border: 0
}

.label {
    padding: .3em .6em
}

.container {
    width: auto
}

.school-logo {
    width: 100%;
    height: auto
}



.navbar {
    margin: 0 0 0 -15px
}

.navbar-collapse {
    padding: 0;
    margin: 0
}

.navbar-default {
    border: none
}

.nav.navbar-nav.top-navbar .dropdown-menu > li {
    position: relative
}

    .nav.navbar-nav.top-navbar .dropdown-menu > li > a {
        cursor: pointer;
        color: #333 !important;
        font-family: "proximanova-regular-webfont";
        font-size: 14px
    }

.nav.navbar-nav.top-navbar > li span.absolute {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 10px;
    line-height: 7px !important;
    font-weight: 400 !important;
    border-radius: 15px;
    padding: 4px;
    z-index: 4
}

.table-noborder td {
    border: 0px !important
}

.badge {
    vertical-align: bottom
}

.btn-group.spaced .btn {
    border-left: 1px solid rgba(0,0,0,.1)
}

.btn-group.open {
    z-index: 2 !important
}


span.new-circle {
    border-radius: 10px;
    padding: 5px
}

img.xs-avatar {
    width: 50px;
    padding: 2px;
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 4px 0 0;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important
}

img.ava-dropdown {
    float: left;
    margin: 0 10px 0 0
}

.no-left-padding {
    padding-left: 0
}

.no-right-padding {
    padding-right: 0
}

.nomargin {
    margin: 0px !important
}

.no-rounded {
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important
}

.full-rounded {
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border-radius: 20px !important
}

.stacked {
    margin: 0
}

    .stacked > [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
        margin: 0px !important
    }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    -webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear
}

    textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .m-uneditable-input:focus {
        background: #f1f1f1;
        border-color: #eee;
        -webkit-transition: background 0.2s linear;
        -moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
        transition: background 0.2s linear
    }

.icon-added input {
    padding-left: 32px !important
}

.icon-added i:first-child {
    color: rgba(0,0,0,.2);
    display: block;
    margin: 10px;
    z-index: 3;
    position: absolute;
    text-align: center
}

.loading {
    display: block;
    z-index: 2000;
    width: 14px;
    height: 14px;
    border: solid 2px transparent;
    border-top-color: #68C39F;
    border-left-color: #68C39F;
    border-radius: 10px;
    -webkit-animation: pace-spinner 400ms linear infinite;
    -moz-animation: pace-spinner 400ms linear infinite;
    -ms-animation: pace-spinner 400ms linear infinite;
    -o-animation: pace-spinner 400ms linear infinite;
    animation: pace-spinner 400ms linear infinite;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none
}




.nav .dropdown-menu {
    z-index: 8
}

.dropdown-menu.dropdown-message ul {
    white-space: inherit
}

.dropdown-menu.dropdown-message > li > a {
    word-wrap: break-word;
    white-space: inherit;
    width: 300px;
    border-bottom: 1px solid #eee
}

.dropdown-menu.dropdown-message li.dropdown-footer a {
    display: block
}

.dropdown-menu.dropdown-message li p {
    font-size: 11px;
    margin-bottom: 5px
}

.dropdown-menu.dropdown-message li i.msg-time {
    color: #7A868F;
    font-size: 11px;
    font-style: normal
}

.dropdown-menu.dropdown-message li p i {
    color: #7A868F;
    font-size: 11px;
    font-style: normal
}

.dropdown-menu.dropdown-message .dropdown-message-scroll {
    padding: 0
}

    .dropdown-menu.dropdown-message .dropdown-message-scroll li {
        padding: 5px 20px
    }

    .dropdown-menu.dropdown-message .dropdown-message-scroll a, .dropdown-menu.dropdown-message .dropdown-message-scroll strong {
        text-decoration: none;
        border-bottom: none
    }

    .dropdown-menu.dropdown-message .dropdown-message-scroll .unread {
        background: #FFFCE0
    }

    .dropdown-menu.dropdown-message .dropdown-message-scroll a:hover {
        color: #000
    }

.dropdown-header.notif-header {
    font-size: 14px;
    padding: 6px 8px 5px
}

    .dropdown-header.notif-header .pull-right {
        margin-top: -19px
    }

.iradio, .icheckbox {
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    padding-left: 0
}

.icheckbox_square-aero {
    margin-right: 5px
}

.input-group-addon {
    padding: 5px 12px
}

i.i-xs {
    font-size: 10px
}

.widget-tabbed .nav-tabs:first-child {
    margin-top: -39px
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #545e6c;
    border-bottom: none
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #545e6c
}

.navbar-nav > li > .dropdown-menu:before {
    border-bottom: 6px solid #ABB7B7;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    right: 18px;
    content: "";
    height: 0;
    margin-right: -3px;
    pointer-events: none;
    position: absolute;
    width: 0;
    bottom: 100%
}

.navbar-nav > li > .dropdown-menu {
    z-index: 8;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 6px rgba(0,0,0,.1)
}

    .navbar-nav > li > .dropdown-menu > li > a {
        -webkit-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -o-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
        -webkit-border-radius: 0;
        border-radius: 0
    }

        .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus {
            background: #d4dbe1
        }

    .navbar-nav > li > .dropdown-menu .dropdown-header {
        background: #ABB7B7;
        color: #fff;
        -webkit-border-radius: 2px 2px 0 0;
        border-radius: 2px 2px 0 0
    }

        .navbar-nav > li > .dropdown-menu .dropdown-header a {
            display: inline-block;
            width: auto;
            padding: 0;
            border: none;
            margin-right: 7px
        }

    .navbar-nav > li > .dropdown-menu .dropdown-footer {
        background: #ABB7B7;
        color: #fff;
        -webkit-border-radius: 0 0 2px 2px;
        border-radius: 0 0 2px 2px
    }

.navbar-nav > li.language_bar > .dropdown-menu > li > a:hover, .navbar-nav > li.language_bar > .dropdown-menu > li > a:focus {
    background: rgba(0,0,0,.3)
}

.navbar-nav > li.language_bar > .dropdown-menu:before, .navbar-nav > li > .dropdown-menu.grid-dropdown:before {
    border-bottom: 6px solid #fff
}

.navbar-nav > li > .dropdown-menu.grid-dropdown {
    width: 300px;
    text-align: center;
    font-size: 16px;
    color: #252932
}

    .navbar-nav > li > .dropdown-menu.grid-dropdown a {
        font-size: 13px;
        color: #38464A;
        width: 100%;
        padding: 10px;
        line-height: 30px;
        display: block;
        font-weight: 300;
        vertical-align: middle;
        opacity: .7;
        cursor: default
    }

        .navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable:hover {
            background: #ABB7B7;
            color: #fff
        }

            .navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable:hover i {
                color: #fff
            }

        .navbar-nav > li > .dropdown-menu.grid-dropdown a i {
            font-size: 25px;
            line-height: 30px;
            height: 30px;
            display: block;
            color: #697a7a
        }

        .navbar-nav > li > .dropdown-menu.grid-dropdown a.clickable {
            opacity: 1;
            cursor: pointer
        }

    .navbar-nav > li > .dropdown-menu.grid-dropdown:before {
        right: auto;
        left: 18px
    }

.navbar-nav > li.topbar-profile > .dropdown-menu {
    box-shadow: 3px 3px 5px 6px rgba(0,0,0,.175);
    border-radius: 2px
}

    .navbar-nav > li.topbar-profile > .dropdown-menu > li > a {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: .5rem;
        padding-bottom: .5rem
    }

.navbar-nav > li.topbar-profile > .dropdown-menu {
    padding: 1rem 0rem 0rem 0rem !important
}

    .navbar-nav > li.topbar-profile > .dropdown-menu > li.divider {
        background: rgba(0,0,0,.1);
        height: 2px;
        border-bottom: 1px solid rgba(255,255,255,.2);
        margin: 4px 0
    }

    .navbar-nav > li.topbar-profile > .dropdown-menu > li:hover > a, .navbar-nav > li.topbar-profile > .dropdown-menu > li:focus > a {
        color: #000 !important;
        cursor: pointer
    }

    .navbar-nav > li.topbar-profile > .dropdown-menu:before {
        border-bottom: 6px solid #7A868F
    }


.navbar-form {
    position: absolute;
    top: 8px;
    right: 70px;
}

.navbar-form-grid {
    margin-top: 1.5rem;
    color: #fff;
    right: 2rem;
    font-size: 2rem;
}

.navbar-form .search-button {
    background: none;
    border: none;
    position: absolute;
    right: 5px;
    top: 0;
    color: #ccc;
    -webkit-box-shadow: 0 0 0 0px !important;
    box-shadow: 0 0 0 0px !important;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in
}

    .navbar-form .search-button:hover {
        color: #777 !important;
        -webkit-transition: all 300ms ease-in;
        -moz-transition: all 300ms ease-in;
        -ms-transition: all 300ms ease-in;
        -o-transition: all 300ms ease-in;
        transition: all 300ms ease-in
    }

.navbar-form .form-control:focus + .search-button {
    color: #ccc
}

.navbar-form .form-group {
    display: block
}

.navbar-form .form-control {
    background-color: transparent !important;
    border: 1px solid #ccc;
    color: #333;
    box-shadow: none;
    display: block;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in;
 
    height: 28px;
    font-size: 13px
}

.navbar-form input[type=text] {
    width: 100%;
    float: right;
    margin: 0;
    /*background: url(../img/searchicon.png) no-repeat;*/
    background-position: 7px 5px;
    background-color: #fff !important;
    border-radius: 3px !important;
    border:0px;
}

    .navbar-form input[type=text]:focus {
        width: 200% !important;
        box-shadow: none;
        background: none
    }

.navbar-form .form-control:focus {
    border-color: #ccc;
    color: #333;
    -webkit-transition: all 300ms ease-in;
    -moz-transition: all 300ms ease-in;
    -ms-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    transition: all 300ms ease-in
}

.navbar-form .form-control::-webkit-input-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

.navbar-form .form-control:-moz-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

.navbar-form .form-control::-moz-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

.navbar-form .form-control:-ms-input-placeholder {
    color: #ccc !important;
    text-overflow: ellipsis
}

.shortcut-btn {
    position: absolute;
    top: 5rem !important;
    z-index: 10;
    right: 4rem;
    color: #fff !important
}

    .shortcut-btn a {
        color: #fff !important
    }
/*Navbar dropdown*/

.dd-button {
    display: inline-block;
    border: none;
    border-radius: 4px;
    padding: 10px 30px 10px 20px;
    background-color: transparent;
    cursor: pointer;
    white-space: nowrap;
    position: absolute;
    right: -23rem;
    color: #fff;
    top: -3rem;
    font-size: 2rem;
}

.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
    background-color: #fff;
    list-style-type: none;
    right: -21rem;
    top: 0.75rem;
    z-index: 100
}

.dd-input + .dd-menu {
    display: none;
}

.dd-input:checked + .dd-menu {
    display: block;
}

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
}

    .dd-menu li:hover {
        background-color: #f6f6f6;
    }

    .dd-menu li a {
        display: block;
        margin: -10px -20px;
        padding: 10px 20px;
    }

    .dd-menu li.divider {
        padding: 0;
        border-bottom: 1px solid #cccccc;
    }

.rounded-image {
    -webkit-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden;
    display: inline-block
}

    .rounded-image img {
        width: 100%
    }

.profile-image {
    border: 4px double rgba(0,0,0,.2)
}

.profile-info .col-xs-4 {
    padding: 0 0 0 10px
}

.profile-text {
    color: #4A525F;
    font-size: 18px
}

.profile-buttons {
    margin-top: 5px
}

    .profile-buttons a {
        color: #606b7c;
        font-size: 13px;
        line-height: 22px;
        padding: 4px 10px 6px;
        vertical-align: middle;
        display: inline-block
    }

        .profile-buttons a i {
            font-size: 16px;
            line-height: 25px
        }

        .profile-buttons a:hover {
            color: #fff;
            background: rgba(0,0,0,.2);
            -webkit-border-radius: 3px;
            border-radius: 3px
        }

.profile-status i {
    color: #444;
    font-size: 14px;
    float: right;
    margin-top: -14px
}

i.online {
    color: #00AC65
}

hr.divider {
    border-color: rgba(255,255,255,.1);
    width: 90%;
    margin: 10px 5%;
    display: block;
    clear: both
}

.the-timeline {
    margin-bottom: 40px
}

    .the-timeline .post-to-timeline {
        margin: 15px 0
    }

        .the-timeline .post-to-timeline textarea {
            height: 50px;
            resize: none;
            margin-bottom: 10px
        }

    .the-timeline ul {
        padding: 0;
        list-style: none;
        margin: 0 15px 0 30px;
        border-left: 2px solid #ddd
    }

        .the-timeline ul li.the-year {
            background: transparent;
            height: 100px;
            line-height: 90px;
            min-height: 100px;
            left: -32px;
            border-left: 4px solid transparent !important;
            text-align: center;
            font-size: 50px;
            font-weight: 700
        }

            .the-timeline ul li.the-year p {
                width: 20%;
                margin-left: 41%
            }

            .the-timeline ul li.the-year:before {
                display: block;
                border: 0;
                width: 40%;
                top: 50px;
                border-top: 2px solid #ddd !important
            }

            .the-timeline ul li.the-year:after {
                display: block;
                border: 0;
                right: -32px;
                content: " ";
                top: 50px;
                position: absolute;
                left: auto;
                width: 40%;
                border-top: 2px solid #ddd
            }

        .the-timeline ul li:before {
            width: 10px;
            height: 10px;
            border-style: solid;
            content: " ";
            position: absolute;
            left: -14px;
            top: 19px;
            border-width: 7.5px 8px 7.5px 0;
            border-color: transparent #efefef transparent transparent;
            display: block
        }

        .the-timeline ul li {
            padding: 5px 15px;
            display: block;
            min-height: 54px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin: 20px 0 20px 40px;
            background: #efefef;
            position: relative;
            border-left: 4px solid transparent
        }

            .the-timeline ul li:hover {
                border-left-color: #4A525F
            }

                .the-timeline ul li:hover:before {
                    border-color: transparent #4A525F transparent transparent
                }

            .the-timeline ul li p {
                margin: 0;
                padding: 0
            }

            .the-timeline ul li .the-date {
                position: absolute;
                left: -69px;
                top: 0;
                width: 50px;
                height: 50px;
                background: #EB5055;
                border-radius: 50%;
                text-align: center;
                line-height: 130%
            }

                .the-timeline ul li .the-date span {
                    color: #fff;
                    font-size: 18px;
                    display: block;
                    margin-top: 8px
                }

                .the-timeline ul li .the-date small {
                    color: #fff;
                    font-size: 12px;
                    display: block
                }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 15px
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: none
    }

iframe {
    width: 100%;
    border: none
}

.breadcrumb {
    padding: 0;
    background: transparent;
    font-size: 12px;
    margin: 0
}

.progress.progress-xs {
    height: 5px;
    margin-top: 25px;
    margin-bottom: 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .progress.progress-xs.for-modal {
        margin-top: 10px;
        margin-bottom: 20px
    }

    .progress.progress-xs .progress-bar {
        font-size: 11px;
        line-height: 16px;
        color: #fff;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,0)
    }

    .progress.progress-xs.progress-striped .progress-bar {
        background-size: 10px 10px
    }

.progress.progress-sm {
    height: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .progress.progress-sm.progress-striped .progress-bar {
        background-size: 15px 15px
    }


.clear {
    clear: both
}

#wrapper {
    width: 100%;
    height: 100%;
    position: relative
}

.page {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}


.topbar .topbar-left {
    float: left;
    height: 50px;
    position: relative;
    z-index: 1;
    width: auto
}

.logo h1 {
    margin: 0 auto;
    height: 50px;
    text-align: center
}

    .logo h1 img {
        height: 50%;
        margin-left: 10px
    }

.navbar-right .iconify > a > i {
    font-size: 18px;
    color: #000;
    line-height: 17px
}

.navbar-right .iconify > a:focus > i {
    font-size: 18px;
    color: #fff;
    line-height: 17px
}

.navbar-default .navbar-nav > li > a {
    color: #fff
}

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #fff
    }

.right-opener {
    border-left: 1px solid rgba(0,0,0,.1)
}

    .right-opener i {
        color: #000
    }

    .right-opener .fa-angle-double-right {
        display: none
    }

.open-right-sidebar .right-opener .fa-angle-double-right {
    display: inline-block
}

.open-right-sidebar .right-opener .fa-angle-double-left {
    display: none
}

.col {
    top: 0;
    bottom: 0
}

.scroll-x {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.scroll-y {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.fill, .pane {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.pane {
    display: none
}

.side-menu {
    width: 240px;
    top: 50px;
    bottom: 0;
    z-index: 99
}

    .side-menu.left {
        background: #fff;
        position: absolute;
        top: 95px;
        border-right: 1px solid #eee
    }

.sidebar-mhead {
    padding: 10px 5px 6px 25px;
   
    display: block;
    width: 100%;
    background-color: #e8e5e5;
}


.side-menu.left .scroll-y {
    direction: rtl;
    overflow-x: visible
}

body.mobile .slimscrollleft, body.mobile .slimscroller {
    overflow-y: scroll
}

.side-menu.left .scroll-y .sidebar-inner {
    direction: ltr
}

.side-menu.right {
    width: 240px;
    right: -240px;
    position: fixed;
    z-index: 9999;
    background: #fff
}

    .side-menu.right .tab-inner {
        height: 100%
    }

#wrapper.open-right-sidebar {
    background: #eee
}

.open-right-sidebar .topbar {
    padding-right: 202px;
    background: #fff
}

.open-right-sidebar .right {
    right: 0px !important;
    border-left: 1px solid #c3c3c3
}

.header.rows {
    height: 50px
}

.header.rows-content-header {
    height: 50px
}

.header.left.side-menu {
    background: #343838
}

.header.content {
    background: #FFF;
    border-bottom: 1px solid #E5E9EC
}

.body.rows {
    top: 0;
    bottom: 50px
}

.body.content.rows {
    top: 50px;
    bottom: 0;
    background: #f3f3f3;
    padding: 20px;
    font-size: 13px
}

body.fixed-left .left-footer {
    bottom: 50px
}

.left-footer {
    height: 50px;
    bottom: 0;
    display: none;
    position: absolute;
    width: 100%;
    background: rgba(0,0,0,.3);
    color: #E8EAED;
    padding: 15px
}

    .left-footer .progress.progress-xs {
        margin: 9px 70px 9px 0;
        overflow: visible;
        position: relative
    }

        .left-footer .progress.progress-xs .progress-precentage {
            display: block;
            position: absolute;
            right: -20px;
            top: -12px;
            padding: 7px 5px;
            border-radius: 50%;
            background: #555;
            color: #f3f3f3
        }

    .left-footer .progress.progress-xs {
        background: rgba(0,0,0,.6)
    }

        .left-footer .progress.progress-xs .btn {
            display: block;
            position: absolute;
            right: -70px;
            top: -14px;
            background: #555;
            color: #f3f3f3;
            border: none
        }

.submenu-title.font-bold {
    position: relative;
}


.contant-pageslide {
    margin-left: 140px;
}

.button-menu-mobile {
    position: absolute;
    top: 44px;
    z-index: 999;
    padding: 5px;
    font-size: 25px;
    border: none;
    cursor: pointer;
    color:#000 !important;
}

    .button-menu-mobile:hover {
        color: #aaa
    }

form[action="./HomePage.aspx"] .button-menu-mobile, form[action="./SuperAdmin_Homepage.aspx"] .button-menu-mobile, form[action="./HomePage.aspx?Mid=1    "] .button-menu-mobile {
    display: none
}

button.navbar-toggle {
    padding: 5px 20px
}

.breadcrumb {
    top: 95px;
    line-height: 10px;
    padding: 0 20px;
    position: relative;
    font-family: "Open Sans";
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    display: none
}

    .breadcrumb li a {
        color: #9dabab
    }

    .breadcrumb li.active {
        color: #7A868F
    }

    .breadcrumb > li + li:before {
        color: #9dabab;
        padding: 0 10px;
        content: "";
        font-family: FontAwesome
    }

.sidebar-inner {
    height: 93%
}

#sidebar-menu ul {
    margin: 0px;
    padding: 0px;
}

#sidebar-menu, #sidebar-menu li, #sidebar-menu a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: 400;
    text-decoration: none;
    line-height: 1;
    font-size: 13px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    #sidebar-menu a {
        line-height: 1.3
    }

#sidebar-menu {
    width: 100%;
    padding-bottom: 30px;
}

    #sidebar-menu > h3 {
        margin: 7px 0 0 22px;
        padding: 0
    }

    #sidebar-menu > ul > li > a, #sidebar-menu > ul > li > a:hover {
       font-size: 13px;
        display: block;
        color: #333;
        padding: 10px 10px 10px 25px;
        cursor: pointer;
    }

        #sidebar-menu > ul > li > a:hover {
            background-color: #5797ce;
            color: #FFF;
        }

    #sidebar-menu > ul > li ul > li {
        font-size: 13px;
    }

    #sidebar-menu > ul > li > a > i {
        color: rgba(0,0,0,.4);
        display: inline-block;
        font-size: 15px;
        line-height: 17px;
        margin-left: 3px;
        margin-right: 7px;
        text-align: center;
        vertical-align: middle;
        width: 20px
    }

        #sidebar-menu > ul > li > a > i.i-right {
            margin: 3px 0 0 0;
            float: right
        }

    #sidebar-menu > ul > li > a:hover {
        text-decoration: none
    }

    #sidebar-menu > ul > li > a.subdrop {
        background: #65aae5
    }

    #sidebar-menu > ul > li > a.active, #sidebar-menu > ul > li > a.active.subdrop, #sidebar-menu ul ul a:hover {
        background: #65aae5 ;
    }

        #sidebar-menu > ul > li > a.active span, #sidebar-menu > ul > li > a.active.subdrop span {
            color: #fff;
            font-family: 'fontmedium';
        }

       

    #sidebar-menu > ul > li > a span.label {
        float: right
    }

        #sidebar-menu > ul > li > a span.label.span-left {
            float: none;
            margin-left: 5px
        }

    #sidebar-menu span.cnt {
        position: absolute;
        top: 8px;
        right: 15px;
        padding: 0;
        margin: 0;
        background: none
    }

    #sidebar-menu ul ul {
        display: none;
        background: #ebebeb;
    }

        #sidebar-menu ul ul ul {
            border-top: 1px solid rgba(0,0,0,.1);
            background: rgba(0,0,0,.2)
        }

        #sidebar-menu ul ul li {
            border-top: 0
        }

        #sidebar-menu ul ul a {
            padding: 10px 25px;
            display: block;
            font-size: 13px;
            font-weight: 400;
            color: #333
        }

        #sidebar-menu ul ul ul a {
            padding-left: 35px
        }

        #sidebar-menu ul ul ul ul a {
            padding-left: 45px
        }

        #sidebar-menu ul ul a:hover {
            color: #333;
            background: #d4dbe1
        }
                 .md-show{
                     display:block;
                 }
        #sidebar-menu ul ul li a.active {
          
            background: #5797ce
        }

        #sidebar-menu ul ul a i {
            margin-right: 5px
        }

#wrapper.enlarged .profile-text {
    display: none
}

#wrapper.enlarged .profile-info .col-xs-4 {
    width: 100%;
    padding: 5px
}

#wrapper.enlarged .profile-info .col-xs-8 {
    width: 100%;
    padding: 0 7px
}

#wrapper.enlarged .content-page {
    margin-left: 0
}



#wrapper.enlarged .left.side-menu .navbar-form:hover {
    width: 240px;
    position: relative;
    z-index: 5
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
    white-space: nowrap
}


    #wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
        background: #fff
    }

#wrapper.enlarged #sidebar-menu ul ul li a.active {
    background: #dedede !important
}


#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > a {
    background: #ababab !important;
    color: #fff
}

    #wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > a i {
        background: #ababab !important;
        color: #fff
    }



.side-menu.right .nav-tabs {
    background: rgba(0,0,0,.4);
    border: none
}

    .side-menu.right .nav-tabs li {
        text-align: center
    }

    .side-menu.right .nav-tabs > li > a {
        border-radius: 0px !important;
        margin: 0px !important;
        padding: 14px 15px 15px;
        font-size: 13px;
        color: rgba(255,255,255,.9);
        border-bottom: 1px solid transparent
    }

.side-menu.right .nav > li > a:hover, .side-menu.right .nav > li > a:focus {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.7);
    border-color: rgba(255,255,255,0)
}

.side-menu.right .nav-tabs > li.active > a {
    color: #777
}

    .side-menu.right .nav-tabs > li.active > a, .side-menu.right .nav-tabs > li.active > a:hover, .side-menu.right .nav-tabs > li.active > a:focus {
        background: #fff;
        border-color: #fff;
        border-radius: 0
    }

.side-menu.right .right-toolbar {
    margin: 5px 15px 15px
}

    .side-menu.right .right-toolbar a {
        color: #777;
        font-size: 12px
    }

.side-menu.right .panel-group .panel {
    border-radius: 0;
    border: none;
    color: #f3f3f3;
    background: transparent
}

.side-menu.right .panel-default > .panel-heading {
    background: transparent;
    border: none;
    border-radius: 0
}

    .side-menu.right .panel-default > .panel-heading + .panel-collapse .panel-body {
        border-top: none
    }

.side-menu.right .panel-title > a {
    color: #fff
}

    .side-menu.right .panel-title > a .label {
        margin-top: 2px
    }

.side-menu.right .tab-content, .side-menu.right .tab-content > .tab-pane, .side-menu.right .tab-content > .tab-pane.active {
    height: 100%;
    padding-bottom: 20px
}

.accordion-toggle .panel-heading {
    padding: 0
}

.accordion-toggle .panel-title a {
    color: #fff;
    font-size: 14px;
    display: block;
    line-height: 22px;
    padding: 9px 35px 9px 20px;
    position: relative
}

    .accordion-toggle .panel-title a:after {
        content: "\f106";
        display: block;
        font-family: FontAwesome;
        font-size: 10px;
        line-height: 36px;
        position: absolute;
        top: 3px;
        right: 15px
    }

    .accordion-toggle .panel-title a.collapsed:after {
        content: "\f107"
    }

.accordion-toggle .panel.panel-default .panel-title a {
    color: #555
}

.panel-group .panel {
    border-radius: 3px
}

.not-logged-avatar {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    text-align: center;
    border-radius: 5px
}

.search-right {
    padding: 10px 15px
}

    .search-right input {
        background: rgba(0,0,0,.1);
        border: none;
        color: #eee
    }

#notification-list a {
    color: #555;
    font-size: 13px;
    font-weight: 600;
    vertical-align: text-top
}

#notification-list li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

#notification-list a .muted {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,.5)
}

#notification-list .icon-wrapper {
    border-radius: 150px;
    font-size: 20px;
    width: 35px;
    line-height: 29px;
    text-align: center;
    height: 35px;
    margin-right: 10px;
    float: left;
    color: #555;
    display: inline-block;
    border: 2px solid #4EA6A6
}

/*************Below css for right side menu******************/
.rightsidemenu a {
    color: #555;
    font-size: 13px;
    font-weight: 600;
    vertical-align: text-top
}

.rightsidemenu li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.rightsidemenu a .muted {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: rgba(0,0,0,.5)
}

.rightsidemenu .icon-wrapper {
    border-radius: 150px;
    font-size: 20px;
    width: 35px;
    line-height: 29px;
    text-align: center;
    height: 35px;
    margin-right: 10px;
    float: left;
    color: #555;
    display: inline-block;
    border: 2px solid #4EA6A6
}
/**************till here*******************************************/


#updates-list li {
    margin-bottom: 10px
}

#updates-list a {
    color: #555;
    font-size: 13px
}

#updates-list .icon-wrapper {
    border-radius: 50px;
    font-size: 14px;
    width: 24px;
    line-height: 25px;
    text-align: center;
    height: 24px;
    margin-right: 10px;
    float: left;
    color: #555;
    display: inline-block
}

#chat-panel .panel-body {
    padding: 0
}

#chat-list li {
    clear: both;
    height: 55px;
    opacity: .9;
    padding: 7px 15px 10px
}

    #chat-list li:hover {
        background: rgba(0,0,0,.1);
        opacity: 1
    }

#chat-list a {
    font-size: 13px;
    color: #555
}

    #chat-list a.online .chat-user-avatar {
        box-shadow: 0 0 0 2px #68C39F
    }

    #chat-list a.away .chat-user-avatar {
        box-shadow: 0 0 0 2px orange
    }

    #chat-list a.offline .chat-user-avatar img {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%)
    }

#chat-list .chat-user-avatar {
    border-radius: 50px;
    width: 34px;
    height: 34px;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    border: 2px solid rgba(256,256,256,0);
    box-shadow: 0 0 0 2px #555;
    overflow: hidden
}

    #chat-list .chat-user-avatar img {
        width: 100%;
        height: 100%
    }

#chat-list .chat-user-msg {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: rgba(0,0,0,.3);
    display: block
}

#settings .tab-inner {
    color: rgba(0,0,0,.8)
}

    #settings .tab-inner h3 {
        color: rgba(0,0,0,.6);
        margin-bottom: 20px
    }

    #settings .tab-inner h4 {
        color: rgba(0,0,0,.6);
        margin-bottom: 15px
    }

    #settings .tab-inner .row {
        margin-bottom: 10px;
        font-size: 12px
    }

.page-heading h3 {
    font-size: 15px;
    margin-top: 0
}

.widget {
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    padding: 0 2px 5px 2px;
  
    width: 100%;
}

.widget-header, .widget-content {
    display: block;
    width: 100%;
    clear: both
}

.portlets {
    min-height: 50px
}

    .portlets .widget-header {
        cursor: move
    }

.widget-footer {
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    overflow: hidden
}

.widget-header.transparent {
    background: transparent;
    border: none
}

.widget-header.centered {
    text-align: center
}

.left {
    text-align: left
}

.widget-header .left-btn {
    float: left;
    margin-left: 10px
}

.widget-content {
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    padding: 9px 0
}


    .widget-content.padding-xs {
        padding: 1%
    }

.widget.maximized {
    position: fixed;
    -webkit-border-radius: 0;
    border-radius: 0;
    top: 50px;
    left: 240px;
    right: 0;
    bottom: 0;
    z-index: 10;
    margin: 0
}

#wrapper.enlarged .widget.maximized {
    left: 50px
}

#wrapper.open-right-sidebar .widget.maximized {
    right: 240px
}

.widget.modal-widget {
    position: absolute;
    display: block;
    z-index: 10;
    box-shadow: 0 0 2px rgba(0,0,0,.2),0 10px 15px rgba(0,0,0,.2)
}

    .widget.modal-widget.modalize .widget-header {
        background: #efefef
    }

.widget:before, .widget:after {
    display: table;
    content: " "
}

.widget:after {
    clear: both
}

.widget .des-thumbnail {
    padding: 20px
}

.widget .img-wrap {
    width: 100%;
    height: auto;
    overflow: hidden
}

    .widget .img-wrap img {
        width: 100%
    }

.widget .widget-header {
    min-height: 18px;
    float: left
}

    .widget .widget-header h2 {
        padding: 8px;
        margin: 0;
        font-weight: 400;
        font-size: 16px;
        float: left;
        color: #5b5b5b;
        font-family: "ProximaNovaRegular",Arial,sans-serif
    }

.widget .widget-content h2 {
    padding-left: 9px;
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    float: left;
    color: #5b5b5b;
    font-family: "ProximaNovaRegular",Arial,sans-serif
}

.widget .widget-header h2.no-style {
    padding: 0;
    margin: 20px 0 10px 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    border-bottom: none
}

.widget.box-messages {
    margin-top: -50px
}

    .widget.box-messages h2 {
        border-bottom: none
    }

.widget .statistic-chart {
    padding: 0 0 0 0
}

    .widget .statistic-chart .toolbar {
        padding: 10px;
        padding-top: 0
    }

.widget.full {
    padding: 0
}

    .widget.full .box-footer {
        padding: 20px 20px 15px 20px
    }

    .widget:hover .additional-btn > a.hidden.nevershow, .widget:hover .additional-btn > a.nevershow, .widget .additional-btn > a.nevershow {
        display: none !important
    }

.widget.ui-sortable-placeholder * {
    visibility: hidden
}

.transparent {
    background: rgba(0,0,0,0);
    color: #fff
}

.white {
    background: #fff;
    color: #555
}

.widget.success {
    background: #65BD77;
    color: #fff
}

    .widget.success h2 {
        color: #2C7439;
        border-bottom-color: #3B934B
    }

    .widget.success:hover {
        color: #DEFFE5
    }

    .widget.success .additional-btn a.additional-icon {
        color: #3B934B
    }

    .widget.success .additional-btn a:hover.additional-icon {
        color: #2C7439
    }

    .widget.success .text-box h3 {
        color: #215F2E
    }

    .widget.success .progress-bar-success {
        background-color: #215F2E
    }

    .widget.success i.success {
        color: #215F2E
    }

.widget.danger {
    background: #D9534F;
    color: #fff
}

    .widget.danger h2 {
        color: #791C1A;
        border-bottom-color: #791C1A
    }

    .widget.danger:hover {
        color: #fff
    }

    .widget.danger .additional-btn a.additional-icon {
        color: #791C1A
    }

    .widget.danger .additional-btn a:hover.additional-icon {
        color: #791C1A
    }

    .widget.danger .text-box h3 {
        color: #791C1A
    }

    .widget.danger .progress-bar-danger {
        background-color: #791C1A
    }

    .widget.danger i.danger {
        color: #791C1A
    }

.widget.info {
    background: #4393D8;
    color: #fff
}

    .widget.info h2 {
        color: #15558B;
        border-bottom-color: #15558B
    }

    .widget.info:hover {
        color: #DEFFE5
    }

    .widget.info .additional-btn a.additional-icon {
        color: #15558B
    }

    .widget.info .additional-btn a:hover.additional-icon {
        color: #15558B
    }

    .widget.info .text-box h3 {
        color: #15558B
    }

    .widget.info .progress-bar-info {
        background-color: #15558B
    }

    .widget.info i.info {
        color: #15558B
    }

.widget.warning {
    background: #F7CB17;
    color: #fff
}

    .widget.warning h2 {
        color: #9D5D03;
        border-bottom-color: #9D5D03
    }

    .widget.warning:hover {
        color: #DEFFE5
    }

    .widget.warning .additional-btn a.additional-icon {
        color: #9D5D03
    }

    .widget.warning .additional-btn a:hover.additional-icon {
        color: #9D5D03
    }

    .widget.warning .text-box h3 {
        color: #9D5D03
    }

    .widget.warning .progress-bar-warning {
        background-color: #9D5D03
    }

.widget .progress-bar-semi-transparent {
    background-color: rgba(255,255,255,.4)
}

.widget.warning i.warning {
    color: #9D5D03
}

.widget .additional {
    padding: 0 15px;
    background: #fff;
    color: #909090;
    margin: 15px -15px -15px -15px
}

    .widget .additional .list-box-info {
        margin: 0 -15px
    }

        .widget .additional .list-box-info ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

            .widget .additional .list-box-info ul li {
                background: #fff;
                padding: 15px 20px;
                color: #909090;
                border-bottom: 1px solid #ddd
            }

                .widget .additional .list-box-info ul li span.label {
                    float: right;
                    font-size: 13px
                }

                .widget .additional .list-box-info ul li:last-child {
                    border-bottom: 1px solid #fff
                }

.left .widget {
    margin: 10px
}

.left .widget-header h2 {
    color: #fff;
    padding: 4px
}

.left .widget .additional-btn {
    right: 4px
}

.widget.full h2 {
    padding: 15px;
    margin: 5px 0 20px 0
}


.top-summary .widget .progress {
    margin: 0;
    background: rgba(0,0,0,.2)
}

.top-summary .widget .widget-footer {
    background: rgba(0,0,0,.1);
    padding: 4px 15px;
    font-size: 12px;
    color: rgba(255,255,255,.9)
}

    .top-summary .widget .widget-footer .rel-change {
        font-size: 14px;
        color: #fff;
        margin-right: 7px
    }

.flip {
    perspective: 600px;
    perspective-origin: 50% 50%;
    position: relative
}

    .flip:hover .widget-flip, .flip.hover .widget-flip {
        transform: rotateY(180deg)
    }

.flip, .widget-front, .widget-back {
    width: 100%;
    height: 110px
}

.widget-flip {
    transition: all 600ms ease 0s,opacity 200ms ease 0s;
    transform-style: preserve-3d;
    position: relative
}

.widget-front, .widget-back {
    backface-visibility: hidden;
    transform-origin: 50% 50% 0;
    position: absolute;
    top: 0;
    left: 0
}

.widget-front {
    z-index: 2;
    background: red
}

.widget-back {
    background: #333;
    transform: rotateY(180deg)
}

.dropdown-toggle.btn-sm {
    padding-right: 6px
}

.dropdown-toggle.btn-xs {
    padding-right: 3px
}



.btn-success, .btn-green-3 {
    background-color: #68C39F;
    border-color: #68C39F;
    color: #FFF
}


.label.label-success {
    background: #68C39F
}

.label.label-warning {
    background: #FFC052
}

.label.label-info {
    background: #65BBD6
}

.label.label-danger {
    background: #E15554
}



.selectpicker {
    border-radius: 0;
    font-size: 13px
}

.icon-showcase i {
    margin-right: 5px
}

.school-header {
    color: white;
    margin: 7px;
    float: left;
    font-size: 18px;
    width: 100%
}

.schoolNameDiv {
    float: left
}

.school-headerSt {
    color: #000;
    margin: 7px;
    float: left;
    font-size: 18px;
    font-weight: 700
}

.schoolNameDivSt {
    float: left;
    position: relative;
    z-index: 1
}

.SessionDropDown {
    margin-top: 8px;
    font-size: 18px;
    height: 32px
}

.medel-popup-div {
    min-width: 60%;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: white
}

.positiontop {
    position: fixed;
    right: 35%;
    z-index: 99;
    top: 5px;
    width: 240px;
    margin: 0;
    background: #fff;
    font-size: 14px;
    padding: 8px;
    border-radius: 5px;
    box-sizing: border-box;
    color: #333 !important;
    text-align: center;
    webkit-box-shadow: 0 0 51px rgba(0,0,0,.5);
    box-shadow: 0 0 51px rgba(0,0,0,.5)
}


.serch-but {
    float: right;
    height: 29px;
    margin: 0 0 0 2px;
    border-radius: 0px !important;
    width: 74px;
    padding: 0 !important
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0px !important
}

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

.ui-timepicker-wrapper {
    z-index: 9999999 !important;
}

.modal-body-cust, .modal-footer-cust {
    background-color: #fff !important
}

.overlay-white {
    background: rgba(255,255,255, 0.6);
}

.datepicker {
    z-index: 99999999 !important
}

.has-error .help-block {
    /*color: #d9534f !important*/
    color: #e60d06 !important;
    font-weight: bold;
}

body .ui-tooltip {
    border: 0;
    background: #000;
    color: #fff;
    font-size: 12px !important;
    box-shadow: none;
    font-size: 10px;
    font-family: sans-serif;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center;
    border-radius: 4px;
    z-index: 9999 !important;
    margin: 0
}

.uheader {
    background-color: #65aae5;
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid #5a99ce
}

    .uheader h3 {
        background-color: transparent !important;
        font-weight: 300;
        color: #fff;
        line-height: 23px !important;
        text-align: left;
        margin: 1px 0;
        font-size: 18px;
        padding: 0
    }


.cross-icon {
    color: #d9534f;
    cursor: pointer
}

.panel-heading-circular {
    color: #333;
    background-color: #f5f5f5 !important;
    border-color: #ddd
}

.integration-side .sidebar-mhead a {
    color: #333
}

.integration-side {
    position: fixed;
    padding: 14px 0 12px 25px;
    background: #dad9d9;
    font-size: 15px;
    font-weight: 700;
    width: 17.7%;
    z-index: 9;
    bottom: 0
}


.card-container {
    margin: 5px
}

.navbar .chosen-container {
    font-size: 15px !important
}

.user-row {
    margin-bottom: 14px
}

    .user-row:last-child {
        margin-bottom: 0
    }

.dropdown-user {
    margin: 13px 0;
    padding: 5px;
    height: 100%
}

    .dropdown-user:hover {
        cursor: pointer
    }

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221,221,221)
}

    .table-user-information > tbody > tr:first-child {
        border-top: 0
    }

    .table-user-information > tbody > tr > td {
        border-top: 0
    }

.toppad {
    margin-top: 20px
}

.help-desk-call {
    margin: 9px 0 0 0
}

.mailto {
   
    padding: 16px 10px;
    max-width: 352px;
    margin: auto;
    border-radius: 4px;
    text-align: center;
    letter-spacing: 1px;
  
    display: flow-root;
}
.support-or-txt {
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
}
.support-dwnbtn.rounded-pill {
    background-color: #ef443b;
    padding: 3px 15px;
    border: 0;
    line-height: 22px;
    display: inline-block;
    height: 26px;
    letter-spacing: 1px;
    color: #FFF;
}
.suport-mob {
    list-style: none;
    text-align: center;
    margin-top: 21px;
}
    .suport-mob li {
        display: inline-block;
        font-size: 1.25rem;
    }
        .suport-mob li a {
            color: #5b5b5b;
           
        }
        .suport-mob li:nth-child(2)::after,
        .suport-mob li:nth-child(2)::before {
            content: '|';
            padding: 12px;
        }
        .discuss {
            color: #e2970c;
        }

    .discuss span {
        font-size: 16px
    }

.download {
    font-size: 18px
}


.close-item {
    position: absolute;
    color: #000;
    right: 10px;
    top: 10px;
    z-index: 999999999;
    font-size: 16px
}

.text-success {
    color: #68C39F
}

.navbar-nav > li.topbar-profile > .dropdown-menu {
    box-shadow: 3px 3px 5px 6px rgba(0,0,0,.175);
    border-radius: 2px;
    background-color: #fff
}

.navbar-login {
    width: 250px;
    padding: 10px;
    padding-bottom: 0
}

.navbar-nav > li.topbar-profile > .dropdown-menu > li.divider {
    background: rgba(0,0,0,.1);
    height: 2px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin: 4px 0
}

.navbar-nav > li.topbar-profile > .dropdown-menu > li.divider {
    background: rgba(0,0,0,.1);
    height: 2px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    margin: 4px 0
}

.nav.navbar-nav.top-navbar .dropdown-menu > li {
    position: relative
}

@media (min-width:768px) {
    .bs-glyphicons li {
        width: 12.5%
    }
    .top-fixd-box {
      
        top: 98px;
        right: 15px;
    }
    }

.search-box.has-feedback .form-control-feedback {
    right: 5px
}

.btn-toolbar .rows-check-cont {
    margin-top: 6px;
    margin-right: 15px
}

.mail-list {
    background: #fff;
    color: #777;
    box-shadow: 0 0 3px rgba(0,0,0,.1)
}

    .mail-list .btn {
        min-width: initial
    }

.mail-reply {
    font-size: 13px;
    color: #777
}

.sender-photo {
    height: 30px;
    margin-top: 5px;
    float: left;
    margin-right: 10px
}

.menu-message {
    margin: 20px 0
}

    .menu-message .list-group-item {
        border: 0;
        border-left: 4px solid transparent;
        border-bottom: 1px solid #68C39F;
        background: rgba(255,255,255,.8);
        margin-bottom: 0;
        color: #666
    }

        .menu-message .list-group-item.active {
            background: rgba(255,255,255,.4);
            border-left: 4px solid #68C39F;
            color: #666
        }

     

.menu-folders {
    margin: 20px 0
}

    .menu-folders .list-group-item {
        border: 0;
        background: rgba(255,255,255,.8);
        margin-bottom: 0;
        color: #666;
        font-size: 13px
    }

        .menu-folders .list-group-item i {
            font-size: 14px;
            margin-right: 5px
        }

.table-message > tbody > tr > td {
    border-bottom: 1px solid #f3f3f3 !important
}

    .table-message > tbody > tr > td > a {
        display: block;
        font-weight: 300;
        color: #5b5b5b
    }

        .table-message > tbody > tr > td > a:hover {
            text-decoration: none
        }

.paging-status {
  
    margin: 7px 10px 0 0
}

.input-message {
    margin-top: -1px
}

.new-message-btns {
    width: 100%
}

hr.dashed {
    height: 1px;
    background: transparent;
    border-top: none;
    border-bottom: 1px dashed #ddd
}

.data-table-toolbar {
    margin: 0;
    padding: 15px;
    background: rgba(0,0,0,.03)
}

.data-table-toolbar-footer {
    margin-top: 15px;
    padding: 0
}

.toolbar-btn-action {
    text-align: right
}



.btn-foursquare {
    background-color: #0086BE;
    border-color: #0086BE;
    color: #fff
}

    .btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare {
        background-color: #0571A0;
        border-color: #0571A0;
        color: #fff
    }

    .btn-foursquare:active, .btn-foursquare.active, .open .dropdown-toggle.btn-foursquare {
        background-image: none
    }

    .btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active {
        background-color: #2CA0CE;
        border-color: #2CA0CE;
        color: #fff
    }

    .btn-foursquare .badge {
        color: #0571A0
    }




.icon-facebook {
    color: #4B66A0
}

a .icon-facebook {
    color: #4B66A0
}

a:hover .icon-facebook, a:focus .icon-facebook {
    text-decoration: none;
    color: #3B5A98
}

.icon-twitter {
    color: #55ACEE
}

a .icon-twitter {
    color: #55ACEE
}

a:hover .icon-twitter, a:focus .icon-twitter {
    text-decoration: none;
    color: #3490D3
}

.icon-google-plus {
    color: #D24333
}

a .icon-google-plus {
    color: #D24333
}

a:hover .icon-google-plus, a:focus .icon-google-plus {
    text-decoration: none;
    color: #BC2C1F
}

.icon-dribbble {
    color: #E04C86
}

a .icon-dribbble {
    color: #E04C86
}

a:hover .icon-dribbble, a:focus .icon-dribbble {
    text-decoration: none;
    color: #D33471
}

.icon-flickr {
    color: #0162DB
}

a .icon-flickr {
    color: #0162DB
}

a:hover .icon-flickr, a:focus .icon-flickr {
    text-decoration: none;
    color: #0555BF
}

.icon-pinterest {
    color: #CC2127
}

a .icon-pinterest {
    color: #CC2127
}

a:hover .icon-pinterest, a:focus .icon-pinterest {
    text-decoration: none;
    color: #B70F12
}

.icon-youtube {
    color: #D92623
}

a .icon-youtube {
    color: #D92623
}

a:hover .icon-youtube, a:focus .icon-youtube {
    text-decoration: none;
    color: #C91212
}

.icon-dropbox {
    color: #1473C3
}

a .icon-dropbox {
    color: #1473C3
}

a:hover .icon-dropbox, a:focus .icon-dropbox {
    text-decoration: none;
    color: #0864B2
}

.icon-foursquare {
    color: #0086BE
}

a .icon-foursquare {
    color: #0086BE
}

a:hover .icon-foursquare, a:focus .icon-foursquare {
    text-decoration: none;
    color: #0571A0
}

.icon-github {
    color: #3B3B3B
}

a .icon-github {
    color: #3B3B3B
}

a:hover .icon-github, a:focus .icon-github {
    text-decoration: none;
    color: #212121
}

.icon-linkedin {
    color: #0085AE
}

a .icon-linkedin {
    color: #0085AE
}

a:hover .icon-linkedin, a:focus .icon-linkedin {
    text-decoration: none;
    color: #036C8E
}

.icon-tumblr {
    color: #3E5A70
}

a .icon-tumblr {
    color: #3E5A70
}

a:hover .icon-tumblr, a:focus .icon-tumblr {
    text-decoration: none;
    color: #2E485D
}

.icon-vimeo {
    color: #1BB6EC
}

a .icon-vimeo {
    color: #1BB6EC
}

a:hover .icon-vimeo, a:focus .icon-vimeo {
    text-decoration: none;
    color: #0D9DD1
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}

    .mfp-fade.mfp-bg.mfp-ready {
        opacity: .8
    }

    .mfp-fade.mfp-bg.mfp-removing {
        opacity: 0
    }

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.login-page {
    background: url(../../images/login-bg.jpg) left top
}

.signup-page {
    background: #7A868F
}

.lock-page {
    background: #252932
}

    .lock-page .container {
        background: #7A868F
    }

.container1 {
    width: 100%;
    max-height: 150px;
    border-top: solid 4px #5A8189;
    overflow: auto
}

.sub-container {
    position: absolute;
    left: 50%;
    top: -93px;
    margin-left: -50%;
    width: 400px
}

#LoginDiv {
    margin-top: 18px
}

.div-econnect-logo {
    text-align: right;
    padding: 18px 5px
}

.econnect-logo {
    margin-top: 15px
}

.Footer-div {
    bottom: 0;
    height: 140px;
    position: fixed;
    width: 100%;
    padding-right: 25px;
    padding-left: 25px;
    padding-top: 5px;
    color: #000
}

.internal-error h1 {
    -webkit-transform: rotate(10);
    -moz-transform: rotate(10);
    -ms-transform: rotate(10);
    -o-transform: rotate(10);
    transform: rotate(10);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    transform: rotate(10deg);
    -o-transform: rotate(10deg)
}

.internal-error h2 {
    -webkit-transform: rotate(-185);
    -moz-transform: rotate(-185);
    -ms-transform: rotate(-185);
    -o-transform: rotate(-185);
    transform: rotate(-185);
    -webkit-transform: rotate(-185deg);
    -moz-transform: rotate(-185deg);
    transform: rotate(-185deg);
    -o-transform: rotate(-185deg)
}

.internal-error .backbtn {
    -webkit-transform: rotate(-44);
    -moz-transform: rotate(-44);
    -ms-transform: rotate(-44);
    -o-transform: rotate(-44);
    transform: rotate(-44);
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    transform: rotate(-44deg);
    -o-transform: rotate(-44deg)
}

.internal-error .searchbtn {
    -webkit-transform: rotate(-44);
    -moz-transform: rotate(-44);
    -ms-transform: rotate(-44);
    -o-transform: rotate(-44);
    transform: rotate(-44);
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    transform: rotate(-44deg);
    -o-transform: rotate(-44deg)
}

.full-content-center {
    width: 100%;
    padding: 5px 0;
    max-width: 500px;
    margin: 4% auto;
    text-align: center
}

.full-content {
    background: #E5E9EC
}

.full-content-center h1 {
    font-size: 150px;
    line-height: 150px;
    font-weight: 700;
    color: #252932
}

.maintenance h1 i {
    font-size: 150px;
    color: #252932
}

.maintenance h1 {
    font-size: 50px;
    line-height: 100px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,.1)
}

.login-wrap {
    margin: 70px 10% 20px 10%;
    text-align: left;
    background: #fff url(../../images/login-border.jpg) left top no-repeat;
    padding: 20px 20px;
    position: relative
}

    .login-wrap .checkbox label {
        padding: 0
    }

.login-heading {
    font-size: 24px;
    margin: 0;
    padding-bottom: 5px;
    color: #333;
    margin-bottom: 16px
}

.login-wrap a {
    color: #337ab7
}

.login-wrap i {
    margin-right: 5px
}

.login-wrap .checkbox {
    margin-left: 0;
    padding-left: 0
}

.login-wrap .btn-block {
    margin: 5px 0;
    background: #409347;
    border-radius: 0
}

.login-block .reset a {
    background-color: #dbdbdb;
    border: none;
    color: #000
}

.LoginDivForgot {
    margin: 16px 0 10px 0
}

.login-wrap .login-input {
    position: relative
}

    .login-wrap .login-input .text-input {
        padding-left: 30px;
        background-color: #ffffff !important
    }

    .login-wrap .login-input i.overlay {
        position: absolute;
        left: 0;
        top: 10px;
        font-size: 22px;
        color: #f58220
    }

.widget .media-list.search-result .media a {
    color: #46C45F
}

.widget .media-list.search-result .media .media-heading a {
    color: #1279D1
}

.widget .media-list.search-result .media .media-heading span {
    font-size: 12px;
    font-weight: 400;
    padding: 3px 5px
}

.widget .media-list.search-result .media .media-object {
    width: 100px
}

ul.faq {
    list-style: none;
    padding-left: 10px;
    margin: 20px 0 50px
}

    ul.faq li i {
        margin-right: 5px
    }

    ul.faq li {
        margin: 10px 0
    }

        ul.faq li a.faq-question {
            cursor: pointer;
            display: block;
            font-size: 14px
        }

        ul.faq li .faq-answer {
            margin: 10px 15px
        }

table.pricing-table-style-1 {
    text-align: center;
    background: #fff
}

    table.pricing-table-style-1 thead tr th {
        padding: 15px;
        font-size: 18px;
        font-weight: 600;
        text-align: center
    }

        table.pricing-table-style-1 thead tr th.best-choice {
            color: #A2A7B7;
            background: #0F1215;
            border-bottom-color: #000
        }

    table.pricing-table-style-1 tbody tr td.best-choice {
        background: #1B1E24;
        font-weight: 600;
        font-size: 15px;
        color: #fafafa;
        border-top-color: #000
    }

    table.pricing-table-style-1 tbody tr td.td-success {
        background: #65BD77;
        font-weight: 600;
        color: #2C7439;
        text-align: right;
        border-top-color: #55AD67
    }

    table.pricing-table-style-1 thead tr th.th-success {
        color: #65BD77;
        background: #55AD67;
        border-bottom-color: #55AD67
    }

.la-pricing-table {
    margin: 30px 0;
    text-align: center
}

    .la-pricing-table:before, .la-pricing-table:after {
        display: table;
        content: " "
    }

    .la-pricing-table:after {
        clear: both
    }

    .la-pricing-table .la-col-4 {
        float: left;
        margin: 20px 0 20px 0;
        padding: 0;
        width: 25%;
        border: 3px solid transparent;
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        position: relative;
        overflow: hidden
    }

        .la-pricing-table .la-col-4:hover {
            border-color: #434D58
        }

        .la-pricing-table .la-col-4 i.bg-big {
            position: absolute;
            font-size: 210px;
            opacity: .05;
            top: 20%;
            left: 0;
            right: 0;
            -webkit-transition: all 0.4s ease-out;
            -moz-transition: all 0.4s ease-out;
            transition: all 0.4s ease-out
        }

        .la-pricing-table .la-col-4:hover i.bg-big {
            -webkit-transform: scale(2);
            -moz-transform: scale(2);
            -o-transform: scale(2);
            -ms-transform: scale(2);
            transform: scale(2);
            opacity: 0
        }

        .la-pricing-table .la-col-4 ul {
            list-style: none;
            padding: 0;
            margin: 0;
            background: #fff
        }

            .la-pricing-table .la-col-4 ul li {
                padding: 10px 20px;
                display: block;
                font-size: 13px
            }

                .la-pricing-table .la-col-4 ul li.la-package {
                    font-size: 24px;
                    font-weight: 600;
                    background: #121515;
                    color: #fff
                }

                .la-pricing-table .la-col-4 ul li.la-price {
                    font-size: 18px;
                    font-weight: 600;
                    color: #8E98AD;
                    background: #434D58;
                    margin: 0 20px
                }

                    .la-pricing-table .la-col-4 ul li.la-price i {
                        font-size: 13px
                    }

        .la-pricing-table .la-col-4:hover.success {
            border-color: #2C7439
        }

        .la-pricing-table .la-col-4.success ul {
            background: #65BD77
        }

            .la-pricing-table .la-col-4.success ul li {
                color: #fff
            }

                .la-pricing-table .la-col-4.success ul li.la-package {
                    color: #BCF5C6;
                    background: #2C7439
                }

                .la-pricing-table .la-col-4.success ul li.la-price {
                    color: #fff;
                    background: #3E984D
                }

        .la-pricing-table .la-col-4:hover.danger {
            border-color: #B42424
        }

        .la-pricing-table .la-col-4.danger ul {
            background: #D73D3D
        }

            .la-pricing-table .la-col-4.danger ul li {
                color: #fff
            }

                .la-pricing-table .la-col-4.danger ul li.la-package {
                    color: #FFB4B4;
                    background: #B42424
                }

                .la-pricing-table .la-col-4.danger ul li.la-price {
                    color: #fff;
                    background: #C42E2E
                }

        .la-pricing-table .la-col-4:hover.info {
            border-color: #1F6AAA
        }

        .la-pricing-table .la-col-4.info ul {
            background: #529DDE
        }

            .la-pricing-table .la-col-4.info ul li {
                color: #fff
            }

                .la-pricing-table .la-col-4.info ul li.la-package {
                    color: #C6E5FF;
                    background: #1F6AAA
                }

                .la-pricing-table .la-col-4.info ul li.la-price {
                    color: #fff;
                    background: #2E71AD
                }

        .la-pricing-table .la-col-4:hover.warning {
            border-color: #F08600
        }

        .la-pricing-table .la-col-4.warning ul {
            background: #FFCE00
        }

            .la-pricing-table .la-col-4.warning ul li {
                color: #fff
            }

                .la-pricing-table .la-col-4.warning ul li.la-package {
                    color: #FFF5C9;
                    background: #F08600
                }

                .la-pricing-table .la-col-4.warning ul li.la-price {
                    color: #fff;
                    background: #FA0
                }

.invoice .widget-content.padding {
    padding: 70px 30px;
    color: #7A868F
}

.payment-methods {
    font-size: 30px
}

.company-column {
    padding: 15px;
    margin-bottom: 20px
}

    .company-column address {
        color: #7A868F
    }

.bill-to {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px dashed #E5E9EC
}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #ABB7B7;
    border-color: #ABB7B7;
    color: #fff
}

#calculator {
    height: auto;
    font: bold 17px "Open Sans",Arial,sans-serif;
    padding: 20px
}

    #calculator .col-xs-3, #calculator .col-xs-9 {
        padding: 0 2%
    }

.calc-top .calc-screen {
    height: 47px;
    width: 100%;
    overflow: hidden;
    padding: 0 10px;
    background: rgba(0,0,0,.2);
    border-radius: 2px;
    box-shadow: inset 0 4px rgba(0,0,0,.1);
    margin-bottom: 10px;
    font-size: 21px;
    line-height: 47px;
    color: white;
    text-shadow: 1px 1px 2px rgba(0,0,0,.8);
    text-align: right;
    letter-spacing: 1px
}

.calc-keys, .calc-top {
    overflow: hidden
}

    .calc-keys span, .calc-top span.calc-clean {
        float: left;
        position: relative;
        top: 0;
        cursor: pointer;
        width: 100%;
        margin-bottom: 10px;
        height: 46px;
        background: white;
        border-radius: 2px;
        color: #666;
        line-height: 46px;
        text-align: center;
        user-select: none;
        transition: all 0.2s ease
    }

        .calc-keys span.calc-operator {
            background: #999;
            margin-right: 0;
            color: #fff;
            font-size: 22px
        }

        .calc-keys span.calc-eval {
            background: #f1ff92;
            color: #888e5f
        }

    .calc-top span.calc-clean {
        background: #EB5055;
        color: white
    }

    .calc-keys span:hover {
        background: #9c89f6;
        color: white
    }

.profile-banner {
    width: 100%;
    height: 300px;
    background-position: center center;
    background-size: cover;
    position: relative;
    background-color: #252932;
    border-bottom: 4px solid #fff;
    box-shadow: 2px 0 4px rgba(0,0,0,.1)
}

.avatar-container {
    height: 300px;
    text-align: center
}

.profile-avatar {
    width: 200px;
    position: relative;
    margin: 0 auto;
    margin-top: 200px;
    border: 4px solid #f3f3f3;
    max-height: 220px
}

.profile-actions {
    position: absolute;
    bottom: 20px
}

.user-profile-2 {
    margin-top: 50px
}

.user-profile-sidebar {
    margin: 0 0 20px 0
}

    .user-profile-sidebar .user-identity {
        margin: 20px 0 0 0
    }

    .user-profile-sidebar img {
        width: 90px
    }

.account-status-data {
    text-align: center;
    padding: 10px 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 20px 0
}

    .account-status-data h5 {
        font-size: 11px;
        line-height: 150%;
        color: #909090
    }

.user-button {
    margin: 15px 0
}

    .user-button .btn {
        margin: 5px 0
    }

#social {
    padding: 10px;
    background: #E5E9EC;
    text-align: center
}

    #social a:hover {
        text-decoration: none
    }

.fa-circle.facebook {
    color: #5471AE
}

.fa-circle.twitter {
    color: #4EC6F6
}

.fa-circle.gplus {
    color: #E24E3E
}

.fa-circle.tumblr {
    color: #4D77A3
}

.fa-circle.linkedin {
    color: #3097CE
}

.user-profile-content {
    margin: 30px 15px
}

.easyWizardSteps {
    list-style: none;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border-bottom: 0 solid rgba(0,0,0,.1);
    margin-bottom: 20px;
    background: #7A868F
}

    .easyWizardSteps li {
        font-size: 18px;
        display: inline-block;
        padding: 10px 20px;
        color: #eee;
        border-right: 1px solid rgba(0,0,0,.1);
        margin-right: 0
    }

        .easyWizardSteps li:last-child {
            border-right: 0
        }

        .easyWizardSteps li span {
            font-size: 15px;
            padding: 2px 9px;
            border-radius: 50%;
            margin-top: -5px;
            color: #eee;
            font-weight: 700;
            margin-right: 5px;
            border: 2px solid #eee
        }

        .easyWizardSteps li.current span {
            border: 2px solid #68C39F;
            color: #68C39F
        }

        .easyWizardSteps li.current {
            color: #38464A;
            background: #fff
        }

.easyWizardButtons {
    overflow: hidden;
    padding: 10px
}

    .easyWizardButtons button, .easyWizardButtons .submit {
        cursor: pointer
    }

    .easyWizardButtons .prev {
        float: left
    }

    .easyWizardButtons .next, .easyWizardButtons .submit {
        float: right
    }

.notes {
    padding: 15px;
    border: 1px dashed #ddd
}

section.step {
    padding: 0 30px
}

.the-notes {
    padding: 15px 15px 15px 30px;
    border-left: 4px solid #909090;
    margin-bottom: 20px
}

    .the-notes.default {
        background: #fff
    }

    .the-notes.success {
        background: #fff;
        border-left-color: #65BD77
    }

    .the-notes.warning {
        background: #fff;
        border-left-color: #F7CB17
    }

    .the-notes.danger {
        background: #fff;
        border-left-color: #D9534F
    }

    .the-notes.info {
        background: #fff;
        border-left-color: #4393D8
    }

    .the-notes.success h4 {
        color: #65BD77
    }

    .the-notes.warning h4 {
        color: #F7CB17
    }

    .the-notes.danger h4 {
        color: #D9534F
    }

    .the-notes.inf h4 {
        color: #4393D8
    }

.popover {
    border-radius: 3px;
    box-shadow: none;
    opacity: .9;
    border: none
}

    .popover .arrow {
        border-top: none
    }

    .popover .popover-title {
        background: none repeat scroll 0 0 rgba(0,0,0,.025)
    }

    .popover .popover-content {
        padding: 6px 11px;
        font-family: Helvetica,Arial;
        font-size: 12px
    }

.mini-stats {
    font-size: 12px;
    color: #555
}

#website-statistics1 .widget-footer {
    border-top: 1px solid #eee
}

    #website-statistics1 .widget-footer > .col-sm-4 {
        padding-top: 25px;
        padding-bottom: 20px;
        font-size: 13px
    }

.status-data {
    font-size: 12px;
    color: rgba(255,255,255,.5);
    padding-left: 30px
}

    .status-data .animate-number {
        color: rgba(255,255,255,.85);
        font-size: 14px;
        font-weight: 700
    }

    .status-data .right-border {
        border-right: 1px solid rgba(0,0,0,.2)
    }

#home-chart-2 {
    margin-top: 24px
}

.morris-chart svg {
    width: 100% !important
}

#website-statistic2 h4 {
    color: #fff
}

#website-statistic2 .progress {
    background: rgba(0,0,0,.2)
}

#website-statistic3 {
    color: #fff;
    padding: 20px
}

    #website-statistic3 h2 {
        color: #fff
    }

    #website-statistic3 .stock-status {
        font-size: 21px;
        line-height: 35px;
        display: block;
        margin: 10px 0
    }

.sales-report-data {
    padding: 20px
}

#chat_groups h2 {
    color: rgba(0,0,0,.7);
    border-top: 1px solid rgba(0,0,0,.1);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 0 15px
}

#chat_groups li a {
    display: block;
    padding: 5px 15px;
    font-size: 13px;
    color: rgba(0,0,0,.5)
}

    #chat_groups li a i {
        margin-right: 5px;
        font-size: 12px
    }

#recent_tickets {
    display: none
}

    #recent_tickets h2 {
        color: rgba(0,0,0,.7);
        border-top: 1px solid rgba(0,0,0,.1);
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        padding: 0 15px
    }

    #recent_tickets li a {
        display: block;
        padding: 5px 15px;
        font-size: 13px;
        color: rgba(0,0,0,.5)
    }

        #recent_tickets li a i {
            margin-right: 5px
        }

        #recent_tickets li a span {
            display: block;
            color: rgba(0,0,0,.4);
            font-size: 12px
        }

#stock-widget .widget-content h4 {
    position: absolute;
    left: 15px;
    top: 40px
}

#stock-widget #stock-chart svg {
    margin-top: -20px
}

#stock-widget .stock-options {
    margin-right: 15px
}

#notes-app {
    background: #fdfdbe;
    overflow: hidden
}

#note-data {
    width: 100%;
    position: absolute;
    left: -100%;
    padding-left: 55px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#notes-app.new-item #notes-list {
    left: -100%;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#notes-list {
    left: 0%;
    padding-left: 60px;
    width: 100%;
    height: 340px;
    overflow: hidden;
    padding-top: 7px;
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

    #notes-list a {
        color: #555
    }

    #notes-list ul li {
        line-height: 31px
    }

#note-text {
    min-height: 300px;
    height: 100%;
    background: none !important;
    border: none !important;
    line-height: 31px;
    resize: none
}

#notes-app .status-indicator {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgba(0,0,0,.4);
    color: #fff;
    opacity: 0;
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    padding: 1px 6px 2px
}

#notes-app.saved .status-indicator {
    -webkit-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -o-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
    opacity: 1
}

#notes-app .widget-content {
    background: repeating-linear-gradient(0deg,transparent,transparent 30px,#f3f3f3 30px,#f3f3f3 31px);
    height: 342px;
    padding-top: 0
}

#notes-app .notes-line {
    border-left: 3px double rgba(238,150,122,.55);
    position: absolute;
    z-index: 0;
    display: block;
    height: 100%;
    left: 50px
}

#notes-app.new-item #note-data {
    left: 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

.todo-list {
    list-style: none;
    padding: 0;
    margin: 0
}

    .todo-list li {
        list-style: none;
        padding: 10px;
        text-overflow: ellipsis;
        width: 100%;
        position: relative;
        white-space: nowrap;
        margin-bottom: 4px;
        border-left: 4px solid rgba(0,0,0,.04);
        background: #f8f8f8
    }

        .todo-list li.done {
            opacity: .5
        }

            .todo-list li.done .todo-item {
                text-decoration: line-through
            }

        .todo-list li > span {
            line-height: 24px;
            height: 25px;
            display: inline-block;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 70%;
            vertical-align: middle
        }

    .todo-list .check-icon {
        width: 30px;
        margin-top: -2px;
        display: inline-block
    }

    .todo-list .todo-item {
        font-size: 12px;
        border-bottom: 1px dashed rgba(0,0,0,0) !important
    }

        .todo-list .todo-item:hover {
            border-bottom: 1px dashed rgba(0,0,0,.2) !important
        }

    .todo-list .todo-options {
        font-size: 16px;
        display: none
    }

    .todo-list .editable-buttons {
        display: inline-block
    }

    .todo-list .todo-tags {
        display: inline;
        line-height: auto;
        position: absolute;
        top: 9px;
        right: 9px
    }

    .todo-list .todo-options a {
        color: #888
    }

    .todo-list li:hover .todo-tags {
        display: none
    }

    .todo-list li:hover .todo-options {
        display: inline;
        position: absolute;
        top: 9px;
        right: 9px
    }

    .todo-list li.done .todo-tags {
        display: inline !important
    }

    .todo-list li.done .todo-options {
        display: none !important
    }

    .todo-list li .editable-container.editable-inline {
        margin-top: -4px;
        overflow: visible
    }

    .todo-list li.high {
        border-left: 4px solid #EB5055
    }

    .todo-list li.medium {
        border-left: 4px solid #E27A3F
    }

    .todo-list li.low {
        border-left: 4px solid #FFC052
    }

#contextMenu {
    position: absolute;
    display: none;
    z-index: 1000
}

#weather-widget {
    background: url(../../images/weather/weather-bg.html);
    background-size: cover;
    min-height: 364px
}

    #weather-widget h2 {
        color: #fff
    }

#weather h2 {
    position: absolute;
    top: 60px;
    right: 30px;
    font-size: 50px
}

#weather .w-region {
    position: absolute;
    top: 100px;
    left: 20px;
    font-size: 30px;
    color: rgba(255,255,255,.9)
}

#weather .w-currently {
    display: block;
    font-size: 20px;
    color: rgba(255,255,255,.8)
}

#weather .w-temp2 {
    font-size: 24px;
    color: rgba(255,255,255,.8)
}

.bic_calendar {
    border: none;
    background: none
}

    .bic_calendar a {
        color: #444
    }

    .bic_calendar .table tbody > tr > td {
        padding: 2px 0;
        line-height: 2.429
    }

    .bic_calendar table.header tbody > tr > td {
        border: none
    }

        .bic_calendar table.header tbody > tr > td:nth-child(2) {
            border: none;
            width: 100%
        }

    .bic_calendar td > div {
        padding: .35rem;
        background-color: #fff
    }

        .bic_calendar td > div:hover {
            background-color: #f9f9f9
        }

    .bic_calendar .table tbody > tr.days-month > td {
        text-align: center;
        padding: 0;
        background-color: #3F729B;
        color: #fff;
        border: 1px solid #3F729B !important
    }

.visualmonth {
    color: #333;
    font-size: 2.5rem;
    background-color: #f5f5f5 !important;
    font-weight: 500;
    border-radius: .25rem;
    border: 1px solid #ddd
}

.bic_calendar .button-month-next, .bic_calendar .button-month-previous {
    padding: 5px 15px !important
}

.bic_calendar .days-month td {
    background: #edf4ff;
    color: #000000;
    font-weight: 500;
    border: 1px solid #ddd !important;
    text-align: center;
    font-family: 'fontsemibold';
}

.fc-event {
    border: 0;
    padding: 1px 4px
}


.streetview {
    height: 300px
}

.cluster {
    color: #FFF;
    text-align: center;
    font-family: 'Arial,Helvetica';
    font-size: 11px;
    font-weight: 700
}

.cluster-1 {
    background-image: url(../img/gmap/m1.html);
    line-height: 53px;
    width: 53px;
    height: 52px
}

.cluster-2 {
    background-image: url(../img/gmap/m2.html);
    line-height: 53px;
    width: 56px;
    height: 55px
}

.cluster-3 {
    background-image: url(../img/gmap/m3.html);
    line-height: 66px;
    width: 66px;
    height: 65px
}
a.shedul-btn.btn-success.validateMeetingType {
    cursor: pointer;
}
.modal-content {
    -webkit-border-radius: 2px;
    border-radius: 9px;
   
}
#ExamOldData .modal-content {
    min-width: 700px !important;
    width: 100%;
}

.notification-positions {
    border: 2px dashed #ddd;
    padding: 2px
}

    .notification-positions div, .notification-positions a {
        height: 50px;
        margin-bottom: 20px;
        display: block
    }

    .notification-positions .row:last-child, .notification-positions .row:last-child div, .notification-positions .row:last-child div a {
        margin-bottom: 0px !important
    }

.jqstooltip {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-color: rgba(0,0,0,.1) !important;
    background: rgba(0,0,0,.5) !important
}

.rickshaw_graph .detail .x_label {
    color: #333
}

.echart {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .echart canvas {
        display: block
    }

.percent {
    position: absolute;
    display: block;
    vertical-align: middle;
    width: 100%;
    line-height: 0;
    text-align: center;
    height: 100%;
    left: 0;
    top: 50%;
    font-weight: 700;
    z-index: 2
}

    .percent:after {
        content: '%';
        color: rgba(255,255,255,.7);
        font-weight: 400;
        margin-left: .1em;
        margin-right: -5px;
        font-size: 9px
    }

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 18px;
    height: 18px;
    background: #68C39F
}

    .jvectormap-zoomin:hover, .jvectormap-zoomout:hover {
        background: #5CAD8D
    }

.jvectormap-zoomin {
    top: auto;
    bottom: 10px
}

.jvectormap-zoomout {
    top: auto;
    left: 30px;
    bottom: 10px
}

.grid-example [class*="col-"] {
    background: #fff;
    border: 1px solid #f3f3f3;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    transition: all 0.3s ease 0s
}

span.i-code {
    display: none
}

.icon-showcase p {
    font-size: 14px;
    vertical-align: middle;
    line-height: 30px
}

    .icon-showcase p i {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        vertical-align: middle;
        width: 24px
    }

#icons .the-icons i {
    font-size: 24px;
    line-height: 30px;
    position: relative;
    top: auto;
    right: auto
}

#icons .the-icons .i-name {
    font-size: 14px;
    line-height: 30px
}

.ios-switch-default .on-background {
    background: #ABB7B7
}

.ios-switch-primary .on-background {
    background: #2980B9
}

.ios-switch-success .on-background {
    background: #68C39F
}

.ios-switch-warning .on-background {
    background: #E27A3F
}

.ios-switch-info .on-background {
    background: #7A868F
}

.ios-switch-danger .on-background {
    background: #EB5055
}

.ios-switch-lg {
    height: 45px;
    width: 75px
}

    .ios-switch-lg .handle {
        height: 41px;
        width: 41px
    }

    .ios-switch-lg.on .handle {
        -o-transform: translate3d(30px,0,0);
        -ms-transform: translate3d(30px,0,0);
        -moz-transform: translate3d(30px,0,0);
        -webkit-transform: translate3d(30px,0,0);
        transform: translate3d(30px,0,0)
    }

.ios-switch-sm {
    height: 25px;
    width: 45px
}

    .ios-switch-sm .handle {
        height: 21px;
        width: 21px
    }

    .ios-switch-sm.on .handle {
        -o-transform: translate3d(20px,0,0);
        -ms-transform: translate3d(20px,0,0);
        -moz-transform: translate3d(20px,0,0);
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

footer {
    font-size: 12px;
    border-top: 1px solid #B9C1CB;
    color: #7A868F;
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99;
    background: #e8e8e8 !important;
    padding: 0 !important
}

    footer .footer-links a {
        color: #7A868F;
        padding: 1px 10px;
        border-right: 1px solid rgba(0,0,0,.1)
    }

        footer .footer-links a:hover {
            color: #4A525F
        }

        footer .footer-links a:last-child {
            border: none
        }

.label {
    display: inline-block
}

.checkbox_square input[type="checkbox"] {
    display: none
}

.checkbox_square label {
    position: relative;
    padding-left: 30px;
    padding-top: 2px;
}

    .checkbox_square label:before, .radio_square label:before {
        content: "";
        display: inline-block;
        display: inline;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 22px;
        background: url(../../MasterPages/FirstMasterPage/assets/img/aero.png) no-repeat;
        border: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        top: -2px
    }

.right label {
    padding-left: 0;
    padding-right: 30px;
    padding-bottom: 0 !important;
    padding-top: 7px
}

    .right label:before {
        right: 0;
        left: initial;
        background-position: 0 6px !important;
        height: 28px !important
    }

.chkbox_right {
    margin-top: 10px
}

    .chkbox_right label {
        padding-left: 0;
        padding-right: 30px;
        padding-bottom: 0 !important;
        padding-top: 7px
    }

        .chkbox_right label:before {
            right: 0;
            left: initial;
            top: 4px;
            height: 28px !important
        }

.vgpr .checkbox_square label {
    padding-left: 0
}

    .vgpr .checkbox_square label:before {
        left: 175px
    }

.checkbox_square label:before {
    background-position: 0 0
}

.checkbox_square label:hover:before {
    background-position: -24px 0
}

.checkbox_square input[type="checkbox"]:checked + label:before {
    background-position: -48px 0
}

.checkbox_square input[type="checkbox"]:disabled + label:before {
    background-position: -72px 0;
    cursor: default
}

.checkbox_square input[type="checkbox"]:checked:disabled + label:before {
    background-position: -96px 0
}

.aspNetDisabled input[type="checkbox"] {
    display: none
}

.aspNetDisabled label {
    position: relative;
    padding-left: 26px
}

    .aspNetDisabled label:before {
        content: "";
        display: inline-block;
        display: inline;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 22px;
        background: url(../img/aero.html) no-repeat -72px top;
        border: none;
        cursor: pointer;
        position: absolute;
        left: 0
    }

.radio_square input[type="radio"] {
    display: none
}

.radio_square label {
    position: relative;
    padding-left: 30px;
    margin-right: 14px;
}

    .radio_square label:before {
        background-position: -120px 0
    }

    .radio_square label:hover:before {
        background-position: -144px 0
    }

.radio_square input[type="radio"]:checked + label:before {
    background-position: -168px 0
}

.radio_square input[type="radio"]:disabled + label:before {
    background-position: -192px 0;
    cursor: default
}

.radio_square input[type="radio"]:checked:disabled + label:before {
    background-position: -216px 0
}

.checkbox_square1 {
    border: solid 1px;
    height: 22px
}

    .checkbox_square1 input[type="checkbox"] {
        position: relative;
        padding-left: 26px;
        opacity: .1
    }

        .checkbox_square1 input[type="checkbox"]:before {
            content: "";
            display: inline-block;
            display: inline;
            vertical-align: middle;
            margin: 0;
            padding: 0;
            width: 22px;
            height: 22px;
            background: url(../img/aero.html) no-repeat;
            border: none;
            cursor: pointer;
            position: absolute;
            left: 1px;
            top: -5px
        }

        .checkbox_square1 input[type="checkbox"]:before {
            background-position: 0 0
        }

        .checkbox_square1 input[type="checkbox"]:hover:before {
            background-position: 50px 0;
            opacity: 1
        }

        .checkbox_square1 input[type="checkbox"]:checked :before {
            background-position: 50px 0;
            opacity: 1
        }

        .checkbox_square1 input[type="checkbox"]:disabled :before {
            background-position: -72px 0;
            cursor: default
        }

        .checkbox_square1 input[type="checkbox"]:checked:disabled :before {
            background-position: -96px 0;
            opacity: 1
        }

.checkbox_square_Table input[type="checkbox"] {
    display: none
}

.checkbox_square_Table label {
    position: relative;
    padding-left: 26px
}

    .checkbox_square_Table label:before {
        content: "";
        display: inline-block;
        display: inline;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        width: 22px;
        height: 22px;
        background: url(../img/aero.html) no-repeat;
        border: none;
        cursor: pointer;
        position: absolute;
        left: 0;
        bottom: -15px
    }

    .checkbox_square_Table label:before {
        background-position: 0 0
    }

    .checkbox_square_Table label:hover:before {
        background-position: -24px 0
    }

.checkbox_square_Table input[type="checkbox"]:checked + label:before {
    background-position: -48px 0
}

.checkbox_square_Table input[type="checkbox"]:disabled + label:before {
    background-position: -72px 0;
    cursor: default
}

.checkbox_square_Table input[type="checkbox"]:checked:disabled + label:before {
    background-position: -96px 0
}

#ContentPlaceHolder1_Editor_ctl02 {
    height: 30px !important
}

#ContentPlaceHolder1_Editor_contentHtml {
    width: 600px !important
}

.bic_calendar .table tbody > tr > td {
    text-align: center
}

.mar-bottom {
    margin-bottom: 10px
}

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

.alignRight {
    float: right;
    position: absolute;
    z-index: 10;
    right: 15px;
    top: 0;
}

.alignLeft {
    float: left
}

.textRight {
    text-align: right
}

.textLeft {
    text-align: left
}

.pull-right1 {
    float: right;
    color: #fff;
    position: absolute;
    top: 10px;
    right: -7px
}

.top-menu {
    width: 100%;
    position: relative;
    background: #0E4175;
    /*box-shadow: 0px 2px 4px #b9b8b8;*/
}

.row.top-summary {
    margin: 30px 0 0 0
}

.top-menu nav > ul > li {
    display: inline-block
}

    .top-menu nav > ul > li:last-child > span {
        font-size: 10px;
        color: #FFF;
        padding: 15px 0;
        display: block;
        min-width: 50px;
        text-align: center;
        cursor:pointer;
    }


.top-menu nav ul li span {
    color: #fff;
}
    .top-menu nav > ul > li > a {
        color: #FFF;
        font-size: 14px;
        display: block;
        padding: 13px 11px 9px;
        cursor: pointer;
    }

        .top-menu nav > ul > li > a:hover {
            background-color: #1a6ec3;
        }

.top-menu nav ul, ol {
    margin-top: 0;
    margin-left: 0px;
    margin-bottom: 0;
    padding-left: 0px;
    list-style: none
}

.activean {
    background-color: rgba(255,255,255,.2)
}

.top-menu nav > ul > li:last-child > span.sort-arrow-menu {
    position: absolute;
    bottom: -26px;
    display: none;
}

.top-menu nav ul li:last-child:hover .sort-arrow-menu {
    display: block;
    color: #FFF !important;
}

.sort-arrow-menu i {
    font-size: 18px;
    color: #FFF !important;
}
.top-menu ul ul::before {
    content: '';
    position: absolute;
    top: -11px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #767b7f;
    z-index: 999999;
    right: 97px;
}
.top-menu nav > ul > li {
    position:relative;
}
.top-menu ul ul {
    visibility: hidden;
    position: absolute;
    opacity: 0;
       box-shadow: 0 1px 16px rgba(0,0,0,.3);
    z-index: 99;
    overflow-y: auto;
    background: #FFF;
    top: 53px;
    width: 600px;
    column-count: 3;
    right: -83px;
    overflow: inherit;
    border-radius: 7px;
    padding: 3px;
}



.hovermenushow {
    visibility: visible !important;
    opacity: 1 !important;
}

.top-menu ul ul li {
    display: block;
    background: #fff;
    top: 0;
    position: relative
}

    .top-menu ul ul li a {
        color: #333;
        padding: 8px 20px;
        display: block
    }

    .top-menu ul ul li:hover {
        background-color: #eaeaea
    }

.crisp-client {
    display: none;
}

i.fa.fa-bars {
    color: #000
}

strong#UserName {
    color: #000
}

i.fa.fa-caret-down {
    color: #000
}

i.fa.fa-search {
    color: #fff
}

.top-menu i.fa-search {
    position: absolute;
    top: 6px;
    right: -23px
}

.rep_searchIcon {
    background: url(../img/serch.html) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 8px;
    margin-right: 10px;
    position: absolute
}

.col-sm-10.left {
    margin: 0 0 0 21px
}

#serch {
    padding-left: 30px;
    background: #fff;
    height: 28px;
    font-size: 13px;
    color: #ccc;
    border: 1px solid #ccc
}

.SessionDropDown option {
    box-shadow: 2px 2px 10px rgba(0,0,0,.35);
    background: #fff;
    border: 1px solid #ccc
}

.form-group {
    padding: 4px;
    box-sizing: border-box;
    margin-bottom: 0;
}

.has-error .form-control {
    box-shadow: inset 0 1px 1px rgba(0,0,255,.075) !important
}

.no-border {
    border: 0
}

#sidebar-menu > ul > li > a > i {
    display: none
}

#sidebar-menu > ul > li > a > span i {
    padding: 0 0 0 15px;
    box-sizing: border-box;
    font-size: 15px;
}

#sidebar-menu ul ul a i {
    display: none
}

#sidebar-menu ul ul a {
    padding: 10px 35px
}

.user-name {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    height: 47px;
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 96px
}

    .user-name .user-row h2 {
        font-family: ProximaNovaLtSemibold,Arial,sans-serif !important;
        font-size: 18px;
        color: #222;
        padding-left: 20px;
        margin: 7px 0 0 0
    }

.side-menu.left {
    top: 95px
}

.content-page {
    margin-left: 240px
}

.admin {
    margin-left: 0
}

.getting-started ul {
    margin: 0;
    padding: 0 17px 0 0;
    list-style: none;
    float: right
}

    .getting-started ul li {
        float: left
    }

        .getting-started ul li a {
            display: block;
            color: #000;
            padding: 12px 0 0 15px;
            font-size: 16px
        }

.box-inner {
    width: 95%;
    float: left;
    padding: 50px 40px;
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 5px;
    box-shadow: 2px 4px 5px rgba(0,0,0,.1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-bottom: 30px;
    min-height: 340px;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: hidden;
    cursor: pointer
}

    .box-inner h2 {
        font-size: 22px;
        color: #333;
        text-align: center
    }

    .box-inner p {
        line-height: 25px;
        color: #555;
        font-size: 15px;
        text-align: center;
        margin-bottom: 28px
    }

.row.martop {
    display: block;
    margin-top: 100px
}

p.read-more {
    border: 1px solid #E26F63;
    border-radius: 30px;
    padding: 7px 20px;
    font-size: 13px;
    color: #333;
    text-decoration: none;
    background-color: #E26F63;
    margin-right: 10px;
    color: #fff;
    width: 160px;
    margin: 0 auto;
    display: block
}

    p.read-more:hover {
        background-color: #fff;
        border: 1px solid #E26F63;
        color: #E26F63
    }

.login-wrap .login-input .text-input {
    border: none
}

.help-block {
    display: none
}

.border-none {
    border: 0
}

.borbom2dote0 {
    border-bottom: 2px dotted #e0e0e0
}

.martop10 {
    margin-top: 10px
}

.borbot1soleee {
    border-bottom: 1px solid #eee
}

.login-wrap .login-input .text-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset
}


select[title="School Name"], select[title="Session"] {
    background: #fff;
    border: 1px solid #adadad;
    width: 100%
}
input[type="radio"], input[type="checkbox"] {
    height: 17px;
    width: 17px;
    float: left;
    margin-right: 10px;
}
.sidebar-mhead span {
    color: #505458;
    margin: 0;
    padding: 0 0 0 22px;
    font-size: 21px;
    line-height: 22px;
    margin-bottom: 0;
    border-radius: 4px
}

table.checkbox_square tr td {
    padding-left: 0
}

.homeWork .title {
    font-weight: 700;
    border: 1px solid #eee;
    padding: 5px;
    margin: 5px
}

.homeWork .details {
    border: 1px solid #eee;
    padding: 5px;
    margin: 5px;
    width: 100%;
    min-height: 300px
}

.com-con-sms {
    padding: 5px
}

    .com-con-sms .checkbox_square label {
        padding: 0 0 0 30px
    }

        .com-con-sms .checkbox_square label:before, .radio_square label:before {
            top: -1px
        }

    .com-con-sms .btn-wrapper {
        width: 50%;
        margin-top: 10px
    }

    .com-con-sms .smsTemplate {
        display: none
    }

#ContentPlaceHolder1_rdbtnStdSMS {
    width: 100%
}

    #ContentPlaceHolder1_rdbtnStdSMS td {
        padding: 10px
    }


#ContentPlaceHolder1_ddlClass_txtCombo, #ContentPlaceHolder1_ddlSection_txtCombo {
    width: 100% !important ;
      
}

#ContentPlaceHolder1_dvLoginParent {
    border-top: 1px solid #eee;
    padding-top: 10px
}

#ContentPlaceHolder1_MobId {
    margin-bottom: 39px
}

.scrollbar {
    width: 100%;
    padding: 0 1px;
    max-height: 470px;
    overflow-y: scroll;
    float: left;
    height: 100%;
    margin-left: 0px;
}

#scroll::-webkit-scrollbar {
    width: 5px;
    background-color: #fff
}

#scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px
}

    #scroll::-webkit-scrollbar-thumb:hover {
        background-color: #d9d9d9;
        border-radius: 10px
    }

    #scroll::-webkit-scrollbar-thumb:active {
        background-color: #d9d9d9;
        border-radius: 10px
    }

.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    height: 48px
}

    .scrollmenu li {
        display: inline-block
    }

.student-registration .nav-tabs li {
    float: none
}

#scroll::-webkit-scrollbar {
    height: 8px;
    background-color: #fff
}

#scroll::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px
}

    #scroll::-webkit-scrollbar-thumb:hover {
        background-color: #d9d9d9;
        border-radius: 10px
    }

    #scroll::-webkit-scrollbar-thumb:active {
        background-color: #d9d9d9;
        border-radius: 10px
    }


#ContentPlaceHolder1_RepDetails th:after, #ContentPlaceHolder1_gvReceiptVoucher th:after {
    display: none
}

.col-sm-10 table {
    width: 100%
}

    .col-sm-10 table tr td {
        padding: 0
    }

.chosen-container-single {
    width: 100% !important
}

.widget-top-search {
    margin-top: 6px
}

    .widget-top-search .btn {
        padding: 2px 12px
    }

.view {
    position: fixed;
    top: 124px;
    right: 3%;
    z-index: 99;
    border: 0;
    width: 30px;
    height: 30px;
    background: url(../../images/recent-traction.png) no-repeat 0 0;
    background-size: cover
}

.md-modal {
    min-width: 800px
}


div[class="md-modal modal-dialog md-modal-1 md-show"] {
    width: 50%;
    height: auto;
    box-shadow: 0 5px 15px rgba(0,0,0,.5)
}


.ticket span {
    color: #f10000;
    font-size: 43px;
    line-height: 0;
    padding-top: 25px;
    display: inline-block;
    float: left
}

.ticket-total span {
    color: #4163ab
}

.ticket-solved span {
    color: #01644f
}

.ticket-inprocess span {
    color: #0fa916
}

.ticket span + span {
    color: #5b5b5b;
    font-size: 12px;
    display: inline-block;
    padding: 14px 0 0 5px;
    line-height: 11px
}

.ticket-inprocess span + span {
    padding-top: 7px
}

.ticketTable td:first-child {
    width: 3%
}

.ticketTable td:nth-child(2) {
    width: 7%
}

.ticketTable td:nth-child(3) {
    width: 90%
}

.first_letter_pending {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    background: #ff2a00;
    display: inline-block;
    width: 41px;
    height: 41px;
    text-align: center;
    border-radius: 20px;
    padding-top: 3px
}

.first_letter_solved {
    font-size: 24px;
    font-weight: 700;
    color: #5b5b5b;
    background: #a2d5a6;
    display: inline-block;
    width: 41px;
    height: 41px;
    text-align: center;
    border-radius: 20px;
    padding-top: 3px
}

.first_letter_inProgress {
    font-size: 24px;
    font-weight: 700;
    color: #5b5b5b;
    background: #fff47d;
    display: inline-block;
    width: 41px;
    height: 41px;
    text-align: center;
    border-radius: 20px;
    padding-top: 3px
}

.pending_ticket_details2 {
    list-style: none;
    font-size: 12px;
    color: #5b5b5b;
    font-weight: 700;
    padding-left: 0
}

    .pending_ticket_details2 li {
        margin: 5px
    }

    .pending_ticket_details2 span.pending {
        height: 27px;
        width: 67px;
        background: #ff2a00;
        border-radius: 10px;
        color: #fff;
        padding: 5px
    }

    .pending_ticket_details2 span.solved {
        height: 27px;
        width: 67px;
        background: #a2d5a6;
        border-radius: 10px;
        color: #5b5b5b;
        padding: 5px
    }

    .pending_ticket_details2 span.inProgress {
        height: 27px;
        width: 67px;
        background: #fff47d;
        border-radius: 10px;
        color: #5b5b5b;
        padding: 5px
    }

.pending_ticket_details3 {
    white-space: initial !important
}

    .pending_ticket_details3 ul {
        list-style: none;
        padding: 0 5px 0 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto
    }

.backButton {
    position: fixed;
    right: 30px;
    top: 103px;
    z-index: 18
}

.pending_ticket_details3 ul li:first-child {
    font-weight: 700
}

.pending_ticket_details3 ul li span {
    font-weight: 700
}

.pending_ticket_details3 ul li p {
    margin: 0;
    padding: 5px 5px 5px 0
}

.ticketReply .jtpl {
    background: #4163ab;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 41px;
    height: 41px;
    border-radius: 20px;
    padding-top: 3px;
    float: left;
    position: absolute;
    left: -60px;
    top: 4px
}

.ticketReply div[class="col-sm-11 col-sm-offset-1"] {
    border-radius: 10px;
    border: 1px solid #ddd;
    min-height: 100px;
    background: #fff;
    padding-bottom: 10px
}

.ticketReply_reply {
    padding-top: 10px
}

.trail div[class="col-sm-11 col-sm-offset-1"] {
    border-radius: 10px;
    border: 1px solid #ff2a00;
    min-height: 100px;
    padding-bottom: 10px
}

    .ticketReply div[class="col-sm-11 col-sm-offset-1"]:after, .ticketReply div[class="col-sm-11 col-sm-offset-1"]:before, .trail div[class="col-sm-11 col-sm-offset-1"]:after, .trail div[class="col-sm-11 col-sm-offset-1"]:before, .trail div[class="col-sm-11 col-sm-offset-1 jtpl"]:after, .trail div[class="col-sm-11 col-sm-offset-1 jtpl"]:before {
        right: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none
    }

    .ticketReply div[class="col-sm-11 col-sm-offset-1"]:before, .trail div[class="col-sm-11 col-sm-offset-1"]:before, .trail div[class="col-sm-11 col-sm-offset-1 jtpl"]:before {
        border-color: rgba(204,204,204,0);
        border-right-color: #ddd;
        border-width: 9px;
        top: 23px;
        margin-top: -9px;
        -moz-transition: border 200ms cubic-bezier(.65,.05,.36,1);
        -o-transition: border 200ms cubic-bezier(.65,.05,.36,1);
        -webkit-transition: border 200ms cubic-bezier(.65,.05,.36,1);
        transition: border 200ms cubic-bezier(.65,.05,.36,1)
    }

    .trail div[class="col-sm-11 col-sm-offset-1"]:before {
        border-right-color: #ff2a00
    }

.trail div[class="col-sm-11 col-sm-offset-1 jtpl"]:before {
    border-right-color: #4163ab
}

.ticketReply div[class="col-sm-11 col-sm-offset-1"]:after, .trail div[class="col-sm-11 col-sm-offset-1"]:after, .trail div[class="col-sm-11 col-sm-offset-1 jtpl"]:after {
    border-color: rgba(255,253,248,0);
    border-right-color: #fffdf8;
    border-width: 8px;
    top: 23px;
    margin-top: -8px
}

.trail div[class="col-sm-11 col-sm-offset-1 jtpl"] {
    border-radius: 10px;
    border: 1px solid #4163ab;
    min-height: 100px;
    padding-bottom: 10px
}

    .trail div[class="col-sm-11 col-sm-offset-1 jtpl"] .jtpl {
        background: #4163ab;
        color: #fff;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        width: 41px;
        height: 41px;
        border-radius: 20px;
        padding-top: 3px;
        float: left;
        position: absolute;
        left: -60px;
        top: 4px
    }

.schoolName_firstLetter {
    background: #ff2a00;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    width: 41px;
    height: 41px;
    border-radius: 20px;
    padding-top: 3px;
    float: left;
    position: absolute;
    left: -60px;
    top: 4px
}

.ticketReply p, .trail p {
    margin: 1px 0
}

.cc-bcc {
    border: 1px solid #eee;
    padding: 3px;
    margin: 9px 0
}

    .cc-bcc span {
        float: right
    }

div.bhoechie-tab-container {
  
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 159px;
    bottom: 25px;
    width: 19%;
}
.bhoechie-tab {
    width: 76%;
    float:right;
}
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: #5A55A3
            }

            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: #f58220;
                background-image: #f58220;
                color: #fff;
                border-color: #f58220
            }

                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 #f58220
                }

div.bhoechie-tab-content {
    background-color: #fff;
    padding-top: 10px
}

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

.navbar {
    border-radius: 0;
    border: none
}

.note-toolbar .btn {
    min-width: initial
}


@media (max-width:1120px) {
    .top-menu nav > ul > li > a {
        padding: 12px 7px
    }

    .top-menu ul ul li:first-child:after {
        left: 10px
    }
}

.fixedheader > div > div + div {
    max-height: 300px
}

.fixedheader > div > div:nth-child(3) {
    min-height: 50px
}

.fixedheader .help-block {
    position: absolute;
    left: 20px;
    bottom: 28px
}

.fixedheader .positiontop {
    display: none !important
}

.fixedHeaderNew > div > div {
    margin-bottom: 10px
}



#help #popup {
    display: none;
    position: absolute;
    top: -5px;
    left: 38px;
    background: #000;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
    font-size: 12px;
}

        #help #popup i {
            color: #000;
            position: absolute;
            left: -9px;
            top: -1px;
            font-size: 34px
        }

    #help:hover #popup {
        display: block
    }

.form-group > div[class="text-center"] {
    margin-top: 10px
}

.icons {
    position: fixed;
    right: 58px;
    top: 100px;
    z-index: 99
}

    .icons .icon {
        display: inline-block;
        background: #e5e5e5;
        cursor: pointer;
        padding: 5px 7px;
        margin-top: 0;
        border: 1px solid #ccc;
        color: #000
    }

.pbg {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    background: rgba(1,1,1,.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.icon-container {
 
    box-shadow: none;
  
    border: 5px solid #ddd;
    position: fixed;
    right: 24px;
    top: 142px;
    width: 50%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    transition: visibility 0s,opacity 0.5s linear;
    -moz-box-shadow: 3px 3px 5px 6px #ccc;
    -webkit-box-shadow: 1px 1px 2px 3px rgba(0,0,0,.1);
    box-shadow: 1px 1px 2px 3px rgba(0,0,0,.1)
}

.show {
    visibility: visible;
    opacity: 1
}

.icon-container .progress, .icon-container .widget-box {
    -webkit-box-shadow: none
}

.no-padding {
    padding: 0 !important
}

.icon-container .widget-header, .icon-container .widget-content {
    padding: 0 19px
}

.icon-container h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin: 15px ;
    font-size: 18px;
}
.audit.icon-container.show {
    box-shadow: none !important;
    border: 1px solid #d5d5d5 !important;
    border-radius: 5px;
}
.slimScrollDiv {
    padding: 15px;
}

.icon-container .dialogs, .icon-container .itemdiv {
    position: relative
}

    .icon-container .itemdiv.dialogdiv {
        padding: 8px 32px;
        position: relative;
        margin-bottom: 15px;
    }
        .icon-container .itemdiv.dialogdiv:nth-child(odd){
            background:#f5f5f5;
        }
        .icon-container .itemdiv {
            padding-right: 3px;
            min-height: 66px
        }
.icon-container .dialogs {
    max-height: calc(98vh - 194px);
    overflow-y: auto;
}
.audit.icon-container .dialogs strong {
    float: left;
    width: 150px;
    margin: 20px auto 56px;
    text-align: center;
    margin-left: 268px;
}
.icon-container .dialogs, .icon-container .itemdiv {
    position: relative;
    margin-top: 0px !important;
}
span.pull-right.close {
    cursor: pointer;
}
    .icon-container .itemdiv.dialogdiv:before, .icon-container .itemdiv.dialogdiv > .body:before, icon-container .itemdiv > .body > .text:after {
        content: "";
        position: absolute
    }

.icon-container .itemdiv > .icon {
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 21px;
    background: transparent;
    text-align: center;
    display: flex;
    flex-direction: column;
}

    .icon-container .itemdiv.dialogdiv > .icon > i {
        border-color: #C9D6E5;
        background: #fff
    }

    .icon-container .itemdiv > .icon > .i, .icon-container .itemdiv > .icon > i {
        border-radius: 100%;
        border: 2px solid #5293C4;
        max-width: 40px;
        position: relative;
        padding: 6px
    }

    .icon-container .itemdiv.dialogdiv > .body {
        border: 1px solid #aab2bd;
        padding: 5px 8px 8px;
       
        margin-right: 1px
    }

    .icon-container .itemdiv > .body {
        width: auto;
        margin-left: 84px;
        margin-right: 12px;
        position: relative
    }

.icon-container:before {
    position: absolute;
    content: '';
    border-bottom: solid 13px #d5d5d5;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    right: 33px;
    top: -13px;
}

.icon-container .itemdiv.dialogdiv > .body:before {
    display: block;
    left: -13px;
    top: 25px;
    content: '';
    border-bottom: solid 11px transparent;
    border-right: solid 12px #aab2bd;
    border-top: solid 11px transparent;
}

/*.icon-container .itemdiv.dialogdiv:before {
    display: block;
    top: 0;
    bottom: 0;
    left: 19px;
    width: 3px;
    max-width: 3px;
    background-color: #3e73bd;
    border: 1px solid #3e73bd;
    border-width: 0 1px
}*/

.icon-container .itemdiv.dialogdiv:before, .icon-container .itemdiv.dialogdiv > .body:before, .icon-container .itemdiv > .body > .text:after {
    content: "";
    position: absolute
}

.icon-container:before, .icon-container:before, .icon-container:after {
    content: "";
    position: absolute
}

.icon-container .itemdiv > .body > .text .green {
    color: #429449
}

.ace-icon {
    text-align: center
}

.icon-container .itemdiv > .icon > .date {
    display: block;
    color: #3d416f;
    font-size: 16px;
    order: 1;
}

.icon-container .itemdiv > .icon > .time {
    color: red;
    order: 2;
}

.icon-container .itemdiv.dialogdiv > .body > .text {
    padding-left: 0;
    padding-bottom: 0;
    word-wrap: break-word
}

.icon-container .itemdiv > .body > .text {
    display: block;
    position: relative;
    margin-top: 2px;
    padding-bottom: 19px;
    padding-left: 7px;
    font-size: 13px
}

.comment:before {
    right: 4px
}

.comment > .comment-box {
    margin: 15px 15px 0 15px;
    border-top: 1px solid #ddd
}

    .comment > .comment-box > span {
        margin: 5px;
        display: block
    }

        .comment > .comment-box > span:first-of-type textarea {
            border: 1px solid #DDE4ED
        }

.nav-tabs-scroll {
    white-space: nowrap;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}

    .nav-tabs-scroll > li {
        float: none
    }


.li-style img {
    position: relative;
    top: -22px;
    right: 0px;
    left: 138px;
}

.Return:hover {
    background-color: #ff9999 !important;
}

.FeeRefund:hover {
    background-color: #d4faaf !important;
}

.totalgrey {
    background-color: grey !important;
    color: #fff !important;
}

    .totalgrey:hover {
        background-color: grey !important;
        color: #fff !important;
    }

.pagging-head {
    font-size: 20px;
    color: #4a4a4a;
   
}

@media only screen and (max-width:1024px) {
    .logo-c {
        float: left;
        width: 50%;
        text-align: center;
    }

    .topbar {
        background-color: #FFF;
        height: 105px;
        margin-bottom: 15px;
        box-shadow: 0px 2px 3px #e2dede;
    }
    .logo-c img {
        max-height: 50px;
    }
    .page-heading {
        margin: 0;
        padding: 12px;
        padding-left: 15px !important;
        left: 0px !important;
        font-size: 13px;
        height: 36px;
        top: 107px;
        line-height: unset;
    }

    .outer-div {
        display: block;
        position: fixed;
        background: #f8f9fa;
        width: 100%;
        max-width: 234px;
        left: -100%;
        padding: 44px 5px 0 0px;
        box-sizing: border-box;
        z-index: 99999;
        top: 0;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
    }

        .outer-div .menu {
            max-height: 75vh;
            overflow-y: auto;
            margin-top: 5vh;
        }

        .outer-div ul {
            margin: 0;
            padding: 0;
            list-style: none;
            max-height: 65rem
        }

            .outer-div ul > li > a {
                border-bottom: 1px solid #ccc;
                display: block;
                color: #111;
                text-decoration: none;
                padding: 8px 0 8px 15px;
                font-size: 13px
            }

    .overlay-menu {
        background: rgba(255,255,255,.6);
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 9
    }

    .school-name {
        float: left;
        width: 100%;
        text-align: center;
        position: absolute;
        top: 54px;
        left: 0px;
        right: 0px;
    }

    .mas-c {
        display: none;
    }

    .header-right {
        float: right;
        width: 25%;
    }

    .hed-usricon {
        font-size: 13px;
    }

    .btn1 {
        float: left;
        width: 25%;
        display: block;
    }

    .topbar-profile {
        height: 28px;
        width: 28px;
        border-left: 0px;
        margin-top: 0px;
    }

    .content-page > .content {
        margin-top: 146px;
        padding: 0px 0px 31px
    }

    .bell-bageg {
        display: none;
    }

    .print-btn-c {
        position: fixed;
        top: 112px !important;
        right: 15px;
        z-index: 55;
    }

    .pagging-head {
        font-size: 15px;
        color: #4a4a4a;
        margin-top: 9px;
        margin-bottom: 16px;
        font-family: 'senbold';
        padding: 0px 15px;
    }
    .graph-inner {
        background-color: #FFF;
        border: 1px #dedede solid;
        padding: 10px;
    }

    .graph-inner .font-bold {
        font-size: 14px;
        font-weight: normal;
    }
    .graph-inner {
        border: 2px solid !important;
    }
    .graph-bg {
        background-color: #f8f9fa;
        padding-right: 0px;
        padding-left: 0px;
    }

    .horizontal-nav {
        display: none;
    }

    .topbar-profile > a i {
        margin-top: 2px;
        font-size: 22px;
    }



    .school-name-w {
        font-size: 15px;
        /*font-family: 'boxicons';*/
        float: left;
    }

    #wrapper.enlarged .content-page {
        margin-left: 0;
        width: 100%;
        float: left;
        margin-left: 0px !important;
        position: relative;
    }

    .top-menu {
        display: none;
    }

    .btn-close {
        width: 100%;
        position: absolute;
        top: -1px;
        font-size: large;
        cursor: pointer;
        font-size: 31px;
        width: 30px;
        right: 1px;
    }

    .home-right-side, .home-left-side {
        float: right;
        width: 100%;
    }

    .school-year {
        font-size: 13px;
        margin-top: 0px;
    }

    .side-menu.left {
        top: 0px !important;
        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
        background: #f5f5f5;
        position: fixed;
        border-radius: 0px;
        left: 0px;
        z-index: 200;
    }

    .sidebar-inner {
        height: 95% !important;
        overflow-y: scroll !important
    }

    .content-page {
        margin-left: 0px !important;
    }

    .aroow-left {
        top: -48px;
        margin-top: 0px !important;
    }

    .aroow-right {
        top: -27px;
        left: 4px;
        margin-top: 0px !important;
    }

    .fot-insigra {
        display: none;
    }

    #sidebar-menu > ul > li > a {
        border-bottom: 1px solid #ccc
    }

    sidebar-mhead {
        padding: 10px 5px 10px 25px;
        font-size: 14px;
    }

    #sidebar-menu > ul > li > a > span {
        vertical-align: middle;
        font-size: 13px;
        font-weight: 400;
    }

    .profil-box {
        width: 275px;
        padding: 10px 0px !important;
        right: 0px;
        left: auto;
        box-shadow: 0px 0px 4px #ccc;
    }

    .topbar-profile .topbar-profile-image {
        width: 59px;
        position: relative;
        margin-left: 10px;
        padding: 6px;
        border: 1px solid rgba(0,0,0,.2);
    }

    a#nav-toggle-btn {
        display: none;
    }

    .refrel-c {
        display: none;
    }

    #sidebar-menu ul ul {
        display: none;
        background: #ebebeb;
        border-bottom: 1px #ccc solid;
    }
    div.bhoechie-tab-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        position: relative;
        top: 0;
        bottom: 0;
        width: 100%;
        display:none;
    }
    .bhoechie-tab {
        width: 100%;
        float: right;
    }
    span.smsbar {
        position: absolute;
        font-size: 22px;
        right: 14px;
        top: 0px;
        z-index: 9;
        background: #FFF;
        padding: 8px;
        border-radius: 5px;
    }
}

.theme-popover {
    position: absolute;
    background: #0a49bd;
    color: #FFF;
    padding: 10px;
    width: 241px;
    right: -94px;
    top: 43px;
    z-index: 8;
    display: none;
}
#themebutton:hover .theme-popover {
    display: block;
}
.theme-popover::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #0a49bd;
    top: -10px;
    left: 45%;
    position: absolute;
}
.theme-ms-close {
    position: absolute;
    top: -11px;
    right: 2px;
}



/*new css for color-profile box ruby atul styar*/
.profil-box {
    height: calc(100vh - 26px);
    width: 355px;
    position: fixed !important;
    transform: unset !important;
    top: -2px !important;
    right: 0px !important;
    left: unset !important;
    will-change: transform;
    padding: 0px;
}
.profileboxmenuwrapper {
    background-image: url(../images/profiletex.jpg);
    background-size: cover;
    display: flex;
    position: relative;
    align-items: center;
}
.profilemenuclosebtn {
    position: absolute;
    background: transparent;
    padding: 0;
    color: #fff;
    border: none;
    right: 8px;
    top: 8px;
}
.profilemenuimgwrap {
    text-align: center;
    padding: 20px 0;
    margin: 1px 15px;
}
.topbar-profile img {
    max-width: 90px;
    min-width: 90px;
    margin-top: -3px;
    background: #fff;
    max-height: 90px;
    min-height: 90px;
    border-radius: 50%;
    padding: 7px;
}
.profileopenimg {
    max-width: 43% !important;
    min-width: 43% !important;
    margin-top: -3px;
    background: transparent !important;
    max-height: initial !important;
    min-height: auto !important;
    border-radius: 0px !important;
    padding: 0px !important;
}
.profilemenuuserdetail #UserName{
    color: #fff;
    margin-bottom: 0px;
}
.profilemenuuserdetail {
    padding: 0 15px;
    line-height: 1.4;
}
    .profilemenuuserdetail .profile-li {
        float: unset;
        font-size: 14px;
        color: #fff;
    }
.profilemenuuserdetail small{
    color: #fff;
}
.profile-li a img {
    max-width: 22px;
    min-width: 22px;
    border-radius: 0px;
    max-height: 22px;
    min-height: 22px;
    background: none;
    padding: 0;
    margin-right: 9px;
}
.profil-box > li > a {
    font-size: 13px;
    color: #555;
    padding: 4px 15px;
}
.profilefooter {
    position: absolute;
    bottom: 0;
    display: flex;
    padding: 0 15px;
    width: 100%;
    border-top: 1px solid #bdc3c8;
    justify-content: space-between;
}
.app-btn {
    width: 45%;
    max-width: 160px;
    color: #fff;
    margin: 20px 10px;
    text-align: left;
    border-radius: 5px;
    text-decoration: none;
    font-family: "Lucida Grande", sans-serif;
    font-size: 10px;
    text-transform: uppercase;
}

    .app-btn.blu {
        background-color: #101010;
        transition: background-color 0.25s linear;
    }

        .app-btn.blu:hover {
            background-color: #454545;
        }

    .app-btn i {
        width: 20%;
        text-align: center;
        font-size: 28px;
        margin-right: 7px;
    }

    .app-btn .big-txt {
        font-size: 17px;
        text-transform: capitalize;
    }
.profilemenuflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 15px;
}
.profileterm {
    line-height: 1.6;
}
.profileterm a{
    font-size: 12px;
}
.profilefooter p {
    margin-bottom: 0;
    font-size: 11px;
}
.profile-li.profile-btn-c {
    border-top: 1px #ccc solid;
    padding-top: 0;
    position: absolute;
    bottom: 36px;
}
.profilefooter a {
    margin-left: 10px;
}
.profilefooter a img {
    max-width: 18px;
    min-width: 18px;
    border-radius: 0px;
    max-height: 18px;
    min-height: 18px;
    background: none;
    padding: 0;
    margin-right: 0px;
}


@media only screen and (max-width: 767px) {
    .content-page > .content {
        margin-top: 143px !important;
        padding: 0px 0px 23px 0px;
    }
    .header-right {
        margin-top: 0px;
    }
    .profileopenimg {
        max-width: 74% !important;
        min-width: 74% !important;
        margin-top: 0px;
    }
    .profil-box {
        height: calc(100vh - 23px);
        width: 100%;
        position: fixed !important;
        transform: unset !important;
        top: -3px !important;
        right: 0px !important;
        left: unset !important;
        will-change: transform;
        padding: 0px;
    }
    .profil-box {
        padding: 0px 0px !important;
        right: 0px;
        left: auto;
        box-shadow: 0px 0px 4px #ccc;
    }
    .page-heading {
        margin: 0;
        padding: 7px 15px;
    }
}

.filtermainbox {
    background: #e5f5ff;
    position: absolute;
    padding: 22px 19px 15px 15px;
    border-radius: 8px;
    top: 33px;
    right: 0;
    max-width: 338px;
    min-width: 338px;
    overflow-y: auto;
    height: calc(100vh - 168px);
    box-shadow: 1px 4px 20px 0px #c7c7c7;
    display: none;
}
.filtermainboxshow{
    display: block;
}
.filtermainbox .custom-input-box {
    width: 100%;
    display: block;
}
.filtermainbox .chosen-container {
    position: relative;
    display: block;
}
        .filterclosebtn {
    background: none;
    border: none;
    font-weight: 700;
    font-size: 22px;
}
.filterheader {
    position: sticky;
    top: -22px;
    background: #e5f5ff;
    z-index: 9;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
    margin: -25px -2px 10px -2px;
}
    .filterheader h4 {
        font-size: 16px;
        font-family: 'fontmedium';
        margin: 0;
    }
.filterbtnwrap {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    text-align: end;
}
.dropdownnew {
    box-shadow: 1px 4px 20px 0px #c7c7c7;
    border: none;
}
    .dropdownnew a, .dropdownnew span, .dropdownnew button {
        font-size: 14px;
    }
    
    .dropdownnew i {
        margin-right: 5px;
        width: 17px;
    }
.dropdownnew .dropdown-item:hover, .dropdownnew .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #418dfb;
    width: 96%;
    margin: auto;
    border-radius: 6px;
}

    .dropdownnew .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 0.8rem;
        clear: both;
        font-weight: 400;
        color: #212529;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
        display: flex;
        justify-content: start;
        align-items: center;
    }

.filtershake {
    animation: blink 1s infinite;
}

    .filtershake:before {
        content: '';
        background
    }

@keyframes blink {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .5;
    }

    100% {
        opacity: 1;
    }
}

.backbtnmain i{
    transform: rotate(-90deg);
}

.footerflex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footerflex .checkbox_square label{
    margin-bottom: 0px;
}
.filtervaluesbg {
    background: #d9f3d1;
    position: relative;
}
.filtervalues {
    position: relative;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
    .filtervalues h4 {
        font-size: 10px;
        margin: 0;
        font-family: 'senregular';
        border-right: 1px solid #cccccc;
        margin-right: 10px;
        padding: 10px 10px 10px 0;
    }
        .filtervalues h4 span {
            font-family: 'fontsemibold';
        }
    .filtervalues h4:last-child {
        margin: 0;
        font-family: 'fontmedium';
        border-right: none;
        margin-right: 0px;
        padding: 10px 0px 10px 0;
    }
.srcriteriaheading {
    font-size: 13px;
    padding: 5px 15px 0 15px;
    font-family: 'fontsemibold';
}
.ftresetbtn {
    background: none;
    border: none;
    padding: 0;
    font-size: 27px;
    position: absolute;
    right: 15px;
    top: -3px;
}
.dataNotFoundImg{

}
.ft12{
    font-size: 12px;
}
.pageblankwrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 126px);
}
.pageblankcontent {
    box-shadow: 1px 1px 20px 0px #e9e9e9;
    padding: 28px 30px;
    border-radius: 20px;
    text-align: center;
}
.pageblankcontent h3 {
    text-transform: capitalize;
    font-size: 20px;
    font-family: 'fontsemibold';
}
.date.date-container {
    background: #fff;
    overflow: hidden;
}
.morelikethismenuwrapper {
    position: absolute;
    background: #282828;
    width: 360px;
    height: auto;
    border: none;
    padding: 0px 15px 0 15px;
    bottom: -114px;
    border-radius: 10px 10px 0px 0px;
    left: 19px;
    max-height: 350px;
    min-height: 350px;
    overflow-y: auto;
    display: none;
    transition: 0.5s;
    box-shadow: 0px -2px 20px #107e24d9;
}
.morelikethismenuwrappershow {
    border-bottom: none;
    display: block;
    bottom: 25px;
    transition: 0.5s;
}
.morelikethismenuwrapper h4 {
    font-size: 16px;
    font-family: 'fontmedium';
    color: #fff;
    margin-bottom: 0px;
    position: sticky;
    top: 0;
    z-index: 99;
    padding: 10px 0px;
    background: #282828;
}
    .morelikethismenuwrapper h4 p {
        font-size: 12px;
        font-family: 'senregular';
        margin-top: 5px;
        margin-bottom: 0;
    }
.morelikeclose {
    float: right;
    cursor: pointer;
}
    .morelikethismenuwrapper .table tr > th {
        background-color: #dde7ff !important;
        position: sticky !important;
        top: 0px;
        z-index: 9;
    }
.mltbtn {
    background: #007bff;
    color: #fff;
    border: none;
    padding: 1px 10px;
    border-radius: 5px;
    font-family: 'senregular';
}
.tablePadding {
    border-radius: 8px 8px 0px 0px;
    overflow: hidden;
}
.morelikethismenuwrapper table{
    background: #fff;
}
.dataNotFoundImg img{
    max-width: 70px;
    min-width: 70px;
}
.dataNotFoundImg h3 {
    font-size: 14px;
}
.dnfimgposition {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*new css for color-profile box ruby atul end*/