.dashboard-heading, .dashboard-sub-heading, .profile-heading {
    color: #1c1c1c;
    font-weight: 600;
    text-transform: capitalize;
}
.dashboard-heading {
    font-size: 26px;
}
.dashboard-sub-heading {
    font-size: 20px;
}

.dashboard {
    padding: 30px;
}
.dashboard-content {
    margin-bottom: 30px;
    font-size: 16px;
    color: #677788;
}
.back-to-dashboard {
    margin-bottom: 28px;
}

.dashboard-button {
    color: #A0322C;
    padding: 4px 12px;
    border:1px solid #A0322C;
    border-radius: 3px;
    font-size: 16px;
    display: inline-block;
    font-weight: 600;
}
/* Custom Calendar */
    .custom_calendar_info {
        color: #A3A3A3;
    }
    .custom_calendar_add {
        padding: 2px 10px;
        font-size: 15px;
    }
    .course_calendar_item span {
        font-weight: 15px;
    }
/* End */

/* Receipt styling */
.receipt {
    /* padding: 0 23px; */
}
.receipt-header {
    padding: 23px;
    color: #363636;
    border-bottom:1px solid lightgray;
}
.receipt-header p {
    line-height: 1;
}
    .receipt-logo {
    }
    .receipt-logo img {
        height: 60px;
    }
    .receipt-by-name {
        font-size: 23px;
        font-weight: bold;
    }
    .receipt-by-programme {
        letter-spacing: 0.28px;
        font-size: 18px;
        font-weight: normal;
        text-transform: uppercase;
    }
.receipt-body {
    color: #323232;
    line-height: 1;
    padding: 23px;
}
#download {
    cursor: pointer;
}

#download > a.cloud-download-text {
    color: #8c2d27;
}

#download:hover .fa {
    color: #8c2d27;
}
#download > .fa {
    cursor: pointer;
    color: #A0322C;
}
span {
    font-weight: bold;
}
    .receipt-heading{
        text-align: center;
        font-size: 39px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #A0322C;
        margin-bottom: 23px;
    }
    .receipt-info {
        margin-bottom: 23px;
    }
    .receipt-for, .receipt-fee, .receipt-total {
        border-bottom:1px solid lightgray;
        padding: 18px 0;
    }
    .receipt-timeline {
        text-align: right;
        margin: 23px 0;
    }
    .receipt-clearance {
        font-size: 23px;
        font-weight: normal;
    }
.receipt-footer {
    background-color: #A0322C;
    color: #ffffff;
    padding: 20px 23px;
    letter-spacing: 1px;
    font-weight: normal;
}
    .receipt-address {
        margin-bottom: 12px;
    }
@media (min-width: 768px) {
    .receipt-contact {
        display: flex;
        justify-content: space-between;
    }
}

/* Course Registration Styling */

.course_registration {
    padding: 30px 120px;
}
.course_registration_submit {
    padding: 30px 300px 30px 0;
}
.course_registration-state {
    font: normal normal 600 16px Open Sans;
    letter-spacing: 0px;
    color: #D6A64F;
    opacity: 1;
}
/* 1. Personal details */
.personal_details {
}
.personal_details-form {
}
.personal_details-group {
}
.persoanl_details-control, .exam_cities-control {
    display: flex;
    flex-direction: column;
}
.personal_details-mendotary, .personal_details-label {
    color: #363636;
    font: italic normal normal 15px Open Sans;
    letter-spacing: 0px;
}
.personal_details-label {
    font: normal normal normal 15px Open Sans;
}
.personal_details-input, 
.personal_details-select,
.exam_cities-select,
.exam_cities-input {
    width: 100%;
    padding: 10px 0;
    border: 0;
    outline: none;
    border: 1px solid #CAD1D7;
    border-radius: 5px;
    text-indent: 19px;
    font: normal normal 600 15px Open Sans;
    color: #363636;
}
.personal_details-edit {
    padding: 2px 3px;
    background-color: #EFEFEF;
    color: #9a9a9a;
    font-weight: 200;
}
.custom-date-select {
    width: 25%;
}

