/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : May 14, 2015, 6:43:25 PM
    Author     : Mahen
*/

h3.panel-title, .h3.panel-title {
    font-size: 18px;
}


.btn-save{
    margin-top:23px;
}

.form-control {
    font-size: 13px;
    height: 40px;
}

.full-select{
    width: 100%;
}
select{
    height: 40px;
    width: 100%;
    margin:0px;
    border-radius:0px;
}

#event-management .modal {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    z-index: 1;
}
#event-management .modal {
    background: transparent !important;
}

.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;


}

.ellipses {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.slogo{
    text-align: center;
    margin-left: 35px;
    float: left;
    margin-top: 5px;

}

/*.kingthing{
    text-align: center;
    font: 20px "Kingthings Serifique Light";
    float: left;
    margin-left: 9px;
    margin-top: 13px;
}*/


.badge{
    margin-top: 1px;
}

.dropdown-menu > li > a
{

    text-align: left;
}


.profile-user-imges {
    margin: 0px auto;
    /* width: 100px; */
    padding: 3px;
    border: 3px solid #D2D6DE;
}

.img-circle {
    border-radius: 50%;
}



.panel1 {
    margin-bottom: 20px;
    border-color: #DDD;
    color: #333;
}
.panel1 {
    margin-bottom: 20px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
* {
    box-sizing: border-box;
}
.panel1-default > .panel1-heading {
    color: #333;
    background-color: #FCFCFC;
    border-color: #DDD;
}
.panel1-heading {
    position: relative;
    text-align: center;
}
.panel1-heading {
    padding: 15px 20px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.panel1-body {
    position: relative;
}

.panel1-body {
    padding: 20px;
}

.panel1 {
    color: #333;
}




/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0;
}
.info-box .progress .progress-bar {
    background: #fff;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
    max-width: 100%;
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-text {
    text-transform: uppercase;
}
.info-box-more {
    display: block;
}
.progress-description {
    margin: 0;
}



.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.bg-gray-light {
    background-color: #f7f7f7;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}
.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}
.bg-black-active {
    background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}
.bg-blue-active {
    background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}
.bg-navy-active {
    background-color: #001a35 !important;
}
.bg-teal-active {
    background-color: #30bbbb !important;
}
.bg-olive-active {
    background-color: #368763 !important;
}
.bg-lime-active {
    background-color: #00e765 !important;
}
.bg-orange-active {
    background-color: #ff7701 !important;
}
.bg-fuchsia-active {
    background-color: #db0ead !important;
}
.bg-purple-active {
    background-color: #555299 !important;
}
.bg-maroon-active {
    background-color: #ca195a !important;
}


/*
 * Component: Small Box
 * --------------------
 */
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
    padding: 10px;
}
.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
}
.small-box p > small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}
.small-box h3,
.small-box p {
    z-index: 5;
}
.small-box .icon {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 95px;
}
@media (max-width: 767px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}
/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #444444;
}
.box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
    color: #ffffff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}
.box .box-group > .box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool.btn:active {
    box-shadow: none;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body > .table {
    margin-bottom: 0;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}
.chart-legend {
    margin: 10px 0;
}
@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}
.box-comments {
    background: #f7f7f7;
}
.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
    content: " ";
    display: table;
}
.box-comments .box-comment:after {
    clear: both;
}
.box-comments .box-comment:last-of-type {
    border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
    padding-top: 0;
}
.box-comments .box-comment img {
    float: left;
}
.box-comments .comment-text {
    margin-left: 40px;
    color: #555;
}
.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600;
}
.box-comments .text-muted {
    font-weight: 400;
    font-size: 12px;
}
/*
<!--    -->
.form-control {
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #D2D6DE;
}
.select2-hidden-accessible {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}

.form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-control {
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #D2D6DE;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}
*/
.class_marks ul{
    padding:0px;
}
.class_marks ul li{
    list-style: none;
    color:#AF2018;
}

.listless{
    list-style: none;
}
.spaced-listless ul li{
    list-style: none;
}
.spaced-listless label {
    padding-left: 30px;
    padding-top: 5px;
}/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : May 14, 2015, 6:43:25 PM
    Author     : Mahen
*/
.navbar-brand > img {
    height: 45px;
    margin: 3px 3px;
}

.navbar-brand {
    float: left;
    font-size: 14px;
    height: 44px;
    line-height: 40px;
    padding: 10px 10px;
}
.btn-save{
    margin-top:27px;
    height:40px;
}
.btn-save2{
    margin-top:20px;
    height:40px;
}

/* this is for time table - select option*/
.full-select{
    width: inherit;
}

#event-management .modal {
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: block;
    z-index: 1;
}
#event-management .modal {
    background: transparent !important;
}

.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}

.ellipses {
    width: 10em;
    /*outline: 1px solid #000;*/
    /*margin: 0 0 2em 0;*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: 5px;

}

.slogo{
    text-align: center;
    margin-left: 35px;
    float: left;
    margin-top: 5px;

}

.kingthing{
    text-align: center;
    font: 25px "Kingthings Serifique Light";
    float: left;
    margin-left: 9px;
    margin-top: 6px;
}


.badge{
    margin-top: 1px;
}

.dropdown-menu > li > a
{

    text-align: left;
}


.profile-user-imges {
    margin: 0px auto;
    /* width: 100px; */
    padding: 3px;
    border: 3px solid #D2D6DE;
}

.img-circle {
    border-radius: 50%;
}



.panel1 {
    margin-bottom: 20px;
    border-color: #DDD;
    color: #333;
}
.panel1 {
    margin-bottom: 20px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
* {
    box-sizing: border-box;
}
.panel1-default > .panel1-heading {
    color: #333;
    background-color: #FCFCFC;
    border-color: #DDD;
}
.panel1-heading {
    position: relative;
    text-align: center;
}
.panel1-heading {
    padding: 15px 20px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.panel1-body {
    position: relative;
}

.panel1-body {
    padding: 20px;
}

.panel1 {
    color: #333;
}




/*
 * Component: Info Box
 * -------------------
 */
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box small {
    font-size: 14px;
}
.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px 5px -10px;
    height: 2px;
}
.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0;
}
.info-box .progress .progress-bar {
    background: #fff;
}
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}
.info-box-icon > img {
    max-width: 100%;
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}
.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-text {
    text-transform: uppercase;
}
.info-box-more {
    display: block;
}
.progress-description {
    margin: 0;
}



.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active,
.callout.callout-danger,
.callout.callout-warning,
.callout.callout-info,
.callout.callout-success,
.alert-success,
.alert-danger,
.alert-error,
.alert-warning,
.alert-info,
.label-danger,
.label-info,
.label-warning,
.label-primary,
.label-success,
.modal-primary .modal-body,
.modal-primary .modal-header,
.modal-primary .modal-footer,
.modal-warning .modal-body,
.modal-warning .modal-header,
.modal-warning .modal-footer,
.modal-info .modal-body,
.modal-info .modal-header,
.modal-info .modal-footer,
.modal-success .modal-body,
.modal-success .modal-header,
.modal-success .modal-footer,
.modal-danger .modal-body,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    color: #fff !important;
}
.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}
.bg-gray-light {
    background-color: #f7f7f7;
}
.bg-black {
    background-color: #111111 !important;
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
    background-color: #dd4b39 !important;
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
    background-color: #f39c12 !important;
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
    background-color: #00c0ef !important;
}
.alert-help{
    background-color: #FFF !important;
    border-color: #00BCD4;
    color: #00545c!important;
}
.bg-blue {
    background-color: #0073b7 !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #3c8dbc !important;
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
    background-color: #00a65a !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff851b !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #605ca8 !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}
.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}
.bg-black-active {
    background-color: #000000 !important;
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
    background-color: #d33724 !important;
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
    background-color: #db8b0b !important;
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
    background-color: #00a7d0 !important;
}
.bg-blue-active {
    background-color: #005384 !important;
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
    background-color: #357ca5 !important;
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
    background-color: #008d4c !important;
}
.bg-navy-active {
    background-color: #001a35 !important;
}
.bg-teal-active {
    background-color: #30bbbb !important;
}
.bg-olive-active {
    background-color: #368763 !important;
}
.bg-lime-active {
    background-color: #00e765 !important;
}
.bg-orange-active {
    background-color: #ff7701 !important;
}
.bg-fuchsia-active {
    background-color: #db0ead !important;
}
.bg-purple-active {
    background-color: #555299 !important;
}
.bg-maroon-active {
    background-color: #ca195a !important;
}


/*
 * Component: Small Box
 * --------------------
 */
