/* CHARISMA THEME CSS*/
/* CHARISMA THEME CSS*/

/*@import url(https://fonts.googleapis.com/css?family=Shojumaru);*/

select {
    background-color: #fff;
}

.top-block {
    font-size: 14px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    position: relative;
    display: block;
    line-height: 22px;
    text-shadow: 0 0 1px #DDD;
    text-decoration: none;
    -webkit-box-shadow: inset 0 0 0 1px #FAFAFA;
    -moz-box-shadow: inset 0 0 0 1px #FAFAFA;
    box-shadow: inset 0 0 0 1px #FAFAFA;
    background: -moz-linear-gradient(top, rgba(30,87,153,0.2) 0%, rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0.2)), color-stop(100%,rgba(125,185,232,0)));
    background: -webkit-linear-gradient(top, rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(top, rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(top, rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, rgba(30,87,153,0.2) 0%,rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#331e5799', endColorstr='#007db9e8',GradientType=0 );
}

    .top-block span {
        clear: both;
    }


    .top-block:hover {
        text-decoration: none;
    }
/*
.notification {
display: block;
position: absolute;
top: -10px;
right: -5px;
line-height: 16px;
height: 16px;
padding: 0 5px;
font-family: Arial, sans-serif;
color: white !important;
text-shadow: 0 1px 
hsla(0, 0%, 0%, 0.25);
border-width: 1px;
border-style: solid;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-box-shadow: 0 1px 1px 
hsla(0, 0%, 0%, 0.08), inset 0 1px 
hsla(0, 100%, 100%, 0.3);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
box-shadow: 0 1px 1px 
hsla(0, 0%, 0%, 0.08), inset 0 1px 
hsla(0, 100%, 100%, 0.3);
}

.notification {
border-color: #2FABE9;
background-color: #67C2EF;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(200, 80%, 82%)), color-stop(100%, hsl(200, 81%, 67%)));
background-image: -webkit-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -moz-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -ms-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: -o-linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
background-image: linear-gradient(top, hsl(200, 80%, 82%), hsl(200, 81%, 67%));
}*/

.notification.green {
    border-color: #5AAD34;
    background-color: #78CD51;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(101, 54%, 71%)), color-stop(100%, hsl(101, 55%, 56%)));
    background-image: -webkit-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -moz-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -ms-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: -o-linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
    background-image: linear-gradient(top, hsl(101, 54%, 71%), hsl(101, 55%, 56%));
}

.notification.yellow {
    border-color: #F4A506;
    background-color: #FABB3D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(40, 95%, 76%)), color-stop(100%, hsl(40, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
    background-image: linear-gradient(top, hsl(40, 95%, 76%), hsl(40, 95%, 61%));
}

.notification.red {
    border-color: #FA5833;
    background-color: #FA603D;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, hsl(11, 95%, 76%)), color-stop(100%, hsl(11, 95%, 61%)));
    background-image: -webkit-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -moz-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -ms-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: -o-linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
    background-image: linear-gradient(top, hsl(11, 95%, 76%), hsl(11, 95%, 61%));
}

#external-events {
    float: left;
    width: 15%;
    padding: 10px;
    text-align: left;
}

.external-event {
    margin: 5px;
    cursor: move;
}

#calendar {
    float: right;
    width: 80%;
}



.box {
    /*
border-radius:10px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
margin-top: 10px; 
margin-bottom: 10px ;
box-shadow: 0 0 10px rgba(0,0,0, 0.4);
-webkit-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);
-moz-box-shadow: 0 0 10px rgba(189, 189, 189, 0.4);*/
    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    display: block;
    padding: 15px;
    margin: 0 !important;
    margin-bottom: 20px !important;
}

    .box:hover {
        background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
    }

.box-header {
    border: none;
    padding-top: 5px;
    margin-bottom: 0;
    font-size: 16px;
}

    .box-header h2, .floating-header h3 {
        font-size: 15px;
        width: auto;
        clear: none;
        float: left;
        line-height: 25px;
    }

    .box-header h3 {
        font-size: 13px;
        width: auto;
        clear: none;
        float: left;
        line-height: 25px;
    }

    .box-header h2 > i {
        margin-top: 1px;
    }

.box-icon {
    float: right;
}

    .box-icon a {
        clear: none;
        float: left;
        margin: 0 2px;
        height: 18px;
        width: 5px;
        margin-top: -1px;
    }

        .box-icon a i {
            margin-left: -4.5px;
        }

.box-content {
    /*padding:10px;*/
    width: 100%;
    float: left;
}


.btn-round {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    font-size: 12px;
    padding-top: 4px;
}

ul.dashboard-list li {
    padding: 7px 0;
    list-style: none;
    border-bottom: 1px solid #EBEBEB;
    border-top: 1px solid white;
}

