.mt30 {
    margin-top: 30px;
}

.enquiry-form legend {
    margin-bottom: 10px;
    margin-top: 10px;
}

    .mlr0 {
        margin-left: 0px;
        margin-right: 0px;
    }
    /* The container */
    .checkboxContainer {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .checkboxContainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .checkboxContainer:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkboxContainer input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }


    /* Show the checkmark when checked */
    .checkboxContainer input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkboxContainer .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-pro {
        padding: 8px 20px;
        padding: 8px 20px;
        color: #fff;
        border-radius: 4px;
        border: none;
    }

    .pro-orange {
        background-color: #f74e00;
        color: #fff;
    }

    .pro-grey {
        background-color: #232121;
        color: #fff;
    }


    .white-bg {
        background-color: #ffffff;
    }

    .p15 {
        padding: 15px;
    }

    .margin-30 {
        margin: 30px;
    }

    .btn-primary {
        margin-top: 5px;
    }

    .h3Text {
        font-weight: 600;
        font-size: 30px;
    }

    .fa-size {
        font-size: 50px;
    }

    .labelValue {
        color: #0e3054;
        font-size: 13px;
        font-weight: 700;
    }

    .pd10 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .btn-contact {
        /* padding: 8px 20px; */
        background: #f74e00;
        color: #fff;
        border-radius: 4px;
        border: none;
        margin-top: 10px;
    }

    .pending_doc .overlaydoc {
        color: #fff;
        transition: ease all 1s;
        text-align: center;
        position: absolute;
        display: block;
        max-width: 102px;
        font-size: 12px;
        border-radius: 3px;
        max-height: 107px;
        width: 100%;
        height: 100%;
        margin-top: 45px;
        opacity: 1;
        cursor: pointer;
    }

    .overlaydoc p span {
        background: white;
        color: #ff6a00;
        padding: 2px;
        border-radius: 2px;
        font-size: 10px;
    }

    .docs i {
        font-size: 120px;
    }

    .btn_area input {
        display: inline-block;
        margin: 10px;
    }

    h3.info {
        /*margin-top: -9px;
        margin-left: -10px;
        color: #fff;
        margin-right: -8px;
        background: #1470cc;
        padding: 5px 10px;
        border-radius: 15px;*/
        margin-top: -9px;
        margin-left: -10px;
        /*color:#fff;*/
        color: #797171;
        margin-right: -8px;
        /*background:#948989;*/
        background: #efefef;
        padding: 5px 10px;
        border-radius: 5px;
    }

    .studentdetails {
        padding: 10px;
        background: #f9f9f9;
        border-radius: 10px;
    }

    .agentdetails {
        padding: 10px;
        background: #f9f9f9;
        border-radius: 10px;
    }

    .profile_pic {
        /*border: 1px solid #1470cc;*/
        border-radius: 50%;
        width: 90px;
        height: 90px;
    }

    .content section {
        /*overflow-x: auto;*/
    }

    .remarks {
        border: 1px solid #ccc;
        height: 100px;
        width: 100%;
        margin: 10px 0px;
    }

    .docthumb {
        margin: 15px;
        max-width: 100px;
        height: 150px;
        display: inline-flex;
    }

    .pending_doc.docthumb:hover .overlay .doc_options {
        transition: ease all 1s;
        margin-top: 0px;
        opacity: 1;
    }

    .pending_doc.docthumb:hover .overlay {
        /*text-shadow: -6px -2px 5px;*/
        color: #fff;
        max-width: 150px;
        max-height: 177px;
        margin-top: 0px;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    }

    .pending_doc .overlay {
        /*text-shadow: -6px -2px 5px;*/
        color: #fff;
        transition: ease all 1s;
        text-align: center;
        position: absolute;
        display: block;
        max-width: 152px;
        font-size: 12px;
        border-radius: 3px;
        max-height: 59px;
        width: 100%;
        height: 100%;
        margin-top: 119px;
        background-color: rgb(192, 21, 48);
        /*z-index: 2;*/
        cursor: pointer;
    }

    .pending_doc .doc_options {
        transition: ease all 1s;
        opacity: 0;
        margin-top: -50px;
    }

    .pending_doc.doc_select {
        display: none;
    }

    /*Uploaded Docs*/

    .uploaded_doc .overlay, .selected_doc .overlay {
        /*text-shadow: -6px -2px 5px;*/
        color: #fff;
        transition: ease all 1s;
        text-align: center;
        position: absolute;
        display: block;
        max-width: 150px;
        font-size: 12px;
        max-height: 177px;
        width: 100%;
        height: 100%;
        margin-top: 0px;
        background-color: rgba(0, 0, 0, 0.47);
        cursor: pointer;
    }

    .doc_options {
    }

        .doc_options .green.fa {
            font-size: 50px;
            color: #b6ff00;
        }

        .doc_options .orange.fa {
            font-size: 50px;
            color: #ff6a00;
        }

    .uploaded_doc p, .selected_doc p {
        font-size: 12px;
    }

    .docthumb p {
        background: #ff6a00;
        line-height: 14px;
        margin: 0px;
        font-size: 12px;
        padding: 2px;
    }

    .mh45 {
        min-height: 45px;
        max-height: 45px;
    }

    .option_btns label {
        font-size: 12px;
        margin: 5px 0px !important;
        /*display: inline-block;*/
    }

    .option_btns {
        padding: 0px 13px;
        text-align: left;
        /*display: inline-block;*/
    }

        .option_btns label input[type="checkbox"]:checked + span:before {
            background: #4caf50;
        }

    a.example-image-link.btn {
        margin: 4px 3px;
        padding: 2px 6px;
        border: 1px #1470CC solid;
    }

    .doc_btns i.fa {
        font-size: 12px;
    }

    .doc_btns {
        bottom: 0px;
        left: 0px;
        width: 100%;
        position: absolute;
        display: inline-block;
    }

    .container-form {
        height: auto;
        padding: 5px;
        border-top: 1px solid #000000;
    }

    /* The container */
    .checkboxContainer {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 15px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .checkboxContainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

    /* Create a custom checkbox */
    .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .checkboxContainer:hover input ~ .checkmark {
        background-color: #ccc;
    }

    /* When the checkbox is checked, add a blue background */
    .checkboxContainer input:checked ~ .checkmark {
        background-color: #2196F3;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .checkboxContainer input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .checkboxContainer .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }


    .container-form {
        height: auto;
        padding: 10px;
        border: 2px solid #f74e00;
        border-radius: 5px;
    }


    .pr-head {
        position: absolute;
        top: 22px;
        left: 180px;
        color: #ed3d17;
        font-size: 14px !important;
    }

    .detailHeading {
        margin-bottom: 0px;
        color: #0e3054;
        font-size: 14px;
        font-weight: 600;
    }

    .mt30 {
        margin-top: 30px;
    }

    .alert-info {
        color: #ffffff;
        background-color: #f74e00;
        border-color: #ffffff;
    }

    .spinnerloader {
        color: #f74e00;
        font-size: 50px;
    }

    .spinnerload {
        color: #f74e00;
        font-size: 25px;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 155555555555;
        top: 0;
        right: 0;
        background-color: #fff;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 20px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .open {
        color: #0e3054;
    }

    .followup {
        color: #ff6a00;
    }

    .btn-pro {
        padding: 8px 20px;
        color: #fff;
        border-radius: 4px;
        border: none;
    }

    .pro-orange {
        background: #f74e00;
    }

    .pro-grey {
        background-color: #232121;
    }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    @@media screen and (max-height: 450px) {
        .sidenav {
            padding-top: 15px;
        }

            .sidenav a {
                font-size: 18px;
            }
    }

    .TrRow i {
        font-size: 25px;
    }

    .TrRow Div {
        min-width: 90px;
        height: 70px;
    }

    span.common-fa {
        font-size: 27px !important;
    }

    .dashboard-design .menu-li-1 {
        font-size: 18px;
    }

    .TrRow.row {
        font-size: 13px;
        background: #fff;
        margin: 0 0 10px 0;
        padding: 10px 10px 10px 10px;
        border: 2px solid #0e3054;
        vertical-align: middle;
        height: 90px;
        border-radius: 3px;
        box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
    }

    .legend {
        background: transparent;
        color: #fff;
        margin-left: -10px;
        padding-top: 20px;
        border-radius: 5px;
        min-height: 90px;
        font-size: 15px;
        margin-top: -10px;
        margin-bottom: -39px;
        text-align: center;
        color: #0e3054;
    }

    .dashboard-fieldset {
        border: 0px;
        position: relative;
        margin: 53px 0px 0px 9px;
        float: left;
        width: 98.5%;
        border-radius: 2px;
        margin-top: 0px;
        background: #fff;
    }

    .dashboard-design .menu-li-1 a {
        min-height: 88px;
    }

    .dashboard-design .menu-li-1 a {
        padding: 10px 0;
    }

    .dashboard-design .menu .fa {
        font-size: 60px;
        padding-bottom: 20px;
    }

    .menu, .menu-li-1 {
        display: flex;
        flex-wrap: wrap;
    }

    .modal-backdrop {
        z-index: 9999999999 !important;
    }

    table.fullWidth {
        table-layout: auto;
        width: 100%;
    }

    .js-scroll-bar {
        background-color: rgb(255, 102, 0) !important;
    }

    .margin-20 {
        margin: 20px;
    }

    .btn-primary {
        margin-top: 5px;
    }

    .h3Text {
        font-weight: 600;
        font-size: 30px;
    }



    .search_box1 {
        height: 54px;
        border-radius: 32px;
        border-color: #444;
        max-width: 100%;
    }

    .sectionWhite {
        background-color: #fff;
    }
.switchcss {
    margin: 2px;
    font-size: 12px;
    padding: 0px;
}
.margint-20{
    margin:5px 20px 20px 20px;
}
.widthSideNav {
    width: 750px !important;
}

@media only screen and (max-width: 768px) {
    .widthSideNav {
        width: 70% !important;
    }
}