.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.small-box > .inner {
    padding: 10px;
}
.small-box > .small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
}
.small-box > .small-box-footer:hover {
    color: #fff;
    background: rgba(0, 0, 0, 0.15);
}
.small-box h3 {
    font-size: 38px;
    font-weight: bold;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
}
.small-box p {
    font-size: 15px;
}
.small-box p > small {
    display: block;
    color: #f9f9f9;
    font-size: 13px;
    margin-top: 5px;
}
.small-box h3,
.small-box p {
    z-index: 5;
}
.small-box .icon {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0, 0, 0, 0.15);
}
.small-box:hover {
    text-decoration: none;
    color: #f9f9f9;
}
.small-box:hover .icon {
    font-size: 95px;
}
@media (max-width: 767px) {
    .small-box {
        text-align: center;
    }
    .small-box .icon {
        display: none;
    }
    .small-box p {
        font-size: 12px;
    }
}
/*
 * Component: Box
 * --------------
 */
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.box.box-primary {
    border-top-color: #3c8dbc;
}
.box.box-info {
    border-top-color: #00c0ef;
}
.box.box-danger {
    border-top-color: #dd4b39;
}
.box.box-warning {
    border-top-color: #f39c12;
}
.box.box-success {
    border-top-color: #00a65a;
}
.box.box-default {
    border-top-color: #d2d6de;
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
    display: none;
}
.box .nav-stacked > li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
}
.box .nav-stacked > li:last-of-type {
    border-bottom: none;
}
.box.height-control .box-body {
    max-height: 300px;
    overflow: auto;
}
.box .border-right {
    border-right: 1px solid #f4f4f4;
}
.box .border-left {
    border-left: 1px solid #f4f4f4;
}
.box.box-solid {
    border-top: 0;
}
.box.box-solid > .box-header .btn.btn-default {
    background: transparent;
}
.box.box-solid > .box-header .btn:hover,
.box.box-solid > .box-header a:hover {
    background: rgba(0, 0, 0, 0.1);
}
.box.box-solid.box-default {
    border: 1px solid #d2d6de;
}
.box.box-solid.box-default > .box-header {
    color: #444444;
    background: #d2d6de;
    background-color: #d2d6de;
}
.box.box-solid.box-default > .box-header a,
.box.box-solid.box-default > .box-header .btn {
    color: #444444;
}
.box.box-solid.box-primary {
    border: 1px solid #3c8dbc;
}
.box.box-solid.box-primary > .box-header {
    color: #ffffff;
    background: #3c8dbc;
    background-color: #3c8dbc;
}
.box.box-solid.box-primary > .box-header a,
.box.box-solid.box-primary > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-info {
    border: 1px solid #00c0ef;
}
.box.box-solid.box-info > .box-header {
    color: #ffffff;
    background: #00c0ef;
    background-color: #00c0ef;
}
.box.box-solid.box-info > .box-header a,
.box.box-solid.box-info > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-danger {
    border: 1px solid #dd4b39;
}
.box.box-solid.box-danger > .box-header {
    color: #ffffff;
    background: #dd4b39;
    background-color: #dd4b39;
}
.box.box-solid.box-danger > .box-header a,
.box.box-solid.box-danger > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-warning {
    border: 1px solid #f39c12;
}
.box.box-solid.box-warning > .box-header {
    color: #ffffff;
    background: #f39c12;
    background-color: #f39c12;
}
.box.box-solid.box-warning > .box-header a,
.box.box-solid.box-warning > .box-header .btn {
    color: #ffffff;
}
.box.box-solid.box-success {
    border: 1px solid #00a65a;
}
.box.box-solid.box-success > .box-header {
    color: #ffffff;
    background: #00a65a;
    background-color: #00a65a;
}
.box.box-solid.box-success > .box-header a,
.box.box-solid.box-success > .box-header .btn {
    color: #ffffff;
}
.box.box-solid > .box-header > .box-tools .btn {
    border: 0;
    box-shadow: none;
}
.box.box-solid[class*='bg'] > .box-header {
    color: #fff;
}
.box .box-group > .box {
    margin-bottom: 5px;
}
.box .knob-label {
    text-align: center;
    color: #333;
    font-weight: 100;
    font-size: 12px;
    margin-bottom: 0.3em;
}
.box > .overlay,
.overlay-wrapper > .overlay,
.box > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.box .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.box .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
    content: " ";
    display: table;
}
.box-header:after,
.box-body:after,
.box-footer:after {
    clear: both;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.collapsed-box .box-header.with-border {
    border-bottom: none;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion,
.box-header .box-title {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}
.box-header > .fa,
.box-header > .glyphicon,
.box-header > .ion {
    margin-right: 5px;
}
.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header > .box-tools [data-toggle="tooltip"] {
    position: relative;
}
.box-header > .box-tools.pull-right .dropdown-menu {
    right: 0;
    left: auto;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-tool,
.btn-box-tool:hover {
    color: #606c84;
}
.btn-box-tool.btn:active {
    box-shadow: none;
}
.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}
.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.box-body > .table {
    margin-bottom: 0;
}
.box-body .fc {
    margin-top: 5px;
}
.box-body .full-width-chart {
    margin: -19px;
}
.box-body.no-padding .full-width-chart {
    margin: -9px;
}
.box-body .box-pane {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 3px;
}
.box-body .box-pane-right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 0;
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #ffffff;
}
.chart-legend {
    margin: 10px 0;
}
@media (max-width: 991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}
.box-comments {
    background: #f7f7f7;
}
.box-comments .box-comment {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
    content: " ";
    display: table;
}
.box-comments .box-comment:after {
    clear: both;
}
.box-comments .box-comment:last-of-type {
    border-bottom: 0;
}
.box-comments .box-comment:first-of-type {
    padding-top: 0;
}
.box-comments .box-comment img {
    float: left;
}
.box-comments .comment-text {
    margin-left: 40px;
    color: #555;
}
.box-comments .username {
    color: #444;
    display: block;
    font-weight: 600;
}
.box-comments .text-muted {
    font-weight: 400;
    font-size: 12px;
}
/*
<!--    -->
.form-control {
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #D2D6DE;
}
.select2-hidden-accessible {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}

.form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-control {
    border-radius: 0px !important;
    box-shadow: none;
    border-color: #D2D6DE;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #FFF;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
button, input, optgroup, select, textarea {
    margin: 0px;
    font: inherit;
    color: inherit;
}
*/



.listless{
    list-style: none;
}
.spaced-listless ul li{
    list-style: none;
}
.spaced-listless label {
    padding-left: 30px;
    padding-top: 5px;
}

.image-preview{
    width:160px;
    height:160px;
}

/*.nav-tabs .active{
    background-color: #FFF !important;
}*/


.page-title {
    padding: 6px 0px;
}

.color-white{
    color:#fff !important;
}

/*[class^="icon-"], [class*=" icon-"] {
    font-size: 18px;
}*/
.customtab {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.customtabth {
    text-align: left;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 12px;
    text-align: left;
}
.customtabtd {
    text-align: left;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 11px;
}

.customtabtr:nth-child(even){
    background-color: #f2f2f2;
    border: 1px solid black;
    text-align: left;

}
.customtabtr1:nth-child(even){
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    text-align: left;
    position: relative;
}

/*custom table*/
.table {
    border-collapse: collapse;
}
.th,
.td {
    border: 1px solid #c6c7cc;
    text-align: left;
    padding: 8px;
    font-size: 11px;
}
.th {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
}
.tfoot{
    border: 1px solid #c6c7cc;
}


.customtableth{
    text-align: left;
    padding: 8px;
    border: 1px solid #ddd;
    font-size: 13px;
    background-color: #D1EDFF;
}


.border-top-lg > .panel-heading > .panel-title{
    color: #000000;
}
#navbar-mobile .navbar-left i{
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;

    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#navbar-mobile .navbar-left .dropdown .dropdown-menu li a i{
    color:#009688;
}
#navbar-mobile .navbar-right .dropdown-user i{
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;

    top: -1px;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-right .dropdown-user .dropdown-menu-right a i{
    color:teal;
}
.navbar-inverse  .btn-float>span {
    display: block;
    padding-top: 10px;
    margin-bottom: -6px;
    font-size: 11px;
    text-transform: none;
}
/*.navbar-inverse {
background-color: #606A73;
border-color: #606A73;
}*/
.navbar-inverse {
    background-color: #37474F;
    border-color: #37474F;
}
#navbar-mobile .navbar-left li.active> a> i {
    color: #00f6ff;
}
#navbar-mobile .navbar-left li.active >a> span {
    color: #00f6ff;
}
#footer{
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    background: #FFF;
}
#footer a{
    color: #84C68F;
}
/*.navbar-right .dropdown>.dropdown-user>li>.dropdown-menu i{
    color: #FFF;
}
.navbar-right .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #FFF;
    background: rgba(0,0,0,0.2);
}*/
#superAdminProfile_photo_file{
    max-width:82px;
}
#adminProfile_photo_file{
    max-width:82px;
}


/*Jilani*/


.school_page p.panel-title,
.website-bodyp.panel-title{
    font-size: 13px;
    color:#333;
}
.school_page  .panel-heading,
.website-body.panel-heading{
    font-size: 13px;
    color:#FFF;
}
/*.branch-1{
    background: #00bcd4;
}
.branch-2{
    background: #FF7043;
}
.branch-3{
    background: #5C6BC0;
}
.branch-4{
    background: #3EAF5B;
}
.branch-5   {
    background: #3EAF5B;
}
.branch-6   {
    background: #3EAF5B;
}*/


.school_page  .panel-heading,
.website-body  .panel-heading{
    padding-top: 20px;
    padding-bottom: 20px;
}
.btn {
    position: relative;
    border-radius: 2px;
}
.text-right .btn-xs,.text-center .btn-xs, .btn-group-xs>.btn{
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1.6666667;
    border-radius: 2px;
    text-transform:none;
    font-weight:normal;

}
.btn-info-blue {
    color: #fff;
    background-color: #2196F3;
    border-color: #2196F3;
}
.btn-info-brown {
    color: #fff;
    background-color: #795548;
    border-color: #795548;
}

