.btn-cc-search {
    background:#F7662D !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #F7662D;
    margin-right: 10px;
}
.btn-cc-search:hover{
   background: #E7561D !important;
   color:#fff !important;
   border:1px solid #E7561D;
}
.cke_top{
    background: #fff !important;
}
.btn-cc-primary {
    background:#03A9F5 !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #03A9F5;
}
.btn-cc-primary:hover{
    background:#009DD2 !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #009DD2;
}
.btn-cc-success {
    background:#5DB75D !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #5DB75D;
}
.btn-cc-success:hover {
    background:#49A948 !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #49A948;
}
.btn-cc-cancel {
    background: #dc3545 !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #dc3545;
}
.table > thead > tr > th > a{
    font-weight:600 !important;
    font-size:12px;
    text-transform:uppercase;
    color:#3753B7 !important;
    
}
.table > thead > tr > th{
    /*color:#3F51B5 !important;*/
}
.btn-cc-cancel:hover {
    background: #c82333 !important;
    color:#fff !important;
    border-radius: 3px;
    border:1px solid #c82333;
}
.btn-cc-nxt-prev{
    color: #6c757d;
    background-color: #fff;
    background-image: none;
    border:1px solid #B9B9B9;
    border-radius: 3px;
}
.btn-cc-nxt-prev:hover{
    background-color: #e2e6ea;
}
.btn-cc-reset{
    color: #6c757d;
    background-color: #e2e6ea;
    background-image: none;
    border:1px solid #B9B9B9;
    border-radius: 3px;
}
.btn-cc-reset:hover{
    background-color: #d7dbdf;
}
.bot-box #languagePicker {
    width: 100px;
    margin-top: 7px;
    height: 25px;
    font-size: 10px;
    color: #535353;
}
tr.odd{
    /*background:#f9f9f9 none repeat scroll 0 0;*/
}
.menuactive{
    background: #64768e none repeat scroll 0 0 !important;
}
.languageGlobe {
    float: left;
    color: rgb(255, 255, 255);
    margin-right: 5px;
    margin-top: 12px;
}
#clone-custom-module-grid {
    width: 53%;
    overflow-x: auto;
}
.resultLoadingPanel{
    background: #fff none repeat scroll 0 0 !important;
    padding-top: 10px !important;
    color: #535353 !important;
}
.relationpanel {
    background: #e1e5e8;
}
.popover-navigation .btn-default {
    background: #fff !important;
    border: 1px solid #eee;
}
.cke_contents{
    /** This Style disables CKEDITOR free resizing. It should be brought into some closure. **/
    height:120px;
}
.bootstrap-duallistbox-container .box1 {
    background: none repeat scroll 0 0 #eee;
    margin-left: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.cke_skin_kama .cke_charcount {
   display:block;
   float:right;
   margin-top:5px;
   margin-right:3px;
   color:#60676A;
}
.cke_charcount span.cke_charcount_count,
.cke_charcount span.cke_charcount_limit  {
   font-style: italic;
}

.bootstrap-duallistbox-container .box2 {
    background: none repeat scroll 0 0 #eee;
    margin-left: 10px;
    padding-bottom: 15px;
    padding-top: 15px;
}


.live-tile, .content-inner-panel {
    box-shadow: 0px 0px 13px 0px #ddd !important;
    margin: 10px !important;
    padding-bottom: 10px;
}
.no-records-txt{
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 25px;
    color:#535353;
    font-size: 20px;
}
.no-records-lock{
    font-size: 90px;color: #68C98E;width: 100%;text-align: center;margin-top: 75px;
}
.no-records-addnew{
    font-size: 16px !important;width: 18%;color: rgb(255, 255, 255);float: left;text-align: center;margin-left: 41%;margin-top: 1%;margin-bottom: 8%;background: #5D6360;background-image: none;padding: 8px;border-radius: 20px;
}
.sticky-thead #yw0_c0 {
    padding-left: 15px;
    text-align: left;
    width: 300px !important;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
    background: #FD8654 none repeat scroll 0 0 !important;
    border: medium none !important;
    color: #fff !important;
    font-size: 13px;
    font-weight: bold !important;
    border-radius: 50%;
}
.ui-tooltip{
    display:none !important;
}

.submenu-item {
    padding-top: 6px;
    padding-bottom: 6px;
    font-size: 12px;
}

#custom-module-thumb .items {
    /*float: left;*/
}
#custom-module-thumb .pager {
    clear: both;
}

#cloneable_maptable, #cloneable_addmore {
    width: 100%;
}

.clonefields {
    width: 150px !important;
}

#languagePickerContainer {
    color: #fff;
    width: 100%;
}
#languagePickerContainer a {
    color: #535353;
    font-size: 12px;
}
#custom-module-grid {
    overflow-x: auto;
    width: 100%;
}
#custom-module-grid table thead th:last-child,
#custom-module-grid table tbody td:last-child{
    width: 50px;
}

.languageconfiguration {
    color: #535353 !important;
}

#languagePickerContainer a.active {
    background: none repeat scroll 0 0 #0AA699;
    border: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
}

::-webkit-input-placeholder {
    color: #ccc !important;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #ccc !important;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #ccc !important;
}

:-ms-input-placeholder {
    color: #ccc !important;
}

#rootwizard {
    margin-top: 20px;
}


#justGaugeExamples {
    text-align: center;
    height: 300px;
}
.wraper #main {
    margin-top: 70px;
}

#summary_date {
    background: none repeat scroll 0 0 #0AA699;
    color: #FFFFFF;
}

.attendance_header_type {
    float: left;
    width: 33%;
}

.attendance_header_month {
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 25%;
}


.attendance_header_dateLimit {
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 21%;
}
.icheckbox_flat-blue {
    float: left;
    margin-right: 5px !important;
}
#g1, #g2 {
    width: 200px;
    height: 160px;
    display: inline-block;
    margin-top: -5px;
    /*margin: 5px;*/
}
.display_perpage {
    background: none repeat scroll 0 0 #69ade2;
    color: #fff;
    float: left;
    font-size: 12px;
    padding: 5px;
    text-align: right;
}
.search_by_user {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD;
    width: 100%;
    margin-top: 15px;
}

.change-pagesize {
    width: 81px;
}
.social-nav-list {
    border: none;
}
#notification-list .nav-notification-body {
    padding: 5px;
    border-bottom: 1px solid #eee;
}
.nav-indicators .nav-notifications .dropdown-menu li.nav-notification-body a {
    border: none;
}
.nav-indicators .nav-notifications .dropdown-menu li.nav-notification-body.text-info a:hover,
.nav-indicators .nav-notifications .dropdown-menu li.nav-notification-body.text-warning a:hover,
.nav-indicators .nav-notifications .dropdown-menu li.nav-notification-body.text-error a:hover {
    color: #000;
    text-decoration: none !important;
}
a {
    outline: none;
}

.isspinner {
    width: 60px;
    border: medium none !important;
}

.clone-field-table {
    margin-top: 20px;
}

.clone-row {
    /*margin-bottom: 20px;
    margin-left: -20px;
    margin-top: 10px;*/
    margin:20px 0 20px;
}
.clone-field-table td {
    padding: 10px;
}

.ui-chatbox .ui-widget-header {
    background: none repeat scroll 0 0 #1B1E24 !important;
}

@-webkit-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) rotate(-60deg)
    }

    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -moz-transform: translateX(-20px) rotate(-60deg)
    }

    100% {
        opacity: 1
    }
}
@-ms-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px) rotate(-60deg)
    }

    100% {
        opacity: 1
    }
}
@-o-keyframes fadeInRotate {
    0% {
        opacity: 0;
        -o-transform: translateX(-20px) rotate(-60deg)
    }

    100% {
        opacity: 1
    }
}
@keyframes fadeInRotate {
    0% {
        opacity: 0;
        transform: translateX(-20px) rotate(-60deg)
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0px)
    }
}
@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}
@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}

.animation-delay5 {
    animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both
}

.animation-delay2 {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}

/*.dropdown-menu
{
    animation: 0.8s ease 0s normal none 1 fadeInUp;
    -webkit-animation: 0.8s ease 0s normal none 1 fadeInUp;
    -moz-animation: 0.8s ease 0s normal none 1 fadeInUp;
    -ms-animation: 0.8s ease 0s normal none 1 fadeInUp;
    -o-animation: 0.8s ease 0s normal none 1 fadeInUp;

}*/

.fadeInUp {
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
}


.animation-delay8 {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
}

.bounceIn {
    display: block;
    animation-name: bounceIn;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
}


@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7)
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(0.7)
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1.05)
    }

    100% {
        -moz-transform: scale(1)
    }
}
@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0.7)
    }

    50% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }

    100% {
        -ms-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(0.7)
    }

    50% {
        opacity: 1;
        -o-transform: scale(1.1)
    }

    100% {
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0.7)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}


.formInputBox input[type=checkbox] {
    /*vertical-align: top;
                        margin-top: 10px;
                         width: 10px;*/
}

.level1
{
    background: url("../img/elbow.gif") no-repeat scroll 20px 10px rgba(0, 0, 0, 0);
    padding-left: 45px !important;
}

.level2
{
    background: url("../img/elbow.gif") no-repeat scroll 60px 10px rgba(0, 0, 0, 0);
    padding-left: 90px !important;
}

.level3
{
    background: url("../img/elbow.gif") no-repeat scroll 100px 10px rgba(0, 0, 0, 0);
    padding-left: 135px !important;
}

.level4
{
    background: url("../img/elbow.gif") no-repeat scroll 140px 10px rgba(0, 0, 0, 0);
    padding-left: 180px !important;
}

.level5
{
    background: url("../img/elbow.gif") no-repeat scroll 180px 10px rgba(0, 0, 0, 0);
    padding-left: 225px !important;
}

#Profile_address {
    min-height: 60px !important;
}

div.editor-layout textarea {
    width: 260px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;

    color: #282323;
    font-family: "open sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: normal;
    height: 16px;
    line-height: 15px;
    min-height: 140px;
    outline: 0 none;
    padding: 6px 11px !important;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: top;
    resize: none;
}

#Profile_groups {
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #CCCCCC;
    float: left;
    padding: 11px;
    width: 366px;
}

div.editor-layout {
    margin-bottom: 5px;
    overflow: hidden;
    width: auto;
}
.formSection.showSection {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    margin-top: 10px;
    /*padding: 0px 0px 25px;*/
    padding: 0px;
}

div.editor-layout .formInputBox input.input-percentage {
    background: #FFFFFF url(/../../images/formEditor/percentage.gif) no-repeat 95%;
}

.formInputBox > input[type="text"],
.formInputBox > input[type="file"] {
    width: 97%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 0px;
    color: #282323;
    font-family: "open sans",Arial,sans-serif;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    line-height: 20px;
    min-height: 20px;
    outline: 0 none;
    padding: 6px 11px !important;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: top;
}
.formInputBox > input[type="file"]{
    padding: 0 !important;
}

.formInputBox > input[type="text"]:focus,div.editor-layout textarea:focus {
    border-color: rgba(0,208,228,.5) !important;
    box-shadow: 0 0 10px 10px rgba(0,208,228,.5), 0, 0, 0, 10px #26BEE2  !important;
    outline :0  !important;
}

.formInputBox > select:focus {
    border-color: rgba(0,208,228,.5) !important;
    box-shadow: 0 0 10px 10px rgba(0,208,228,.5), 0, 0, 0, 10px #26BEE2  !important;
    outline :0  !important;
}

.masterTooltip:focus, .select2-container:focus {
    border-color: rgba(0,208,228,.5) !important;
    box-shadow: 0 0 10px 10px rgba(0,208,228,.5), 0, 0, 0, 10px #26BEE2  !important;
    outline :0  !important;
}

.legend-calendar {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #eee;
    color: #aaaaaa;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
}


.icon-btn:hover .iconDash {
    transform: scale(1.5) rotate(20deg) translateX(30px) translateY(-15px);
    -webkit-transform: scale(1.5) rotate(20deg) translateX(30px) translateY(-15px);
    -moz-transform: scale(1.5) rotate(20deg) translateX(30px) translateY(-15px);
    -ms-transform: scale(1.5) rotate(20deg) translateX(30px) translateY(-15px);
    -o-transform: scale(1.5) rotate(20deg) translateX(30px) translateY(-15px);
    opacity: .4;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
}

.icon-btn:hover .numDash {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
}

/*.slimScrollDiv, #notification-list{*/
.slimScrollDiv {
    /*height: auto !important;*/
}