ul.dashboard-list a:hover {
    text-decoration: none;
}

ul.dashboard-list {
    margin: 0;
}

    ul.dashboard-list li a span {
        display: inline-block;
        font-size: 18px;
        font-weight: bold;
        margin-right: 10px;
        text-align: right;
        width: 70px;
        zoom: 1;
    }

.dashboard-avatar {
    height: 50px;
    width: 50px;
    padding: 1px;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #EBEBEB;
}

#prependedInput, #appendedPrependedInput, #appendedInputButtons, #appendedInputButton {
    width: 200px;
}

#appendedInput {
    width: 75px;
}

.thumbnail {
    background-color: white;
    z-index: 2;
    position: relative;
    margin-bottom: 40px !important;
}

.thumbnails > li {
    margin-left: 15px;
}

.thumbnail img, .thumbnail > a {
    z-index: 2;
    height: 100px;
    width: 100px;
    position: relative;
    display: block;
}

img.grayscale {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /*filter: url(desaturate.svg#grayscale);
filter: gray;
filter: grayscale(100%); */
}

.thumbnail .gallery-controls {
    position: absolute;
    z-index: 1;
    margin-top: -30px;
    height: 22px;
    min-height: 22px;
    width: 80px;
    padding: 9px;
}

    .thumbnail .gallery-controls p {
        display: block;
        margin: auto;
        width: 100%;
    }

label div.checker, label div.radio {
    margin-bottom: 3px;
}

div.uploader {
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}

footer {
    clear: both;
}

    footer .pull-right {
        float: right;
        margin-right: 10px;
    }

    footer .pull-left {
        float: left;
        margin-left: 10px;
    }

.docs-input-sizes select, .docs-input-sizes input[type="text"] {
    display: block;
    margin-bottom: 9px;
}

div.center, p.center, img.center {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    display: block;
    text-align: center;
}

.stackControls {
    padding: 5px;
}

.clear {
    clear: both;
    width: 0px;
    height: 0px;
}

.sidebar-nav {
    min-height: 0;
    box-shadow: 0 0 10px #BDBDBD;
    -webkit-box-shadow: 0 0 10px #BDBDBD;
    -moz-box-shadow: 0 0 10px #BDBDBD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 0;
    padding-bottom: 0;
}

    .sidebar-nav > ul > li:not(.nav-header) {
        margin-right: -2px;
        margin-left: -2px;
    }

.brand {
    font-family: 'Shojumaru', cursive, Arial, serif;
    letter-spacing: 2px;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    width: 166px;
}

    .brand img {
        float: left;
        height: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .brand span {
        float: left;
    }

.navbar-search {
    margin-left: 10px;
}

.navbar-inner {
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.dataTables_length select {
    width: 50px;
}

.dataTables_filter input, .dataTables_length select {
    display: inline-block;
    margin-bottom: 0;
}

ul.ajax-loaders li {
    display: inline-block;
    list-style: none;
    padding: 10px;
}

ul.ajax-loaders {
    min-height: 80px;
}

.bs-icons li {
    list-style: none;
}

#for-is-ajax {
    padding-left: 12px;
    cursor: pointer;
}

#loading {
    margin-top: 20px;
    width: 128px;
    font-weight: bold;
}

    #loading div.center {
        margin-top: 10px;
        height: 15px;
        width: 128px;
        background: url(../img/ajax-loaders/ajax-loader-6.gif);
    }
/*
.box-content .nav-tabs{
margin-right:-10px;
margin-left:-10px;

}*/
#inputIcon {
    width: 200px;
}

.show-grid [class*="span"] {
    background-color: #EDEDED;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
    color: black;
}

    .show-grid:hover [class*="span"] {
        background: #DEDEDE;
    }

.login-header {
    padding-top: 30px;
    height: 120px;
}

.pull-left {
    0 0 10px #BDBDBD;
    -web;
}

.pull-right {
    float: right !important;
}

.remember {
    margin-top: 3px;
}

.green {
    color: #458746;
}

.red {
    color: #B94846;
}

.blue {
    color: #3986AC;
}

.yellow {
    color: #F99406;
}

.login-box {
}

    .login-box .input-prepend {
        margin-bottom: 10px;
    }

    .login-box .btn {
        margin-top: 15px;
        width: 100%;
    }

.charisma_qr {
    height: 136px;
    width: 136px;
    border: solid grey 1px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: 0 0 10px #BDBDBD;
    -webkit-box-shadow: 0 0 10px #BDBDBD;
    -moz-box-shadow: 0 0 10px #BDBDBD;
}

.box-content.buttons {
    min-height: 297px;
}