.btn-info-slate,.btn-info-slate:link ,.btn-info-slate:visited {
    color: #fff;
    background-color: #78909C;
    border-color: #78909C;
}
.btn-info-slate:hover {
    color: #fff;
    background-color: #35586c;
    border-color: #35586c;
}
.btn-info-red {
    color: #fff;
    background-color: #F44336;
    border-color: #F44336;
}
.btn-info-green {
    color: #fff;
    background-color: #4CAF50;
    border-color: #4CAF50;
}
.btn-info {
    color: #fff;
    background-color: #00bcd4;
    border-color: #00bcd4;
}
.school-page  .panel-heading + .panel-body,
.school_page  .panel-heading + .panel-body,
.website-body  .panel-heading + .panel-body{
    padding-top: 10px;
}
.text-right span:after{
    margin-right: 5px;
    border-right: 2px solid #78909C;
}
.separator{
    margin-right: 5px;
    border-right: 1px solid #78909c;
    margin-left: 5px;
}
.panel-default>.panel-heading {
    color: #FFF;
    background-color: #607d8b;
    border-color: #607d8b;
}

.btn {
    margin-bottom: 0;
}

.school_page [class^="icon-"], [class*=" icon-"],
.website-body [class^="icon-"], [class*=" icon-"]{
    color:#FFF;
}
.margin-bottom-40{
    margin-bottom: 40px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-10{
    margin-bottom: 10px;
}

.website-body .panel,
.school_page .panel,
.school-page .panel,
.academic-body .panel{
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.website-body .panel:hover,
.school_page .panel:hover,
.school-page .panel:hover,
.academic-body .panel:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.page-header {
    margin: 0;
    padding: 0;
    border-bottom-width: 0;
}
.page-header-content {
    position: relative;
    background-color: inherit;
    padding: 0 20px;
}
.navbar-inverse .navbar-toggle {
    border-color: #777f86;
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 13px;
    margin-right: 15px;
    margin-bottom: 18px;
    background: transparent;
    border: 1px solid #777f86;
    border-radius: 4px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #777f86;
}
.branches-body .table > thead > tr > th {
    border-bottom: 1px solid #217345;
}
.text-primary, .text-primary:hover, .text-primary:focus {
    color: #009688 !important;
}


/*Jilani*/
ul.plan-1 .selected{
    list-style: none;
    padding: 0;
    margin-top: 80px;
    border-radius: 5px 5px 4px 4px;
    padding: 0px;
    text-align: center;
    background:#FFF;
    box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#pricing ul.plan-1,
#pricing ul.plan-2,
#pricing ul.plan-3,
#pricing ul.plan-4{
    list-style: none;
    padding: 0;
    margin-top: 80px;
    border-radius: 5px 5px 4px 4px;
    padding: 0px;
    text-align: center;
    background:#FFF;
    box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#pricing ul.plan-1 li,
#pricing ul.plan-2 li,
#pricing ul.plan-3 li,
#pricing ul.plan-4 li {
    display: block;
    padding: 5px;
    color:#336666;
    font-weight:bold;
    font-size:11px;
}

#pricing ul.plan-1 li.plan-header,
#pricing ul.plan-2 li.plan-header,
#pricing ul.plan-3 li.plan-header,
#pricing ul.plan-4 li.plan-header{
    border-radius: 4px 4px 0 0;
    padding: 10px;
    border-bottom: 1px solid #eee;
    background:#FFF;
}
#pricing ul.plan-1 li.plan-header .price-duration{
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background:#FFF;
    color: #0093EE;
    border-radius: 100px;
    border: 2px solid #0093EE;
}

#pricing ul.plan-1 li.plan-header .price-duration > span ,
#pricing ul.plan-2 li.plan-header .price-duration > span,
#pricing ul.plan-3 li.plan-header .price-duration > span,
#pricing ul.plan-4 li.plan-header .price-duration > span{
    display: block;
    line-height: 1;
}
#pricing ul.plan-1 li.plan-header .price-duration > span.price,
#pricing ul.plan-2 li.plan-header .price-duration > span.price,
#pricing ul.plan-3 li.plan-header .price-duration > span.price,
#pricing ul.plan-4 li.plan-header .price-duration > span.price{
    font-size: 24px;
    font-weight: 700;
    margin-top: 45px;
}
#pricing ul.plan-1 li.plan-header .plan-name{
    font-size: 16px;
    color: #0093EE;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
.text-through{
    text-decoration: line-through;
}

#pricing ul.plan-1:hover,
#pricing ul.plan-1.active{
    box-shadow: 0 6px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#pricing ul.plan-1:hover,
#pricing ul.plan-1:hover li,
#pricing ul.plan-1:hover li.plan-header .plan-name,
#pricing ul.plan-1.active,
#pricing ul.plan-1.active li,
#pricing ul.plan-1.active li.plan-header .plan-name{
    background:rgba(0, 147, 238, 0.5);
    color:#FFF;
}
#pricing ul.plan-1:hover li.plan-header,
#pricing ul.plan-1:hover li.plan-header .plan-name,
#pricing ul.plan-1.active li.plan-header,
#pricing ul.plan-1.active li.plan-header .plan-name{
    background:#FFF;
    color:#0093EE;;
}
ul.plan-1 .btn-upgrade,ul.plan-1 .btn-upgrade:active {
    color: #fff;
    background-color: #0093EE;
    border-color: #0093EE;
    width:80%;
    font-weight:bold;
    margin-bottom: 10px;
}
ul.plan-1 .btn-upgrade:hover,
ul.plan-1 .btn-upgrade.active{
    color: #0093EE;
    background-color: #FFF;
    border-color: #FFF;
}
#pricing ul.plan-1:hover .btn-upgrade,
#pricing ul.plan-1.active .btn-upgrade{
    color:#0093EE;
    background-color: #FFF;
    border-color: #FFF;
}

/*plan - 2 Csss */
#pricing ul.plan-2 li.plan-header .price-duration{
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background:#FFF;
    color: #009588;
    border-radius: 100px;
    border: 2px solid #009588;
}
#pricing ul.plan-2 li.plan-header .plan-name{
    font-size: 16px;
    color: #009588;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#pricing ul.plan-2:hover,
#pricing ul.plan-2:hover li,
#pricing ul.plan-2:hover li.plan-header .plan-name,
#pricing ul.plan-2.active,
#pricing ul.plan-2.active li,
#pricing ul.plan-2.active li.plan-header .plan-name{
    background:rgba(0, 149, 136, 0.5);
    color:#FFF;
}
#pricing ul.plan-2:hover li.plan-header,
#pricing ul.plan-2:hover li.plan-header .plan-name,
#pricing ul.plan-2.active li.plan-header,
#pricing ul.plan-2.active li.plan-header .plan-name{
    background:#FFF;
    color:#009588;
}
ul.plan-2 .btn-upgrade,ul.plan-2 .btn-upgrade:active ,
ul.plan-2 .btn-upgrade,ul.plan-2 .btn-upgrade.active {
    color: #fff;
    background-color: #009588;
    border-color: #009588;
    width:80%;
    font-weight:bold;
    margin-bottom: 10px;
}
ul.plan-2 .btn-upgrade:hover,
ul.plan-2 .btn-upgrade.active {
    color: #009588;
    background-color: #FFF;
    border-color: #FFF;
}
#pricing ul.plan-2:hover .btn-upgrade,
#pricing ul.plan-2.active .btn-upgrade{
    color:#009588;
    background-color: #FFF;
    border-color: #FFF;
}
#pricing ul.plan-2:hover,
#pricing ul.plan-2.active{
    box-shadow: 0 6px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


/*plan - 3 Csss */
#pricing ul.plan-3 li.plan-header .price-duration{
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background:#FFF;
    color: #3EAF5B;
    border-radius: 100px;
    border: 2px solid #3EAF5B;
}
#pricing ul.plan-3 li.plan-header .plan-name{
    font-size: 16px;
    color: #3EAF5B;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#pricing ul.plan-3:hover,
#pricing ul.plan-3:hover li,
#pricing ul.plan-3:hover li.plan-header .plan-name,
#pricing ul.plan-3.active,
#pricing ul.plan-3.active li,
#pricing ul.plan-3.active li.plan-header .plan-name{
    background:rgba(62, 175, 91, 0.5);
    color:#FFF;
}

#pricing ul.plan-3:hover li.plan-header,
#pricing ul.plan-3:hover li.plan-header .plan-name,
#pricing ul.plan-3.active li.plan-header,
#pricing ul.plan-3.active li.plan-header .plan-name{
    background:#FFF;
    color:#3EAF5B;
}
ul.plan-3 .btn-upgrade,ul.plan-3 .btn-upgrade:active,
ul.plan-3 .btn-upgrade,ul.plan-3 .btn-upgrade.active{
    color: #fff;
    background-color: #3EAF5B;
    border-color: #3EAF5B;
    width:80%;
    font-weight:bold;
    margin-bottom: 10px;
}
ul.plan-3 .btn-upgrade:hover,
ul.plan-3 .btn-upgrade.active {
    color: #3EAF5B;
    background-color: #FFF;
    border-color: #FFF;
}
#pricing ul.plan-3:hover .btn-upgrade,
#pricing ul.plan-3.active .btn-upgrade{
    color:#3EAF5B;
    background-color: #FFF;
    border-color: #FFF;
}

#pricing ul.plan-3:hover,
#pricing ul.plan-3.active{
    box-shadow: 0 6px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