.icon-btn:hover .descDash {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
}

#editeventpopname {
    color: #fff;
    font-size: 18px;
}
#selecteddatepop {
    font-size: 12px;
}
.cancel-vote {
    display: none;
}

.page-attendancefacultydaily #calendar {
    width: 100%;
}

.fc-view {
    margin-left: -1px;
}

.slimScrollBar {
    width: 6px !important;
    background: none repeat scroll 0 0 #2CB5E8 !important;
    opacity: 1 !important;
    right: 0px !important;
    cursor: pointer !important;
    border-radius: 5px !important;
}
.slimScrollRail {
    width: 7px !important;
    right: 0px !important;
}

.search-panel {
    background: none repeat scroll 0 0 #fff;
    float: right;
    margin-right: 70px;
    margin-top: -60px;
}
.search-panel .add-on {
    float: left;
    margin-right: 8px;
    margin-top: 5px;
    padding-left: 10px;
}

.search-panel #search_by_module {
    width: 300px !important;
}
.clonablediv > label {
    font-size: 14px !important;
    width: 100% !important;
}
.grid-view .summary
{
    background: #f4f4f4;
    font-weight: bolder !important;
    margin: 0px 0 10px;
    color: #535353 !important;
    border: 1px solid #aaa;
    font-weight: bolder !important;
}
.stickyfooter {
    background: none repeat scroll 0 0 rgb(255, 255, 255);
    bottom: 0;
    box-shadow: 2px 2px 4px #aaa !important;
    height: 35px;
    padding-top: 5px;
    /*position: fixed;*/
    width: 100%;
    margin-top:10px;
    z-index: 10;
}

.lookup .input-group-btn button {
    background-image: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #2cb5e8 75%) !important;
    border: 1px solid #00ABEA !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 0px !important;
    padding: 5px 8px !important;
}
.lookup  .input-group-btn {
    position: absolute;
    right: 21px;
    z-index: 9;
}



.dashboard-header {
    color: #FFFFFF;
    float: left;
    font-family: "open sans",Arial,sans-serif;
    font-size: 20px;
    margin-left: 10px;
    padding-bottom: 10px;
}

.active .accordion-toggle, .active .submenu-item {
    /*background: url("../img/pattern2.png") repeat scroll 0 0 #e0e4e7;*/
    color: #535353 !important;
}
.page-title h3 span {
    text-transform: initial;
    font-weight: 600;
    text-transform: uppercase;
}

.page-title h3 {
    text-transform: uppercase;
    margin-top: 15px;
    font-weight: 600;
    width: 40%;
}

.page-title a.btn-info {
    text-transform: initial;
}

.formInputBox > select {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 2px;

    color: #282323;
    font-family: "open sans",Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;

    min-height: 20px;
    outline: 0 none;
    padding: 4px !important;
    transition: background 0.2s linear 0s, box-shadow 0.2s linear 0s;
    vertical-align: top;
}
.formInputBox .selectbox {
    /** #JIS-55 Faculty When drop down is selected horizontal scroll is displayed **/
    /*width: 97% !important;*/
}
div.editor-layout .formItem.leftLabel label {
    color: #55606E;
    float: left;
    font-size: 14px;
    margin-bottom: -2000px;
    font-weight: 700 !important;
    padding: 20px 5px 2003px;
    margin-top: -5px;
    text-align: left;

    vertical-align: middle;
    width: 200px;
}
.attendance-filter-name {
    float: left;
    margin-left: 15px;
    margin-top: 15px;
    width: 50%;
    position: absolute;
}

.attendance-error {
    color: #FF0000;
    float: left;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-top: 80px;
    padding: 8px;
}
.dropdown-menu.ajax-column-selector > li {
    padding-left: 10px;
    padding-top: 5px;
}
.dropdown-menu.ajax-column-selector > li label
{
    color: #aaa;
    font-size: 12px;
    vertical-align: text-bottom;
}


#custom-module-list,#custom-module-thumb {
    clear: both;
    margin-top: 60px;
}

.tagcloud .chosen-container-multi .chosen-choices {
    width: 300px !important;
    height: 100px !important;
}

.tagcloud .default {
    width: 100% !important;
}

.tagcloud .chosen-drop {
    width: 295px !important;
    position: relative;
}

div.editor-layout .formInputBox {
    float: left;
    font-weight: normal;
    margin-bottom: -500px;
    margin-right: 1px;
    padding: 15px 3px 503px;
    width: 250px;
}
div.editor-layout .formItem {
    /*float: left;*/
    margin-left: -1px;
    margin-right: -1000px;
    overflow: hidden;
    /*padding-right: 1000px;*/
}
.formSectionHeader {
    color: #ffffff;
    float: left;

    padding-bottom: 10px;
    padding-top: 6px;
    width: 100%;
    background: #22262E;
}
#filtercontent {
   float: left;
    /*margin-bottom: 10px !important;
    margin-top: -5px !important;*/
    width: 100%;
}
/* Defult Form (kannan)*/
form .formSection .tableWrapper , .tableWrapper_admin {
    padding: 20px;
}
form .formSection .tableWrapper table{
    width: 100%;
}
form .formSection .tableWrapper table td {
    /*width: 50% !important;*/
    padding: 0 20px;
}
#modalAddcourse form .formSection .tableWrapper table td {
    padding: 0 10px;
}
/*form .formSection .tableWrapper .formEdit tr td {
     width: 100% !important;
}*/
/*
form .formSection .formEdit .formSectionRow td {
    width: 100% !important;
}*/

#font-controls  {
        /*background: #333 none repeat scroll 0 0;
        display: block;
        float: right;
        margin: 0 0 0 440px;
        padding: 2px;
        position: fixed;
        right: 0;
        text-align: center;
        top: 300px;
        transition: all 0.25s ease-out 0s;
        width: 25px;
        z-index: 9;*/
    float: left;
    text-align: center;
    transition: all 0.25s ease-out 0s;
    width: 100%;
    z-index: 9;
}
#font-controls div a  {
    border: 1px solid;
    border-radius: 4px;
    color: #505458;
    display: block;
    float: left;
    font-size: 24px;
    font-weight: bold;
    height: 33px;
    margin-left: 12px;
    margin-top: 7px;
    padding: 5px;
    width: 33px;
}

#font-controls a:hover
       {  color:#505458;
          /*background:#000;*/
          transition:.25s ease-out;}

#font-controls a.selected  {
           color:#505458 !important;}

#small {  font-size:12px !important;}
#medium {
    font-size: 16px !important;
    padding: 2px !important;
 }
#large {
    font-size: 20px !important;
    /*padding: 0 !important;*/
}

form .formSection .tableWrapper .formRenderCheckbox td {
    width: auto !important;
    padding: 0px;
}

form .formSection .tableWrapper .formRenderRadio td {
    width: auto !important;
    padding: 0px;
}
form .formSection .tableWrapper .formRenderCheckbox, form .formSection .tableWrapper .formRenderRadio{
    width:auto !important;
}

.wizard .previous a{
    float:left;
}
form .formSection .formInputBox {
    width: 100% !important;
}
form .formSection .formItem.leftLabel {
    margin-top: 10px;
}
form .formSection .formInputBox>input[type="text"],form .formSection .formInputBox>input[type="file"] ,
    form .formSection  .field_c_pre_assessment_link .select2-container ,
   form  .formSection .input-group {
        width: 100% !important;
    }
    /* Defult Form end*/
.tableWrapper {
    background: #fff none repeat scroll 0 0;
    /*border: 1px solid #f2f4f6;*/
    padding: 20px 20px 20px 50px;
    clear: both;
}

.editor-layout .sectionTitle {
    color: #fff;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    font-size:13px;
    text-transform: uppercase;
}


.loading {
    color: #535353;
    display: none;
    font-weight: bold;
    margin-left: 650px;
    margin-top: 4px;
    padding: 4px 4px 6px;
    position: fixed;
    text-align: center;
    top: 300px;
    z-index: 1;
}

.ui-autocomplete {
    border: 1px solid #ddd;
    font-family: "open sans",Arial,sans-serif;
    font-size: 13px;
    height: 200px;
    z-index: 1000 !important;
    overflow-y: auto;
}

.ui-autocomplete a {
    color: #0090D9;
}


.errorMessage {
/*border-bottom: 1px dashed #f8cdcd;
border-left: 1px dashed #f8cdcd;
border-right: 1px dashed #f8cdcd;*/
color: #B94A48;
font-size: 12px;
font-weight: bolder;
/*padding-bottom: 10px !important;
padding-left: 10px;
padding-right: 0;
padding-top: 40px !important;*/
}

.formInputBox.error input, .formInputBox.error textarea, .formInputBox.error select {
    /*background-color: #fff6f4;*/
}

.auditlog_content_section {
    height: auto;
}

.dash-portlet {
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.05);
    border: 1px solid #ddd !important;
}
.editor-layout .formSection.collapsible a.formSectionHide {
    display: none;
    color: #535353;
    font-size: 12px;
    text-decoration: none;
    float: left;
}
.lookup-data {
    font-weight: normal;
}
.editor-layout .formSection.collapsible a.formSectionShow {
    float: left;
    color: #535353;
    text-decoration: none;
    font-size: 12px;
}

.tile-shadowed {
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    float: left;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
    padding: 10px 60px 10px 20px;
    width: 100%;
}
.tile-shadowed .comment {
    font-size: 12px;
    width: 13%;
    padding-top: 10px;
}
.tile-shadowed .fa-chevron-right {
    color: #eee;
    font-size: 30px;
    padding-top: 12px;
}
.tile-shadowed .fa-file-text-o, .tile-shadowed .fa-book {
    background: none repeat scroll 0 0 #0aa699;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
    margin-right: 20px;
    padding: 15px 15px 15px 20px;
    width: 55px;
}

#main-column .editor-layout .formSection.collapsible a.formSectionShow, .form-horizontal .editor-layout .formSection.collapsible a.formSectionShow {
    color: #6d84b4 !important;
}
.editor-layout .formSection.collapsible .tableWrapper {
    display: none;
}
.ajax-column-selector label {
    display: inline;
}
.breadcrumb a {
    color: #999999;
    font-size: 12px;
    text-transform: uppercase;
}

.items .search-result {
    border: 1px solid #ddd;
    padding: 10px;
}

.advanced-filter-toggle {
    cursor: pointer;
}

.filterPanel {
    margin-top: 10px;
}

.items .search-result a {
    color: #282A76;
    font-weight: bold;
}
.reports .controller-render-data #reportContent {
    table-layout: unset;
}
.report-form-update-page {
    min-height: 175px;
}
.report-form-update-page #report_table_list_contaniner {
    height: 325px;
    width: 350px;
    overflow: auto;
}
.report-form-update-page .nav-pills li a, .report-form-create-page .nav-pills li a {
    cursor: none;
    pointer-events: none;
}
.report_filter_subsec_header {
    background-color: #F7F7F7;
    border: 1px solid #EEEEEE;
    border-radius: 3px;
    color: #333356;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px;
}
.report_filter_subsec_header span.ui-icon {
    float: right;
    margin-top: 3px;
    background-color: #fff;
}
.report-form-update-page #reportStep_4 .social-nav-list {
    background-color: #FAFBFB;
    float: left;
    padding-bottom: 10px;
}
#create-report-db-connection .body form .row {
    margin-left: 5px;
}
#create-report-db-connection .body {
    padding: 12px 0px 0px 0px;
}
#create-report-db-connection .body .form-actions {
    margin: 20px 0px 0px -12px;
}
#create-report-db-connection .body .form-actions input {
    margin-right: 12px;
}
#create-report-db-connection .body #report-db-connections-form {
    margin-left: 12px;
}
#create-report-db-connection #report-db-connections-form .report_connection_error_msg {
    color: red;
    margin-bottom: 12px;
}
.iradio_minimal-social {
    /*Workflow Radio buttons design*/
    clear: both;
    float: left;
    margin-right: 5px;
}
#select_module label {
    padding: 0 0 10px;
}
#recipients .select2 input[type="search"] {
    width: 100px !important;
}
#usersUL i {
    cursor: pointer;
}
#column-captured-actions .tbl-accounts,.column-right .email-templates ,
.email-templates {
    background: none repeat scroll 0 0 #FFF9D7;
    border: 1px solid #E5E5E5;
    float: right;
    padding: 10px 30px;
    width: 70%;
}
.column-right .email-templates,.email-templates {
    padding: 25px 65px;
    width: 66%;
}
.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.page-sidebar.mini .slimScrollDiv #accordion2 {
    float: left;
    margin-top: 20px;
    margin-left: -1px;

}