.testdata {
    color: #B94846;
    /*background: url(Alert_Back.JPG) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

/*  CHARISMA THEME CSS* */


* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    transition: all 0.4s ease !important;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

body {
    background: #f9f9f9;
}

/*h1, h2, h3, h4, h5, h6{
    font-family:"montserrat";
    font-weight:normal;
    color:#aaa;
}*/

.navbar .navbar-inner {
    background: none;
    border-radius: 0;
}

.logo-name h3 {
    float: left;
    font-family: "montserrat";
    font-size: 14px;
    color: #000;
    font-weight: normal;
    margin-top: 8px;
    margin-left: 10px;
}

.top-home-btn, .logo {
    float: left;
}

.top-home-btn {
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 42px;
    color: #fff !important;
    background: #424951;
    font-size: 25px;
    margin-right: 10px;
}

.logo {
    width: 40px;
    height: auto;
    margin: 0;
}

.navbar {
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

    .navbar .navbar-inner {
        padding: 0;
        width: 100%;
        float: left;
    }

    .navbar .container-fluid {
        width: 100%;
        float: left;
        padding: 0;
    }

.profile-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 10px;
}

    .profile-icon img {
        width: 100%;
        height: auto;
        border-radius: 0;
    }

.top-search {
    border: #ccc solid thin;
    display: inline-block;
    border-radius: 30px;
    padding: 0 10px;
    margin-top: 4px;
    padding-right: 5px;
}

.login-main-menu {
    color: #424951;
    cursor: pointer;
    float: right;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    text-align: center;
    width: auto;
    position: relative;
}

.search-top-box #ctl00_UpSearchData {
    float: right;
}

.top-right {
    position: relative;
}

#login {
    margin: 0;
    left: auto;
    right: -20px;
}

#triangle {
    width: 335px;
    height: auto;
    background-size: 100% 100%;
}

.search-top-box .dxeButtonEditSys {
    border-radius: 0;
    border: none;
    border-left: #ccc solid thin;
    /*height:45px;*/
}

.search-top-box .search-part input[type="text"] {
    /*line-height:45px;*/
    /*height:40px;*/
    font-size: 15px;
    font-family: "open-sans";
    height: 30px !important;
    line-height: 30px !important;
    border: none !important;
}

.student-icon {
    width: auto;
    height: auto;
    margin-top: 2px;
}

.top-notify-srch .student-icon a {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 18px;
    border: #aaa solid thin;
    text-align: center;
    border-radius: 50%;
    display: block;
    color: #aaa;
}