/*plan - 4 Csss */
#pricing ul.plan-4 li.plan-header .price-duration{
    position: relative;
    margin-top: -63px;
    top: -10px;
    display: inline-block;
    width: 116px;
    height: 116px;
    background:#FFF;
    color: #E91E63;
    border-radius: 100px;
    border: 2px solid #E91E63;
}
#pricing ul.plan-4 li.plan-header .plan-name{
    font-size: 16px;
    color: #E91E63;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}
#pricing ul.plan-4:hover,
#pricing ul.plan-4:hover li,
#pricing ul.plan-4:hover li.plan-header .plan-name,
#pricing ul.plan-4.active,
#pricing ul.plan-4.active li,
#pricing ul.plan-4.active li.plan-header .plan-name{
    background:rgba(233, 30, 99, 0.5);
    color:#FFF;
}
#pricing ul.plan-4:hover li.plan-header,
#pricing ul.plan-4:hover li.plan-header .plan-name,
#pricing ul.plan-4.active li.plan-header,
#pricing ul.plan-4.active li.plan-header .plan-name{
    background:#FFF;
    color:#E91E63;
}
ul.plan-4 .btn-upgrade,
ul.plan-4 .btn-upgrade:active {
    color: #fff;
    background-color: #E91E63;
    border-color: #E91E63;
    width:80%;
    font-weight:bold;
    margin-bottom: 10px;
}
ul.plan-4 .btn-upgrade:hover,
ul.plan-4 .btn-upgrade.active {
    color: #E91E63;
    background-color: #FFF;
    border-color: #FFF;
}
#pricing ul.plan-4:hover .btn-upgrade,
#pricing ul.plan-4.active .btn-upgrade
{
    color:#E91E63;
    background-color: #FFF;
    border-color: #FFF;
}

#pricing ul.plan-4:hover,
#pricing ul.plan-4.active{
    box-shadow: 0 6px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
/*#00bcd4
#4caf50
#009688*/

/*Current Plan Ribbon*/
.ribbon {
    position: absolute;
    right: 0px;
    top: 70px;
    z-index: 1;
    overflow: hidden;
    width: 90px; height: 90px;
    text-align: right;
}
.ribbon span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 110px;
    display: block;
    background: #E91E63;
    background: linear-gradient(#E91E63 0%, #E91E63 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 27px;
    right: -18px;
}
.ribbon span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #E91E63;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #E91E63;
}
.ribbon span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #E91E63;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #E91E63;
}

/*Current Academic Year Ribbon*/
.ribbon-1 {
    position: absolute;
    left: -11px; top: -12px;
    z-index: 998;
    overflow: hidden;
    width: 90px; height: 90px;
    text-align: right;
}
.ribbon-1 span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 22px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 110px;
    display: block;
    background:#068899;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 28px; left: -17px;
}
.ribbon-1 span::before {
    content: "";
    position: absolute; left: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid #068899;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #068899;
}
.ribbon-1 span::after {
    content: "";
    position: absolute; right: 0px; top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right:3px solid #068899;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #068899;
}

/*academic ribbon End*/

#pricing ul.plan-1.active li,
#pricing ul.plan-2.active li,
#pricing ul.plan-3.active li,
#pricing ul.plan-4.active li {
    font-weight:bold;
}

.heading-1{
    color: #FFF;
    background:#1593A2;
}
/*sms - progress-bar*/
.circles {
    margin-bottom: -10px;
}

.circle {
    width: 100%;
    margin: 2% 0;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1;
}

.circle canvas {
    vertical-align: top;
}

.circle span {
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 19px;
}

.circle span i {

    font-style: normal;
    font-size: 0.6em;
    font-weight: normal;
}
.circle  i {
    color:#00BB9C;
    top:45px;
    font-size:40px;
}

.circle .remaining {
    display: block;
    color: #aaa;
    margin: 10% 0 0 0;
}

.page-header{
    background: #D6EEF7;
}
.page-title .breadcrumb > li i {
    display: inline-block;
    font-size: 12px;
    top: -1px;
    right: 4px;
    color: #606A73!important;
}
.page-title .breadcrumb > li.active,
.page-title .breadcrumb > li.active i{
    color: #126f92!important;
}

.heading-btn-group .text-primary,.heading-btn-group .text-primary:hover,.heading-btn-group .text-primary:focus {
    color: #606A73!important;
}
.page-title .breadcrumb > li > a, .page-title .breadcrumb > li + li:before {
    color: #606A73 !important;
}
.page-header+.page-container{
    /*    background:#FFF;*/
    background:#F5F5F5;
}
.branch-1{
    color: #FFF;
    background: #46ADD4;
}
.branch-2{
    color: #FFF;
    background: #F0AC47;
}
.branch-3{
    color: #FFF;
    background: #00BB9C;
}
.branch-4{
    color: #FFF;
    background: #606A73;
}
.branch-5   {
    color: #FFF;
    background: #FE6B7A;
}
.branch-6   {
    color: #FFF;
    background: #3EAF5B;
}
.branch-7   {
    color: #FFF;
    background: #3EAF5B;
}
.branch-8   {
    color: #FFF;
    background: #3EAF5B;
}
.branch-9   {
    color: #FFF;
    background: #3EAF5B;
}
.branch-10   {
    color: #FFF;
    background: #3EAF5B;
}
.branches-body table{
    background:#FFF;
}
.heading-elements .heading-btn-group a i {
    color: #606A73!important;
}
.row .panel {
    margin-bottom: 20px;
    /*    background-color: #FFF;*/
    border-radius: 3px;
}


.header-bg-sms{
    color: #FFF;
    background:#00BB9C;
}
.header-bg-sms-plans{
    color: #FFF;
    background:#00babb;
}

.border-top-primary{
    border-top: 2px solid #2196f3;
}

.employee-body .icon-panel,
.students-body .icon-panel{
    background-color: #009688;
}

.icon-panel{
    background-color: #838C91;
}

.icon-panel:hover
,.icon-panel.active{
    background-color: #009688;
}
.icon-panel,.employee-body .icon-panel{
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding:24px;
    width:100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    height:140px;
}
.icon-panel i{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #FFF;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.icon-panel .panel-icon,
.academic-body .icon-panel .panel-icon,
.employee-body .icon-panel .panel-icon{
    width:50px;
    height:50px;
    line-height:50px;
    color:#FFF;
    text-align: center;
}
.academic-body h6.panel-title{
    text-align:center;
}
h6.panel-title a.btn:hover{
    color:#FFF;
}
.icon-panel .icon-panel-text{
    font-family:"Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    display: block;
    font-size: 11px;
    text-align: center;
    padding:15px 5px 5px 5px;
    color:#FFF;
    text-transform: uppercase;
    font-weight:500;
    line-height: 1.5;
}
.icon-panel:hover{
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}
h3.title{
    margin-left: 10px;
}

.branches-body, .payments-body,.website-body,.profile_body,
.students-body,.employee-body,.school-body,.academic-body,
.fees-body,fee-setup-body{
    padding:10px;
}
.bg-grey-100{
    background:#eaeaea
}
.panel-shadow{
    box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.15);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}


.margin-top-10{
    margin-top:10px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-top-30{
    margin-top:30px;
}
.academic.active .panel-heading{
    background:#009688;
    border-color:#009688;
}
.academic .panel-heading{
    background:#455A64;
    border-color:#455A64;
}

.academic.active .current{
    text-align:center;
    margin: 0;
    padding:3px;
    color: #FFF;
    font-weight:500;
}

.academic.active .next{
    text-align:center;
    margin: 0;
    padding:3px;
    color: #FFF;
    font-weight:500;
}
/*    min-height: 140px;
    margin-top: 26px;*/

.heading-elements .btn-float.btn-link>span{
    padding-top: 7px;
    text-transform: none;
    font-weight: 500;
    font-size: 11px;
}
.tabpane-content {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding: 15px;
    margin-bottom: 20px;
}


.dt-buttons .btn.btn-default {
    position: relative;
    font-weight: 500;
    background-color: #f3f3f3;
    border-color: #ddd;
    margin:0 3px 5px 3px;
    font-size: 11px;
}
.navbar-inverse .navbar-nav>.active>a:after {
    background-color: #00f6ff;
}


/*------------------*send sms  selected Buttons*---------------------*/

.sms-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 14px;
    width: 14px;
    border: 0;
    overflow: hidden;
}
.sms-field label {
    float: left;
}
.sms-field label i{
    font-size:40px;
    width: 50px;
    height: 50px;
}

.sms-field label {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    height: 140px;
    color:#FFF;
    background-color: rgba(55, 71, 79, 0.6);
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    border: 1px solid rgba(153, 153, 153, 0.21);

}
.sms-field label:hover {
    cursor: pointer;
    background:#009688;
    color: #FFF;
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
    -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}


.sms-field input:checked + label {
    color:#FFF;
    background-color: #009688;
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);

}
.sms-field label {
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition:    all 0.3s ease-in-out;
    -ms-transition:     all 0.3s ease-in-out;
    -o-transition:      all 0.3s ease-in-out;
    transition:         all 0.3s ease-in-out;
}


.sms-field input[type=radio]:checked{
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}


.sms-field input[type=checkbox]:checked{
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}

.label-text{
    padding:35px;
    font-size: 11px;
    text-transform: uppercase;
    font-family: "Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
}

#adminProfile_branchId{
    height: 40px;
}