.page-sidebar.mini .accordion-heading .accordion-toggle {
    border-bottom: 1px solid #4f98bf !important;
    color: #0b9f91;
    padding: 5px 20px 35px !important;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
}


/* Rounded corners */
.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #FFF;
}

/* Rules to color arrows */
.tipsy-arrow-n {
    border-bottom-color: #000;
}
.tipsy-arrow-s {
    border-top-color: #000;
}
.tipsy-arrow-e {
    border-left-color: #000;
}
.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

#wStep_5 .email-templates {
    width: 88%;
}
.column-right .email-templates label , .email-templates label {
    float: left;
    width: 30%;
}
.column-right .email-templates input,
.column-right .email-templates textarea,
.email-templates input,
.email-templates textarea {
    float: left;
    width: 66%;
}
.lookup-field-settings{
    margin-left: 0;
    width: 100%;
}
#field-form .chosen-drop {
    width: 213px !important;
}
span.required {
    color: #B94A48;
    font-size: 14px;
}
.column-actions {
    float: left;
}
.column-actions #module-list {
    margin-top: 15px;
}
.capture-action-body label {
    line-height: 30px;
}
.capture-action-body input.chk-actions {
    margin-top: 8px;
}
.column-captured-actions .capture-action-head ,
.column-captured-actions .capture-action-foot {
    padding: 10px 0;
}
.column-captured-actions .capture-action-body,
.column-captured-actions .capture-action-foot {
    padding-left: 15px;
    clear: both;
}
.capture-action-head .capture-action-edit,
.capture-action-foot .capture-action-del {
    text-decoration: none;
}
.capture-action-foot .capture-action-save {
    cursor: pointer;
    margin-right: 10px;
    padding: 5px 20px;
}
.capture-action-body .action-fields {
    clear: both;
}
.capture-action-edit,.capture-action-del {
    cursor: pointer;
}
.capture-action-body .action-label,.capture-action-body .action-text {
    float: left;
}
.capture-action-body .action-value {
    float: right;
    width: 70%;
}
.capture-action-body .action-text {
    margin-top: 6px;
    width: 35%;
}
#loading center {
    margin: 0px 46%;
    padding-top: 5px;
    text-align: center;
    z-index: 999999;
}
/*  hostel management section - start */
.hostel-management-page .hmgmtsec {
    /*border: 1px solid #ccc;*/
}
.hostel-management-page .room-search-section .hostel-room-avail-search {
    float: right;
    margin-top: 20px;
}
.hostel-management-page .room-search-section {
    margin-top: 20px;
    margin-bottom: 20px;
}
.room-availability-section-content .room_availability_room_type_col, .rooms-display-grid .room-col {
    cursor: pointer;
}
.room-availability-section-content .room_availability_room_type_col.active {
    background-color: #6F7B8A;
    color: #fff;
}
.hostel-room-display-section-content .show_hostel_room_detail.active .room-col {
    background-color: #6F7B8A;
    color: #fff;
}
#hostel-management-page .hostel-bed-booking-section-content .select_bed_booking_request.active, #hostel-management-page .hostel-bed-booking-section-content .select_bed_booking_request.active > td {
    background-color: #6F7B8A !important;
    color: #fff !important;
}
.hostel-room-display-section-content .rooms-display-floor-grid {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.hostel-room-display-section-content, .hostel-room-detail-section-content {
    margin-top: 20px;
}
.hostel-room-display-section-content .rooms-display-grid .show_hostel_room_detail {
    display: inline-block;
    margin: 5px;
    text-align: center;
}
.hostel-room-display-section-content .rooms-display-grid .room-bed-count {
    font-size: 10px;
}
hostel-room-detail-section-content .room-details {
    margin-top: 20px;
}
.hostel-room-detail-section-content .bed-details {
    margin-top: 20px;
}
.hostel-room-detail-section-content .bed-details .bed-row, .hostel-room-detail-section-content .room-detail-col .room-detail-col {
    padding: 5px 0;
}
.hostel-room-detail-section-content .room-detail-col .title, .hostel-bed-booking-section-content .title {
    font-weight: bold;
}
.hostel-room-detail-section-content .bed-details .booknow-bed {
    text-decoration: underline;
    cursor: pointer;
}
#hostel_bed_booking_modal .hbbm_close {
    float: right;
}
.select_bed_booking_request {
    cursor: pointer;
}
.hostel-bed-booking-request-table {
    max-height: 150px;
    overflow-y: scroll;
}
.hostel-bed-booking-section-content .bed-details-section {
    margin-top: 20px;
}
.hostel-bed-booking-section-content .booking-enquiry {
}
.hostel-room-detail-section-content .cancel_bed_booking {
    display: none;
    cursor: pointer;
}
.hostel-room-detail-section-content .bed-row:hover > .cancel_bed_booking {
    display: inline;
}
.relationviewcontainer .grid-body{
    min-height: 800px;
}
/*  hostel management section - end */

@media screen and (max-width: 1280px) {
    /*Responsive view for nav bar*/
    #languagePicker {
        margin-left: 0 !important;
    }
}
@media screen and (min-width: 500px) and (max-width: 980px) {
    /*Responsive view for nav bar*/
    #languagePicker {
        margin-left: 0 !important;
    }

}
@media screen and (min-width: 320px) and (max-width: 500px) {
    /*Responsive view for nav bar*/
    .navbar .nav {
        margin: 0 !important;
    }
}

#calendars-form .form {
    clear: both;
    margin: 0 0 5px;
    overflow: auto;
    padding: 12px;
    width: auto;
}


#Calendars_title {
    float: left;
    height: 22px;
    margin-left: 30px;
    width: 95%;
}
td.fc-today {
    background: #FCF8E3;
    border: 1px solid #000000;
}
.action-duration-input {
    float: left;
    width: 6%;
}
input.action-duration-display {
    font-size: 20px;
    padding: 12px 6px;
    width: 50px;
}
span.action-duration-display {
    float: left;
    font-size: 35px;
    margin-top: 23px;
    padding: 10px;
}
.fc-event {
    font-size: 10px;
    font-weight: bold;
    padding : 0 1px;
}
.fc-event:hover {
    color: #ffffff;
}
.ui-timepicker-div dl {
    margin-bottom: 15px;
}
.event-cell {
    float: left;
    margin-left: 10px;
}
.logo-title > img {
    width: 152px !important;
    height: 49px !important;
}
.ui-widget-header {
    /*background: url("images/ui-bg_highlight-soft_100_deedf7_1x100.png") repeat-x scroll 50% 50% #DEEDF7;*/
    border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/

    font-weight: bold;
    outline: medium none;
    font-size: 10px;
    text-transform: uppercase;
}
.ui-dialog .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /*opacity: 0.5;*/
    /* border: medium none;*/
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-weight: normal;
}
label[for="Calendars_title"] {
    margin-left: 30px;
}
.report_grid_portlet_view .view-full-report {
    text-align: center;
    padding-bottom: 10px;
}
.report_grid_portlet_view .view-full-report a {
    color: #0088CC;
}
.report_grid_view table td {
    font-size: 12px !important;
    font-weight: bolder;
}
button.field_cond_clone {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0;
}
.field_cond_clone {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
}
.field_cond_clone:hover, .field_cond_clone:focus {
    color: #000000;
    cursor: pointer;
    opacity: 0.4;
    text-decoration: none;
}
#auditlog_dialog_form {
    display: none;
    position: absolute;
    z-index: 100;
    top: 10%;
    left: 20%;
    padding: 0 20px 20px;
    background: #ccc;
}

.hasDatepicker {
    /* background: url("/themes/creatrix/core/assets/img/calendar.png") no-repeat scroll right center rgba(0, 0, 0, 0);*/
}

.auditlog_display_header a {
    float: right;
    margin-right: -20px;
    margin-top: -10px;
}
#Profile_roles {
    /*background: none repeat scroll 0 0 #F7F7F7;
                        border: 1px solid #eee;*/
    float: left;
    padding: 10px;
    width: 378px;
    margin-bottom: 10px;
}

#Profile_roles input[type=checkbox] {
    vertical-align: sub;
}

.profile_img
{
    /*background: none repeat scroll 0 0 #F7F7F7;
                        border: 1px solid #eee;
                        padding: 1em;
                        width: 370px;*/
}
#Profile_profileField {
    border: 1px solid #BDC7D8;
}
#profile-image {
    /*border: 1px solid #EEEEEE;
                        margin: 4px;
                        padding: 3px;*/
}
.chk-roles label {
    display: inline;
}
.chat-toggler .popover-content {
    padding-bottom: 20px !important;
    padding-left: 5px;
    padding-right: 10px !important;
    padding-top: 5px;
}
.chat-toggler hr {
    width: 290px;
}
.per_filter
{
    float: right;
    margin-right: 15px;
}
.per_filter select
{
    margin: 0 !important;
}
.row .selectAllLink
{
    margin-left: 20px;
}
.row .gensub
{
    margin-left: 20px;
}
.pager
{
    text-align: right;
    float: right;
    margin: 0px 5px 5px !important;
}
.pager .number
{
    display: inline-block;
    font-size: 13px;
    padding: 1px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    text-align: center;
}
.data-lists .items {
    float: left;
    width: 100%;
}
.data-lists .pager {
    float: right;
}
.pager .first
{
    display: none;
}
.pager .last
{
    display: none;
}

.audi-nav
{
    margin-left: 0;
    margin: 5px 2px;
    list-style: none;
}
.his-table .title
{
    font-weight: bold;
}
.his-table .row
{
    margin: 10px 10px 10px 21px;
    background-color: #F1F1F1;
    border-bottom-color: #fff;
    padding: 16px;
    width: 400px;
}
.his-table .row .blue
{
    color: #1A45AE;
    font-weight: bold;
}


#overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: -100px;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.checkboxtree {
    cursor: pointer;
}
.table .view, .table .delete, .table .update {
    padding: 1px;

}


.frm-adv-filter .chosen-container-multi .chosen-choices {
    width: 100%;
}

.help-inline {
    font-size: 12px;
    font-style: italic;
}

.frm-adv-filter .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-size: 12px;
}

.frm-adv-filter .chosen-drop {
    width: 100% !important;
}

.frm-adv-filter .filterCond {
    float: left;
}

.fc-day div:first-child {
    min-height: 25px !important;
}

.report_grid_view.report_grid_portlet_view {
    font-size: 12px;
    padding: 10px;
}

.report_grid_view.report_grid_portlet_view th, .dash-portlet-content th {
    font-size: 12px;
    font-weight: 400 !important;
    padding-top: 10px;
    text-transform: initial;
}

.frm-adv-filter .filterCondInput {
    /* float: left;*/
    margin-left: 10px;
}

.toggle-multi {
    float: right;
    padding: 5px 5px 5px 25px;
}

form.search {
    float: left;
}

.breadcrumb .current {
    color: #0090d9 !important;
    font-family: "open sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: bolder !important;
    text-transform: uppercase;
}

#id_embform .row {
    margin-bottom: 20px !important;
}

.search .search-input {
    font-size: 12px !important;
    font-style: normal;
    height: 15px !important;
    line-height: 20px !important;
    min-height: 25px !important;
    width: 250px;
    background: #eee;
    border: none;
}

.logo-title {
    color: #ccc;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 5px;
    margin-left: 10px !important;
    margin-top: 5px;
    width: 230px !important;
}

.logo-desc {
    background: none repeat scroll 0 0 #FFB505;
    border-radius: 2px;
    clear: both;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 2px 10px;
    width: 200px !important;
}

.operatorType {
    width: 200px;
}

.fldValue {
    width: 250px;
}
.register-attendance-students {
    cursor: pointer;
}
.register-attendance-staffs {
    cursor: pointer;
}

.summary_pane {
    padding: 4px 4px 4px 22px;
    font-weight: bold;
}

.summary_pane_present {
    padding: 4px 4px 4px 22px;
    color: #fff;
    background: #0090D9;
    font-weight: bold;
}

#Staff_c_status {
    margin-left: -2px;
}

.summary_pane_absent {
    padding: 4px 4px 4px 22px;
    color: #fff;
    font-weight: bold;
    background: #F35958;
}


#inTurnFadingTextG {
    background: none repeat scroll 0 0 #fbb05e;
    margin-left: 625px;
    margin-top: 23px;
    padding: 5px;
    z-index: 10;
    position: fixed;
}