.top-notify-srch .student-icon .active-user {
    background: var(--primary-color);
    border-color: #fff;
    color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.search-top-box .dxeButtonEditButton_BlackGlass {
    background: #ccc;
    border-color: #ccc;
    display: none;
}

.search-part input[type="submit"] {
    font-family: "Ionicons";
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    margin-top: 3px;
    font-size: 18px;
    text-align: center;
    line-height: 16px;
    padding: 0;
}

.search-top-box input.btnSearch {
    margin-left: 300px;
}

.search-top-box input[type="text"] {
    border: none !important;
    height: 28px !important;
    position: absolute;
    top: 8px;
    right: 42px;
    width: 290px;
    text-transform:capitalize;
}

.search-part input[type="submit"]:hover {
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}

.welcome-h4 {
    margin-bottom: 15px;
    width: 100%;
    font-size: 13px;
}

    .welcome-h4 span {
        color: #424951;
    }


.menu p span {
    color: #424951;
    font-family: "montserrat-light";
    font-size: 13px;
}

.menu:hover p span {
    color: var(--primary-color);
}

.box-header {
    background: none;
    border: none;
    width: 100%;
    float: left;
}


    .box-header h2, .floating-header h3 {
        float: left;
        height: auto;
        color: #424951;
    }

        .box-header h2 i {
            display: none;
        }

    .box-header.well {
        margin-bottom: 15px;
        box-shadow: none;
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
    }

.PopUp .box-header.well {
    margin-bottom: 0;
}




.btn-block {
    display: inline-block;
    width: auto;
}




.btn-info {
    background: #fff;
    color: var(--primary-color);
    border: var(--primary-color) solid thin;
}

    .btn-info:hover {
        background: var(--primary-color);
        border-color: var(--primary-color);
        color: #fff;
    }

.btn-danger {
    background-color: #ed4948;
    border-color: #ed4948;
	color:#fff !important;
}

    .btn-danger:hover {
        background-color: #ca3e3d;
        border-color: #ca3e3d;
    }

.btn-success, div.label-success {
    background: #62c83a;
    border-color: #62c83a;
}

    .btn-success:hover, div.label-success:hover {
        background: #51a530;
        border-color: #51a530;
    }

.btn-small {
    font-size: 12px;
    padding: 3px 7px;
}


.box-header .btn {
    height: auto;
    line-height: auto;
    background: none;
    border: none;
}

td {
    vertical-align: middle;
}

.tooltip {
    transition: none !important;
}

.ajax__tab_xp .ajax__tab_tab {
    height: auto !important;
}

/* Meeting page css*/


.meeting-wrapper {
    width: 100%;
    margin: auto;
    box-sizing: border-box;
    font-family: "open-sans";
    display: block;
    text-align: left;
}

    .meeting-wrapper h1, .meeting-wrapper h2, .meeting-wrapper h3, .meeting-wrapper h4, .meeting-wrapper h5, .meeting-wrapper h6 {
        font-weight: normal;
        margin: 0;
        padding: 0;
        line-height: normal;
    }

.mtng-accordion-row {
    width: 100%;
    float: left;
    display: block;
    border: #ccc solid thin;
    margin-bottom: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.mtng-accordion-row {
    cursor: pointer;
}

    .mtng-accordion-row:last-child {
        margin-bottom: 0;
    }

.mtng-title h3 {
    color: #424951;
    font-size: 13px;
}

.mtng-title h4 {
    color: #666;
    font-size: 13px;
    font-family: "open-sans";
}

.mtng-title h3 span {
    font-family: "montserrat-light";
}

.mtng-col {
    display: inline-block;
    vertical-align: middle;
}

    .mtng-col .btn {
        margin-left: 5px;
    }

.mtng-inr-col {
    text-align: center;
}

.mtng-head {
    color: #666;
    font-size: 12px;
    font-family: "montserrat-light";
    font-weight: normal;
    margin-bottom: 5px;
}

.mtng-pic, .mtng-by {
    float: left;
}

.mtng-by {
    margin-left: 10px;
}

    .mtng-by h2 {
        font-size: 14px;
        color: #424951;
    }

.dsgntn {
    display: block;
    color: var(--primary-color);
    font-size: 12px;
    font-style: italic;
    font-family: "open-sans";
    text-transform: capitalize;
}

.mtng-pic img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    overflow: hidden;
}

.mtng-dt-time h2, .mtng-counting h2 {
    font-size: 17px;
    margin-top: 7px;
}

.mtng-counting h2 {
    color: var(--primary-color);
}

.mtng-title {
    width: 37%;
    padding-right: 15px;
}

.mtng-by-main, .mtng-dt-time {
    width: 23%;
}

.mtng-inr-col {
    float: left;
    width: 30%;
    text-align: center;
}

    .mtng-inr-col h2 {
        margin: 0 !important;
    }

.mtng-counting {
    width: 15%;
}

.mtng-col.mtng-counting {
    margin-top: 5px;
}

.mtng-dt-time h3 {
    font-size: 14px;
    color: #424951;
    colo;
}

.mtng-accordion-data {
    width: 100%;
    float: left;
    display: block;
    border-top: #ccc solid thin;
    margin-top: 10px;
    padding: 5px 0;
    display: none;
    transition: none !important;
}

.mtng-span-7 {
    float: left !important;
    width: 39% !important;
    box-sizing: border-box;
    margin-right: 1% !important;
}

.mtng-span-3 {
    float: left;
    width: 34% !important;
    border-left: #ccc solid 2px;
    border-right: #ccc solid 2px;
    box-sizing: border-box;
    margin-right: 1% !important;
    padding: 0 10pxn !important;
}



.mtng-head-row .mtng-span-3 {
    padding: 0;
    border: none;
}

.mtng-span-2 {
    float: left;
    width: 20% !important;
    box-sizing: border-box;
    margin-left: 6px !important;
}

h4.h4-head {
    float: left;
    background: none;
    color: #424951;
    font-size: 15px;
    padding: 3px 5px;
    position: relative;
    display: block;
}

    h4.h4-head::after {
        content: "";
        background: #07aaef;
        position: absolute;
        top: 0;
        right: -7px;
        width: 15px;
        height: 100%;
        display: block;
        transform: skewX(20deg);
        z-index: -1;
    }

.mtng-inr-row {
    width: 100%;
    float: left;
    margin: 5px 0;
    margin-bottom: 10px;
    border-bottom: thin solid #ccc !important;
}

    .mtng-inr-row:last-child {
        margin-bottom: 0;
        border: none;
    }

.mtng-head-row {
    margin-bottom: 5px;
    border: none;
}

.mtng-span-7 h3 {
    color: #424951;
    font-size: 15px;
}

    .mtng-span-7 h3 span {
        margin-right: 15px;
    }

.agenda-desc {
    width: 100%;
    padding-left: 5px;
    box-sizing: border-box;
    color: #666;
    font-size: 13px;
    text-align: justify;
}

    .agenda-desc span {
        font-size: 15px !important;
        font-family: "open-sans";
        line-height: normal !important;
    }

.tick-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
}

    .tick-list li {
        list-style: none;
        padding: 0 15px;
        padding-right: 25px;
        box-sizing: border-box;
        width: 100%;
        float: left;
        font-size: 12px;
        position: relative;
        margin: 0;
        margin-bottom: 7px;
    }

        .tick-list li::before {
            position: absolute;
            top: 6px;
            left: 0;
            content: " ";
            display: block;
            background: url(../images/tick.png) no-repeat center;
            width: 10px;
            height: 7px;
        }