/* 2. Course Selection  */
.select_course {
}
.course-error {
    color: tomato;
    font: italic normal normal 15px Open Sans;
}
.select_course-status {
    font: italic normal normal 15px Open Sans;
    letter-spacing: 0px;
    color: #A43A35;
}
.select_course-form {
}
.select_course-control {
    letter-spacing: 0px;
    color: #363636;
}
.select_course-control .select_course-label {
    font: normal normal normal 16px Open Sans;
}
.select_course-control .select_course-info {
    font: normal normal normal 12px Open Sans;
}

.select_course-input {
    flex:0 0 5%;
}
.select_course-text {
    flex:0 0 80%;
    margin-right: auto;
}
.select_course-action {
    align-self: center;
}

.select_course-updated {
   padding: 4px;
   background-color: #EFEFEF;
   font-weight: 300;     
}
.select_course-ongoing {
   padding: 4px;
   background-color: #A43A35;    
   color: white;
   font-weight: 400;
}

/* Course selection diploma/foundation */
    .static_course_guide {
        color: #3C3830;
        letter-spacing: 0;
        font: normal normal normal 15px Open Sans;
    }
    .select_course_requisites {
        color: #000000;
        font-size: 12px;
        letter-spacing: 0;
    }
    .course_tag {
        font: normal normal 600 10px/28px Open Sans;
        letter-spacing: 0px;
        color: #FFFFFF;
        background-color: #47B1E8;
    }
    .course_tag_programming {
        background-color: #47B1E8;
    }
    .course_tag_ds {
        background-color: #1FC176;
    }
    .core_tag_css {
        background-color: red;
    }
    .recommend_tag_css {
        background-color: #fff;
    }
    .yellow_tag {
        background-color: #D4B20B;
    }
    .grey_tag {
        background-color: #D3D3D3;
    }
    .red_tag {
        background-color: red;
    }

    .empty_tag {
        font: normal normal 600 10px/28px Open Sans;
        letter-spacing: 0px;
        color: red;
        background-color: white;
        border-color: red;
        border-style: solid;
        border-width: 0.5px;
    }

    .modal-body {
        max-height: calc(100vh - 210px);
        overflow-y: auto;
    }

.rounded_corner {
    border-radius: 4px
}
/* 3. Select Exam Cities */
.exam_cities {
}

/* 4. Preview Final Form */
.preview_form_control {
    display: flex;
    flex-direction: column;
}

/* 6. Course Registration status */
.course_status {
    font: normal normal 600 16px Open Sans;
    letter-spacing: 0px;
}
.course_returned, .course_draft {
    color: #FF0000;
}
.course_approved {
    color: #0DAA13;
}
.course_verification {
    color: #FF9C48;
}
/* End of course registration templates styling */

/* Submitted documents and receipt */
.submitted_document {
    display: flex;
}
.document_status {
    font-size: 18px;
}
.document_type {
    font: normal normal 600 18px Open Sans;
    /* white-space: nowrap */
}
.document_type_span {
    letter-spacing: 0px;
    color: #000000;
}
.document_action {
    font-size: 14px;
    padding: 1px 5px;
}
/* End */

/* Student Identity */
.student-identity-content {

}
.student_identity{
    width: 40%;
    display: flex;
}

.student_identity_photo {
    flex: 0 0 20%;
    height: 140px;
}

.student_identity_photo img {
    height: 130.18px;
    width: 99.91px;
}

.student_identity_details {
    flex: 0 0 80%;
}
/* Student Identity */
.student-identity-content {

}
.student_identity{
    width: 40%;
    display: flex;
}

.student_identity_photo {
    flex: 0 0 20%;
    height: 140px;
}

.student_identity_photo img {
    height: 130.18px;
    width: 99.91px;
}

.student_identity_details {
    flex: 0 0 80%;
}

/* Exam City / preference / edit / hall ticket */

.edit_exam_city_preference {
    color: #989898;
    background-color: none;
    border: none;
    border: 1px solid #989898;
    display: inline;
    border-radius: 3px;
    padding: 3px;
    font-size: 12px;
    cursor: pointer;
}
.exam_city_info {
    width: 70%;
    font-size: 15px;
}
.preference_heading_date {
    font-size: 15px;
}

.disable_preference {
    pointer-events:none;;
}