.navbar-nav>li>a:after {
    top: auto;
    right: 0;
    width: auto;
    height: 2px;
}
.navbar-nav>.dropdown-user>a{
    padding-top: 15px;
    padding-bottom: 15px;
}
.navbar-nav>.dropdown-user>a>span{
    padding-top: 10px;
    padding-bottom: 0px;
}
h3.popover-title{
    color:#2D4050;
    background:#f7f7f7;
    font-size: 12px;
    line-height: 1.6666667;
    border: 0;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.popover{
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.multiselect-container {
    min-width: 100%;
    max-height: 250px;
    overflow-y: auto;
    padding: 10px;
}
.daterangepicker .calendar {
    display: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    /* margin: 5px; */
    padding: 10px;
}
.daterangepicker .calendar {
    margin:0;
}
.sidebar {
    display: table-cell;
    vertical-align: top;
    width: 280px;
    padding-right:0;
}

/* branch boxes*/

.branch-panel{
    background-color: #00B9D1;
    margin: 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding:24px;
    width:94%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    height:150px;
    text-align:center;

}
.branch-panel i{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: #FFF;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
.branch-panel .branch-icon{
    width:50px;
    height:50px;
    line-height:50px;
    color:#FFF;
    text-align: center;
}
h6.panel-title{
    text-align:center;
}
h6.panel-title a.btn:hover{
    color:#FFF;
}
.branch-panel .branch-panel-text{
    font-family:"Roboto",Helvetica Neue,Helvetica,Arial,sans-serif;
    display: block;
    font-size: 11px;
    text-align: center;
    padding:15px 5px 5px 5px;
    color:#FFF;
    text-transform: uppercase;
    font-weight:500;
    line-height: 1.5;
}
.branch-panel:hover{
    box-shadow: 0 10px 10px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}
.modal {
    text-align: center;
    padding: 0!important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align:left;
    vertical-align: middle;
}
.nav-margin{
    margin-left:-10px;
}
.academic-body .panel-title, .academic-body .heading-elements,.academic-body .heading-elements-toggle{
    color:#FFF;
}
.academic-body .academic.active .panel-title a.btn,
.academic-body .academic.active .panel-title a.btn:visited{
    background: #05ae9e;
    z-index: 9;
}
.academic-body .academic .panel-title small,
.academic-body .academic.active .panel-title a small:visited{
    color: #FFF!important;
}
.academic-body .academic.active .panel-body{
    min-height: 140px
}
.academic-body .academic .panel-body{
    min-height: 166px
}
.academic-body .academic.active .panel-body .tabpane-content{
    margin-bottom: 20px;
}
.academic-body .academic .panel-body .tabpane-content{
    margin-bottom: 46px;
}
.academic-body .academic  .panel-title a.btn,
.academic-body .academic .panel-title a.btn:visited{
    background: #576d77;
    z-index: 9;
}
.category-content {
    position: relative;
    padding: 0px 0px 20px 0px;
}
.panel-heading {
    padding: 15px 20px;
    border-bottom: 1px solid transparent;
    /*    border-bottom: 1px solid #efefef;*/
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
.btn-fin{
    margin-top: 19px;
    height: 40px;
}
#navbar-mobile .navbar-left .dropdown .dropdown-menu li.active a i{
    color:#FFF;

}
#navbar-mobile .navbar-left .dropdown .dropdown-menu>.active>a{
    background-color:#009688;
}
#navbar-mobile .navbar-right .dropdown-user  li.active a
{
    background-color:#009688;
}
#navbar-mobile .navbar-right .dropdown-user li.active a i{
    color:#FFF;
}







/*Responsive Media Queries*/

@media (max-width: 768px){
    .navbar-nav>li>a:after {
        content: '';
        position: absolute;
        right:0;
        left:0;
        bottom:0px;
        background-color: transparent;
        height:2px;
    }
    .text-right .btn-xs, .text-center .btn-xs, .btn-group-xs>.btn {
        padding: 3px 3px;
        font-size: 11px;
        margin:1px;
    }
}

@media (min-width: 769px){
    .navbar-nav>li>a:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: transparent;
        height: 2px;
    }
    .text-right .btn-xs, .text-center .btn-xs, .btn-group-xs>.btn {
        font-size: 12px;
        margin:2px;
    }
}

@media (max-width: 1024px){
    .heading-elements .btn-float.btn-link [class^="icon-"], [class*=" icon-"]{
        font-size:16px;
    }
}

@media (min-width: 1367px){
    .text-right .btn-xs,.text-center .btn-xs, .btn-group-xs>.btn{
        padding: 2px 3px;
        font-size: 12px;
    }
}

.note-editor .note-toolbar i{
    font-size:16px;
}
#createbranch_page .form-control{
    width:inherit;

}
@media(min-width :768px) and (max-width :1366px)
{
    .academic-body h6.panel-title {
        text-align: left;
    }
    .academic-body h6.no-margin {
        font-size:12px;
    }
}

.form-control:focus{
    border: 1px solid #00BCD4!important;
}
.pullright-buttons .pull-right{
    float: right!important;
    margin:0px 3px !important;
}
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 48%;
}
.daterangepicker select.yearselect {
    width: 50%;
}

.multiselect-container li a label.checkbox input[type=checkbox]{
    margin-left: 10px;

}

@media (min-width: 769px)and (max-width: 1024px){
    .navbar-nav {
        margin-left: -20px;
    }
}

.upload-data-form-width .form-control{
    width:inherit!important;
}
.multiselect.btn-default{
    height:40px;
}
.text-red{
    color:red;
    vertical-align: middle;
    margin:10px  0px;
}
.text-white{
    color:red;
    vertical-align: middle;
    margin:10px  0px;
}
.add-new-student-form .form-control,
.add-new-student-form select,
.employee-registration-form .form-control,
.employee-registration-form select,
.add-new-application-form .form-control,
.add-new-application-form select,
.edit-parent-form .form-control,
.edit-parent-form select{
    height:30px;
    font-size: 13px;
    padding: 0 0 0 12px;
}
.add-new-student-form .form-group,
.add-new-application-form .form-group,
.employee-registration-form .form-group,
.edit-parent-form .form-group{
    margin-bottom:15px;
}
.employee-registration-form  .multiselect.btn-default{
    height: 30px;
    font-size: 12px;
    padding: 0 0 0 12px;
}
.red{
    color:red;
}
.help-block ul{
    list-style-type: none;
    padding-left: 0;
}
.help-block ul li{
    color:red;
}
.add-new-student-form .form,
.add-new-application-form .form,
.employee-registration-form .form,
.edit-parent-form .form{
    padding: 20px;
    margin: -20px;
    /*    background: #fbfbfb;*/
}
.add-new-student-form .form-group  textarea.form-control,
.add-new-application-form .form-group  textarea.form-control,
.employee-registration-form .form-group textarea.form-control,
.edit-parent-form .form-group textarea.form-control{
    height:auto;
    padding: 7px 12px;

}
fieldset:first-child legend:first-child{
    padding-top:10px;
}
.e-bg-1{
    background-color: #f9f9f9;

}
.e-bg-2{
    background-color: #f0fbf4;
}
.e-bg-3{
    background-color: #eefeff;
}
.e-bg-4{
    background-color: #fffafa;
}
.e-bg-5{
    background-color: #f8fbff;
}
/*
2.#CDF7F9
3.#FFF3F3
4.#CEFFFB
*/
.add-new-student-form .form-header,
.add-new-application-form .form-header,
.employee-registration-form .form-header,
.edit-parent-form .form-header{
    background:#185C6D;
    color:#FFF;
}
.add-new-student-form  fieldset legend,
.add-new-application-form fieldset legend,
.employee-registration-form fieldset legend,
.edit-parent-form fieldset legend{
    background: #D7F0F7;
    padding: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #37474f;
    text-transform: uppercase;
    border-radius: 5px;
}

/* this is overwritten for after user - login - navbar - inbox- view message-  modal to overcome the modal backdrop issue - unfortunately this is also a kind of bug-*/
.modal-backdrop{
    position:fixed;
    top:0;
    z-index:999!important;
    background-color:#000
}
/*end*/

#results_imageFile_file{
    max-width:250px;
}
#album_imageFile_file{
    max-width:250px;
}
#facility_imageFile_file{
    max-width:250px;
}
#awards_imageFile_file{
    max-width:250px;
}

/*.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff!important;
    background-color: #00BCD4!important;
    border: 1px solid #ddd!important;
    border-bottom-color: transparent!important;
    cursor: default;
    border-radius: 5px 5px 0 0;
}
.nav-tabs-custom {
    background: #FFF;
}
.nav-tabs-custom .nav-tabs>li:hover {
    display: inline-block;
    background-color: #00BCD4!important;;
    border-bottom-color: transparent;
    cursor: default;
    border-radius: 5px 5px 0 0;
}
.nav-tabs-custom .nav-tabs>li a:hover{
    color: #fff!important;
}
*/

#schoolPaymentTypeForm i{
    font-size:19px;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.float-right{
    float:right;
}
.float-left{
    float:left;
}
.bg-form-group-errors{
    background:#FFE9E9;
    color:red;
    padding:10px;
    margin: 0px 10px 20px 7px;
    border-radius: 10px;

}
.bg-form-group-errors .error-head {
    background: #E12627;
    color: #FFF;
    padding: 1px 0px 1px 10px;
    margin: -9px -9px 9px -9px;
    border-radius: 5px 5px 0 0;
}

.bg-form-group-errors ul li{
    list-style-type: none;
}
.bg-form-group-errors ul li:before{
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -1px;
    color: red;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content :"\ea00";
    margin-right:10px;
}