.feedback {
    width: 16px;
    height: 14px;
    position: absolute;
    right: 2px;
    top: 4px;
    cursor: pointer;
}

.mtng-min-height {
    min-height: 180px;
    max-height: 200px;
    overflow: auto;
}

.mtng-btn {
    background: #317eac !important;
    border: none;
    color: #fff;
    font-size: 13px;
    height: auto;
    width: auto;
    padding: 2px 7px;
    float: left;
    text-decoration: none;
}

    .mtng-btn:hover {
        background: #07aaef !important;
        text-decoration: none;
        color: #fff;
    }

.mtng-span-2 p {
    font-size: 13px;
    color: #666;
    margin: 0;
}

.mtng-span-2 textarea {
    width: 98%;
    resize: none;
    margin-bottom: 7px;
    font-family: "open-sans";
    font-size: 13px;
}

.modalPopup {
    background-color: #fff;
    border-color: white;
    border-radius: 5px;
    border-style: solid;
    border-width: 3px;
    width: auto;
    min-width: 350px;
}

.popupTitle {
    background: #cfdfcf none repeat scroll 0 0;
    font-family: castletregular;
    font-size: 20px;
    font-variant: petite-caps;
    padding: 13px 14px 14px;
    text-align: center;
    letter-spacing: 2px;
}

.confirmMsg {
    background: #e5e4d7 none repeat scroll 0 0;
    color: #06062b;
    padding-bottom: 2px;
    padding-top: 14px;
    width: 100%;
    float: left;
}

    .confirmMsg span {
        color: #06062b;
        display: block;
        font-size: 20px;
        padding-bottom: 15px;
        width: 100%;
        font-family: Georgia;
        float: left;
    }

.clchgrd {
    border-width: 0;
    float: right;
    width: 18px;
}

.dvcontactP {
    float: left;
    padding: 20px 0px 10px;
    width: 100%;
}

    .dvcontactP > input {
        border: 1px solid #e5e4d7;
        border-radius: 5px;
        padding: 5px 10px;
        width: 60%;
        margin-top: 4px;
    }