.inTurnFadingTextG {
    color: #fff;
    font-family: Arial;
    font-size: 16px;
    text-decoration: none;
    font-weight: normal;
    z-index: 10;
    font-style: normal;
    padding: 1px;
    float: left;
    -moz-animation-name: bounce_inTurnFadingTextG;
    -moz-animation-duration: 1.82s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: linear;
    -webkit-animation-name: bounce_inTurnFadingTextG;
    -webkit-animation-duration: 1.82s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: linear;
    -ms-animation-name: bounce_inTurnFadingTextG;
    -ms-animation-duration: 1.82s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: linear;
    -o-animation-name: bounce_inTurnFadingTextG;
    -o-animation-duration: 1.82s;
    -o-animation-iteration-count: infinite;
    -o-animation-direction: linear;
    animation-name: bounce_inTurnFadingTextG;
    animation-duration: 1.82s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

#inTurnFadingTextG_1 {
    -moz-animation-delay: 0.52s;
    -webkit-animation-delay: 0.52s;
    margin-left: 10px;
    -ms-animation-delay: 0.52s;
    -o-animation-delay: 0.52s;
    animation-delay: 0.52s;
}

#inTurnFadingTextG_2 {
    -moz-animation-delay: 0.65s;
    -webkit-animation-delay: 0.65s;
    -ms-animation-delay: 0.65s;
    -o-animation-delay: 0.65s;
    animation-delay: 0.65s;
}

#inTurnFadingTextG_3 {
    -moz-animation-delay: 0.78s;
    -webkit-animation-delay: 0.78s;
    -ms-animation-delay: 0.78s;
    -o-animation-delay: 0.78s;
    animation-delay: 0.78s;
}

#inTurnFadingTextG_4 {
    -moz-animation-delay: 0.91s;
    -webkit-animation-delay: 0.91s;
    -ms-animation-delay: 0.91s;
    -o-animation-delay: 0.91s;
    animation-delay: 0.91s;
}

#inTurnFadingTextG_5 {
    -moz-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    animation-delay: 1.04s;
}

#inTurnFadingTextG_6 {
    -moz-animation-delay: 1.17s;
    -webkit-animation-delay: 1.17s;
    -ms-animation-delay: 1.17s;
    -o-animation-delay: 1.17s;
    animation-delay: 1.17s;
}

#inTurnFadingTextG_7 {
    -moz-animation-delay: 1.3s;
    -webkit-animation-delay: 1.3s;
    -ms-animation-delay: 1.3s;
    -o-animation-delay: 1.3s;
    animation-delay: 1.3s;
}

#inTurnFadingTextG_8 {
    -moz-animation-delay: 1.43s;
    -webkit-animation-delay: 1.43s;
    -ms-animation-delay: 1.43s;
    -o-animation-delay: 1.43s;
    animation-delay: 1.43s;
}

#inTurnFadingTextG_9 {
    -moz-animation-delay: 1.56s;
    -webkit-animation-delay: 1.56s;
    -ms-animation-delay: 1.56s;
    -o-animation-delay: 1.56s;
    animation-delay: 1.56s;
}

#inTurnFadingTextG_10 {
    -moz-animation-delay: 1.69s;
    -webkit-animation-delay: 1.69s;
    -ms-animation-delay: 1.69s;
    margin-right: 10px;
    -o-animation-delay: 1.69s;
    animation-delay: 1.69s;
}

@-moz-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }

}

@-webkit-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-ms-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@-o-keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}

@keyframes bounce_inTurnFadingTextG {
    0% {
        color: #000000;
    }

    100% {
        color: #FFFFFF;
    }
}


tr.odd:hover td
{
    /*background: #FFF9D7 !important;*/
}

tr.even:hover td
{
    /*background: #FFF9D7 !important;*/
}

.drpdwna:hover
{
    text-decoration: none !important;
}

.btn-group a:hover
{
    text-decoration: none !important;
}

#submitrow {
    background: none repeat scroll 0 0 #f5f5f5;
    border-top: 1px solid #eee;
    clear: both;
    float: left;
    height: 40px;
    margin-top: 25px;
    padding-bottom: 15px;
    padding-top: 10px;
    width: 100%;
}

#submitrow input
{
    clear: both;
    float: right;
    margin-right: 50px;
    margin-top: 7px;
}

#add_sibbling .inner {
    padding: 16px 20px;
}


#menuConfigForm .modulename
{
    max-height: 250px;
    min-height: 200px;
    float: left;
}

.laungbtn {
    border-bottom: 1px solid #eee;
    color: #535353;
    display: inline-block;
    margin-bottom: 7px;
    padding: 5px;
    width: 100%;
}



.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #535353 !important;
    font-size: 13px !important;
    padding: 2px !important;
    width: 80px !important;
    outline: none;
    font-weight: 600 !important;
    line-height: 10px;
}

.control-label > label {
    padding-top: 10px;
}

.laungbtn label {
    float: left;
}

.select2-input {
    font-size: 14px !important;
}

.errorMessage {
    /*visibility: hidden !important;*/
    /* #CREAT-2201 */
    display: none;
}
/** #CREAT-2435 **/
#course_to_class_form .errorMessage{
    visibility: visible !important;
}

.page-programsection .errorMessage{
    visibility: visible !important;
}

.laungbtn img {
    margin: 2px;
    float: left;
}
.laungbtn input {
    float: right;
}
#coursesbox
{
    margin: 0px;
    margin-bottom: 10px;
    text-align: left;
    text-decoration: none;
}
#coursesbox2
{
    margin: 0px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: left;
}
.cat-title
{
    color: #0070a8;
    font-size: 16px !important;
    font-weight: bold;
    margin-left: 0;
}
.clonefieldsgrid{
    color: #57A8D3;
    font-size: 13px;
    text-decoration: underline;
}
.cat-title1
{
    font-size: 20px !important;
}
.cat-title1 span {
    font-size: 45px;
    font-weight: bold;
}
.errorSummary {
     background: #fff6f4 none repeat scroll 0 0;
    border: 1px solid #f4f4f4;
    color: #f35958;
    font-size: 13px;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 10px;
}
.cat-desc
{
    margin-left: 0;
    margin-top: 10px;
    font-style: italic;
    font-size: 12px;
    color: #535353;
}

.classesview, .classesmodify, .studentsview, .studentsmodify {
    font-size: 16px;
    font-weight: bold;
}

.classesview
{
    color: #fff;
}
.classesview:hover
{
    text-decoration: none;
}
.classesmodify
{
    color: #fff;
}
.classesmodify:hover
{
    text-decoration: none;
}

.studentsview
{
    color: #fff;
}
.studentsview:hover
{
    text-decoration: none;
}
.studentsmodify
{
    color: #fff;
}
.studentsmodify:hover
{
    text-decoration: none;
}
.cat-title-small
{
    margin-left: 30px;
}
.plannerradio
{
    margin: 0 10px !important;
}
.stud_modify .even {
    background: #ecf0f2;
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    padding: 5px;
}
.stud_modify .odd {
    background: #fff;
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    padding: 5px;
}

.stud_modify .names {
    padding: 10px 20px 0px;
    width: 75%;
    float: left;
}
.stud_modify .stud_checks_td {
    padding: 10px;
    width: 25%;
}
.stud_modify {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.cat-desc i {
    margin-left: 30px;
}
.user_grade {
    float: left;
    width: 100%;
}
.user_grade tr {
    float: left;
    width: 100%;
}
.user_grade th {
    float: left;
    padding: 5px 0;
    text-align: left;
    width: 50%;
}
.user_grade td {
    float: left;
    padding: 5px 0;
    text-align: left;
    width: 50%;
}
.user_grade tr {
    float: left;
    width: 100%;
    background: none repeat scroll 0 0 #ecf0f2;
    padding: 2px;
    border-bottom: 1px solid #ddd;
}

#time-table .courses {
    /*background: none repeat scroll 0 0 #c0e8c5;
                       border: 1px solid #ccc;
                       border-radius: 0;
                       font-size: 12px;
                       padding-left: 0 !important;*/
    width: 70px;
    outline: none;
    height: 30px !important;
}
#time-table .staffs {
    /* background: none repeat scroll 0 0 #ead3f3;
                       border: 1px solid #ccc;
                       border-radius: 0;
                       outline: none;
                       font-size: 12px;
                       margin-top: 2px;
                       padding-left: 0 !important;*/
    width: 70px;
    height: 30px !important;
}
.cloneLabel {
    margin-bottom: -15px;
    margin-top:15px;
}
.cloneLabel label {
    font-weight: 500 !important;
    font-size: 14px !important;
    margin: 10px 0px 20px 0px;
}

div.feature {
    position: relative;
}

.ui-sortable-placeholder {
    min-height: 450px;
    background: #FFFCEE;
    border: 2px dashed #57A8D3 !important;
}

.clonnable-fields-widget .cloned-row input {
    border: 1px solid #ddd;
    width: 100%;
}

.clonnable-fields-widget .cloned-row .row {
    margin-top: 10px;
}

.cloned-row {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    color: #535353;
    width: 100%;
    padding-bottom:20px;
    margin-top:10px;
    box-shadow:2px 2px 5px #ddd;
}

.cloned-row label {
    color: #535353;
}

.dropzone.clickable {
    background: none repeat scroll 0 0 #fff !important;
}

.cloned-row .row {
    margin-left: 20px;
    margin-right:  20px;
}

div.feature .viewlink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none;
    /* No underlines on the link */
    z-index: 10;
    /* Places the link above everything else in the div */
    background-color: #FFF;
    /* Fix to make div clickable in IE */
    opacity: 0;
    /* Fix to make div clickable in IE */
    filter: alpha(opacity=1);
    /* Fix to make div clickable in IE */
}

.form-horizontal .formSectionHeader span {
    color: #fff;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
    text-transform: uppercase;
}

.admin_customized_fields_page #make_profile {
    margin-left: 180px;
    margin-bottom: 20px;
}

.clckd
{
    color: green;
}
.dd-handle:hover
{
    cursor: pointer;
}
.dd-tree {
    font-weight: normal;
}
/*cloneable fields start */
.clonerow {
    float: left;
}
.clonewidget .cloneaddnew , .clonewidget .cloneremove {
    font-size: 14px;
    cursor: pointer;
}

/*cloneable fields end */



/* End of blog */

/*attendance custom css changes */

.att-inner
{
    color: #ffffff;
    float: left;
    font-size: 13px;
    margin-top: 5px;
    text-transform: uppercase;
}
.att-inner h4 {
    width: 100% !important;
}
#userType label {
    padding-left: 20px !important;
    margin-right: 20px !important;
}
.reg-attendance-college-students:hover {
    cursor: pointer;
}

#treepopup .modal-body {
    height: 450px;
    overflow-y: scroll;
    padding: 20px;
    position: relative;
}
#courses > span {
    /*border-bottom: 1px dotted #000;*/
    color: #0090d9;
    font-style: italic;
}
.day.today.active {
    color: #fff !important;
}

/*workflow*/
#condition-select-container , #condition-list-container {
    margin-left: 0px;
}
.bind-cond-container {
    padding: 10px 0;
}
/*
#sortable-actions li {
    background: none repeat scroll 0 0 #e9ebf1;
    font-size: 1em;
    margin: 0 3px 3px;
    padding: 0.4em 0.4em 0.4em 1.5em;
}*/

/* lms courses */

#categories-list {
    margin-top: 20px;
}
#s2id_institution_id {
    width: 100%;
}
.lmsdetails h4 {
    font-weight: bold;
}
.lmsdetails h2 {
    font-weight: bold;
    font-size: 38px;
}

.editor-layout .formSection .notification-messages {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #535353 !important;
    font-size: 15px;
    font-weight: bold;
    padding: 0;
}
.editor-layout .formSection .notification-messages span {
    color: #535353;
}

.grid-title.no-border {
    float: left;
    width: 100%;
}


.ui-spinner.ui-widget.ui-widget-content.ui-corner-all {
    border: 1px solid #eee;
    border-radius: 0;
    height: 35px;
    /* width: 260px;*/
}


#rootwizard .previous.disabled, #rootwizard .next.disabled {
    display: none;
}

#rootwizardedit {
    margin-top: 20px;
}

.next .btn.btn-primary {
    margin-left: 10px;
    float: right;
}