/*    .requires ul li:before{
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        min-width: 1em;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        position: relative;
        top: -1px;
        color: red;
        font-size: 16px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content :"\ea00";
        margin-right:10px;
    }*/


.form-group > ul{
    color:red;
    list-style-type: none;
    font-size: 12px;
    margin-left:-20px;
}
.margin-left-5{
    margin-left: 5px;
}
@media (max-width: 768px){
    .nav-tabs>li {
        margin-bottom: 2px;
    }
}
.nav-tabs{
    margin-bottom: 0px!important;
}
.nav-tabs>li {
    margin-right: 2px!important;
    text-align: center;
}
@media (max-width: 768px){
    .nav-tabs:before {
        content: '';
        color: inherit;
        font-size: 12px;
        line-height: 1.6666667;
        margin-top: 8px;
        margin-left: 15px;
        margin-bottom: 15px;
        text-transform: uppercase;
        opacity: .5;
        filter: alpha(opacity=50);
    }
}

.viewdata{
    height:40px;
    width:100px;
}

.requires label:after{
    content: "Require";
    /*   content: url('../images/redstar.png');*/
    content: " * ";
    color: red;
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
    font-size: 16px;
}
.payment{
    background-image: url('../images/Dollar.png');
    background-position: 0px 0px;
}


/* login page form css */
/*.login-container {
    display: table;
    width: 100%
}

.login-container .page-content {
    display: table-row;
    height: 100%
}

.login-container .login-form {
    width: 320px
}

.login-container .login-form,
.login-container .registration-form {
    margin: 0 auto 20px auto
}

@media (max-width:480px) {
    .login-container .login-form,
    .login-container .registration-form {
        width: 100%
    }
}

.login-container .footer {
    left: 0;
    right: 0;
    text-align: center
}

.login-container .content-wrapper {
    vertical-align: middle;
    display: table-cell
}

@media (max-width:480px) {
    .login-options,
    .login-options .text-right {
        text-align: center
    }
}*/

ul.multiselect-container.dropdown-menu {
    margin: auto;
}
#gs td > ul{
    color:red;
    list-style-type: none;
    font-size: 12px;
    margin-left:-20px;

}

#mainList  li {
    color:black;
    list-style-type: none;
    font-size: 12px;

}
#mainList li label{
    color:black;
    list-style-type: none;
    font-size: 12px;
    padding: 5px 0px 5px 30px
}
#mainList li input[type="checkbox"]{
    vertical-align:middle;
    margin-top: 2px;
    margin-left: 1px;
}
.exam-class-label{
    margin-left: -5px;
    margin-right: 10px;
}
#mainList.well  {
    padding: 0px 0px 5px 10px!important;
    max-height: 200px;
    overflow-y: scroll;
}
#mainList label:first-child.checkbox:hover {
    background: #f5f5f5;
}

.pulse{
    border: none;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    cursor: pointer;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}
@keykeyframes pulse {to {box-shadow: 0 0 0 15px rgba(232, 76, 61, 0);}}

/* for app admin blog page date control height*/
#blog_eventDate select{
    width:inherit;
    height: 30px;
}

.col-lg-9 img{
    margin : 0px !important;
}

.form_error{
    border: 1px solid #AF2018;
}

.navbar-header {
    min-width: 200px!important;
}
.navbar-inverse .navbar-left .btn-float.btn-link {
    padding: 11px 6px!important;
}
.navbar-inverse .navbar-right .btn-float.btn-link {
    padding: 5px 6px 5px 6px!important;
}
.navbar-inverse .navbar-right .nav-right{
    font-size: 11px;
}
.navbar-inverse .navbar-right>li>a {
    padding: 9px 5px;
}
@media (min-width:1024px) {
    .nav-right{
        float: right;
        margin-right: -203px;
        margin-top: 50px;
    }
}
@media (min-width:769px) {
    .nav-right{
        float: right;
        margin-right: -176px;
        margin-top: 50px;
    }
}
@media (max-width:768px) {
    .nav-right{
        text-align: center;
        margin-top: 50px;
        margin-right: -100px;
    }
}
@media (min-width: 1280px)
{
    .mega-menu.mega-menu-wide>.dropdown-content{
        width:100%;
        max-width: 1158px;
        margin:auto;
    }
}
@media (min-width: 1366px)
{
    .mega-menu.mega-menu-wide>.dropdown-content{
        width:100%;
        max-width: 1280px;
        margin:auto;
        top:68px;
        -webkit-box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.51);
        box-shadow: 0px 2px 13px 0px rgba(0, 0, 0, 0.51);
        max-height: 400px;
        height:320px;
        background:#40545F;
        color:#FFF;
        border:none;
        /*if menu list overflow enable this*/
        overflow-x: hidden;
        overflow-y: auto;
    }
    .mega-menu.mega-menu-wide>.dropdown-content#mega-search{
        height:110px!important;
        max-height: 200px!important;
    }
    #mega_academic_years_content{
        margin-left: -10px;
    }
    /*    .megamenu-content-body{
            padding:10px;
        }*/
    .megamenu-content-body #mega_academic_years li:last-child{
        margin-bottom: 3px;
    }
}

/* for megamenu tabs active state*/
.megamenu-content-body .nav-tabs>li.active>a{
    color: #fff!important;
    background-color: #02A1A5!important;
    cursor: default;
    border:1px solid #02A1A5!important;
    line-height: 1.6;
    margin:0;
}
.megamenu-content-body .nav-tabs>li a:focus{
    color: #fff!important;
    background-color:#02A1A5!important;
    cursor: default;
    border:none!important;
    line-height: 1.6;
    margin:0;
}
.megamenu-content-body .nav-tabs>li a:hover {
    color: #fff!important;
    background-color: #02A1A5!important;
    cursor:pointer;
    line-height: 1.6;
    margin:0;
}
/*#838c91
#afd1d1*/


.megamenu-content-body{
    margin: 0px 0!important;
    background-color: #40545f!important;
    color:#FFF;

}
.megamenu-content-body .nav-tabs{
    border:none!important;
}
#mega_academic_years.nav-tabs{
    border:none!important;
    height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    cursor:n-resize;
    margin-top: 5px;
}
.megamenu-content-body .nav-stacked>li+li {
    margin:0;
}
#mega_academic_years_content  .menu_links {
    height:260px;
    overflow-y:auto;
    margin-left: 10px;
    margin-top: 10px;
}
.megamenu-content-body .menu_links {
    height:260px;
    margin-left: 10px;
    margin-top: 10px;
}
.megamenu-content-body .nav-tabs>li {
    margin-right: 0px!important;
    text-align: center;
}

.megamenu-content-body .nav-tabs>li> a {
    color: #fff!important;
}

#mega_academic_years_content{
    color: #fff!important;
    background-color: #02A1A5!important
}

#mega_academic_years_content h6,
#global-fees-configuration h6{
    padding: 13px;
    margin: -0px -10px;
}
#mega_academic_years_content  h6 i,
#global-fees-configuration h6 i{
    margin:0 5px 0 0px;
}
.menu_links i{
    font-size: 20px!important;
    margin:0 5px 0 0px;
    color: #fff!important;

}
/* for exams module tabs active state*/
#exams-module .nav-tabs>li  span.btn-xs{
    padding: 5px 10px;
    display: inline-block;
    margin-top: -5px;
}
#exams-module .nav-tabs>li  div.exam-ed-del{
    float: right;
    display: inline-block;
    margin-left: 3px;
}
#exams-module .nav-tabs>li>a{
    color: #333;
    background-color: #f2f5f8;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
#exams-module .nav-tabs>li.active>a,
#exams-module .nav-tabs>li.active>a:focus,
#exams-module .nav-tabs>li.active>a:visited{
    color: #333;
    background-color: #d6eef7;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}


#exams-module .nav-tabs>li.active>a:hover {
    color: #333;
    background-color: #d6eef7;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}
#exams-module .nav-tabs>li a i{
    font-size: 13px;
}
#mega_academic_years_content .menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 49%;
}
.menu_links span,
.menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 49%;
}
#mega-employees.menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 100%;
}
#mega_global_activities .menu_links a>span {
    padding: 8px;
    line-height: 1.7;
    display: inline-block;
    width: 100%;
}
#mega_global_activities  h6{
    padding: 13px;
    margin: -0px -10px;
}
p.mega-category{
    font-size: 11px;
    font-weight: 400;
    margin:5px 0px;
    color:rgba(255,255,255,0.7);
}
#mega-students.menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 100%;
    font-size:12px;
}
#mega-fees.menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 100%;
    font-size:12px;
}
#mega-transport.menu_links a>span{
    padding:8px;
    line-height: 1.7;
    display: inline-block;
    width: 100%;
    font-size:12px;
}

#mega-students.menu_links a:last-child>span{
    margin-bottom: 10px;
}
#mega-website.menu_links span{
    width: 24%;
}
/*#mega-students.menu_links span {
    width: 49%;
}*/
/*#mega-employees.menu_links span{
    width: 49%;
}*/
/*.menu_links span:first-child{
    margin: 12px 0 0 0!important;
}*/

.menu_links a>span:hover,
.menu_links span:hover{
    background:rgba(0,0,0,0.22);
}
.menu_links a span,
.menu_links span a{
    color:#FFF;
}
.megamenu-content-body h6  i,
.menu_links span a i,
.menu_links a span i{
    margin:0 5px 0 0px;
}

