@import "./fileinput/fileinput.css";
body {
    font-size: 13px;
    color: #444;
}
.page-container .page-sidebar {width: 200px;z-index: auto}
.page-container .page-content {margin-left: 200px;background: #eee}
#applications-table tr td, #lead-table tr td, #enrollment-table tr td {cursor: pointer;}
#applications-table tr:hover td, #lead-table tr:hover td, #enrollment-table tr:hover td {background: #cbd8e4}
.lead-contact {font-size: 14px}
.message-author {font-weight: 600; color: #000;}
.lead-controls {}
.page-container .page-content .content-frame .content-frame-right {width: 400px}
.page-container .page-content .content-frame .content-frame-body.content-frame-body-left {margin-right: 400px;}
a.list-group-item:active, a.list-group-item:hover, a.list-group-item:focus { background: #ababab; color: #fff; }
.lead-followup .messages {max-height: 400px; overflow: auto;}
.messages .item .text .heading .date {color: #ababab;font-weight:normal}
.upload-btn {border-radius: 5px 0 0 5px; border-right: none;}
.file-input-new {float: left}
/*#followup-txt {width: 94%}*/
#submit-followup {margin-left: -10px;}
.lead-detail-container {margin-top: 25px}
#create-student-account .form-group, #add-batch-modal .form-group, #enroll-student-modal .form-group, #add-daily-report-modal .form-group {overflow: hidden;}
h4.apply-form-heading { border-bottom: 1px solid #ddd; padding-bottom: 10px; margin: 10px 0; cursor: pointer; }
#add-application section, .overflow-auto {overflow: auto}
.btn-group .active {background: #fff; color: #000}
.btn-group .btn:hover {background: #fff; color: #000}
#add-application .req-err {position: absolute; top: 30px; right: 0; font-size: 14px; width: 25px}
#add-application .wizard > .content > .body label.error {margin-left: 2px;}
#add-application .btn-group-vertical>.btn, .btn-group>.btn {position: initial}
#gender-error, #maritalstatus-error, #abroadrelatives-error {position: absolute !important; right: -30px !important; top: -25px !important;}
.application-docs {margin: 20px 0;}
.application-docs .file-input-new {float: none;}

/*.form-group .checkbox {margin-top: 9px !important;}*/

/* -------------------------------- 
Slide In Panel START
-------------------------------- */
.cd-main-content {
    text-align: center;
}

.cd-main-content h3 {
    /*font-size: 2rem;*/
    /*    color: #64788c;
        padding: 4em 0;*/
    padding: 15px !important;
}

.cd-btn {
    position: relative;
    display: inline-block;
    padding: 1em 2em;
    background-color: #89ba2c;
    color: #ffffff;
    border-radius: 50em;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s;
    transition: -webkit-box-shadow 0.2s;
    transition: box-shadow 0.2s;
    transition: box-shadow 0.2s, -webkit-box-shadow 0.2s;
}

.cd-btn:hover {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
}

.cd-panel {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
}

.cd-panel::after {
    /* overlay layer */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    -webkit-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}

.cd-panel.cd-panel--is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.cd-panel.cd-panel--is-visible::after {
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: background 0.3s 0s;
    transition: background 0.3s 0s;
}

.drawer {
    background: #EEE;
    position: fixed;
    width: 30%;
    top: 0;
    right: 0;
    left: auto;
    bottom: 0;
    z-index: 4;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}
.cd-panel__header {
    position: relative;
    height: 50px;
    line-height: 50px;
    background: rgba(255, 255, 255, 0.96);
    z-index: 2;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: -webkit-transform 0.3s 0s;
    transition: -webkit-transform 0.3s 0s;
    transition: transform 0.3s 0s;
    transition: transform 0.3s 0s, -webkit-transform 0.3s 0s;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.cd-panel__header h3 {
    /*color: #89ba2c;*/
    padding: 15px;
    margin: 0;
}

.cd-panel--from-right .cd-panel__header {
    right: 0;
}

.cd-panel--from-left .cd-panel__header {
    left: 0;
}

.cd-panel--is-visible .cd-panel__header {
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.cd-panel__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    /* image replacement */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.cd-panel__close::before, .cd-panel__close::after {
    /* close icon created in CSS */
    content: '';
    position: absolute;
    top: 22px;
    left: 20px;
    height: 3px;
    width: 20px;
    background-color: #424f5c;
    /* this fixes a bug where pseudo elements are slighty off position */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-panel__close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-panel__close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-panel__close:hover {
    background-color: #424f5c;
}

.cd-panel__close:hover::before, .cd-panel__close:hover::after {
    background-color: #ffffff;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.cd-panel__close:hover::before {
    -webkit-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    transform: rotate(220deg);
}

.cd-panel__close:hover::after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cd-panel--is-visible .cd-panel__close::before {
    -webkit-animation: cd-close-1 0.6s 0.3s;
    animation: cd-close-1 0.6s 0.3s;
}

.cd-panel--is-visible .cd-panel__close::after {
    -webkit-animation: cd-close-2 0.6s 0.3s;
    animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes cd-close-1 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes cd-close-2 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

@keyframes cd-close-2 {
    0%, 50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.cd-panel__container .tabs {
    /*margin-top: 0;*/
    float: none;
}
/*.cd-panel__container .nav-tabs {
    margin-top: 10px;
}*/
.cd-panel__container {
    position: relative;
    width: 100%;
    height: 100%;
    background: #EEE;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    transition: -webkit-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s, -webkit-transform 0.3s 0.3s;
}

.cd-panel--from-right .cd-panel__container, .cd-panel--from-right .drawer {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.cd-panel--from-left .cd-panel__container, .cd-panel--from-left .drawer {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.cd-panel--is-visible .cd-panel__container, .cd-panel--is-visible .drawer {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.cd-panel__content .nav-tabs {    
    padding: 0;
    margin-bottom: 0;
}

.cd-panel__content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*padding: 91px 0;*/
    overflow: auto;
    /* smooth scrolling on touch devices */
    -webkit-overflow-scrolling: touch;
}

.cd-panel__content p {
    /*font-size: 1.4rem;*/
    /*color: #424f5c;*/
    /*line-height: 1.4;*/
    /*margin: 2em 0;*/
}

.cd-panel__content p:first-of-type {
    margin-top: 0;
}

@media only screen and (min-width: 768px) {
    .cd-panel__content p {
        /*font-size: 1.6rem;*/
        /*line-height: 1.6;*/
    }
}

/*.task-panel .tab-content{
    padding: 15px;
}*/

.task-panel .list-group {
    padding-bottom: 50px;
}

.task-panel .add-task {
    position: fixed;
    bottom: 50px;
    height: 50px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.96);
    /*    border-top: 1px solid #E5E5E5;
        padding: 15px;*/
}

.task-panel .add-task input {
    background: #EEE;
    border: 1px solid #DDD;
    padding-left: 5px;
    border-radius: 0;
    height: 50px;
}

.task-panel .add-task .btn {
    border-radius: 0;
    height: 50px;
}

.task-panel .task-list .list-group-item {
    /*padding: initial;*/
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.task-list a {
    color: #444;
}
.task-list a:hover {
    text-decoration: none;
}

.task-panel .task-done, .task-panel .task-repoen {
    font-size: 16px;
}

.task-panel .task-close {
    background: #e5e5e5
}

.task-panel .task-close .task-data {
    text-decoration: line-through;
}

.no-task-wrapper {
    padding: 15px;
}

/* -------------------------------- 
Slide In Panel END
-------------------------------- */

.universty-list-container {
    height: 565px;
    overflow: scroll;
}

.university-list-logo {
    width: 100px;
}

.add-course-btn {
    margin-bottom: 10px;
}

#test-req {
    text-transform: uppercase
}

.select2-container {
    width: 85% !important
}

.followup-reminder-container .text-muted {
    color: #ababab !important;
}

ul.panel-controls > li.label-control .label, .label-form {
    margin-top: 0;
}

.padding-side-20 {
    padding: 0 20px !important;   
}

.nav-tabs.nav-justified > li > a.danger, .nav-tabs.nav-justified > li.active > a.danger, .nav-tabs.nav-justified > li.active > a.danger:hover, .nav-tabs.nav-justified > li.active > a.danger:focus {
    background: #b64645;
    color: #ffffff;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a.danger:hover, .nav-tabs.nav-justified > .active > a.danger:focus {
    color: #333333;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 10px;
}

/* Course Shortlisting */
#course-search-listing {
    padding: 10px 0;
    border-top: 1px solid #ababab;
    margin-top: 20px;
}

#course-search-listing .course-meta {
    margin: 20px 0;
    font-size: 14px;
}
.single-course p {
    margin: 0;
}
.single-course table {
    margin-top: 5px;
}
#course-search-listing .single-course {
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #CCC;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
#course-search-listing h6 {
    font-size: 17px;
    margin-bottom: 0;
}
.shortlist-btn {
    text-transform: uppercase;
    padding: 3px 20px;
}
.shortlist-btn.btn-default {
    border-color: #89ad4d;
    color: #89ad4d;
}
.shortlist-container .btn {
    font-weight: bold;
}
.criteria-cta {
    /*    background: none;
        border: none;
        color: #95b75d;
        vertical-align: sub;
        padding-left: 0;*/
    margin-right: 20px;
}
.course-info h5 {
    /*text-transform: uppercase;*/
    color: #adadad;
    margin-bottom: 5px;
}

#registration table th, #registration table tr td, #course-search-listing table th, #course-search-listing table tr td {
    padding: 5px;
}

/*#course-search-listing .section-title {
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0;
}*/

#course-search-listing .course-category {
    color: #adadad
}

.meta-title {
    color: #adadad;
    text-transform: uppercase;
    font-size: 12px;
}

#course-search-listing #load-more {
    display: none;
}
#course-search-listing .shortlist-container {
    margin-top: 10px;
}
#course-search-listing .search-meta {
    display: none;
    padding-bottom: 10px;
}

.create-student-account-error { padding: 5px; }

.half-left {float: left; width: 46%}
.half-right {float: right; width: 45%}

.fourth-left {float: left; width: 23%; margin-right: 10px}
.fourth-left:last-child {margin-right: 0}

.third-left {float: left; width: 30%; margin-right: 20px;}
.third-middle {float: left; width: 32%; margin-right: 10px;}
.third-right {float: right; width: 31%; margin-right: 0;}

.nav-tabs > li > a {
    padding: 8px;
    background: #d7d7d7;
}

/* Application Cards */
.application-card {
    margin: 0;
    padding: 0;
}
.application-card li {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
    border-bottom: 0;
    border-radius: 6px;
    margin-bottom: 15px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2)
}

.application-card li:last-child {
    margin-bottom: 0
}

.application-card li.orange {
    border-left: 4px solid orange;
}

.application-card li.red {
    border-left: 4px solid red;
}

.application-card li.green {
    border-left: 4px solid green;
}

.card-course-name {
    font-size: 16px;
    /*margin-bottom: 3px;*/
}

.card-university-name {
    font-size: 13px;
    /*text-transform: uppercase;*/
    color: #adadad;
}

.card-status-label {
    margin-top: 5px;
    font-size: 12px;
}

.card-registration-comment, .card-update-status {
    margin-right: 10px;
}

.application-card-header {
    padding: 10px;
    /*border-bottom: 1px solid #CCC*/
}

/*.application-card-content {
    border-top: 1px solid #ccc;
}*/

.registration-history {
    margin-top: 10px;
    /* border-bottom: 1px solid #CCC; */
    border-top: 1px solid #CCC;
    padding-top: 10px;
    height: 300px;
    overflow: scroll;
}

.table > thead > tr > th {
    color: #ababab;
    font-weight: normal;
    position: relative;
}

#registration .intake, #course-shortlisted .intake, #registration .application-date, #registration .campus {
    width: 26%;
    margin-right: 5px;
    float: left;
}

.intake-container{
    margin-top: 15px;
}

.view-shortlist, .delete-shortlist {
    margin-top: 15px;
}

.reg-create {
    margin-left: 10px;
}

.lead-detail-container .btn-group>.btn {
    background: #EEE;
    border-color: #ababab;
    color: #444
}

.lead-detail-container label.btn.btn-primary.active {
    background-color: #33414e;
    border-color: #33414e;
    color: #FFF;
}

.material-form .form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    padding: 0;
    background: none;
    font-size: 14px;
}

.material-form label {
    font-weight: normal;
    color: #ababab;
    font-size: 11px;
}

.edit-course-container label, .single-lead-wrapper .material-form label {
    font-weight: normal;
    color: #a0a0a0;
    font-size: 13px;
}

.material-form .btn {
    padding: 4px 11px
}

.additional-requirements {
    padding-left: 0px;
}

.table-filter {
    float: right;
    position: absolute;
    right: 5px;
}

.sorting:before, .sorting_desc:before, .sorting_asc:before {
    display: none;
}

.table-filter a {
    color: #ababab;   
}

.filter-wrapper {
    position: absolute;
    background: #FFF;
    /*padding: 10px;*/
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2);
    top: 77%;
    z-index: 1;
    border-bottom: none;
    left: 86%;
    width: 180px;
    /*min-height: 250px;*/    
    /*cursor: default !important;*/
}

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

.filter-confirm {

}

.filter-cancel {
    background: none;
    color: #444;
    border-color: #DDD;
}

.filter-cancel:hover, .filter-cancel:focus, .filter-cancel:active {
    background-color: #F5F5F5;
    border-color: #DDD;
    color: #444
}

.datetimepicker-dropdown-bottom-right:before {display: none !important}

/*.table-filter {
    display: none
}*/

.filter-list {
    padding: 0;
    list-style: none;
    height: 180px;
    overflow: scroll;
    padding: 10px;
    margin-bottom: 0;
}

.filter-list li {
    margin-bottom: 5px;
}

.filter-wrapper label {
    font-weight: normal;
    color: #828282;
    text-transform: capitalize;
    cursor: pointer;
}

.filter-wrapper .filter-checkbox {
    margin-right: 5px;
}

.filter-btn-wrapper {
    overflow: hidden;
    border-top: 1px solid #E5E5E5;
    padding: 10px;
}

.filter-btn-wrapper.form-group {
    margin-bottom: 0 !important;
}

.date-filter-form {
    padding: 10px
}

.deactivate-filter {
    display: none;
}

.dataTables_length {
    padding: 1px 0px 5px;
}

.overdue-active a {
    background: green;
    color: #FFF !important;
    box-shadow: none !important;
}

.overdue-action-wrapper a {
    border: 1px solid #cecece;
    padding: 5px 10px;
    margin: 0 10px;
    color: #FFF;
    border-radius: 4px;
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.2);
    background: #ababab;
}
.overdue-action-wrapper a:hover, .overdue-action-wrapper a:active {
    color: #FFF;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.dt-buttons {
    float: right;
}