.wizard.wizard-actions {/*kannan*/
    background: #f7f7f7 none repeat scroll 0 0 !important;
    float: left;
    margin-bottom: -5px !important;
    /*margin-left: -25px;*/
    /*padding: 0 24px !important;*/
    bottom: 0;
    width: 100%;
    margin: 0;

}
#login-page .register-container .logo-main {
    width: 50%;
}
#login-page .wizard.wizard-actions {
    padding: 0 24px 20px !important;
    margin: 0 !important;
}
/*.register-container #frm_login .wizard.wizard-actions .previous,
.schoolregister-container {
    background:
}*/
.register-container #frm_login .wizard.wizard-actions #wizard-submit .btn ,
.schoolregister-container #frm_login .wizard.wizard-actions #wizard-submit .btn{
    border-radius: 0px !important;
    color: #fff !important;
}
.wizard.wizard-actions  .creatrix-button.btn-success {
    border: 0px;
}
.stickyFormFooter input {
    margin-top: 0px;
    border-radius: 4px;
}

/* lms settings select2 css starts */
#s2id_LmsGroups_school_id , #s2id_LmsGroups_standard_id , #s2id_LmsGroups_section_id, #s2id_LmsGroups_assignment_id , #s2id_school_id {
    width: 100%;
}
#s2id_LmsUserAssignments_institution_id , #s2id_LmsUserAssignments_assignment_id {
    width: 100%;
}
/* lms setting school css starts */
#s2id_standard_id , #s2id_section_id {
    width: 100%;
}

/* attendance select2 css */

/* profile fields css */
#s2id_field_type , #s2id_ProfileField_required, #s2id_widgetlist, #s2id_ProfileField_visible {
    width: 100%;
}
/* admin create user */
#s2id_User_superuser , #s2id_User_status , #Profile_address , #s2id_LmsGroups_course_id {
    width: 100%;
}

/* timetable school css */
#s2id_institution, #s2id_classes, #s2id_section , #s2id_institution , #s2id_staffs {
    width: 100%;
}

#s2id_working_days, #s2id_week_start_day, #s2id_periods , #s2id_periods_duration , #s2id_breaks_duration , #s2id_take_attendance_by , #s2id_breaks {
    width: 100%;
}

#cu-courses , #cu-staffs
{
    width: 100%;
}

/* attendance select2 css */
#s2id_school_list , #s2id_course_id , #s2id_period_list
{
    width: 100%;
}

/* groups page select2 css */
#s2id_Groups_parent_id , #s2id_users , #s2id_roles {
    width: 100%;
}
/* groups page select2 css */
#s2id_AssignmentsSubmission_assignment_id {
    width: 100%;
}

#data1
{
    border: 1px solid #e5e9ec;
    width: 100%;
}

.dataTables_length label:first-child{
    padding: 5px 20px 5px 20px;
    background:#f4f4f4;
    color: #535353;
    border:1px solid #ccc;
}
.dataTables_length select:first-child
{
    height:25px !important;
}
.dataTables_wrapper .dataTables_info {
	clear: both;
	float: left;
	padding: 0.755em;
	background: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #2cb5e8 75%) !important;
	margin-top: 20px;
	color: #fff !important;
	font-size: 12px !important;
	margin-bottom: 20px;
	font-weight: bolder;
}
.dataTables_wrapper .paginate_button{
    font-size: 13px !important; 
}
.dataTables_wrapper .dataTables_paginate{
    padding: 0.755em;
    margin-top: 20px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    background: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #2cb5e8 75%) !important;
    color: #fff !important;
    border: none;
    font-weight: bold;
}
/*   form builder css */

.nav-pills > li {
    float: left;
}
.nav-pills > li > a {
    border-radius: 4px;
}
.nav-pills > li + li {
    margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #57A8D3;
    color: #fff;
}
.nav.nav-pills li .active {
    background: #0090d9;
    color: #fff;
}
.frm-build-fleft {
    float: left;
}
.frm-build-check {
    float: left;
    margin-left: 30px;
}
.frm-build-check.m86 {
    margin-left: 86px !important;
}
.frm-build-check.m80 {
    margin-left: 80px !important;
}
.frm-build-check.m20 {
    margin-left: 20px !important;
}
.frm-build-check.m110 {
    margin-left: 110px !important;
}
/* form builder ends */

.ui-spinner {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    position: relative;
    vertical-align: middle;
}
.ui-spinner-input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    margin: 0 18px 0 0;
    padding: 0.2em;
    vertical-align: middle;
}
.ui-spinner-button {
    cursor: default;
    display: block;
    /*font-size: 0.5em;*/
    height: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 16px;
}
.ui-spinner a.ui-spinner-button {
    border-bottom: medium none;
    border-right: medium none;
    border-top: medium none;
}
.ui-spinner .ui-icon {
    left: 0;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-spinner-up {
    top: 0;
}
.ui-spinner-down {
    bottom: 0;
}
.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px;
}



/* profile page css */
.overlayer {
    display: block;
    position: absolute;
    z-index: 101;
    top: 0px;
}

.button-finish {
    display: none;
}

.customcolumn .grid {
    background-color: #0090d9 !important;
    border: 1px solid #ddd;
}
.no-padding-left {
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.customcolumn .table {
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    margin-bottom: 0 !important;
}
.customcolumn .grid.solid .grid-body {
    color: #fff;
    font-family: "open sans",Arial,sans-serif;
    padding: 0;
}
.customcolumn tbody > tr:nth-child(2n+1) > td, .customcolumn tbody > tr:nth-child(2n+1) > th {
    background: none repeat scroll 0 0 #f2f4f6;
    border-bottom: 1px solid #eee;
    line-height: 15px;
    text-align: left;
}
.customcolumn .grid.solid .grid-title {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    margin-bottom: 0;
    padding: 10px 15px 0;
}
.customcolumn .grid-title h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    margin: 0 0 6px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
}
/*  profile edit page css */
#Profile_profileField {
    border: 1px solid #ddd;
    padding: 0;
    width: 100%;
}


/* workflow css changes */
.n_cond_fields .remove-cond {
    padding: 10px;
}
#rowfull_cond {
    margin-top: 10px;
}

.oflow-notifi {
    height: 340px;
    overflow-y: scroll;
}

.tab-content #lA .nav > li > a:hover, .tab-content .nav > li > a:focus {
    color: #000 !important;
}

.tab-content #lB .nav > li > a:hover, .tab-content .nav > li > a:focus {
    color: #000 !important;
}
#lB .nav > li > a , #lA .nav > li > a {
    text-transform: initial !important;
}
#myModal .nav.nav-tabs a {
    text-transform: uppercase;
}
/* workflow select2 */

/* calendar dashboard */
.fc-grid .fc-day-number {
    padding: 0px !important;
}
.fc-view.fc-view-month.fc-grid {
    margin: 0px;
}
#s2id_ApplyLeave_leavetype {
    width: 100%;
}
#validatortype label {
    display: inline;
    color: #535353;
    padding-left: 25px;
    float: left;
    font-size: 15px;
    margin-right: 40px;
    text-transform: uppercase;
    vertical-align: top;
}
#customize_field_popup {
    overflow-y: auto;
    height: 350px;
    background:#fff;
}

#s2id_Holidays_institutionId, #s2id_class_id {
    width: 100%;
}

.unlike {
    color: #366496;
}


.isspinner.ui-spinner-input {
    font-family: "open sans",Arial,sans-serif;
    font-size: 14px;
    width: 378px;
}

#filter-format {
    margin-right: 55px;
}

.adddropimage {
    background: none repeat scroll 0 0 #fdd01c !important;
    border: 1px solid #fdd01c !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 800;
    margin-bottom: 10px;
    padding: 5px;
    text-transform: uppercase;
    width: 100px !important;
}

.cal-color {
    background: none;
}
.color-box {
    border-radius: 0px !important;
}

.ajax-column-selector {
    float: left;
    height: 300px;
    overflow-y: scroll;
}


.formInputBox .maxleave {
    line-height: 30px;
    margin: 20px;
}


.popover-title {
    font-weight: bolder;
}

.ptitle-h6 h5 {
    line-height: 45px !important;
}
.ptitle-h6 i {
    font-size: 30px !important;
}
.mail-msg .popover {
    left: -150px !important;
}
.ptitle-h6 h3 {
    color: #505458 !important;
}
.tab-content .grid-view {
    padding: 0 0 30px !important;
}
.grid-body {
    float: left;
    width: 100%;
}

.dash-portlet .ui-icon-minusthick {
    cursor: pointer;
}

.cloneLabel label {
    margin: 10px 0px 18px 0px !important;
}

.page-sidebar.mini .submenulist {
    margin-top: 0px !important;
}

.page-sidebar.mini .submenulist .accordion-group.accordion-heading a {
     /*background: #101517 none repeat scroll 0 0;*/
    /*box-shadow: 2px 2px 4px #aaa;*/
    font-weight: bolder;
    margin-left: 1px;
    padding-left: 15px !important;
    z-index: 10;
}

.formItem.clonablediv {
    margin: 0 !important;
}
.clonablediv .formInputBox {
    clear: both;
    width: 100% !important;
}

.panel-heading span {
    font-size: 13px !important;
}

.cloned-row select, .cloned-row textarea {
    border: 1px solid #bbb !important;
border-radius: 5px;
width: 100% !important;
}

/* datetime picker hide miliseconds and microseconds */

.ui_tpicker_second_label,.ui_tpicker_second,.ui_tpicker_millisec_label,.ui_tpicker_millisec,
.ui_tpicker_microsec_label,.ui_tpicker_microsec_slider,.ui_tpicker_timezone,.ui_tpicker_timezone_label {
    display: none !important;
}

/* for acadamics tab */
.acadamicTab li a {
    padding: 15px 19.2px;
}

#s2id_batchid {
    width: 100% !important;
}

#s2id_studentid {
    width: 100% !important;
}
/* Datepicker*/
.ui-datepicker-inline.ui-datepicker {
    border: medium none;
    border-radius: 0;
}
#ui-datepicker-div.ui-datepicker {
    border: medium none;
    border-radius: 0;
    border: 1px solid #eee;
    width: 280px !important;
    padding: 0;
}
.ui-datepicker td{
    padding: 3px !important;
}
.ui-datepicker .ui-datepicker-header {
    /*background: none repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    background-image:linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #2cb5e8 75%) !important;
    border: medium none;
    border-radius: 0;
}
.ui-datepicker-calendar th {
    background: #eee none repeat scroll 0 0 !important;
    border: 1px solid #f4f4f4 !important;
    font-size: 13px;
    font-weight: 600 !important;
    padding: 5px !important;
    text-transform: uppercase;
}
.ui-datepicker-header{
    padding:10px !important
}
.ui-datepicker-header .ui-datepicker-month{
    margin-right:10px !important;
}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next{
    margin-top:10px;
}
.fc-left button, .fc-right button {
    text-transform: initial;
}
#sponsoredresearch-form .field_c_duration{
    display: block;
}
.ui-datepicker-month, .ui-datepicker-year {
    color: #fff;
    font-family: open sans, Arial,sans-serif;
    font-size: 13px;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
   /* top:0px !important;*/
}
.hasDatepicker {
    background-image: url("/themes/creatrix/core/assets/img/calendar.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size:26px auto;
}
#ui-datepicker-div .ui-datepicker table ,#ui-datepicker-div  table.ui-datepicker-calendar {
    width: 94%;
    margin: 10px auto;
}
#ui-datepicker-div .ui-datepicker-calendar th {
    background: none !important;
    border: 0px !important;
}
/* #IA-651 Events Design issue calendar icon should be removed */
.page-studentgroups .hasDatepicker {
    background-image: none;
}
.ui_tpicker_time {
    line-height: 20px;
    margin-left: 10px;
    font-size: 12px;
    margin-bottom: 10px;
}
.ui-timepicker-div dl dd.ui_tpicker_time {
    margin: 0 0 8px 10px;
}
.ui_tpicker_hour, .ui_tpicker_minute{
    padding: 10px 16px;
    margin: 0 !important;
}
.ui-datepicker .ui-state-default {
    background: #fff !important;
    border-radius: 2px;
    padding: 5px;
    font-family: Arial,sans-serif;
    border: 0px solid #eee !important;
    font-size: 12px;
    text-align: center;
}

.ui_tpicker_time_label {
    font-size: 12px;
    line-height: 22px;
    color: #333843;
    margin-left: 10px;
}

.ui-timepicker-div .ui-widget-header {
    background: none repeat scroll 0 0 #fff;
    color: #535353;
    font-size: 13px;
}
.questionpaper .relationviewcontainer{
    padding-bottom:75px;
}
#portrait-chat-toggler {
    background: none repeat scroll 0 0 #0aa699 !important;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current ,