.disable_edit_exam {
    color: lightgray;
    font-weight: 100;
    border-color: lightgray;
    cursor:not-allowed
  }
  .top-index {
    background-color: red;border:none;position: relative;z-index:10;margin-bottom:-67px; padding:30px 0;
  }
p {
    font-size: 1rem;
}

.currentState {
    color: #A0322C;
}


/* common styling */
    .green-bg {
        color: green;
    }

/* Common styling end */

.col-40 {
  width: 40%;
}

.col-20 {
  width: 20%;
}

.content-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 70px;
    margin-right: auto;
    margin-left: auto;
    /* overflow-y: scroll; */
}

/* Styling for Agree & Pay button DS  */
.razorpay-payment-button {
    color: #A0332D;
    border-color: #A0332D;
    text-transform: uppercase !important;
    cursor: pointer;
    margin-right: 0.5rem;
    border-width: 1px;
    will-change: transform;
    letter-spacing: 0.025em;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    padding: 0.625rem 1.25rem;                
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: all 0.15s ease;                
}

/* styling for confirmation button DS  */
.confirmation-button {
    color: #A0332D;
    border-color: #A0332D;
    text-transform: uppercase !important;
    cursor: pointer;
    margin-right: 0.5rem;
    border-width: 1px;
    will-change: transform;
    letter-spacing: 0.025em;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    padding: 0.625rem 1.25rem;                
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: all 0.15s ease;                
}

@media only screen and (max-width: 768px) {

    .content-fluid {
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
        margin-right: auto;
        margin-left: auto;
        overflow-y: scroll;
    }

    p {
      font-size: 1.125rem;
    }
    .dashboard, .course_registration {
        padding: 6px;
    }

    .dashboard .course_registration_submit {
        padding: 6px;
    }

    .dashboard-heading {
        font-size: 23px;
    }
    .dashboard-sub-heading {
        font-size: 18px;
    }
    .dashboard-list {
        font-size: 14px;
        color: #677788;
    }
    .back-to-dashboard {
        margin-bottom: 14px;
    }
    
    .student_identity{
        width: 100%;
    }
    .student_identity_photo {
        flex: 0 0 20%;
    }

    .student_identity_details {
        flex: 0 0 70%;
        margin-left: auto;
    }

    .dashboard-button {
        padding: 4px;
        border:1px solid #A0322C;
        border-radius: 2px;
        font-size: 14px;
        display: inline-block;
        font-weight: 600;
    }
    /* Course registration */
    /* 1. */
    .personal_details-input, 
    .personal_details-select {
        padding: 15px 0;
    }

    /* 2. */
    .select_course-input {
        flex:0 0 10%;
    }
    .exam_city_info {
        width: 90%;
        font-size: 15px;
    }

    /* Calendar */
    .custom_calendar_add {
        padding: 2px 8px;
        font-size: 12px;
    }


    /* end */

    .disable_edit_exam {
        color: lightgray;
        font-weight: 100;
        border-color: lightgray;
        cursor:not-allowed
    }
    /* 3. */
    .course_status {
        font: normal normal 600 12px Open Sans;
        letter-spacing: 0px;
    }

    /* End */

    /* Receipt responsive */
    .receipt {
        padding: 0;
    }
    .receipt-header, .receipt-body {
        padding: 6px;
    }
    .receipt-by-name {
        font-size: 18px;
        font-weight: bold;
    }
    .receipt-by-programme {
        letter-spacing: 0;
        font-size: 14px;
    }
    .receipt-heading{
        font-size: 29px;
        margin: 16px 0;
    }
    .receipt-info {
        margin-bottom: 16px;
    }
    .receipt-for, .receipt-fee, .receipt-total {
        padding: 14px 0;
        word-wrap: break-word;
    }
    .receipt-timeline {
        margin: 16px 0;
        line-height: 1;
    }
    .receipt-clearance {
        font-size: 18px;
    }
    .receipt-footer {
        padding: 6px;
        letter-spacing: 0;
    }
        .receipt-address {
            margin-bottom: 12px;
        }

    
    /* Submitted documents and receipt */
    .submitted_document {
        
    }
    .document_status {
        font-size: 13px;
    }
    .document_type {
        font-size: 13px;
    }
    .document_action {
        font-size: 12px;
        padding: 1px 3px;
    }
    /* End */

}