.dt-buttons button, .activate-filter, .export-btn {
    border: 1px solid #cecece;
    padding: 5px 10px;
    margin: 0 10px;
    color: #ababab;
    border-radius: 4px;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.dt-buttons button:hover, .activate-filter:hover, .export-btn:hover {
    color: #ababab;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.deactivate-filter {
    border: 1px solid #cecece;
    padding: 5px 10px;
    margin: 0 10px;
    background: green;
    border-radius: 4px;
    color: #FFF;
}

.deactivate-filter:hover {
    color: #FFF;
    text-decoration: none;
}

.filter-input {
    padding: 10px 10px 0 10px;
}

.xn-openable.active ul li span.xn-text {
    display: block;
}

/*#update-registration-comment .text {
    margin: 0
}*/

#update-registration-comment .messages.messages-img .item .text:after,  #update-registration-comment .messages.messages-img .item .text:before {
    content: none
}

#update-registration-comment .messages .messages-texts {
    height: 450px;
    overflow: scroll;
}

.card-registration-comment .comment-count {
    position: absolute;
    font-size: 12px;
    padding: 4px;
}

.dashed-underline {
    text-decoration: underline dashed;
}

/*th, td {
    white-space: nowrap;
}*/

.registration-doc-list {
    padding: 0;
}