.ui-datepicker-close.ui-state-default.ui-priority-primary.ui-corner-all{
    background: #0090D9 !important;
    color: #fff;
    font-weight: bold !important;
    padding: 5px;
    width: 70px;
    border-radius: 2px !important;
    opacity: 1;
    margin: 10px 6px;
}
.ui-timepicker-div dl dt {
    height: auto !important;
}
.ui-datepicker-header select {
border: 1px solid #e2e2e2 !important;
-webkit-appearance: none;
-moz-appearance: none;
background: #fff url('../img/downarrow_w.png') no-repeat;
background-position: 90%;
background-size: 9px;
border-radius: 2px;
}
/*#header_task_bar {
    background: none repeat scroll 0 0 #0b9589;
}*/

.ui_tpicker_time {
    font-size: 12px;
    line-height: 24px;
}

.ui_tpicker_hour_label, .ui_tpicker_minute_label {
    font-size: 12px;
    line-height: 12px;
    margin-left: 10px;
    color: #333843;

}

.ui-datepicker-header {
    background: #fff !important;
}

#ui-datepicker-div, .ui-datepicker {
   background: #fff none repeat scroll 0 0;
    border: 1px solid #f4f4f4 !important;
    box-shadow: 2px 10px 15px #ddd;
}

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

.ui-slider-handle.ui-state-default.ui-corner-all {
    background: none repeat scroll 0 0 #0090d9 !important;
    margin-top: 1px;
}

.ui_tpicker_hour_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 0;
}

.ui_tpicker_minute_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    border-radius: 1px;
}

.fields-panel {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 10px;
}

.ui-datepicker .ui-state-active {
    background: #0090D9 !important;
    border-radius: 0px;
    color: #fff !important;
    font-weight: bold;
    border-radius: 50%;
}

.grid-b-t {
    border-top: 1px solid #f5f5f5!important;
}
.bg-none {
    background: none !important;
}
#ui-datepicker-div {
    z-index: 10000 !important;
}
#ui-datepicker-div .ui-datepicker-prev.ui-corner-all span.ui-icon-circle-triangle-w {
    background-image: url("../img/arrow_lw.png");
    background-position: center;
}
.ui-datepicker .ui-datepicker-prev {
    left: 8px !important;
    top: 2px;
}
.ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover{
    left:8px !important;
    background: transparent;
    border:0;
    top: 2px;
    cursor: pointer;
}
#ui-datepicker-div .ui-datepicker-next.ui-corner-all span.ui-icon-circle-triangle-e {
    background-image: url("../img/arrow_rw.png");
    background-position: center;
    left: 5px !important;
}
.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover{
    right:2px !important;
    background: transparent;
    border:0;
    top: 2px;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
    top: 2px;
}


.slide:hover .bot-box {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.tiles.added-margin {
    margin-right: 0px;
}
.carousel {
    margin: 5px;
    position: relative;
}

.t-a-c {
    text-align: center;
}

.box-h {
    font-size: 18px;
    margin: 10px 0;
    /*text-align: right;*/
    padding-right: 5px !important;
}

.b-l {
    border-left: 1px solid #eee !important;
}

.min-hei-40 {
    min-height: 40px;
}
/* grid box css starts */
.bot-box {
    height: 35px;
    padding-top: 2px;
    /*position: absolute;*/
    width: 100%;
    position: relative;
    padding-bottom: 6px;
}

.bot-box i {
    font-size: 14px;
    /*color: #fff;*/
}
.slide:hover .bot-box {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.tiles.added-margin {
    margin-right: 0px;
}
.carousel {
    margin: 5px;
    position: relative;
}
/* grid box css ends */


/* onclick filter toggle div css starts */
.filterBtnDiv {
    /*background: none repeat scroll 0 0 #fff;*/
    /*margin: 0;
    padding-bottom: 16px;
    padding-left: 10px;*/
    padding-top: 6px;
}
.filterBtnDiv.mobile_filter {
    display:none;
}
.timetablescheduling .filterBtnDiv {
    background: transparent !important;
}
.timetablescheduling #filtercontent {
    margin-top:0 !important;
}
#filtercontent.row {
    margin: 0;
}
#filtercontent.row > .col-md-12 {
    padding-right:0;
    padding-left: 0;
}
#filtercontent.row .grid-title h4 {
    padding-left: 14px;
    padding-top: 10px;
}
#coursesectionschedule {
    padding: 0 10px;
}
.schedulelayout .carousel{
    margin: 0 0 20px 0 ;
}
.f-s-22 {
    font-size: 22px;
}
/*.create-plus {
    padding: 4px 0;
}*/
.quick-section .dropdown-menu {
    width: 250px;
}
.quick-section .dropdown-menu .notification-messages {
    padding: 6px 9px 0px 9px;

}
.quick-section .dropdown-menu .user-profile {

}
/* onclick filter toggle div css ends */

.border-none {
    border: medium none !important;
}
.fixed-notifiy {
    position: fixed;
    top: 61px;
    text-align: center;
    z-index: 1000;
    width: 100%;
}
.fixed-notifiy .fixed-warning {
    border: 1px solid #438A85;
    display: inline-block;
    font-weight: bolder;
}

#ADDRESS table tr td {
    float: left;
}

#ADDRESS .row.form-row {
    margin: 10px 0 0;
}

.fa-systemofeducation {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -3px 0px;
    width: 32px;
    height: 30px;
}


.fa-country {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -33px 0px;
    width: 32px;
    height: 30px;
}

.fa-state {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -63px 0px;
    width: 32px;
    height: 30px;
}

.fa-institutiontype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -93px 0px;
    width: 32px;
    height: 30px;
}

.fa-gender {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -123px 0px;
    width: 32px;
    height: 30px;
}

.fa-institution {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -153px 0px;
    width: 32px;
    height: 30px;
}

.fa-holiday {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -183px 0px;
    width: 30px;
    height: 30px;
}


.fa-workingdaytime {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -213px 0px;
    width: 30px;
    height: 30px;
}


.fa-leavetype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -243px 0px;
    width: 30px;
    height: 30px;
}

.fa-leaveworkflow {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -273px 0px;
    width: 30px;
    height: 30px;
}

.fa-departmenttype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -303px 0px;
    width: 30px;
    height: 30px;
}

.logo_wrap, .login_background_wrap{
    width:100%;
}
.fa-department {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -333px 0px;
    width: 30px;
    height: 30px;
}

#renameModules .checkbox label{
    line-height: 18px !important;
    float: left;
    clear:both;
    margin-bottom: 15px;
}

.fa-locationcampus {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -363px 0px;
    width: 30px;
    height: 30px;
}


.fa-attribute {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -393px 0px;
    width: 30px;
    height: 30px;
}

.fa-classroomtype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -5px -30px;
    width: 30px;
    height: 30px;
}

.fa-classroom {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -35px -30px;
    width: 30px;
    height: 30px;
}

.fa-studymode {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -65px -30px;
    width: 30px;
    height: 30px;
}

.fa-studylevel {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -95px -30px;
    width: 30px;
    height: 30px;
}

.fa-coursetype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -245px -30px;
    width: 30px;
    height: 30px;
}

.fa-coursesection {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -305px -30px;
    width: 30px;
    height: 30px;
}

.fa-semestertype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -335px -30px;
    width: 30px;
    height: 30px;
}

.fa-semester {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -365px -30px;
    width: 30px;
    height: 30px;
}


.fa-activesemester {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -395px -30px;
    width: 30px;
    height: 30px;
}

.fa-planofstudyprogramwise {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -425px -30px;
    width: 30px;
    height: 30px;
}

.fa-programofstudysemesterwise {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -425px -30px;
    width: 30px;
    height: 30px;
}

.fa-facultytype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -5px -60px;
    width: 30px;
    height: 30px;
}

.fa-faculty {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -35px -60px;
    width: 30px;
    height: 30px;
}

.fa-student {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -95px -60px;
    width: 30px;
    height: 30px;
}

.fa-studentenrollment {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -125px -60px;
    width: 30px;
    height: 30px;
}

.fa-courseregistration {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -155px -60px;
    width: 30px;
    height: 30px;
}

.fa-viewenrolledstudents {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -185px -60px;
    width: 30px;
    height: 30px;
}

.fa-studentcategory {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -215px -60px;
    width: 30px;
    height: 30px;
}

.fa-testtype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -245px -60px;
    width: 30px;
    height: 30px;
}