.btnRed {
    background: #d9344a;
    background-image: -webkit-linear-gradient(top, #d9344a, #b84c2b);
    background-image: -moz-linear-gradient(top, #d9344a, #b84c2b);
    background-image: -ms-linear-gradient(top, #d9344a, #b84c2b);
    background-image: -o-linear-gradient(top, #d9344a, #b84c2b);
    background-image: linear-gradient(to bottom, #d9344a, #b84c2b);
    /*-webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 5px #666666;*/
    font-family: Georgia;
    color: #ffffff;
    font-size: 14px;
    padding: 12px 16px;
    text-decoration: none;
    width: 49% !important;
    border: none;
}

    .btnRed:hover {
        background: #fc593c;
        background-image: -webkit-linear-gradient(top, #fc593c, #d93f34);
        background-image: -moz-linear-gradient(top, #fc593c, #d93f34);
        background-image: -ms-linear-gradient(top, #fc593c, #d93f34);
        background-image: -o-linear-gradient(top, #fc593c, #d93f34);
        background-image: linear-gradient(to bottom, #fc593c, #d93f34);
        text-decoration: none;
    }

.btnGreen {
    background: #24bd47;
    background-image: -webkit-linear-gradient(top, #24bd47, #137322);
    background-image: -moz-linear-gradient(top, #24bd47, #137322);
    background-image: -ms-linear-gradient(top, #24bd47, #137322);
    background-image: -o-linear-gradient(top, #24bd47, #137322);
    background-image: linear-gradient(to bottom, #24bd47, #137322);
    /* -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  text-shadow: 1px 1px 5px #666666;*/
    font-family: Georgia;
    color: #ffffff;
    font-size: 14px;
    padding: 12px 16px;
    text-decoration: none;
    width: 49% !important;
    border: none;
}

    .btnGreen:hover {
        background: #3cfa6f;
        background-image: -webkit-linear-gradient(top, #3cfa6f, #3bb029);
        background-image: -moz-linear-gradient(top, #3cfa6f, #3bb029);
        background-image: -ms-linear-gradient(top, #3cfa6f, #3bb029);
        background-image: -o-linear-gradient(top, #3cfa6f, #3bb029);
        background-image: linear-gradient(to bottom, #3cfa6f, #3bb029);
        text-decoration: none;
    }



.yrRmrk {
    border: medium none;
    padding: 1px;
    padding-bottom: 10px;
    text-align: left;
    width: 115%;
    font: inherit;
}

.ak {
    background: #317eac none repeat scroll 0 0;
    color: white;
    padding: 5px;
    text-decoration: none;
}

    .ak:hover {
        background: #07aaef none repeat scroll 0 0;
        color: white;
        padding: 5px;
        text-decoration: none;
    }

.mtng-dt-time h2 {
    color: #000;
}

.tick-list > li > ol {
    color: #317eac;
    font-size: 11px;
}

.mtng-accordion-ftr {
    background: #f0f0f0 none repeat scroll 0 0;
    clear: both;
    padding: 10px;
    text-align: center;
}


.FixedSize {
    resize: none;
}


.indnt-form-txt {
    text-align: left;
}

    .indnt-form-txt .form-txt {
        width: 27%;
        margin: 0 1% 0 0;
        margin-bottom: 12px;
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    .indnt-form-txt .form-txt-full {
        width: 100%;
        margin-left: 0;
    }

    .indnt-form-txt .form-txt .label-label {
        font-size: 13px;
        color: #666;
        width: 100%;
        float: left;
        margin-bottom: 5px;
        color: #808080;
    }

    .indnt-form-txt .form-txt .inpt {
        width: 100%;
        float: left;
        font-size: 14px;
    }

    .indnt-form-txt .form-txt-full .form-txt {
        width: 100%;
    }

.noRecords {
    border: thin solid #ccc;
    margin-bottom: 12px;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.time {
    color: #aaa;
    margin: 5px 0;
}

.mtng-span-2 .btn {
    float: left;
    margin: 5px 0;
}

.mtng-min-height div {
    transition: none !important;
}
/* Meeting page css End */

.note {
    color: #ed4948;
    font-size: 15px;
    margin-bottom: 10px;
	font-family:"montserrat-light";
}

.row-fluid .table tr.td-padding-left td {
    padding-right: 10px !important;
}

    .row-fluid .table tr.td-padding-left td.td-inpt input[type="text"] {
        width: 80% !important;
    }

    .row-fluid .table tr.td-padding-left td.last-child {
        padding: 0 !important;
    }

.roundedcorner {
    background: #f0f0f0 !important;
}

.custom-table-data {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.txt-green {
    color: var(--primary-color);
    font-family: "montserrat";
    font-size: 13px;
}

.txt-black {
    color: #424951;
    font-family: "montserrat";
    font-size: 13px;
}

.txt-grey {
    color: #aaa;
}

.sc-category {
    font-family: "montserrat";
    color: #424951;
    font-size: 14px;
    margin-left: 5px;
}

.table {
    width: 100%;
    background: none !important;
}

    .table table {
        margin-top: 0;
    }

    .table, .table tr, .table td {
        border: none !important;
    }
	
	

        .table th {
            color: var(--primary-color) !important;
            border: none !important;
            background: none !important;
            text-shadow: none !important;
            font-family: "montserrat" !important;
            border-bottom: #aaa solid thin;
            font-weight: normal;
        }

        .table td, .table th {
            text-align: left;
            font-size: 15px;
            padding: 10px 7px;
            border-bottom: #ccc solid thin !important;
            vertical-align: middle !important;
        }

        .table th {
            font-family: "montserrat" !important;
        }

        .table td {
           /*font-family: "open-sans";*/
		   font-family:"montserrat-light";
		   font-size:13px;
        }

            .table td table td, .table th table th, .table th td {
                padding: 0;
                border-bottom: none !important;
            }
			
			.table td .table.table-bordered td, .table th .table.table-bordered th{
				border-bottom:#ccc solid thin !important;
			}

.search-top-box table {
    margin: 0;
}

    .search-top-box table td {
        border: none !important;
    }

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

.btn-info.ion-ios-download-outline {
    font-size: 20px;
    padding: 3px 10px;
}

.pagination table {
    width: auto;
}

.pagination-element{
	width:100%;
	float:left;
}

.pagination  tr:last-child td {
    border: none !important;
}

.pagination tr:last-child a, .pagination tr:last-child span, .pagination-element a {
    border: #ccc solid thin;
    display: block;
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 5px;
    font-family: "montserrat";
    color: #aaa;
    margin: 0 3px;
    font-size: 13px;
}

    .pagination tr:last-child a:hover, .pagination-element a:hover {
        color: var(--primary-color);
        border-color: var(--primary-color);
    }
	
	.pagination-element a{
		display: inline-block;
		margin: 3px 0;
	}
	
	.pagination-element a:last-child, .pagination-element a:first-child{
		padding-left:15px;
		padding-right:15px;
		width:auto;
	}
	
	.pagination-element a:hover{
		border-color:var(--primary-color);
		color:var(--primary-color);
	}
	
	.pagination-element a.active{
		background:var(--primary-color);
		box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
		color:#fff;
		border-color:#fff;
	}

.pagination tr:last-child span {
    border-color: #fff;
    background: var(--primary-color);
    color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.pagination-last-row table {
    width: auto !important;
}

.PopUp .btn {
    margin: 0!important;
    margin-left:5px !important; 
}

#wrapsearch {
    float: left;
}

.search-top-box .btnSearch {
    float: left;
    width: auto;
}

.row-fluid .box-center {
    float: none;
    margin: auto !important;
}

/* devExpress table css */

.dxgvHeader_Office2010Silver {
    background: none;
    border-bottom: #ccc solid thin !important;
}

    .dxgvHeader_Office2010Silver td {
        color: var(--primary-color) !important;
        font-family: "montserrat" !important;
        font-weight: normal !important;
    }

.dxFirefox input.dxeEditArea_Office2010Silver[type="text"], .dxFirefox input.dxeEditArea_Office2010Silver[type="password"] {
    width: 97%;
    height: 20px !important;
    line-height: 20px !important;
}

.dxpcDropDown_Office2010Silver, .dxeDropDownWindow_Office2010Silver {
    background: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

.dxgvFilterRow_Office2010Silver {
    background: #f0f0f0;
    border-bottom: #ccc solid thin !important;
}

.dxgvEditFormDisplayRow_Office2010Silver td.dxgv, .dxgvDetailCell_Office2010Silver td.dxgv, .dxgvDataRow_Office2010Silver td.dxgv, .dxgvDetailRow_Office2010Silver.dxgvADR td.dxgvAIC {
    border-bottom: #ccc solid thin !important;
}

.dxpc-mainDiv {
    background: #fff;
}


/* devExpress table css end */

/* popup css */


.PopUpBackColor {
    opacity: 0.70;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)";
    filter: alpha(opacity=70);
    zoom: 1;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: Black;
    z-index: 101;
    position: fixed;
}

.PopUp {
    left: 2%;
    right: 2%;
    position: fixed;
    top: 10%;
    background-color: none;
    max-width: 94%;
    z-index: 102;
    width: 100%;
}

.imgQucklink {
    background: none !important;
    border: medium none;
    box-shadow: none !important;
    color: #fff !important;
    font-family: "Ionicons" !important;
    font-size: 25px !important;
    line-height: 22px !important;
    padding: 0;
    cursor: pointer !important;
    width: 25px;
    height: 25px;
}

#AddQuickLink,
#RemoveQuickLink {
    background-color: transparent;
    position: absolute;
    width: auto;
    z-index: 9999;
    /*  display:inline-block !important;*/
    opacity: 0.5;
}

    #RemoveQuickLink > div > input {
        border-radius: 10px;
        font-family: Georgia;
        color: #ffffff;
        font-size: 12px;
        background: transparent none repeat scroll 0 0;
        border-radius: 39px;
        text-decoration: none;
        opacity: 0.8;
        position: absolute;
    }

        #AddQuickLink:hover,
        #RemoveQuickLink:hover,
        #RemoveQuickLink > div > input:hover {
            opacity: 1;
        }

.nav-stacked > li {
    float: none;
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.submenuheader {
    color: red;
    display: inline-block;
}

/* popup css end */

input[type="checkbox"], input[type="radio"] {
    width: auto;
    float: left;
    height: auto;
    margin-top: 3px;
}
/* tabs design */

.tab-design {
    width: 100%;
    float: left;
}

.ajax__tab_xp .ajax__tab_inner, .ajax__tab_xp .ajax__tab_tab, .ajax__tab_xp .ajax__tab_outer,
.nav-tabs li a {
    background: none !important;
    height: auto !important;
    display: inline-block !important;
}

.ajax__tab_tab, .nav-tabs li a {
    padding: 5px 10px !important;
    border: #ccc solid thin;
    color: #666 !important;
    font-size: 13px;
    font-family: "montserrat-light";
    border-radius: 3px;
}

.nav-tabs li a {
    margin-right: 5px;
}

.nav-tabs li:last-child a {
    margin-right: 0;
}

.ajax__tab_active .ajax__tab_tab, .nav-tabs li.active a {
    background: var(--primary-color) !important;
    color: #fff !important;
    border-color: var(--primary-color) !important;
}

.ajax__tab_xp .ajax__tab_body {
    border: none !important;
}

.ajax__tab_xp .ajax__tab_header {
    border: none !important;
    background: none !important;
}

/* tabs design end */

/* TDS Page Css */

.imageUploaderField input {
    width: 100% !important;
}





.input-block-text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    box-shadow: none !important;
    font-weight: bold;
}
/* TDS Page Css End */

.radio-list li {
    margin-right: 10px;
    font-family: "montserrat-light";
}

.inpt-cal input[type="text"] {
    width: 85%;
}

.box-inr {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-top: #ccc solid thin;
    border-bottom: #ccc solid thin;
    margin-bottom: 10px;
}

/* top-UI automcompletre CSS DO NO TOUCH OR EDIT*/
.emp-stndnt-table {
    width: 550px !important;
    padding: 10px;
    background: #fff;
    border: #ccc solid thin;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.1);
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    z-index: 100;
    right: 0 !important;
    left: auto !important;
    position: absolute !important;
    top:40px !important;
}

.srch-student-table {
    width: 850px !important;
}
.srch-first {
    width: 10%;
    text-align: center;
}

.srch-stdnt-sem{
     width: 5%;
    text-align: center;
}


.emp-stndnt-table li {
    list-style: none;
    white-space: nowrap;
    position: relative;
    font-size: 12px;
    color: #424951;
    padding:0;
    box-sizing: border-box;
    border-bottom: #ccc solid thin;
    float: left;
    width: 100%;
    cursor:pointer;
    
}



    .emp-stndnt-table li div {
        display: inline-block;
        vertical-align: top;
        padding: 0;
        padding: 5px 7px;
        box-sizing: border-box;
        white-space: normal;
        font-family: "montserrat-light";
        font-size: 12px;
    }

.emp-stndnt-table .ui-state-focus {
    background: #ccc;
    color:#000;
}

.srch-emp-nm {
    width: 55%;
}

.srch-emp-dprtmnt {
    width: 30%;
    text-transform:uppercase;
}

.emp-stndnt-table li:first-child {
    color: #fff;
    border-bottom: #424951 solid thin;
    padding: 0;
    background: #424951;
    font-family: "montserrat";
    cursor:default;
}

.srch-stdnt-nm {
    width: 35%;
}

.srch-roll-no {
    width: 15%;
    word-break: break-word;
    position: relative;
    text-transform:uppercase;
}



.srch-enroll-no {
    width: 15%;
    word-break: break-word;
    position: relative;
    text-transform:uppercase;
}

.srch-stdnt-dprtmnt {
    width: 20%;
    word-break: break-word;
    position: relative;
     text-transform:uppercase;
}

.emp-stndnt-table li:first-child .srch-roll-no, .emp-stndnt-table li:first-child .srch-stdnt-dprtmnt, .emp-stndnt-table li:first-child .srch-enroll-no,
.emp-stndnt-table li:first-child .srch-emp-dprtmnt {
    text-transform:capitalize;
}

/*end*/

.report-view input{
    width:auto !important;
}

.report-view input[type="image"]{
    border:none;
    padding:0;
    width:20px !important;
    height:auto !important;
}

.report-view input[type="submit"]{
    background:var(--primary-color);
    border:var(--primary-color) solid thin;
    color:#fff;
}

.text-green {
    color:var(--primary-color);
}

.icon-btn{
	font-family:"Ionicons";
}

.heading .file-block label strong{
	background:var(--primary-color) !important;
}


        .cust-btn .btn-primary-outline {
            border: var(--primary-color) solid thin;
        }

            .cust-btn .btn-primary-outline:hover {
                background: var(--primary-color) !important;
            }

        .cust-btn .btn-primary {
            border: var(--primary-color) solid thin;
            background: var(--primary-color);
            color: #fff;
        }

            .cust-btn .btn-primary:hover {
                background: var(--secondary-color) !important;
                border-color: var(--secondary-color) !important;
            }
			
			
        .cust-btn {
            position: relative;
            display: inline-block;
        }

        .cust-dropdown {
            position: absolute;
            right: 0;
            background: #fff;
            border: #e5e5e5 solid thin;
            box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);
            width: 200px;
            z-index: 10;
            display: none;
            transition: none !important;
        }

            .cust-dropdown a {
                display: block;
                padding: 10px;
            }

                .cust-dropdown a:hover {
                    background: var(--primary-color);
                    color: #fff;
                }

                .cust-dropdown a:not(:last-child) {
                    border-bottom: #ccc solid thin;
                }


        .cust-drop:hover + .cust-dropdown, .cust-dropdown:hover {
            display: block;
        }
		
		.table-sm td {
    font-size: 12px;
}

.PopUp .box-content iframe {
    width: 100% !important;
    height: 65vh !important;
    border: none !important;
    margin-top: 15px;
}