.registration-doc-list li {
    border: none;
    box-shadow: none;
    margin-bottom: 5px;
}

.flash {
    -webkit-animation-name: flash-animation;
    -webkit-animation-duration: 1.5s;

    animation-name: flash-animation;
    animation-duration: 1.5s;
}

@-webkit-keyframes flash-animation {  
    from { background: #ababab; }
    to   { background: default; }
}

@keyframes flash-animation {  
    from { background: #ababab; }
    to   { background: default; }
}

.input-hidden {
    display: none;
}

/*.intake-info {
    margin-bottom: 20px;
}*/

.lead-info-container {
    border-radius: 5px;
    margin-bottom: 20px;
    background: #f3f3f3;
    padding: 10px;
}

#applications-table thead tr th:first-child,
#applications-table tbody tr td:first-child {
    width: 6em;
    min-width: 6em;
    max-width: 6em;
    word-break: break-all;
}

.overdue td {
    background: #FAEBE7 !important;
}

.overdue:hover td {
    background: #e8d5d0 !important;
}

.overdue {
    border-left: 4px solid red;
}

.paid td {
    background: #e1f7bd !important;
}

.paid:hover td {
    background: #95b75d !important;
}

.paid {
    border-left: 4px solid green;
}

.sort-button-wrapper {
    padding: 10px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background: #FFF;
    color: inherit;
}

.page-content-wrap {
    min-height: 600px; /* real browsers */
}

.course-list label {
    margin: 0;
    color: #444;
}

#add-daily-report, #add-batch-btn {
    margin-bottom: 10px;
}

.hidden {
    display: none !important;
}

#enrollment-payment-table {
    font-weight: 600;
    text-align: center;
}

.course-fee-calculations {
    display: none;
}