.fa-test {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.fa-gradingscheme {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.fa-gradingscale {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.fa-examoutcome {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.fa-term {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.fa-testgroup {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.fa-testgroupcategory {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.fa-religion {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -5px -90px;
    width: 30px;
    height: 30px;
}

.fa-nationality {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -35px -90px;
    width: 30px;
    height: 30px;
}

.fa-mothertongue {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -65px -90px;
    width: 30px;
    height: 30px;
}

.fa-relationship {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -95px -90px;
    width: 30px;
    height: 30px;
}

.fa-dayweek {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -125px -90px;
    width: 30px;
    height: 30px;
}

.fa-smssolutions {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -155px -90px;
    width: 30px;
    height: 30px;
}

.fa-batch {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite - w.png");
    background-position: -185px -90px;
    width: 30px;
    height: 30px;
}

/*Active left menu*/


.menuactive .fa-systemofeducation {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -3px 0px;
    width: 32px;
    height: 30px;
}


.menuactive .fa-country {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -33px 0px;
    width: 32px;
    height: 30px;
}

.menuactive .fa-state {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -63px 0px;
    width: 32px;
    height: 30px;
}

.menuactive .fa-institutiontype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -93px 0px;
    width: 32px;
    height: 30px;
}

.menuactive .fa-gender {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -123px 0px;
    width: 32px;
    height: 30px;
}

.menuactive .fa-institution {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -153px 0px;
    width: 32px;
    height: 30px;
}

.menuactive .fa-holiday {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -183px 0px;
    width: 30px;
    height: 30px;
}


.menuactive .fa-workingdaytime {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -213px 0px;
    width: 30px;
    height: 30px;
}


.menuactive .fa-leavetype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -243px 0px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-leaveworkflow {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -273px 0px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-departmenttype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -303px 0px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-department {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -333px 0px;
    width: 30px;
    height: 30px;
}


.menuactive .fa-locationcampus {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -363px 0px;
    width: 30px;
    height: 30px;
}


.menuactive .fa-attribute {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -393px 0px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-classroomtype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -5px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-classroom {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -35px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-studymode {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -65px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-studylevel {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -95px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-coursetype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -245px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-coursesection {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -305px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-semestertype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -335px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-semester {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -365px -30px;
    width: 30px;
    height: 30px;
}


.menuactive .fa-activesemester {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -395px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-planofstudyprogramwise {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -425px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-programofstudysemesterwise {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -425px -30px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-facultytype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -5px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-faculty {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -35px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-student {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -95px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-studentenrollment {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -125px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-courseregistration {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -155px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-viewenrolledstudents {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -185px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-studentcategory {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -215px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-testtype {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -245px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-test {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-gradingscheme {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-gradingscale {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -275px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-examoutcome {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-term {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-testgroup {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-testgroupcategory {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -365px -60px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-religion {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -5px -90px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-nationality {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -35px -90px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-mothertongue {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -65px -90px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-relationship {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -95px -90px;
    width: 30px;
    height: 30px;
}

.menuactive  .fa-dayweek {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -125px -90px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-smssolutions {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -155px -90px;
    width: 30px;
    height: 30px;
}

.menuactive .fa-batch {
    background-image: url("/themes/creatrix/core/assets/img/icon_sprite.png");
    background-position: -185px -90px;
    width: 30px;
    height: 30px;
}

.page-sidebar.clearfix.mini {
    position: fixed;
}

/* attendance session view week */
#weekView .tiles.green {
    background-color: #b1d19c;
}
#weekView .tiles.orange {
    background-color: #F8AA52;
}
#weekView .tiles.red {
    background-color: #EB6841;
}
#weekView .tiles .tiles-body {
    padding: 4px;
    font-size: 12px;
    text-align: left;
}
#weekView .tiles .tiles-title {
    padding: 0 4px;
}
#weekView .tiles.green {
    min-height: 80px;
}
/* change  bg based on status  */
#weekView .att-status- {
    background: grey !important;
}
/* present */
#weekView .att-status-1 {
    background: #b1d19c !important;
}
/* absent */
#weekView .att-status-2 {
    background: #f35958 !important;
}
/* late 5 */
#weekView .att-status-5 {
    background: #fbb05e !important;
}
/* leave 6 */
#weekView .att-status-6 {
    background: #1f3853 !important;
}


.attdiv .attendance-colors .nottaken {
    background: grey !important;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdiv .attendance-colors .present {
    background: #b1d19c;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdiv .attendance-colors .absent {
    background: #f35958;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdiv .attendance-colors .late {
    background: #fbb05e;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdiv .attendance-colors .leave {
    background: #1f3853;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdiv .att-status-text {
    line-height: 20px;
    margin-left: 5px;
}
.col-md-12.file-upload {
    float: left;
    width: 100%;
}
/*  Year View */


.attdivyear .attendance-colors .present {
    background: #b1d19c;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .attendance-colors .absent {
    background: #f35958;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .attendance-colors .fnabsent {
    background: linear-gradient(#f35958, #b1d19c) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .attendance-colors .anabsent {
    background: linear-gradient(#b1d19c, #f35958) repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .attendance-colors .late {
    background: #fbb05e;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .attendance-colors .leave {
    background: #1f3853;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    float: left;
}
.attdivyear .att-status-text {
    line-height: 20px;
    margin-left: 10px;
}
.module-title h3 span {
    text-transform: initial;
}

.module-title h3 {
    text-transform: initial;
}

.module-title a.btn-info {
    text-transform: initial;
}
.quick-section .dropdown-menu .warning {
    background-color: #FFF6F4 !important;
    border-bottom: 2px solid #E94847 !important;
}
.boxpanel {
    margin: 5px 0px !important;
}
.boxpanel .item-count {
    font-size: 14px !important;
}
.pull-center {
    text-align: center;
}


#lang_en_us {
    display: none !important;
}

/* elc application form design changes */

#map_application_siblings .remove-cloned-row {
    position: relative !important;
}
#Collegeapplication_c_aboutUs {
    width: 400px !important;
}
#Collegeapplication_c_aboutUs2 {
    width: 400px !important;
}

#Collegeapplication_c_suggestion {
    width: 400px !important;
}
/* for clonable  multi file + / - alignemtn issue */
.upload-row .input-group-btn {
    width: auto;
}

.rendertemplate .modal-dialog {
    left: 0;
    margin: 40px auto;
    right: 0;
}
.rendertemplate .wizard {
    margin-left: -20px !important;
    margin-bottom: -15px;
    width: 104%;
}
.rendertemplate #save-button,.rendertemplate #reset {
    width: 12%;
}

.rendertemplate .errorSummary {
    background: #fff6f4 none repeat scroll 0 0;
    border: 1px solid #cd5d68;
    border-radius: 2px;
    color: #cd5d68;
    font-size: 12px;
    padding: 5px;
}

.lblRmv
{
    position: absolute;
    width: 10px;
    height: 10px;
    display: block;
    right: 20px;
    top: 15px;
    cursor: pointer;
}
.lblRmv .fa-times
{
    font-weight: bold;
    font-size: 20px;
}
.btnNewLblWrap
{
    display: block;
    cursor: pointer;
}

.tour-tour {
    min-width: 400px;
    background: #fff none repeat scroll 0 0;
    color: #fff !important;
    box-shadow: 5px 5px 15px #535353;
}
.tour-tour h3 {
    border-radius: 0;
    border-right: 0 none;
    font-size: 16px;
    font-weight: bold;
    margin-top: -1px;
    margin-left: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    width: 100%;
}
.tour-tour .popover-navigation [data-role="end"] {
    float: right;
    background-color: #f35958 !important;
    border: 1px solid #f35958;
    color: #fff;
}
.page-size-wrap .select2 {
    width: 80px !important;
}
.institution-default .cloned-row, .page-institution-default .cloned-row {
    width: 100% !important;
}


@media ( max-width: 767px ) {
    .header .nav li.dropdown .dropdown-toggle i {
        color: #000!important;
    }
}
.message-link {
    text-decoration: underline;
    color: #246a8e;
}
.fixed-notifiy .delegate-notify {
    font-weight: normal !important;
}
/* components/views/_detailView.php Responsive STARTS */
.detail-view
{
}
.detail-view .formItem {
    display: block;
    height: auto;
    padding: 5px 5px 5px 15px;
    width: 100%;
}
div.editor-layout.detail-view .formItem {
    margin: 5px 0 2px;
}
.detail-view .formItem label {
    display: inline-block;
}
div.editor-layout.detail-view .formItem label {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0;
}
div.editor-layout.detail-view .formItem.clonablediv label {
    width: 49%!important;
    vertical-align: top;
}
.detail-view .formItem .formInputBox {
    display: inline-block;
    float: none;
    font-size:13px;
    margin: 0;
    padding: 0px;
    width: 100%;
    /* Break work for long inline content. */
    word-break: normal;
}
.detail-view .formItem.clonablediv .formInputBox {
    padding:0px !important;
    margin-top:10px;
}
/* Exam Revaluation */
.page-examrevaluation .form-group .select2.select2-container,
.page-employee .form-group .select2.select2-container,
.formItem .select2.select2-container{
    border: 1px solid #cbd6e2 !important;
    border-radius: 5px;
    width: 100% !important;
    background:#F5F8FA !important;
}
@media ( min-width: 320px ) and ( max-width: 1030px ) {
    .detail-view .tableWrapper {
        padding: 10px;
    }
    .detail-view .tableWrapper .formSectionRow > td {
        width: 100%!important;
        display: block;
    }
}
@media ( min-width: 320px ) and ( max-width: 680px ) {
    .detail-view .formItem.clonablediv .formInputBox {
        width: 100%!important;
    }
    .detail-view .formItem .formInputBox {
        padding: 0 0 0 0px;
    }
}
@media ( min-width: 320px ) and ( max-width: 1030px ) {
    .detail-view .formItem.clonablediv table td{
        float: none!important;
    }
}
.ui-widget-overlay {
    background: #000 none repeat scroll 0 0 !important;
    opacity: 0.6 !important;
}

.grid-tabl-wrap{
    width: 100%;
    overflow-x: auto;
}
.testaddressss{
    border: 1px solid #f4f4f4;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    font-size:12px !important;
    padding-top: 10px;
    width: 99%;
}
@media (min-width: 320px) and ( max-width: 768px ){
    .grid-tabl-wrap{
        width: 90%;
        overflow-x: scroll;
    }
    .testaddressss{
        width: 100%;
    }
}
/* studentgroupcliamadmin */
@media (min-width: 320px) and (max-width: 720px){
    #data-table-wrapper{
        width: 100%;
        overflow-x: scroll;
    }
    /* Student JOB Profile Scroll on mobile view */
    #jobprofile-list-grid_module-grid{
        overflow: scroll;
    }
    /* Employer Sign Up */
    #wizard-submit{
        width: 42%;
    }
    #wizard-submit input[type='submit']{
        height: 100%;
    }
}
/* Employer Sign Up 30-11-2016-11-59-39-am */
@media (min-width: 320px) and (max-width: 600px){
    #wizard-submit{
        width: 42%;
    }
    #wizard-submit input[type='submit']{
        height: 26px;
    }
}
/* Employee Job Profile Create/Update View */
@media (min-width: 320px) and (max-width: 600px) {
    .page-employeejobprofile .tableWrapper{
        padding-left: 10px;
    }
    .page-employeejobprofile .wizard{
        margin-left: 0px;
        width: 100%;
    }
    .page-employeejobprofile .wizard li {
        display: inline-block;
        width: 30%;
        margin-left: 2%;
    }
    .page-employeejobprofile .wizard input[type='submit'] {
        display: inline-block!important;
        width: 30%!important;
        margin-left: 2%;
    }
    .page-employeejobprofile .stickyFormFooter.wizard {
        padding: 0px!important;
    }
    .page-employeejobprofile .stickyFormFooter.wizard li {
        display: inline-block;
        width: 30%;
        margin-left: 2%;
    }
    .page-employeejobprofile .stickyFormFooter.wizard input[type='submit'] {
        display: inline-block!important;
        width: 30%!important;
        margin-left: 2%;
    }
}
.mailbox-message-text p {
    word-wrap: normal;
    word-break: normal;
}
.configurestatusrule-default table.dataTable{
    margin: 0 0;
}

/** Responsive Bootstrap Tour */
@media ( min-width: 320px ) and ( max-width: 699px ) {
    .popover[class*=tour-]{
        min-width: 100px;
        max-width: 260px;
    }
    .popover[class*=tour-] h3{
        padding: 5px;
        font-size: 75%;
    }
    .popover[class*=tour-] .popover-content{
        padding: 4px;
    }
    .popover[class*=tour-] .popover-content p{
        font-size: 75%;
    }
    .popover[class*=tour-] .popover-navigation{
        padding: 5px;
    }
    .popover[class*=tour-] .popover-navigation .btn-group{
        width: 100%;
        display: block;
    }
    .popover[class*=tour-] .popover-navigation .btn-group button{
        width: 46%;
        display: inline-block;
        float: none;
        position: static;
        padding: 1px;
        margin: 0;
        font-size: 60%!important;
    }
    .popover[class*=tour-] .popover-navigation [data-role=end]{
        width: 50%;
        display: block;
        margin: 0 auto;
        padding: 1px;
        font-size: 60%!important;
        float: none;
    }
}
/** @see #IA-668 **/
#map_job_emp_it_skill .select2-container {
    width: 100% !important;
}

table .rowBtn {
  visibility: hidden;
}
table tr:hover .rowBtn{
  visibility: visible;
}
#divModalBody table thead th {
    vertical-align: middle;
    text-align: left !important;
}
/* grading scale */
.grading-mobile .col-md-2 label, .grading-mobile .col-md-4 label{
    display: none;
}

/* Select Assessment Type */
#lookupc_test_type_id table {
    table-layout: fixed;
}

table {
table-layout: fixed;
}
#scr-wrapr table {
    table-layout: initial;
}
table#attendance {
table-layout: auto;
}
/* Calander page */
.invite_user {
    min-height: 473px;
}
.col-md-6 #searchcompany , .col-md-6 #sendEmailRequest {
    width: 75% !important;
}
.searchIncident , .sendEmail_Request_btn{
    width: 24%;
}
.overlayer.bottom-left{
    width: 100%;
}
.progress-small.progress {
    width: 70%;
}
#edit-event #allDayEv ,#edit-event #repeat  {
    float: left;
}
#edit-event .basic_cal label span {
    display: inline;
    padding-left: 4px;
}
.sttimediv table td input[type="text"] ,
.endtimediv table td input[type="text"]{
    padding: 6px 4px !important;
}
/* page-faculty */
.page-faculty .live-tile .bot-box,
.student .live-tile .bot-box{
    margin-top:0;
}
.page-faculty .live-tile h5 div:last-child {
    min-height: 71px;
}
.student .live-tile h5 div:last-child{
    min-height: 57px;
}
/* incidents */
.chat-toggler  .popover-content {
    width: 100%;
}
#c_longtitude{
    width:100% !important;
}
.incidents {

}
.incidents .modal-dialog .upload-clone-c_incident_upload {
    margin-left: 0;
    width: 100%;
}
.left{
    float: left;
}
.modal-dialog .minus-btn-c_incident_upload {
    margin: 0 5px;
}
.modal-dialog .btn-success {
    border: 1px solid #57a8d3;
}
.modal-dialog .input-group-btn {
    display: inline;
}
/* invoice */
#invoiceCreate .select2.select2-container {
    width:100% !important;
}
#invoiceCreate .addComponent textarea{
    width:100%;
}
#admission-processing-fields-form .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th,
#admission-processing-fields-form .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    width: 100px !important;
}
#admission-processing-fields-form .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th:first-child,
#admission-processing-fields-form .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:first-child {
    width: 160px !important;
}
.DTFC_LeftBodyWrapper ,
.DTFC_LeftBodyLiner {
     /*width: 160px;*/
}
#admission-processing-fields-form .dataTables_wrapper .DTFC_LeftBodyLiner{
    overflow: hidden !important;
}
#admission-processing-fields-form tr.odd:hover td {
    background: transparent;
}
.bot-chat-line {
    position: relative;
}
.bot-chat-line i{
    position: absolute;
    background: #ccc;
    padding: 9px;
}
.bot-chat-line #chat-user-name ,.bot-chat-line  #chat-user-email ,.bot-chat-line  #chat-user-phone{
    padding-left: 38px;
}
.bot-chat-line i.fa-user
.bot-chat-line i.fa-phone{
    padding: 9px 10.5px;
}
/* Admission page */
.nav-pills.rgv_summary_tab{
    margin-bottom: 10px;
    border-top: 1px solid #E2E3E4;
    border-bottom: 1px solid #E2E3E4;
}
.rgv_summary_tab li{
    display: table;
    background: #EBF3F9;
    margin-left: 0 !important;
}
.rgv_summary_tab li.active:after{
    content: '';
    position: absolute;
    left: 45%;
    top: 0%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #7D98C3;
    clear: both;
}
.rgv_summary_tab li:first-child{
    margin-left: 15px !important;
}
.nav-pills.rgv_summary_tab li.active a {
    background: #F7FAFC;
    color: #6498C3 !important;
}
.rgv_summary_tab li:first-child a {
    display: table-cell;
}
.rgv_summary_tab li a {
    width: 150px;
    height: 130px;
    vertical-align: middle;
    text-align: center;
    border-radius: 0;
    color: #6498C3 !important;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 1px solid #D0DEEB;
    padding-top: 20px;
    overflow: hidden;
    font-size: 16px;
    font-weight: 500;
}
.rgv_summary_tab li h5{
    font-size: 16px;
    font-weight: 500;
    color: #6498C3;
}
.rgv_summary_tab li:first-child a {
    padding-top: 0px;
}
.rgv_summary_tab li:last-child a{
    border-right: 0px solid #D0DEEB;
}
.rgv_summary_tab li span {
    color: #6498C3;
    font-size: 24px;
    font-weight: bold;
    line-height: 19px;
}
/** bookrequest page style starts **/
.cr-msg {
    color: #008000;
    font-weight: 400;
    border: 1px solid #00800042;
    padding: 5px;
    background-color: #90ee9021;
    font-size: 12px;
}
.additional-info { font-size: 10px; }
.disable-me { pointer-events: none; background: #ccc !important; border-color: #ccc; }
.nav.nav-tabs .tab-new, .nav.nav-tabs .tab-renewal, .nav.nav-tabs .tab-return { display: none; }
.bookreq-row .bookreq-tbl { display: none; background: #f9f9f9; width: 100%; }
.bookreq-tbl > div.book-detail { padding: 20px; width: 70%; display: inline-block; vertical-align: top; }
#catalog-search-results .bookreq-tbl > div.book-detail { padding: 5px; width: 80%; }
.bookreq-tbl img { width: 100px; float: left; margin-right: 20px; }
#catalog-search-results .bookreq-tbl img { width: 70px; }
.bookreq-heading { margin: 20px; }
.bookreq-row > div { display: inline-block; padding: 5px; vertical-align: top; white-space: normal; word-wrap: break-word; }
.bookreq-id { width: 5%; }
.bookreq-wrapper { margin: 20px; }
.bookreq-name { width: 40%; position: relative;cursor: pointer; }
.row-content .bookreq-name { padding-left: 30px; }
.bookreq-user, .bookreq-itemtype,.bookreq-accesstype { width: 7%; }
.bookreq-department { width: 10%; }
.bookreq-available, .bookreq-total { width: 5%; }
.bookreq-nextdue, .bookreq-reqdate { width: 10%; }
.bookreq-row { border: 1px solid #ccc; border-bottom: none; background: #fff; }
.bookreq-row.row-heading { font-weight: 600; }
.bookreq-row:last-child { border-bottom: 1px solid #ccc; }
.bookreq-row.row-content .bookreq-name::before {
    content: "(+)";
    width: 20px;
    color: black;
    position: absolute;
    top: 4px;
    left: 5px;
}
.bookreq-row.row-content.row-expand .bookreq-name::before { content: "(-)"; }
.bookreq-row.row-content.row-expand .bookreq-tbl { display: block; }
.bookreq-tbl > div.bookreq-rating { width: 24%; }
.bookreq-wrapper #custom-module-list { margin: 0; }
.bookreq-wrapper.current-active-myrequest .request-action { display: none; }
.bookreq-status span {
    font-size: 10px;
    font-weight: bold;
    padding: 4px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #B7B7B7;
    color: #fff;
}
.request-action { margin-top: 20px; width: 28%; display: inline-block; vertical-align: top; }
#catalog-search-results .request-action { width: 18%; margin-top: 10px; }
#catalogrequestModal .field_name, #catalogrequestModal .field_c_user_id, #catalogrequestModal .field_c_status, #catalogrequestModal .field_c_item_type {
    display: none;
}
.request-action input { float: right; margin-right: 3px; }
.bookreq-status { float: right; }
div.star-rating {
    font-size: 14px;
    font-weight: bold;
    display: inline-block !important;
    width: 25px;
    height: 20px;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
    text-indent:-999em;
}
div.star-rating {
  background:url('/themes/creatrix/core/assets/css/rating/stars.gif') no-repeat 0 0px;
}
div.star-rating-on {
    background-position: 0 -32px !important;
}
.bookreq-row > div.bookreq-available,
.bookreq-row > div.bookreq-total { display: none; }
.catalog-default-bookrequest-status-myrequest .bookreq-user,
.catalog-default-mybooks .bookreq-user { display: none; }
.catalog-default-mybooks .bookreq-name,
.catalog-default-bookrequest-status-myrequest .bookreq-name { width: 50%; }
.catalog-default-mybooks .bookreq-rating div.star-rating.star-rating-hover {
  background-position: 0 -16px !important;
}
.star-rating-readonly { pointer-events: none; }
.rating-ajax-loader { display: inline-block; }
.create-btn {
    background: #1bdbb8;
    position: absolute;
    top: 5px;
    right: 0;
    padding: 6px 15px;
    color: #fff;
    font-weight: 400;
}
.catalogsearch {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f3f3f3;
  clear: both;
  display: none;
  float: left;
  margin-left: -1px;
  box-shadow: 1px 5px 5px #535353;
  margin-top: 32px;
  padding: 10px;
  position: absolute;
  width: 180px;
  z-index: 9;
}
.catalogrequest-search-header .nav-search { float: left; }
.catalogrequest-search-header .nav-search li { margin: 0; }
.catalogrequest-search-content {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #ccc;
}
#catalog-search-results .bookreq-row .bookreq-tbl { display: block; }
#catalog-search-results .items {
    max-height: 300px;
    overflow: auto;
}
#catalog-search-results .catalog-img { min-height: 100px; float: left; width: 90px; }
/** bookrequest page style ends **/
/* Email campagin */
#Email_module .modal-header h4 {
    padding: 0 0 0 !important;
}

.module_list_res {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px;
}
.module_list_res .error_msg{
    position: absolute;
    bottom: 0;
    font-size: 12px;
    font-weight: 500;
}
.email_preview:hover .live-tile {
    border:1px solid #00ABEA !important;
    box-shadow: 1px 1px 4px #00ABEA !important;
    /*background: rgba(71, 138, 213, 0.5);*/

   /* opacity: 0.5;*/
}
.email_preview:hover .email_overlay  {
    display: block !important;
    background:  rgba(4, 0, 0, 0.5) !important;
    background-color: #FF0;
    z-index: 9;
}
.email_preview:hover  .preview_icon{
background: #9c9b9b url("/themes/creatrix/core/assets/img/sprite-concept.png") !important;
    background-color: rgb(156, 155, 155);
    background-image: url("/themes/creatrix/core/assets/img/sprite-concept.png");
    background-repeat: repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    background-position: -224px -1067px !important;
    width: 39px;
    height: 39px;
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50% !important;
}
.email_overlay {
    width: 100%;
    height: 85%;
    position: absolute;
}
.email_preview:hover  .preview {
    background: transparent;
    border: 1px solid transparent;
}
/* popup create template layout */
#template_layout .col-md-4 > div > table {
    width: 100% !important;
}
#template_layout .col-md-4 table  img {
    width: 100% !important;
}
#template_layout .col-md-4 table thead img {
    width: 25% !important;
}
.ProgramSectionDet .fade {
    opacity: 1;
}
#catalog-search-results .items {
   max-height: 300px;
    overflow: auto;
}
#catalog-search-results .catalog-img { min-height: 100px; float: left; width: 90px; }
/** bookrequest page style ends **/
.ProgramSectionDet .fade {
    opacity: 1;
}
.courseevaluation_ques_ans tr td:first-child {
    width:20%;
}
.courseevaluation_ques_wrapper h2 {
    line-height: 18px;
}
.courseeval_submit_wrapper {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}
#courseeval_submit {
    width:100px;
}