.menu_links span a,
.menu_links a span {
    color:#FFF;
}
.megamenu-content-body h6 a,
.megamenu-content-body h6 a i{
    color: #FFF;
    font-size: 14px
}
.megamenu-content-body h6 a:hover{
    background:rgba(0,0,0,0.18);
}
.megamenu-content-body h6 img {
    max-width: 100%;
    height: 31px;
}
.megamenu-content-body h6 a.btn{
    padding: 7px 10px;
    background: rgba(0,0,0,0.15);
    color:#FFF;
}
.megamenu-content-body h6 a.btn:hover{
    background: rgba(0,0,0,0.35);
}
.megamenu-content-body h6{
    text-align: center;
    margin: 6px;

}


.exams > tbody > tr > td, .exams > thead > tr > th {
    padding: 1px 15px;
}

.exams td > .form-control{
    height:30px;
}

.table > thead > tr > th{
    padding: 1px 15px;
}

.navbar-nav>li>.dropdown-menu{
    margin-top: 0!important;
}
hr.mega-line{
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-left: -10px;
    margin-right: -10px;
}
#mega_academic_years_content hr.mega-line{
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    margin-left: -10px;
    margin-right: -10px;
}
#mega-search .control-group .form-group{
    margin-top: 10px;
}
#mega-search .control-group .form-group label{
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 3px;
}

@media (min-width:1024px){
    #mega_academic_years::-webkit-scrollbar-track
    {
        background-color: rgba(255,255,255,0.3)!important
    }

    #mega_academic_years::-webkit-scrollbar
    {
        width: 5px;
        background-color:transparent;
    }
    #mega_academic_years::-webkit-scrollbar:hover
    {
        width: 9px;
    }
    #mega_academic_years::-webkit-scrollbar-thumb
    {
        background-color:rgba(255,255,255,0.5)!important
    }
}

/* to hide scrollbar- in- IE - now not necessary*/
/*html {
    -ms-overflow-style: none;
}*/

#lp td > ul{
    color:red;
    list-style-type: none;
    font-size: 12px;
    margin-left:-20px;

}
body.signup-bg,
body.login-bg{
    background:#FFF;
    width: 100%;
    height: 100%;
    text-rendering:optimizeLegibility;
}

.btn-sprig:hover,
.btn-sprig:focus,
.btn-sprig:active,
.btn-sprig.active,
.open .dropdown-toggle.btn-sprig {
    background: #349a61;
    color:#FFF;
    text-decoration: none;
}
.btn-sprig {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    padding: 6px 13px;
    position: relative;
    background: #39b770;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}
img.login-brand {
    width: 180px;
    margin:0px 10px;
    padding:15px;
}

.login-container {
    display: block;
    padding:10px 15px;
}

.login-container .page-content {
    display: table-row;
    height: 100%
}

.login-container .login-form {
    width: 100%;
}

.login-container .login-form,
.login-container .registration-form {
    margin: 0 auto 20px auto
}
.login-title,
.signup-title{
    padding: 10px 10px 0px 0px;
    margin:0px!important;
}
.login_signup {
    color: #3ab972;
    font-weight: bold;
}
@media (max-width:480px) {
    .login-container .login-form,
    .login-container .registration-form {
        width: 100%
    }
}

.login-container .footer {
    left: 0;
    right: 0;
    text-align: center
}

.login-container .content-wrapper {
    vertical-align: middle;
    display: table-cell
}

@media (max-width:480px) {
    .login-options,
    .login-options .text-right {
        text-align: center
    }
}

.login-cover{
    background: url(../../../sprigpro/custom/images/login-bg.jpg);
    background-size: cover;
    position: relative;
    z-index: 0;
    height: 100%;
    min-height:100vh;
    overflow: hidden;
}
/*.signup-cover{
    background: url(../../../sprigpro/custom/images/sprig-Free.png),linear-gradient(-33deg,#534E96,#6B49AA 41%,#7C46B7 78%);
    background-size: cover;
    background-position:center top;
    background-repeat: no-repeat;
    z-index: 0;
    background-origin:padding-box;
    min-height:100vh;
    overflow: hidden;
}*/
.signup-cover{
    background: #c7cbcd;
    background:radial-gradient(ellipse at center,#F9F9F9 0%,#eff0f0 25%,#d1d4d6 50%,#bbc0c3 75%,#999fa1 100%);
    min-height:100vh;
    overflow: hidden;
}

.login-title h1,
.signup-title h1{
    font-size: 26px;
    font-weight: normal;
    color:#666;
}
.signup_page .form-control{
    height: 36px;
}


@media (max-width: 768px){
    img.login-brand {
        width: 180px;
        padding: 20px;
    }
    .login-cover{
        width: 100%;
    }
    .login-content{
        margin-top: 1%;
    }
}
@media (max-width: 1024px){
    img.login-brand {
        width: 180px;
        padding: 20px;
    }
    .login-cover{
        height: 100%;
        min-height: 100vh;
    }
}
@media (min-width: 1025px){
    .login-page .login-container
    {
        padding:20% 20px 20px 20px;
    }
}
.login-footer{
    display: block;
    padding: 20px 0px;
    bottom: 20px;
    left:0px;
    font-weight: 600;
}
.login-footer ul li{
    list-style-type: none;
    float: left;
    padding:0px 5px 5px 0px;
    bottom: 20px;
    margin:20px 5px;

}
.login-footer ul li a{
    color: #929292;
    font-weight:500;
}
.login-footer ul li a:hover
{
    color: #285B54;
}.login-footer ul li a:focus,
.login-footer ul li a:visited{
    color: #929292;
    font-weight:500;
}
.signuppage label i{
    font-size: 17px;
}
.signup_page input#signup_phoneNumber {
    height: 38px;
}
.signuppage .btn-success{

}
.signup_page{
    background:#FFF;
    color:#7b7b7b;
}
.signup_page h2{
    color:#39B770;
}
.signup_page .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #666;
    text-align: center;
    border: 1px solid #ccc;
    background:#FFF;
}
.signup_page .input-group-addon .btn_green{
    background-color:#39B770;
    border-color: #39B770;
}
.signup_page .input-group-addon .btn_green:hover{
    background-color:#329c61;
    border-color: #329c61;
}
/*.signup_page .input-group-addon:hover {
    background-color: #227647;
}*/
.signup_page input[type=radio]{
    margin:4px;
    line-height: normal;
}
.signup_page #signup_ownOrSubDomain label{
    margin:4px;
    line-height: normal;
}
.signup_page #signup_submit{
    color: #fff;
    background-color: #0ab957;
    border-color:#076d34;
}
.signup_signin
{
    color:#3ab972;
    font-weight: bold;
    margin:10px 0px;
}
body .signup_page {
    font-family: inherit ;
    color:#666;
}
.signup_page label a{
    color:#337ab7;
    font-weight: 600;
}
.signup_page .registration-form{
    padding:0px 10px;
}
.signup_page .btn {
    border-width: 0;
    border-bottom-width: 3px;
    border-radius: 3px;
    font-family: inherit;
}
.signup_page .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}
.login-footer{
    height:40px;
    margin-top:-40px;

}
span.red{
    color:#f06060;
}
span.green{
    color:#39b770;
}

.signup_page  .input-group-addon>i{
    display: inline-block;
}
#terms-label{
    margin-left: 8px;
    vertical-align: middle;
}
.signup_page .popover{
    border: none;
}
.signup_page .popover-title{
    color:#FFF;
    background:#43c59b;
    font-size: 12px;
    line-height: 1.6666667;
    border: 0;
    padding: 8px;
    text-transform: uppercase;
    font-weight: 700;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;

}
.signup_page  .popover-content{
    font-size: 12px;
    text-align: justify;
}
.signup_page  .icon-question3{
    color:#43c59b;
}

.panel .grey-header-bg{
    background:#F9F9F9;
}
/*.errorfield{
    background-color:#de888a;
    border-color:#f06060;
}
.successfield{
    background: #f0fee9;
    border-color: #a5d491;
}*/
.signup_page  input:focus,
.signup_page  select:focus{  
    color: #3c3c3c;
    background: #fff;
    border: 1px solid #4ebd4a;
    -webkit-box-shadow: 0 0 3px #4ebd4a inset;
    -moz-box-shadow: 0 0 3px #4ebd4a inset;
    -o-box-shadow: 0 0 3px #4ebd4a inset;
    box-shadow: 0 0 3px #4ebd4a inset;
    outline: 0;
}
.signup_page .input-group .successfield,
.signup_page .input-group-addon .successfield {
    background: #f0fee9;
    border-color: #a5d491;
}

.signup_page .input-group .errorfield,
.signup_page .input-group-addon .errorfield{ 
    background-color: #ffd8d9;
    border-color: #ffa3a3;
}
.signup_page .btn_green{
    background-color:#39B770;
    border-color: #39B770;
}
.signup_page .btn_green:hover,
.signup_page .btn_green:focus,
.signup_page .btn_green:active,
.signup_page .btn_green:visited{
    background-color:#329c61;
    border-color: #329c61;
    color:#FFF;
}
.viewsubjects_page .panel{
    border:transparent;
}
.viewsubjects_page .panel-group-control .panel-title>a:before {
    content: "\e9e1";
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 0;
    font-weight: 400;
    background:#D7F3E7;
    color:#00C282;
    padding: 12px;
}
.viewsubjects_page .panel-group-control .panel-title>a.collapsed:before {
    content: "\ea01";
    background:#FCE7E5;
    color:#D26A5C;
    -webkit-transition: content 500ms; /* Safari */
    transition: content 500ms;
}
.viewsubjects_page .panel-group-control .panel-heading{
    padding: 0px!important;
}
.viewsubjects_page .panel-group-control .panel-heading .panel-title{
    padding: 7px!important;
    background: #ffffff!important;
}
.viewsubjects_page .panel-group-control .panel-title>a{
    padding-left: 45px;
    font-size:15px;
}
.viewsubjects_page .panel-group .panel-heading+.panel-collapse>.list-group, 
.viewsubjects_page .panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top: transparent;
}
.viewsubjects_page .panel-group .panel-heading+.panel-collapse>.panel-body{
    padding: 5px!important;
}
.viewsubjects_page .panel-group{
    border:1px solid #f5f5f5;  
}
.viewsubjects_page .panel-group .panel+.panel {
    margin-top: 1px;
}
.viewsubjects_page .notes-data{
    width: 100%;
    text-overflow:ellipsis;
    display: inline-block;
    padding:5px;
}
.viewsubjects_page .notes-data:hover{
    background:#f9f9f9;
}
.viewsubjects_page .notes-title,
.viewsubjects_page .notes-attachment,
.viewsubjects_page .notes-description,
.viewsubjects_page .notes-video{
    float:left;
    display:block;
    margin:5px; 
}
.viewsubjects_page .notes-title:before{
    content:'\ea1a';
    font-family: icomoon;
    font-size: 15px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: content 500ms; /* Safari */
    transition: content 500ms;
}
.viewsubjects_page .notes-title{
    width: 30%;
    text-overflow: ellipsis;
}

.exam-reports-page th div.ellipses {
    width: 105px;
    overflow: hidden;
    white-space: pre-line;
    text-overflow: ellipsis;
    margin-left: 5px;
    text-align: justify;
}
/* for removing extra icon in push notification*/
.alert[class*=alert-styled-]:after {
    content: ''!important;
}



.fee-process-step .btn:focus{
    outline:none
}
.fee-process{
    display:table;
    width:100%;
    position:relative;
}
.fee-process-row{
    display:table-row;
}
.fee-process-step button[disabled]{
    opacity:1 !important;
    filter: alpha(opacity=100) !important;
}
.fee-process-row:before{
    top:40px;
    bottom:0;
    position:absolute;
    content:" ";
    width:100%;
    height:1px;
    background-color:#ccc;
    z-index:0;
}
.fee-process-step{
    display:table-cell;
    text-align:center;
    position:relative
}
.fee-process-step p{
    margin-top:4px;
}
.btn-circle{
    width:80px;
    height:80px;
    text-align:center;
    font-size:12px;
    border-radius:50%;
    padding-top: 18px;
}
.view-job-content{
    padding: 20px;
    background: #ffffff;
    border: 1px solid #dedede;
    border-top:  none;
}

.bg_custom_a,
.bg_custom_A{background:#FE4E41;color:#FFF;}
.bg_custom_b,
.bg_custom_B{background:#FB345F;color:#FFF;}
.bg_custom_c,
.bg_custom_C{background:#A928A2;color:#FFF;}
.bg_custom_d,
.bg_custom_D{background:#7237A8;color:#FFF;}
.bg_custom_e,
.bg_custom_E{background:#464DA8;color:#FFF;}
.bg_custom_f,
.bg_custom_F{background:#008DE7;color:#FFF;}
.bg_custom_g,
.bg_custom_G{background:#00A0E8;color:#FFF;}
.bg_custom_h,
.bg_custom_H{background:#00B5CD;color:#FFF;}
.bg_custom_i,
.bg_custom_I{background:#009187;color:#FFF;}
.bg_custom_j,
.bg_custom_J{background:#02AB62;color:#FFF;}
.bg_custom_k,
.bg_custom_K{background:#72C064;color:#FFF;}
.bg_custom_l,
.bg_custom_L{background:#C1DB65;color:#FFF;}
.bg_custom_m,
.bg_custom_M{background:#FE9940;color:#FFF;}
.bg_custom_n,
.bg_custom_N{background:#FE5E38;color:#FFF;}
.bg_custom_o,
.bg_custom_O{background:#597A86;color:#FFF;}
.bg_custom_p,
.bg_custom_P{background:#7C574D;color:#FFF;}
.bg_custom_q,
.bg_custom_Q{background:#26131D;color:#FFF;}
.bg_custom_r,
.bg_custom_R{background:#153E5A;color:#FFF;}
.bg_custom_s,
.bg_custom_S{background:#00BDD9;color:#FFF;}
.bg_custom_t,
.bg_custom_T{background:#F5579E;color:#FFF;}
.bg_custom_u,
.bg_custom_U{background:#CA7EB5;color:#FFF;}
.bg_custom_v,
.bg_custom_V{background:#0068B0;color:#FFF;}
.bg_custom_w,
.bg_custom_W{background:#009DD1;color:#FFF;}
.bg_custom_x,
.bg_custom_X{background:#FFA0A1;color:#FFF;}
.bg_custom_y,
.bg_custom_Y{background:#00ADD8;color:#FFF;}
.bg_custom_z,
.bg_custom_Z{background:#7DE642;color:#FFF;}

.table-inbox .media-left span.letter-icon{
    text-transform: uppercase;
    font-weight: bold;
}


@media (min-width: 991px){
    .navbar-left > li {
        width:75px;
        text-align: center;
    }
} 

/* files&document page css*/
.filemanager-options {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    background: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
    box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}
.filemanager-options li {
    display: inline-block;
    padding: 12px 15px;
    border-right: 1px solid #eee;
    font-size: 12px;
    color: #666;
}
.ckbox, .rdio {
    position: relative;
}
.ckbox input[type="checkbox"], .rdio input[type="radio"] {
    opacity: 0;
}
.ckbox label, .rdio label {
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 7px !important;
}
.ckbox label:before {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 1px;
    left: 0;
    content: '';
    display: inline-block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #fff;
}
.filemanager-options .ckbox label {
    margin: 0 !important;
}
.filemanager-options li a.disabled {
    opacity: 0.5;
    cursor: default;
}
.filemanager-options li a {
    color: #666;
}
.filemanager-options li i {
    font-size: 14px;
    margin-right: 5px;
    color: #444;
}
.filemanager-options .filter-type {
    float: right;
    border-right: 0;
    border-left: 1px solid #eee;
}
.filemanager-options .filter-type a.active {
    text-decoration: underline;
    color: #2A6496;
}
.filemanager-options .filter-type a:first-child {
    margin-left: 10px;
}
.filemanager-options .filter-type a {
    display: inline-block;
    margin-right: 10px;
}
.filemanager .thmb {
    border: 1px solid #FFF;
    background: #FFF;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}
.filemanager .ckbox {
    position: absolute;
    top: 15px;
    left: 15px;
    display: none;
}
.filemanager .fm-group {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
.filemanager .thmb-prev {
    background: #eee;
    overflow: hidden;
}
.filemanager .fm-title {
    margin-bottom: 0;
    font-size: 13px;
}
.text-muted {
    color: #777;
}
.filemanager .thmb::after {
    clear: both;
    display: block;
    content: '';
}
.folder-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.subtitle {
    font-size: 13px;
    text-transform: uppercase;
    color: #333;
    font-family: 'LatoBold';
    margin-bottom: 15px;
    margin-top: 0;
}
.folder-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.fm-sidebar .subtitle a {
    color: #999;
    font-size: 11px;
}
.fm-sidebar .tag-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.fm-sidebar .tag-list li {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}
.fm-sidebar .tag-list li a {
    display: block;
    padding: 2px 7px;
    font-size: 11px;
    background: #fcfcfc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #666;
}
.filemanager .fm-group {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
}
.ckbox-default input[type="checkbox"]:checked + label::after {
    color: #333;
}
.ckbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\F00C";
    position: absolute;
    top: 2.5px;
    left: 4px;
    display: inline-block;
    font-size: 11px;
    width: 16px;
    height: 16px;
    color: #4a535e;;
}
.ckbox-default input[type="checkbox"]:checked + label::after {
    color: #333;
}
.filemanager .fm-toggle {
    padding: 1px 4px;
    line-height: normal;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.box-shadow-1{
    -moz-box-shadow: 0 2px 5px rgba(12,12,12,0.15);
    -webkit-box-shadow: 0 2px 5px rgba(12,12,12,0.15);
    box-shadow: 0px 1px 5px rgba(12, 12, 12, 0.15);
}
.btn-upload{
    float:right;
}
.filemanager-options li.btn-upload,
.filemanager-options li.btn-upload a,
.filemanager-options li.btn-upload a i{
    color: #FFF;
    padding:5px!important
}

.login-image{
	background-image: url('/images/college_4.png'); 
	background-size: cover; 
	min-height:100vh; 
	background-position: center !important;
}

.sign-up-image{
	background-image: url('/images/college_6.jpg'); 
	background-size: cover; 
	min-height: 100vh; 
	background-position: center !important;
}
.login-brand{
  font-weight:800 !important; 
  padding:5px !important ;
  color: #074460 !important;
} 

@media (max-width: 579px) {
	.login-image {
	   	min-height: 35vh !important; 
	}
	.sign-up-image {
	   	min-height: 35vh !important; 
	}
}

.login-form{
	background-color:rgba(244, 240, 236, 0) !important; 
	min-height: 100vh !important;
}

.sign-up-form{
	background-color: rgba(244, 240, 236, 0) !important; 
	min-height: 100vh !important;
}