/* Custom Template */
.grid-body.no-border.filter-body {
    overflow: auto;
}
.page-content {
    min-height: 500px;
}
/* .page-content > .content {
    margin-bottom: 0 !important;
} */
.custom_template {
    margin-top: 20px;
    width: 99%;
}
.fourcloumn .col-sm-3 {
    margin-bottom: 25px;
}
.custom_template .slimScrollDiv .slimScrollBar.ui-draggable {
  background: #707272 !important;
}
.custom_template .card.mb-4 {
    border: 1.5px solid #AAAAAA;
    border-radius: 5px;
    position: relative;
}
.layout_footer{
    font-size: 14px;
    font-weight: 600;
}
.layout_header {
    border-radius: 4px 4px 0 0px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 6px;
}
.custom_template .layout_header.green ,
.custom_template .layout_footer.green {
    background: #3BB34B;
}
.custom_template .layout_header.yellow,
.custom_template .layout_footer.yellow {
    background: #EBC11E;
}
.custom_template .layout_header.grey,
.custom_template .layout_footer.grey {
    background: #B7B7B7;
    color: #1b1e24;
}
.custom_template .layout_header.red ,
.custom_template .layout_footer.red{
    background: #E05449;
}
.custom_template .layout_header.blue ,
.custom_template .layout_footer.blue{
    background: #009DD2;
}
.custom_template .layout_header.bluegreen ,
.custom_template .layout_footer.bluegreen{
    background-image: linear-gradient(141deg, #2cb5e8 0%, #1fc8db 51%, #2cb5e8 75%);
}
/*
div:nth-of-type(4n) {background: blue;}
div:nth-of-type(4n+1) {background: red;}
div:nth-of-type(4n+2) {background: green;}
div:nth-of-type(4n+3) {background: black;}*/



/* layout body*/
.layout_body {
    border-right: 1px solid #D4D4D6;
    margin-right: 7px;
}
/*layout_body_column1*/
.layout_body_column1.body_column {
    background: #fff;
    padding: 6px;
    font-weight: 500;
}
.body_column ul {
    padding: 0;
    margin: 0;
}
.body_column ul li {
    list-style: none;
    padding: 4px 0;
}
.body_column ul li .col-semicolon{
   width: 5%;
   float: left;
}
.body_column ul li .col-semicolonleft{
  width: 95%;
  float: left;
}
.body_column ul li span {
    display: inline-block;
    padding-right: 5px;
}
/*layout_body_column2*/
.layout_body_column2.body_column {
    padding: 6px;
    background: #F3F3F3;
    font-weight: 500;
}
.layout_body_column2.body_column .col-12.col-md-8 > span {
    float: left;
    padding-right: 5px;
}
.layout_body_column2.body_column ul {
    padding-left: 8px;
}
.layout_body_column2.body_column ul li {
    min-height: 30px;
}
.column_day {
    display: inline-block;
    width: 19px;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    margin: 2px 1px;
    background: #939393;
    color: #fff;
}
#checkBox {
    float: right;
    margin: 0;
}
/*layout_body_column3*/
.layout_body_column3.body_column {
    background: #fff;
    padding: 6px;
    font-weight: 500;
}

/*layout body  end*/
.layout_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 5px 5px;
    text-align: center;
    z-index: 96;
}
.layout_footer button {
    width: 100%;
    background: transparent;
    border: 0;
    height: 32px;
    color: #fff;
}


@media (min-width:320px) {
    .fourcloumn .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}
@media (min-width:600px) {
    .fourcloumn .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}
@media (min-width:768px) {
    .fourcloumn .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
}
@media (min-width:992px) {
    .fourcloumn .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
        flex: 0 0 33.3%;
        max-width: 33.3%;
        width: 33.3%;
    }
}
@media (min-width:1200px) {
    .fourcloumn .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
/* Model */
.modal.right {
    overflow: hidden;
}
.modal.right .modal-content .slimScrollDiv {
    clear: both;
}
#reporttable_info {
    color: #2E3F50 !important;
}
#reporttable_info , #reporttable_paginate {
    margin-top: 8px;
}
.controller-render-data h5{
    font-weight:bold;
}
.coursesection .bot-box i{
    /*color:#535353 !important;*/
}