body,p,h1,h2,h3,h4,h5,span,a, label{font-family: 'Roboto', sans-serif !important;}


    body{
        min-height:100% !important;
    }


    html{
    min-height:100% !important; 
    }


    /*my new css after the developmengt start here  */
    .email_spacesupport{
            width: 280px;
    }
    .btn:active:focus, .btn:focus{
        color:#FFF !important; 
    }
    .ifnolinkpayment{
        min-width: 117px;
        text-align: center;
        margin-top: 5px !important; 
    }

    .outer_validateaccount input{ font-family: 'Roboto', sans-serif !important; } 
    .sign_form  input{ font-family: 'Roboto', sans-serif !important; } 
    .fm-createAc input{ font-family: 'Roboto', sans-serif !important; } 
    .Eachotp-screen2 input{ font-family: 'Roboto', sans-serif !important; 
    height: 38px;
        border-radius: 2px;
    } 
    .data-content-box{
        font-family: 'Roboto', sans-serif !important ;
    }
    .each-right-pagedetails input{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 2px;
    } 
    .each-right-pagedetails select{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 2px;
    } 
    .each-right-pagedetails textarea{ font-family: 'Roboto', sans-serif !important; color:#000;  border-radius: 2px;
    } 
    .btn_pay_now{
        width: auto;
        color: #FFF !important ;
    }
    .for-same-h-input input{ height: 35px !important;
    padding: 6px 12px;
    }
    
    
    .for-same-h-input .each-row-spacing20 {
        margin-bottom: 20px;
    }
    
    .each-datafilter-each .datepicker input{     border-radius: 2px !important;}
    
    .table-data-font{
        font-family: 'Roboto', sans-serif !important; 
    }

    .admin-signouter   input{ color: #000 !important; }

        .search_dashboard_btn{margin-top:22px !important;
        color: #FFF !important;
        border-radius: 2px !important;}
        
    .pagination>.active>a{
        z-index: 3;
        color: #fff;
        cursor: default;
        background-color: #ff9f1a !important;
        border-color: #ff9f1a !important;
    }

    .admin-studentlist-actions{
        margin: 0px;
        padding: 0px;
        width: 290px !important;
    }

    .admin-studentlist-actions li{
            margin: 0px 0px 0px 15px;
        padding: 0px;
        display: inline-table;
        list-style-type: none;
        
        
        
    }



    .studentlist_mkapyment-btn{
        background: #ff9c00 !important;
        border: 2px solid #ff9c00!important;
        color: #FFF !important;
        /* min-width: 83px; */
        padding: 2px 6px !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: bold !important;
        white-space: nowrap;
        /*float: left!important; */
        border-radius: 20px;
    }

    .each-strict-inpt_notreq {
        font-weight: 600;
        float: left;
        width: calc(100% - 77px);
        BORDER: 1px solid #ccc;
        padding: 0px 0px;
        line-height: 32px;
        background: #FFF;
        color: #000;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        margin-left: -1px;
    }

    .each-strict-inpt_notreq  input{
        border:none; 
        width:100%; 
        height: 32px;
        
    }

    .input-for-audjustnent .form-control{
        height: 37px;
    }

    .number_ela_shade{ 
        background: #ededed;
        height: 35px;
        border-radius: 2px;
        padding: 6px 10px;
        border: 1px solid #ccc;
        color:#000;
        font-weight:normal;  
    } 

    .number_ela_shade2{ 
        background: #ededed;
        height: 35px;
        border-radius: 2px;
        padding: 6px 10px;
        border: 1px solid #ccc;
        color:#000 ;
        font-weight:normal; 
    }
    .error-username_exist{
        float: left;
        width: 100%;
        color: #ed141d;
        font-weight: bold;
        text-align: center;
        margin-bottom: 20px;
        font-size: 14px;
        font-family: 'Roboto', sans-serif !important;
    }

    .for_usemessages{
            padding: 10px;
        margin: 10px 0px;
        background-color: #edf7f7;
        border-color: black;
        float: left;
        width: 100%;
        text-align: center;
        color: #f11010;
        font-weight: 600;
        font-family: 'Roboto', sans-serif !important;
    }
    .landingpage_flowsteps{
        width:1112px; 
        display:block;
        margin-left:auto;
        margin-right:auto;    
        
    }
    /*my new css after the developmengt ends here  */



    .de_header {
        text-align: center;
        font-weight: 800;
        color:blue;
        font-family: Poppins;
        padding: 0px 0px 5px;
        font-size: 30px;
        width: 100%;
    }

    .de_header:before {
        border-style: solid;
        border-width: 4px 0 0 0;
        content: "";
        height: 1px;
        position: absolute;
        margin-top: 38px;
        margin-left: 160px;
        width: 70px;
        z-index: 5;
        border-color: #f07d00 !important;
    }

    .menu_container {
        left: 200px !important;
    }

    .de_para {
        text-align: center;
        font-size: 15px;
        font-family: poppins;
        font-weight: 500;
        padding: 5px 0px;
        width: 100%;
    }

    .de_box_para {
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        font-family: poppins;
        line-height: 22px;
        padding: 14px 28px;
    }

    .de_box {
        text-align: center;
        margin: 45px 0px;
    }

    .sign_form {
        /* background-color: rgb(255, 255, 255); */
        /* box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3); */
        width: 100% !important;
        /* margin-right: 20px; */
        /* min-height: 440px !important;  */
        padding: 20px 30px 38px 30px;
        /* margin-bottom: 70px; */
        margin: auto;
        min-height: 329px;
    }

    .sign_form .error{
        margin-top:0px;
    }

    .register_form {
        /* background-color: rgb(250, 250, 250); */
        /* box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3); */
        width: 100% !important;
        padding: 0px 30px;
        /* min-height: 440px !important; */
        /* padding: 30px; */
        margin: auto;
        /* margin-bottom: 70px; */ 
    }

    .sign_form h1 {
        text-align: center;
        font-size: 19px;
        color: #FF9C00;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        
        line-height: 45px;
        margin: 0px auto; 
    }

    .sign_form h4 {
        text-align: center;
        font-size: 16px;
        color: #e0dede;
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        margin-bottom: 25px;
        margin-top: 0px;
    }

    .register_form h1 {
        text-align: center;
        font-size: 19px;
        color: #FFF; 
        font-family: 'Roboto', sans-serif;
        font-weight: bold;
        line-height: 45px;
        margin: 0px auto;
    }

    label {
        font-size: 15px !important;
        width: 100% !important;
        font-family: poppins !important;
        font-weight: 600 !important;
    }

    .login_btn {
        border-radius: 5px !important;
        background-color: #064401; 
        font-size: 18px !important;
        font-weight: bold !important;
        color: #FFF;
        /* text-transform: uppercase; */
        font-family: 'Roboto', sans-serif !important;
        min-width: 125px;
        display: block !important;
        margin: auto;
    border-radius:2px !important; 
    }

    .login_btn:hover{
        background: #107f07;
        color: #FFF !important;
    }

    .register_btn {
        border-radius: 5px !important;
        background-color: #FF9C00;   
        font-size: 18px !important;
        font-weight: bold !important;
        color: #FFF;
        /* text-transform: uppercase; */
        font-family: 'Roboto', sans-serif !important;
        width: 135px;
        display: block !important;
        margin: auto;
            border-radius:2px !important; 
    }

    .register_btn:hover {
        background:#e67f06;
        color: #FFF !important;
    }


    .no_padding {
        padding: 0px !important;
    }

    .page_body {
        margin: 0px auto;
    }

    .de_ul {
        margin-left: 65px;
        font-weight: bold;
        font-size: 15px;
        margin-top: 8px;
    }

    .de_ul li {
        font-weight: 700;
        padding: 5px 0px;
    }

    .otp_form {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
        width: 48%;
        margin-right: 20px;
        min-height: 200px;
        padding: 50px;
        margin-bottom: 70px;
        width: 100%;
        position: relative;
    }

    .otp_form h1 {
        color: #545454;
        font-size: 20px;
        font-weight: bold;
        /*text-decoration: underline;*/
        text-align: center;
        margin-bottom: 20px;
    }

    .otp_form p {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #000;
        font-weight: normal; 
    }

    .otp_form p span {
        font-weight: bold;
    }

    .inner_menu {
        background: #f5ebe1;
        padding: 2px;
        color: #492a08;
        text-align: center;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: 800;
        /* margin-top: 30px; */
    }

    .de_nav li {
        font-weight: 600;
        list-style: none;
        font-size: 16px;
        color: #32383d;
        border-bottom: 1px solid #14570e;
        font-family: Poppins;
        /*padding: 10px 10px; */
        float: left;
        width: 100%;
    }

    .de_nav li:hover {
        background:#217919; 
    cursor:pointer	
    }

    ul.de_nav {
        background: #064401; 
        padding: 15px 0px 0px 0px;
        /* border-right: 2px solid #DEDEDE;
        border-left: 2px solid #DEDEDE; */
        height: 600px;
        /* min-height: 900px; */
        margin: 0px auto
    }

    .myprofile {
        background-image: url(../images/profile-new.png);
        /* height: 98px; */
        background-repeat: no-repeat;
        /* background-size: 50px; */
        background-position: 20px;
        padding: 12px 45px;
    }

    .changepass {
        background-image: url(../images/password_new.png);
    /* height: 98px; */
    background-repeat: no-repeat;
    /* background-size: 50px; */
    background-position: 20px;
    padding: 12px 45px;
    }

    .billpay {
        background-image: url(../images/billpayment_new.png);
    /* height: 98px; */
    background-repeat: no-repeat;
    /* background-size: 50px; */
    background-position: 20px;
    padding: 12px 45px;
    }

    .paidbill {
        background-image: url(../images/billpayment_new.png);
        /* height: 98px; */
        background-repeat: no-repeat;
        /* background-size: 50px; */
        background-position: 20px;
        padding: 12px 45px;
    }

    .viewbill {
        background-image: url(../images/billpayment_new.png);
        /* height: 98px; */
        background-repeat: no-repeat;
        /* background-size: 50px; */
        background-position: 20px;
        padding: 12px 45px;
    }

    .logout {
        background-image: url(../images/logout_new.png);
        /* height: 98px; */
        background-repeat: no-repeat;
        /* background-size: 50px; */
        background-position: 20px;
        padding: 12px 45px;
    }

    .de_nav li a {
    color: #FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;

        width: 100%;
        float: left;
        padding: 13px 10px 11px 10px;
        text-decoration:none;

    }


    .de_nav li a:hover {
        text-decoration:none;
    }

    .page_title {
        font-weight: bold;
        text-transform: uppercase;
        color: #ff7300;
        margin: 30px 0px;
        font-size: 22px;
    }

    .page_title span {
        color: #545454;
    }

    .half_form {
        width: 50%;
    }

    .half_form label {
        width: 50%;
        padding: 0px 15px;
        text-align: right;
        font-size: 13px;
        font-weight: 600;
    }

    .half_form input,
    .half_form select {
        width: 50%;
    }

    .pay_sucess {
        border: 1px solid #e2e2e2;
        min-width: 200px;
        min-height: 300px;
        float: left;
        font-family: 'Roboto', sans-serif !important;
        color: #000;

    }

    .pay_sucess p {
        text-align: center;
        margin: 50px 0px 20px;
        font-weight: bold;
        font-size: 16px;
        color: #545454;
    }

    .pay_sucess span {
        font-size: 18px;
        padding: 20px;
        float: left;
        font-weight: 600;
    }

    .policy_div {
        padding: 10px 20px;
        font-size: 24px;
        font-weight: bold;
        color: #2c2c2c;
        background: #EFEFEF;
        border-top: 1px solid #545454;
        border-bottom: 1px solid #545454;
    }

    .policy_head {
        font-size: 16px;
        font-weight: bold;
        padding: 12px 20px;
        color: #545454;
    }

    .div_img {
        margin-top: 45px;
        text-align: center;
    }

    .pay_details {
        text-align: right;
        font-size: 14px;
        font-weight: 600;
        padding-top: 25px;
        line-height: 20px;
    }

    a.view_btn {
        border: 2px solid #ff7300;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
    }

    a.cus_view_btn {
        border: 2px solid #ff7300;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
    }

    a.cus_view_btn:hover {
        border: 2px solid #ff7300;
        padding: 4px 10px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        background-color: #ff7300;
        color: white;
    }

    a.down_btn {
        border: 2px solid #337ab7;
        padding: 4px 13px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        color: #FFF !important;
    }

    table.table-bordered.dataTable tbody th,
    table.table-bordered.dataTable tbody td,
    .table>thead:first-child>tr:first-child>th {
        font-size: 12px !important;
    }

    div.dataTables_wrapper div.dataTables_length label {
        display: none;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        text-align: right !important;
        font-size: 13px;
    }

    .pagination {
        font-size: 10px;
    }

    ul.nav-tabs {
        background: #F4F4F4;
    }

    ul.nav-tabs li a {
        text-align: center;
        padding: 8px 25px;
    }

    ul.nav.nav-tabs {
        padding-left: 65px;
    }

    .viewincart {
        box-shadow: 1px 2px whitesmoke;
        padding: 10px;
        margin: 10px 0px;
        background-color: #ffe3db;
        border-color: black;
        float: left;
    width: 100%;
    }

    .cart_btn {
        border: 2px solid #ff7300;
        padding: 4px 13px;
        border-radius: 20px;
        font-size: 12px;
        font-weight: bold;
        color: white!important;
        background-color: #ff7300;
    }

    .cart-tab {
        background-color: #F8F8F8;
        padding: 20px 30px 60px;
    }

    .carttable {
        background-color: white;
        box-shadow: 0px 17px 69.6px 17.4px rgba(0, 0, 0, 0.1);
    }

    .cart_row {
        padding: 8px;
        line-height: 5;
        vertical-align: middle !important;
        border: none !important;
        text-align: center;
    }

    .cart_lbl {
        font-weight: 600;
        color: #ff7300;
    }

    .cart_text {
        font-weight: 600;
    }

    .cart_pay_btn {
        padding: 20px;
        float: right;
    }

    .main_admin_dashboard {
        box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .search_btn {
        border-radius: 0px !important;
        margin: 0px 20px;
        font-weight: 600;
        background-color: #ffe3db;
    }

    .clear_btn {
        border-radius: 0px !important;
        margin: 0px 20px;
        font-weight: 600;
        background-color: #e76ddd !important;
    }

    .export_btn {
        border-radius: 0px !important;
        margin: 0px 20px;
        font-weight: 600;
        background-color: #ffe3db;
    }

    .admin-menu {
        background-color: #064401;
    }

    .admin-menu ul li a {
        color: white;
        display: block;
        text-decoration: none;
        font-weight: 500;
        font-size: 15px;
        font-family: 'Roboto', sans-serif !important;
        padding: 12px 15px;
        font-family: 'Roboto', sans-serif;
    }
    .admin-menu ul li a img{
        margin-right:5px;
        margin-top: -2px;
    }

    .admin-menu ul {
        padding: 25px 0px;
        margin: 0px auto;
        /* min-height: 810px; */
        min-height: 600px;
    }

    .admin-menu ul li {
        list-style: none;
        margin: 0px 0px;
        border-bottom: 1px solid #14570e;
    }


    .admin-menu li a i {
        content: "\f007";
        color: #ff9c00;
        font-size: 16px;
        margin-right: 7px;
    }

    .admin-menu a:hover {
        background: #217919;
        cursor: pointer;
    }

    .admin-menu a.active {
        background-color: #4CAF50;
        color: white;
    }

    .admin_logout {
        border-top: 1px solid white;
        bottom: 0px;
        position: absolute;
        width: 90%;
        margin: 0px auto !important;
    }



    .admin_pagination {
        margin-top: 170px;
    }
    .admin_pagination nav ul {
        border-radius: 0px;
    }
    .admin_pagination pagination-lg>li>a .aact {
        background-color: yellow;
    }
    .nav_icon {
        padding: 10px 15px;
    }
    .logout_icon {
        transform: rotate(180deg);
    }
    .status_active {
        color: green;
        font-weight: 600;
    }
    .status_inactive {
        color: red;
        font-weight: 600;
    }
    .full_customer_details {
        margin: 20px;
        width: 60%;
        padding: 30px 20px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
    }
    @media screen and (max-width: 375px) {
        .full_customer_details {
            margin: 20px;
            width: 80%;
            padding: 30px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 1px 8px 0px rgba(6, 6, 6, 0.3);
        }
    }
    .cust_cancel {
        width: 120px;
        border-radius: 0px;
        color: white;
        background-color: #3c4038;
        border: 1px solid #3c4038;
        font-weight: 700;
        margin-top: 40px;
        margin: 0px 30px;
    }
    .cust_update {
        width: 120px;
        border-radius: 0px;
        color: white;
        background-color: #ff7300;
        border: 1px solid #ff7300;
        font-weight: 700;
        margin-top: 40px;
        margin: 0px 30px;
    }
    .lbl_right {
        text-align: right;
        font-weight: 600;
        color: black;
        padding: 15px;
        font-size: 14px;
    }
    .td_right {
        font-weight: 600;
    }
    .active_right {
        color: green;
    }
    .de_box img {
        width: 95%;
    }
    input,
    select,
    textarea {
        padding: 8px 5px;
        width: 100%;
        line-height: 30px;
        border-radius: 5px;
        border: 1px solid #DEDEDE;
        font-weight: 500;
    }
    .error {
        color: red;
        margin: 10px auto;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }
    .forgot_pwd {
        text-align: center;
        font-weight: bold;
        font-size: 16px;
        margin-top: 15px;
    }
    .form-group {
        height: 85px !important;
    }
    .form-group.no-label {
        height: 60px !important;
    }
    .special-label {
        height: 85px !important;
    }
    .glyphicon-remove:before,
    .glyphicon-ok:before {
        display: none;
    }
    .help-block {
        color: red !important;
        font-weight: normal; 
        font-family: 'Roboto', sans-serif !important;
        margin-top: 1px;
    }
    .no_padding {
        padding: 0px;
    }
    .full_customer_details .col-md-5 label {
        text-align: right;
        color: #000;
        margin: 5px 0px;
    }
    .full_customer_details .col-md-7 {
        margin: 5px 0px;
        text-align: left;
        color: #838383;
        font-weight: 600;
    }
    .back_button {
        color: #545454;
        float: right;
        margin: 15px;
        font-weight: bold;
    }
    .alert {
        font-weight: bold;
        text-align: center;
    }
    .status_inactivestatus_active {
        font-weight: bold;
        color: red;
    }
    .pdf_policy_head {
        font-size: 18px;
        font-weight: 600;
        padding: 20px;
        color: #545454;
        font-family: poppins
    }

    .de_nav .active  {
        color: #e6003b !important;
        background-color: #e5dfcb;
    }
    .de_nav .active a {
        color: #e6003b;
    }
    .admin-active {
        background: #e6003b;
    }
    @media screen and (max-width: 919px) {
        .form-group {
            height: 100px !important;
        }
        
        .de_header {
            font-size: 165% !important;
        }
        
        .de_header:before {
            margin-top: 30px;
            margin-left: 32%;
        }
        
        .de_para {
            font-size: 13px !important;
            padding: 5px 15px !important;
        }
        
        .sign_form {
            width: 100% !important;
            min-height: 360px !important;
            padding: 10px 8%;
			
        }
        
        .register_form {
            width: 100% !important;
            margin-left: 0px !important;
            min-height: 525px !important;
            padding: 10px 3%;
        }
        
        .register_btn {
            margin-top: 15px !important;
        }
        
        .otp_form {
            min-height: 200px !important;
        }
        
        .page_title {
            font-size: 16px !important;
            padding-top: 20px;
        }
        
        form {
            margin-bottom: 20px !important;
        }
        
        .col-md-6 label,
        .col-md-4 label {
            text-align: left !important;
        }
        
        .admin-menu ul {
            min-height: 285px !important;
            /* min-height: 400px !important; */
        }
        
        .policy_head {
            width: 50% !important;
            float: left;
        }
        
        .pay_sucess p {
            font-size: 13px;
        }
        
        .main_admin_dashboard {
            margin-bottom: 20px;
        }
        
        .pay_sucess {
            margin-bottom: 20px;
        }
        
        .full_customer_details {
            width: 100% !important;
            margin: 0px auto;
        }
        
        .full_customer_details .col-md-5 label {
            text-align: left;
        }
        
        .dtr-title table {
            display: none;
        }
		
		.mobile_sign-form{
			margin-top:20px !important; 
			
		}
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {
        .form-group {
        height: 120px !important;
    }
    #Footer_3 p{
        text-align:left !important;  
    }
    .register_form, .sign_form{
        /*min-height:470px !important;*/
    }
    }
    
    @media screen and (max-width:414px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 1000px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 768px) {
        .form-group {
        height: 100px !important;
    }
    a.view_btn{
        font-size:13px !important;
    }
    }

    @media screen and (max-width: 850px) {
        .form-group {
        height: 78px !important;
    }
    }

    @media screen and (max-width: 650px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 550px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 480px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 414px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
        .form-group {
        height: 100px !important;
    }
    }

    @media screen and (max-width: 325px) {
        .form-group {
        height: 100px !important;
    }
    .cart-tab {
        font-size: 10px;
    }
    }
    @media only screen and (min-device-width: 411px) and (max-device-width: 731px) {
    .form-group {
        height: 90px !important;
    }
    }

    @media only screen and (min-device-width: 412px) and (max-device-width: 732px) {
        .form-group {
        height: 84px !important;
    }
    }

    @media screen and (max-width: 919px) {
        .cart_btn {
            display: flex;
            justify-content: center;
            text-align: center;
            margin: 10px auto !important;
            width: 100%;
            float: left;
        }
        .backbtn{
            margin: 10px auto !important;
        }
        .pwdbg{
            margin-top:-10px !important;
        }
        .cart-tab{
            padding:0px !important;
        }
        
    }
    .backbtn{
        margin-top: -65px;
        float: right; 
    }
    .pwdbg{
        width:100%;
        margin-top: -25px;
    }
    @media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (-webkit-min-device-pixel-ratio: 1){
        .de_box {
        margin: 0px 30%;
        width: 45% !important;
        float: left;
        margin: 2%;
    }
    }


        /* St Augustian colleg Css start here*/

        @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,900;1,100;1,300&display=swap');
        
    .full-width{ 
        float: left;
        width: 100%;
    }

    .each-payment-outer-icon{
        float: left;
        width: 289px;
        background: #e6003b;
        font-family: 'Roboto', sans-serif;
        font-weight: 600;
        padding: 5px 20px 10px 20px;
    }

    .each-w-auto{
        width: auto !important;
    }

    .each-payment-outer-icon p{
        font-size: 18px;
        font-weight: 600;
        color: #FFF;
        text-align: center;
        line-height: 23px;
        margin: 0px 0px 5px 0px;
        padding: 0px;

    }
    .each-payment-outer-icon img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .each-payment-outer-contnet{
        color: #000;
        font-size: 14px;
        width: 100%;
        float: left;
        border: 1px solid #e0e0e0;
        padding: 20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        text-align: center;
        margin: 73px 0px 0px 0px;
        background: #f1fdf0;
    }

    .each-payment-outer{
        margin-top: 20px;
    }

    .outer_cards{

        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        color: #000;
        line-height: 20px;
        text-align: center;
        

    }
    .outer_cards  ul{
        margin: 60px 0px 0px 0px;
        padding: 0px;
    }

    .outer_cards  ul li{
        margin: 0px 30px 0px 0px;
        padding: 0px;
        background: #f2f2f2;
        box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
    -webkit-box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
    -moz-box-shadow: -1px -1px 5px 0px rgba(145,145,145,0.75);
    width: 22.7%;
    list-style: none;
    display: inline-table;
    padding: 20px;
    float: left;
    position: relative;

    }


    .outer_cards  ul li:last-child{
        margin: 0px 0px 0px 0px;
    }

    .outer_cards img{
        width: 80% !important;
        margin-bottom: 20px;

    }


    .outer_cards p{
        text-align: center;
    }


    .outer_cards h2 {
        color: #e6003b;
        font-size: 20px;
        margin: 16px 0px;
        padding: 0px;
    }

    .Each-Posicon{
        position: absolute;
        background: #f3e9ca;
        border: 1px solid #c5c5c5;
        border-radius: 20px;
        top: -17px;
        width: 118px;
        line-height: 32px;
        font-size: 20px;
        font-weight: 600;
        left: 25%;
    }

    .each-sign-form{
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .fm-signin{
        background: #f7f7f7; 
        border: 1px solid #e1e1e1;
        font-family: 'Roboto', sans-serif;
        /* min-height: 380px !important; */
    }

    .fm-createAc{
        background: #064401;
        border: 1px solid #e1e1e1;
    padding: 20px 0px 33px 0px;
        float: left;
        width: 100%;
        min-height: 332px !important;
        /* min-height: 380px !important; */ 
    }


    .sign_form .form-group.no-label{
        height: auto !important; 
        margin-bottom: 19px !important;
    }

    .sign_form .form-control{
        height: 38px;
        border-radius:2px; 
    }

    .payment-popup12{
        font-size: 16px;
        font-weight: 600;
        text-align: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 288px;
        float: none;
    }

        .newpopup1 .modal-header .close {
        margin-top: -35px;
        font-size: 44px;
        color: #000;
        opacity: 1;
        font-weight: 600;
    }



    .forgot-Pass-st{
        color: #000 !important;
    
        margin-top: 20px;

    }
    .forgot-Pass-st:hover{
    text-decoration: underline;
    }


    .forgot-Pass-st:hover{
    color: #3d3d3d;
    }



    .register_form .form-group{
        height: auto !important;
        margin-bottom: 19px !important;
    }

    .register_form .form-control{
        height: 38px;
        border-radius:2px; 
    }

    .each-inner-headding{
    background: #f1fdf0;
        /* border-left: 5px solid #064401; */
        font-size: 18px;
        color: #000;
        margin: 3px 0px 23px 0px;
        padding: 0px 0px 0px 25px;
        line-height: 38px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif !important;
        float: left;
        width: 100%;
        position: relative;
    }
        


    }

    .fonr_nefont{
        font-family: 'Roboto', sans-serif !important;
    }

    .fonr_nefont label{
        font-family: 'Roboto', sans-serif !important;
        color: #000!important;
        font-weight:normal!important;
    }

    .each-headding-address{
        text-transform: uppercase;
        text-decoration: underline;
        color: #000;
        font-weight: 600;
        font-size: 16px;
        margin: 4px 0px 2px 0px;
    }

    .fonr_nefont .form-group{
        height: 60px !important;
        margin-bottom: 19px;
    }

    .field-padding-left{ 
        padding-left: 0px !important; 

    }

    .font-text-trnone{
        text-transform: none;
    }

    .each-inner-headding span {

        color:#ff9c00;
    }

    .bg_forgotpass{
        background: #f7f7f7;
        border: 1px solid #e2e2e2;
        padding: 35px 0px;
        margin-top: 38px;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75);
    }

    .pattern_requiredfiled{
        color:#f00642;
    }

    .each-padd-r-0{
        padding-right: 0px !important;
    }

    .each-lable-pattern{
        font-family: 'Roboto', sans-serif !important;
        color: #000;
        font-size: 14px;
        font-weight:normal;
        
    }

    .mb-0-formgroup{
        margin-bottom: 0px !important;
    }

    .mt-maibutton{
        margin-top: 20px;

    }

    .newfont-family{
        font-family: 'Roboto', sans-serif !important;
    }


    .formlabel_new label{
        font-family: 'Roboto', sans-serif !important;
        color: #000000;
        font-weight: normal !important;
    }

    .formlabel_new .form-control{
        border-radius:2px !importnat;
        border:1px solid #ccc;
        box-shadow:none !important;
        
    }

    .each-mb-15{
        margin-bottom: 15px;
    }


    .formlabel_new select.form-control{ width: 100% !important;}

    .textearea_new{
        resize: none;
        min-height: 65px;
    }
    .table-color-aggree{
        color:#f00642;
    }

    .font-newhiint{
        text-align: right;
        font-size: 13px;
        color: #949494;
        font-family: 'Roboto', sans-serif !important;

    }



    .btn_view_new{
    background: #dff0d8 !important;
    border: 2px solid #9fba94 !important;
    color: #000 !important;
    /* min-width: 83px; */
    padding: 4px 10px !important; 
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    white-space: nowrap;
    }

    .btn_view_new:hover{
        background: #b3c0ad; 
        border: 2px solid #345129 !important;
    }

    .btn_view_new a{
        text-decoration: none !important;
    }

    .each_newtable_font{
        font-family: 'Roboto', sans-serif !important;

    }




    table.table-bordered.dataTable tbody td {
        font-size: 12px !important;
		vertical-align: middle;
		padding: 6px 8px !important;
    }

    .table>thead:first-child>tr:first-child>th{
        font-size: 14px !important;
		vertical-align: middle;
    }
	
	.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #FFF !important; 
}



    .btn_download_new{
        background: #32759b !important;
        border: 2px solid #32759b !important;
        color: #FFF !important;
        /* min-width: 83px; */
        padding: 4px 22px !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: normal!important ;
        }

        .btn_download_new:hover{
            background: #164a68 !important;}


            .manage-backbutton{
            width: 85px;
        background: #FFF;
        height: 34px;
        border-radius: 30px;
        margin-top: -15px;
        color: #FFF!important;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 32px;
        border: 1px solid #414141;
        margin-right: 10px;
        background: #064401;
    }

    .manage-backbutton a{
        text-decoration:none!important ;
    }


    .manage-backbutton:hover{
        background:#FF9C00;
        border: 1px solid #FF9C00;
        text-decoration:none!important ;
    }

    .fonr_nefont2 .form-group{
        height: auto !important;

    }

    .know-eachuser{
        margin-top: -58px;
        background: #f5f2e9;
        width: 100.4%;
        position: absolute;
        margin-left: -16px;
        /* border-left: 1px solid #f5f2e9;
        border-right: 1px solid #f5f2e9; */
        border: 1px solid #c5c3bf ;
        padding: 5px 10px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }

    .know-eachuser span {
        color: #448f13cc;
    }
    .fonr_nefont2{
        font-family: 'Roboto', sans-serif !important;
    }

    .fonr_nefont2 label{
        font-family: 'Roboto', sans-serif !important;
        color: #333333;
    }

            
    .pay_sucess img{
        width: auto !important;

    }

    .pay_details{
        font-weight: normal;

    }

    .invioce_eachheadding{
            background: #e4f0e3;
        border-top: 1px solid #dadada;
        border-bottom: 1px solid #dadada;
        font-size: 16px;
        color: #000;
        line-height: 40px;
        text-align: center;
        font-weight: bold;
        margin-top: 15px;
    }



    .Each-feedeatils{
        padding: 10px 20px;
        font-size: 20px;
        font-weight: bold;
        color: #FFF;
        float: left;
        width: 185px;
        background: #e6003b;
        margin-top: 25px;
    }

    .Each-feedeatils:after {
        content: "";
        position: absolute;
        right: -20px;
        top: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #e6003b;}


        .arrow_new{
            position: relative;
        background: #e6003b;
        height: 40px;
        line-height: 21px;
        margin-bottom: 10px;
        text-align: left;
        color: #fff;
        }

        .eachrow_details{
            float: left;
            width: 100%;
            border-bottom: 1px solid #dadada;
        }

        .eachrow_details .policy_head{
            font-size: 15px;
            font-weight: normal;
            color: #000;
            padding: 6px 20px;
        }

        .each-filter-buttons{
            margin: 19px 0px 51px 29px;
        }

        .Eachotp-screen1{
            display:block !important;
            margin-left: auto !important;
            margin-right: auto !important;
            /* background: #f5f2e9; */
            float: none !important;
            font-family: 'Roboto', sans-serif !important;
            /* margin-top: 50px; */
            margin-bottom: 50px;
        }
        .Eachotp-screen2{
        
            background: #FFF;
            margin-top: 40px;
            
        
        }

        
        .Eachotp-screen1 h1{
            color: #e6003b;
            text-decoration: none;
            font-size: 22px;
            margin-bottom: 8px;
            margin-top: 0;
        }

        .Eachotp-screen1 input{
            text-align: center;
            font-family: 'Roboto', sans-serif !important;
            color: #000;
            font-size: 16px;
        }

        .Eachotp-screen1 .login_btn{
            text-transform: none;
        }

        .Otp-resend{
            color: #000 !important;
            text-decoration: underline;
            font-weight: 16px !important;
            font-weight: 600;
        }

        .btenmark{
            margin-top: 30px;
        position: relative;}

        .cap-arrow1{

            background-image: url(../images/cararrow-signin.png) ;
            background-repeat: no-repeat;
            height: 114px;
        width: 110px;
        position: absolute;
        left: 0;
        top: 0;
    
        }


        .cap-arrow2{

            background-image: url(../images/cararrow-create.png) ;
            background-repeat: no-repeat;
            height: 114px;
        width: 110px;
        position: absolute;
        right: 0;
        top: 0;
        
        }

        .headding_password{
            float: left;
        width: 100%;
        /* background: #064401; */
        color: #095e02;
        font-size: 21px;
        text-align: center;
        position: absolute;
        line-height: 40px;
        margin-top: 25px; 
        left: 0;
        top: 0;
        font-weight: 600;
        }
        
            .headding_password2{
            float: left;
        width: 100%;
        /* background: #064401; */
        color: #095e02;
        font-size: 21px;
        text-align: center;
        position: absolute;
        line-height: 40px;
        margin-top: 45px; 
        left: 0;
        top: 0;
        font-weight: 600;
        }
        .each-ceratepass-place{
            margin-bottom: 0px !important;
        }

        .each-ceratepass-place input{
            font-size: 15px;
            text-align:left !important;
        
        }
        
        .each-ceratepass-place label{
            font-size: 15px;
            font-weight:normal!important;
            color:#000!important;
        
        }
        .mt-30-cpaword{
            margin-top:30px;
        }

        .mt-15-cpaword-btn{
    margin-top: 15px;
        }

        .each-password-hint{
            /*background: #efefef;
            border: 1px solid #ccc;
            padding: 25px;*/
                float: left;
        margin: 30px 0px 0px 0px
            
        }

        .each-password-hint ul{
            margin: 0px;
            padding: 0px;

        }

        .each-password-hint ul li{
            margin: 0px;
        padding: 0px;
        display: block;
        list-style-type: none;
        color: 000;
        line-height: 20px;
        font-family: 'Roboto', sans-serif !important;
        font-size:14px;
        color:#000;
        }


        .each-password-hint span{
            float: left;
            margin-right: 7px;
            margin-top: -1px;
            color: #7b7878;
        }

        .each-password-hint p{
            font-weight: 600;
        color: 000;
        margin: 0px 0px 3px 0px;
        font-size: 14px;
        }

        .each-forgotpass-outer{
            width: 450px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        background:#f9f9f9;
        }
    .mt-dist-40{
        margin-top: 40px;
    }

    .mt-dist-30{margin-top: 30px;}
    /* asda */

    /* admin side pages */
    .admin-signouter{
    background: #f6f6f6;
        margin-top: 50px;
        margin-bottom: 30px;
        width: 100% !important;
        padding: 50px 50px;
        border: 1px solid #e5e5e5;


    }

    .admin-signouter .hedaaing_small{
        color: #373737;
    }

    .con-ui-chnages{
        font-family: 'Roboto', sans-serif !important;
    }

    .unic-font{
        font-family: 'Roboto', sans-serif;
    }


    .admin-fmbutton{
        border-radius: 5px !important;
        background-color: #e6003b;
        font-size: 17px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;
        min-width: 177px;
        display: block !important;
        margin: auto;
        text-transform: none;
        height: 36px;
    }


    .admin-exportbutton{
        border-radius: 5px !important;
        background-color: #434340;
        font-size: 17px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;
        min-width: 177px;
        display: block !important;
        margin: auto;
        text-transform: none;
        height: 36px;
    }


    .form-group.side_admin {
        height: 64px !important;
    }

    

    .btn_view_new {
    background: #086001 !important;
        border: 2px solid #086001!important;
        color: #FFF !important;
        /* min-width: 83px; */
        padding: 2px 6px !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: bold !important;
        white-space: nowrap;
           /* float: left;*/ 
    }

    .btn_view_new:hover{
        background: #ead0ab !important;
            border: 2px solid #ead0ab!important;
            color:#000 !important;
    }


    .admin_editdeatials_btn {
        background: #FFF !important;
        border: 2px solid #e6003b !important;
        color: #000 !important;
        /* min-width: 83px; */
        padding: 4px 22px !important;
        text-decoration: none !important;
        font-size: 14px !important;
        font-weight: bold !important;
        white-space: nowrap;
    }

    .header-bg-stcollege{
            /*background-image: url(../images/ELA-banner.jpg) ;*/
                background-image: url(../images/ELA-banner_new_revised2.jpg) ; 
                background-size:cover;
            /* min-height: 150px; */
    }

    .header-bg-stcollege img{ 
        margin: 10px 30px;
    }


    .mainheader-bg-stc{
        background: #FFF !important;
        border-bottom: 15px solid #ff9f1a!important; 
        margin-bottom: 40px;
        border-left:none;
        border-right:none;
        border-top:none;
    }

    .st-footer-contacts{
        box-shadow: -12px 0 24px -8px rgb(0 0 0 / 52%);
        margin-top: 50px;
        padding: 12px 0px;
        float: left;
        width: 100%;
    }

    .st-fotter-social{
        margin:0px;
        padding: 0px;
        
    }

    .st-fotter-social li{ 
        display: inline;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .st-fotter-social li a{
        margin: 0px 8px 0px 0px;
        padding: 0px;

    }
    .st-fotter-social li .fa{
        color: #e6003b;
        background: none;
        font-size: 17px;
    }


    .st-fotter-con{
        margin: 0px;
        padding: 0px;
    }

    .st-fotter-con li{ 
        display: inline;
        list-style: none;
        margin: 0px;
        padding: 0px;
        color: #000;
        font-size: 13px;
        font-family: 'Roboto', sans-serif !important;
    }

    .st-fotter-con li .fa{
        margin-right: 5px;
    }

    .st-fotter-con li:first-child{
        margin-right: 15px;
    }

    .st-fotter-con li a{
        color: #e6003b;
    }

    .st-footer-mainlogo{
        background: #e6003b;
        padding: 70px 0px;
    }


    .footer-menu-stcol{
        margin: 0px;
        padding: 0px;
        text-align: center;
    }


    .footer-menu-stcol li{
        margin: 0px 20px ;
        padding: 0px;
        display: inline-table;
    }

    .footer-menu-stcol li a{
        color: #FFF;
        font-family: 'Lora', serif;
        font-size: 15.5px;
        text-transform: uppercase;
        font-weight: 600;
        text-decoration: none;
    }

    .padding-fottershade{
        /* padding-bottom: 11px; */
    }

    .ftr_logo1 img{

        display: block;
        margin:50px auto 0px auto;
        max-width: 256px;
        
    }


        .social-fterlogo{
            float: left;
            width: 100%;
            text-align: center;
        }


        .social-fterlogo-icon{
            margin:15px 0px 0px 0px;
            padding: 0px;
            
        }
        
        .social-fterlogo-icon li{ 
            display: inline;
            list-style: none;
            margin: 0px;
            padding: 0px;
        }
        
        .social-fterlogo-icon li a{
            margin: 0px 8px 0px 0px;
            padding: 0px;
        
        }
        .social-fterlogo-icon li .fa{
            color: #FFF;
            background: none;
            font-size: 21px;
            
        }


        .fotter-copyrights-new{
            padding: 10px 0px;
            float: left;
            width: 100%;
            text-align: center;
        text-transform: none;
        font-size: 14px;
            color: #FFF;
            background: #000;
            font-family: 'Roboto', sans-serif !important;
            
        }

        
            .fotter-copyrights-new a{
                color:#FFF !important;
                text-decoration: none;

            }

            .fotter-copyrights-new a:hover{
                text-decoration: none;

            }

            .inmen_floated{
                float: left;
                font-family: 'Roboto', sans-serif !important;
        width: 100%;
        background: #FF9C00;
        color: #FFF;
        text-transform: none;
        font-weight: bold;
            }
        

            .mainheader{ border-top:none !important}

            .formt-admin-user .form-group{
                height: 55px !important;
                margin-bottom: 1px !important;
            
            }
            
            .formt-admin-user  label {
                font-family: 'Roboto', sans-serif !important;
                color: #333333;
                font-size: 14px;
            }
            .each-row-spacing20{
                margin-bottom: 25px;
            }

            .each-row-spacing17{
                margin-bottom: 17px;
            }

            .txt-trn{
                text-transform: none !important;

            }

            .btn_adduser{
                background: #337ab7;
                border: 1px solid #337ab7;;

            }


            .formt-admin-user-edit .form-group {
                height: 38px !important;
                margin-bottom: 1px !important;}


                .formt-admin-user-edit  label {
                    font-family: 'Roboto', sans-serif !important;
                    color: #333333;
                    font-size: 14px;
                }



        /* for grid pagenation */
        .unic-font .dataTables_wrapper .dataTables_paginate .paginate_button{
            padding:0px;
        }

        .unic-font .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
            background: none;
                border: 1px dotted #ccc; 

        }
        .unic-font .dataTables_wrapper .dataTables_paginate .paginate_button a{
            font-size: 14px;
            color:#000 !important; 
        }
        .stcollege-details_customer{


            font-family: 'Roboto', sans-serif !important;
        margin-top: 100px;
        margin-left: 19%;

        }

        .stcollege-details_customer .col-md-5 label{
            font-family: 'Roboto', sans-serif !important;
        }


        .cust_update_newbtn {
            width: 159px;
            border-radius: 6px;
            color: white;
            background-color: #e6003b;
            border: 1px solid #e6003b;
            font-weight: 700;
            margin-top: 40px;
            margin: 0px 30px;
        }




        .login_btn_popup { 
            border-radius: 5px !important;
            background-color: #e6003b;
            font-size: 16px !important;
            font-weight: bold !important;
            color: #FFF !important;
            text-transform: uppercase;
            font-family: 'Roboto', sans-serif !important;
            width: 137px;
            display: block !important;
            margin: auto;
            display: block;
            text-align: center;
            line-height: 35px;
            text-decoration:none ;
        }
        .login_btn_popup:focus {
            text-decoration:none ;
        }

        .each-model-mb-3{
            padding: 20px 20px 3px 20px !important;
        }

        .reset-passscreen-email{
            text-align: center;
            background: #edeacf;
            font-weight: 600;
            line-height: 36px;
            color: #000;
            border: 1px solid #ccc;
            float: left;
            width: 100%;
            z-index: 9999;
            position: relative;
        }

        .reset-passflow h1{
            margin: 7px 0px 9px 0px;
                text-decoration: none;
        }

        /* responsive css start here */
    @media (min-width: 320px) and (max-width: 767px) {

        .ediuser12{ 
            margin-top:15px !important;
        }

        .mobile-nottofloat{
            float: none !important;
        }

        
        .admin-mobile-datespace {
            margin-bottom: 20px;
        }

        .admin-mobile-fild-apdd-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .stcollege-details_customer{
            margin-left: 0px;
    float: left;
            margin-top: 22px;
        }

        .btngrp-mobile{
            margin-bottom: 15px;
        }

        .header-bg-stcollege{
            min-height: auto !important;
            margin-bottom: 25px;

        }

        .mobile-bg-float{
            float: left;
            width: 100%;

        }
        .st-fotter-con li{
            width: 100%;
            margin-bottom: 8px !important;
            float: left;
        }
        .footer-menu-stcol li{
            width: 31%;
        }

        .footer-menu-stcol li a{
            line-height: 35px;
        }

        .fotter-copyrights-new{
            text-align: center;
			    line-height: 17px;
				    padding: 10px 20px;
					font-size:13px ;
					
        }

        .fotter-copyrights-new  .col-md-6.text-right{
            text-align: center;
            margin-top: 5px;
        }

        
        .mibile_devnav{
            min-height:auto!important;
        height: auto! important;
        margin: 2px auto !important; 
        float: left;
        width: 100%; 
        }

        .each-payment-outer-icon{
            width: 100%;
        }
        .each-payment-outer-contnet{
            width: 100%;
        }

        .outer_cards ul li{
            width: 100%;
            margin-bottom: 40px;
        }

        .Each-Posicon{
            width: 200px;
        margin: auto auto auto -10px;
        

        }

    .fm-signin{
        margin-bottom: 30px;
    }

    .register_form{
        min-height: auto !important;
    }



    .field-padding-left{
        padding-left: 15px !important; 
    }

    .mt-mobile{
        margin-top: 50px
    }

    .bg_forgotpass .each-lable-pattern{
    text-align: left !important;
    }

    .bg_forgotpass{
        margin-bottom: 41px;
    }

    .login_btn_mobile{
        margin-bottom: 50px !important;
    }
    .invioce_eachheadding{
        line-height: 27px;
    }

    .margin-btm-btns-10{
        margin-bottom: 15px; 
    }

    .Eachotp-screen2{
        margin-top: 35px;

    }

    .each-password-hint p {

        margin: 0px 0px 8px 0px;
        text-align: left;
        line-height: 18px;
		    font-size: 13px;
    }

    .each-forgotpass-outer{
        width: 85%;
    }

    .mt-dist-40{
        margin-top: 5px;
    }

    .mt-uneven{
        margin-top: 100px;
    }

    .select-uneven select.form-control{
    width: 100% !important;
    }

    .mobile-full-width{
        float: left;
        width: 100%;
    }

    .fromobile-spacing .col-md-6{
        margin-bottom: 13px;
    }

    .mobile-fileds-mb{
        margin-bottom: 25px;

    }

    .mobile-fileds-floated{float: left; 
        width: 100%;}
        .formt-admin-user{
            margin-bottom: 25px;
        }
		
		
		
		/*08-11-2024- my css starts here*/
		.mbl-Ela{
			margin-top:9px;
		}
		.rj-spacing{
			margin-top:13px; 
		}
		.rj-spacing2{
			margin-top:5px; 
		}
		.rj-spacing3{
			        margin-top: 27px !important;
		}
		.rj-spacing4{
			        margin-top: -16px !important;
		}
		
		
		
		
    }



    @media (min-width: 768px) and (max-width: 991px) {

        .mobile-nottofloat{
            float: none !important;
        }


        .admin-mobile-datespace {
            margin-bottom: 20px;
        }

        .admin-mobile-fild-apdd-0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .stcollege-details_customer{
            margin-left: 0px;
    float: left;
            margin-top: 22px;
        }

        .mobile-fileds-floated{float: left;
            width: 100%;}
            .mobile-fileds-mb{
                margin-bottom: 25px;
            
            }

            .field-padding-left {
                padding-left: 15px !important;
            }

        .Eachotp-screen2{
            margin-top: 75px;
        
        }

        .mibile_devnav {
            min-height: 340px !important;
            height: 340px !important;
            margin: 22px auto !important;
            float: left;
            width: 100%;
        }

        .select-uneven select.form-control{
            width: 100% !important;
            }

            .mobile-bg-float {
                float: left;
                width: 100%;
            }

            .bg_forgotpass .each-lable-pattern {
                text-align: left !important;
            }


            .outer_cards ul li{
                width: 45.7%;
                min-height: 404px;
                margin-bottom: 40px;
            }
            .each-payment-outer-icon{
                padding: 29px 20px 10px 20px;
                min-height: 152px;
            }

            .register_form{
                min-height: auto !important;
            }

            .tab_eachmt-95{
                margin-top: 95px;
            }

            .tab_eachmt-50{
                margin-top: 50px;
            }
            .tab-each-full-width	{
                float: left;
                width: 100%;
            }
            
            .tab_eachmt-20{
                margin-top: 20px;
            }
            
    }


    @media (min-width: 992px) and (max-width: 1024px)  {
        .admin-fmbutton{
            min-width: 143px !important;
        }

        .admin-exportbutton{
            min-width: 143px !important;
        }

        .outer_cards ul li{
            width: 45.7%;
            min-height: 404px;
            margin-bottom: 40px;
        }
        .each-payment-outer-icon{
            padding: 29px 20px 10px 20px;
            min-height: 152px;
        }

        .register_form{
            min-height: auto !important;
        }

        .sign_form{
            min-height: auto !important; 
        }


    }

    @media (min-width: 992px) and (max-width: 1199px)  {

        
    }




    /* view page css start here  */

    .border-lable-each{
        border: 1px solid #ccc;
        
    }
    .Lable-Input{
            float: left;
        width: 300px;
        background: #f2f2f2;
        padding: 10px; 
    }
    .Lable-Input-Details{
        float: right;
        width: calc(100% - 300px);
        padding: 10px; 
    }

    .data-insert1 table {
        border-collapse: collapse;
    }
    .data-insert1 td{
        padding: 6px 10px !important;
        border: 1px solid #ededed !important;
        border-collapse: collapse;
        text-align: left;
        vertical-align: middle;
    }
    .data-insert1 tr{
        border-collapse: collapse;
    }

    .rowdevide .table-each-lbl-ns1{
    font-size: 14px;
        font-weight: 600;
        color: #000;
        width: 230px;
    
        
    }

    .rowdevide .table-each-content-ns1{
        font-size: 14px;
        font-weight: nomal;
        color: #000;
        background: #f6f6f6;
        
        /* width: calc(100% - 231px);*/
    }

    .addressdetails{
            font-size: 17px;
        color: #ff9c00;
        font-weight: bold;
        margin-bottom: 4px;
        font-family: 'Roboto', sans-serif !important;
    }


    .new-faicon1{
        color: #a7a5a5 !important;
        font-size: 23px !important;
        float: left;
        margin-right: 5px;
    }

    .new-faicon2{
        color: #a7a5a5 !important;
        font-size: 16px !important;
        float: left;
        margin-right: 6px;
    }

    .icopn-alignleft{
        float:left;
        height:30px;
    }
    .icopn-alignleft1{
        float:left;
    }

    .alert-success{
        float:left;
        width:100%;
    }


    @media screen and (min-device-width: 320px) and (max-device-width: 768px) { 
    
    .icopn-alignleft1 {display:none;}
    .icopn-alignleft{display:none;}
    .table-each-content-ns1{width:auto;
    }
    .table-each-lbl-ns1{ width:auto;}
    .data-insert1 td {
        padding: 12px 7px !important;
        border: 1px solid #ccc !important;
        border-collapse: collapse;
    }
    .each-personal-deails-outer{
        width:100% !important;
    }

    .each-personal-deails-outer2{
        width:100% !important;
    }
    }


    /* view page version 2  css start here  */

    .each-personal-deails-outer{
    float:left;
    width:48%;
        
    }

    .each-personal-deails-outer2{
    float:right;
    width:48%;
        

    }

    .eachicon-read{
        font-size: 19px !important;
        margin-top: 3px;
        margin-right:5px;
    }



    /* view page version 2  end start here  */

    /* new css starts here 18-12-2023 */
    .ela_homepage_headding{
            font-size: 18px;
        color: #ff9c00;
        text-align: center;
        font-weight: 600;
    }

    .each-payment-outer-contnet p{
        text-align: center;
        margin: 0px 0px 5px 0px;
        padding: 0px;
    }

    .icon_elapoayments{
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 100px;
        width: 100px;
        background: #064401;
        margin-top: -73px;
        border-radius: 100%;
        margin-bottom: 13px;


    }


    .icon_elapoayments img{
        width: 60%;
        margin-top: 21px;

    }

    .processsteps{
        background: #f8f8f8;
        border-top: 1px solid #e8e4e4;
        border-bottom: 1px solid #e8e4e4;
        padding: 10px 0px 0px 0px;
        margin: 0px 0px 10px 0px;
    }

    .ela_insframe{
        background: #f7f7f7;
        border: 1px solid #e1e1e1;
        font-family: 'Roboto', sans-serif;
        /* min-height: 380px !important;*/
    }

    .outer_validateaccount{
        background: #064401;
        border: 1px solid #e1e1e1;
        padding: 20px 0px 110px 0px; 
        /* min-height: 380px !important; */
        float: left;
        width: 100%;
    }


    .each-process_container{
        width: 260px;
        border: 2px solid #dedede;
        border-radius: 20px;
        padding: 30px 15px;
        text-align: center !important;
        background: #FFF;
    }

    .each-process_container p{
        text-align: center !important;
        margin: 0px 0px 0px 0px;
        line-height: 19px;
        color: #000 !important;
        font-weight: 500;
        font-size: 14px;
    }


        .each-process_container h4{

            color: #000;
        font-weight: 600;
        margin: 10px 0px 5px 0px;
        padding: 0px;
        font-size: 17px;

        }

        .icon_process1{
            display: block;
        margin-left: auto;
        margin-right: auto;
        height: 80px;
        width: 80px;
        background: #FFF;
        margin-top: -67px;
        border-radius: 100%;
        margin-bottom: 13px;
        border: 2px solid #ccc;
        text-align: center;
        }

        .icon_process1 i{
        font-size: 60px;
        margin-top: 9px;
        }

        .each_processsteps{
            float: left;
            width: 260px;
            margin-top: 130px;
            
        }

        .each_processsteps_center{
            float: left;
            width: 261px;
            
            margin: 0px 0px 0px 0px; 
        }

        .loginproces_req-mb70{
            margin-bottom: 89px;
        }

        .each-left-pagenav{
            float: left;
            width: 265px;
            background: #064401; 

        }

        .each-right-pagedetails {
            float:right;
            width: calc(100% - 330px);
            background: #FFF;
            padding: 30px !important;
            margin-right: 30px;
            margin-top: 30px;
            margin-bottom:30px !important;   
        } 

        .mibile_devnav li a i{
            content: "\f007";
        color: #ff9c00;
        font-size: 16px;
        margin-right: 7px; 
        }

        .stclogo{
        
        }
        
        .each-strictlogo{
        float: left;
        width: 77px;
        background: #e6e2e2;
        text-align: center;
        color: #000;
        font-weight: 600;
        line-height: 32px;
        padding: 0px 5px;
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        border: 1px solid #cbbfbf;
        font-family: 'Roboto', sans-serif !important;
        }
        
        .each-strict-inpt{
            font-weight: 600;

        float: left;
        width: calc(100% - 77px);
        BORDER: 1px solid #ccc;
        padding: 0px 8px;
        line-height: 32px;
        background: #ededed;
        color: #000;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        margin-left:-1px;
		font-weight:normal;    
		font-family: 'ROBOTO';
    FONT-WEIGHT: 600;

            
            
        }
        
        
            .each-strict-inpt-enterfiled{
            font-weight: 600;
        float: left;
        width: calc(100% - 77px);

        BORDER: 1px solid #ccc;
        padding: 0px 0px;
        line-height: 32px;

        color: #000;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        

            
            
        }
        
        .each-strict-inpt-enterfiled .input-radius_group{
            border:none !important;
            height: 32px;
        }
        
        
            .each-strict-inpt input{
            border-top-left-radius:0px;
        border-bottom-left-radius:0px;
    border-top-right-radius:0px;
        border-bottom-right-radius:0px;	   
            }
            
            .hint_fileinfo{
                    float: right;
        /* margin-bottom: -27px; */
        position: absolute;
        right: 16px;
        top: 5px;
            }
            
            .hint_fileinfo a{
                float: right;
        font-size: 18px;
        color: #706c6c;
        cursor:pointer;
            }
            
            .popover{
                min-width:250px !important;
                color:#000;
            }
            
        .each-datafilter{
            float:left;
            width:600px;
        }
        
        .each-datafilter-each{
            float:left;
            width:165px;
            margin-right:15px;
        }
        .each-profile-headding{
            float:left;
        }
        

            .each-profile-user{
            float: right;
        font-size: 14px;
        font-weight: normal;
            color:#000;
        
        }
        
        .each-profile-user span{
    color: #000;
        font-weight: 600;
        
        }
        
        .each-datafilter .input-group-append {
        right: 6px!important;
        top: 8px !important;
        font-size: 20px!important;
        z-index: 9 !important; 
        position:absolute!important; 
        }
        
        .each-datafilter-each .datepicker{
            width:100%;
        }
        
        
        .search_date {
        border-radius: 3px ;
        background-color: #064401; 
        font-size: 17px !important ;  
        font-weight: bold !important ; 
        color: #FFF;
        /* text-transform: uppercase; */
    font-family: 'Roboto', sans-serif !important; 
        /* min-width: 125px; */
        display: block ;
        margin: auto;
        border-radius: 3px!important;  
        margin: 24px 0px 0px 0px;
        padding:3px 15px  4px 15px !important; 
    }
    .search_date:hover{
            color: #FFF!important ;
            background-color: #FF9C00;  
    }

    .export-outer_new{
        float:right;
        margin-top: 19px;
    }

    .date-fullwidth{
        margin-bottom:10px
    }
    .admin-exportbutton2{
        color:#FFF !important;
        line-height: 20px !important;
        background-color: #ff9c00!important;
    }

    .admin-exportbutton2:hover{
        background:#000!important;
        
        
    }

    table.dataTable thead th{
        border-bottom: 1px solid #ccc !important;
    }


    table.dataTable.no-footer{
        border-bottom: 1px solid #ccc !important;
    }

    .date-fullwidth label{
            color: #000000;
        font-weight: normal !important;
    }

    .each-headding_cpassword{
            margin-top: -36px;
        background: #ebebeb;
        width: 100.4%;
        position: absolute;
        margin-left: -16px;
        /* border: 1px solid #c5c3bf; */
        padding: 8px 10px;
        text-align: center;
        font-size: 19px;
        font-weight: bold;
        color: #000;
        font-family: 'Roboto';
        
    }

    .forgotform_outer{
        padding: 30px 30px 10px 30px !important;
        
    }

    .forgotform_outer .col-md-12 {
        margin-bottom:15px !important;
        
    }

    .btn_downloadrecip{
        background: #ff9c00;
        color: #FFF;
        padding: 5px 21px;
        border-radius: 39px;
        line-height: 27px;
        float: left;
        font-weight: 600;
        font-size:16px;
    }

    .btn_downloadrecip:hover{
        color:#FFF;
        background:#e5770c;
        text-decoration:none;
        
    }


    .btn_emailrecip{
        background: #515151;
        color: #FFF !important;
        padding: 5px 21px;
        border-radius: 39px;
        line-height: 27px;
        float: right;
        font-weight: 600;
        font-size:16px;
    }

    .btn_emailrecip:hover{
        color:#FFF;
        background:#000;
        text-decoration:none;
        
    }

        .btn_email_submit{ 
        background: #ff9c00;
        color: #FFF !important;
        padding: 5px 21px;
        border-radius: 39px;
        line-height: 27px;
        font-weight: 600;
        font-size: 16px;
        width: 119px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        }
        
        .btn_email_submit:hover {
            text-decoration:none; 
            color: #FFF;
    background:#eb9310; 		   
        }
        
        .message_alert{
            background: #d0f9cd;
        color: #000!important;
        text-decoration: none !important;
        border: 1px solid #b0d6ad!important; 
        }
        
        .my_header_new{
            border-bottom: 15px solid #ff9f1a; 
    margin-bottom: 35px !important;
        }
        
        .forgot-pass-admin{
        text-align: center;
        font-weight: 600;
        margin: 20px 0px 0px 0px;
        color: #000;
        text-decoration: underline;
        cursor:pointer;
        }
        
        .forgot-pass-admin:hover{
            color:#FF9C00;
        }
            .my_header_new3{
            border-bottom: 15px solid #ff9f1a; 
    margin-bottom:0px !important;
        }
        
        .each-dashboard-search{
            float:left;
            width:100%;
            padding:20px;
            background:#f4f4f4;
            display: flex;
            justify-content: center;
        }
        
        .dashboard-search-row {
                float: left;
        /* width: 250px; */
        margin-right:25px
        } 
        

    .btn_adminpagsearch{
        border-radius: 5px !important;
        background-color: #064401;
        font-size: 17px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;
        min-width: 87px !important;
        display: block !important;
        /* margin: auto; */
        text-transform: none;
        height: 33px;
        margin: 27px 0px 0px 0px;
        width: auto !important;
        padding: 0px 20px !important; 
    }


    .btn_adminpagsearch:hover{
        background-color: #ff9c00;
        color: #FFF !important; 
    }

    .dash-payment-list{
        float: left;
        width: 100%;
        margin: 36px 0px 0px 0px;

    }
    .dash-payment-list_each {
        float: left;
        width: 31%;
        background: #ff9c00;
        padding: 20px 15px;
        margin-right: 30px;
    }

    .dash-payment-list_each:last-child{
        margin-right:0px;
    }

    .list_each_left {
        float: left;
        width: 50px;
        padding-right: 15px;
        border-right: 1px solid #707070;
    }

    .list_each_right {
        float: right;
        width: calc(100% - 60px);
    }


    .list_each_right  h3{
        font-size: 16px;
        color: #FFF;
        font-weight: 600;
        margin: 0px 0px 6px 0px;
        padding: 0px;
        line-height: 20px;
    }

    .list_each_right  h2{ 
        font-size: 27px;
        color: #FFF;
        font-weight: bold; 
        margin: 0px;
        padding: 0px;
        line-height: 28px; 

    }

    .dash_cards_1{
        background:#075500;
    }

    .dash_cards_2{
        background:#2b9311;
    }

    .dash_background_midline{
        background: #f3f3f3;
        padding: 30px 20px;
        border: 1px solid #e5e5e5; 
    }

    .dash_background_midline .dash-payment-list_each{
        background:#fff3e1;
            border:1px solid #eedec6;
            min-height: 122px; 
        
    }


    .dash_background_midline .list_each_right h3{
        color: #000000;
    }

    .dash_background_midline .list_each_right h2{
        color: #000;
    }


    .dash_background_midline .list_each_left{
        border-right: 1px solid #d5bd98;
    }

    .colors_dash_bg1{
        background:#262626; 
    }

    .colors_dash_bg2{
        background:#262626;
    }

    .colors_dash_bg3{
        background:#262626;
    }

    .each-paymentgraphics{
        float:left;
        width:100%;
        margin:0px 0px 0px 0px;
        /*border-top:1px solid #ccc;*/
        padding:20px 0px 0px 0px;
    }

    .each-paymentgraphics_each_left{
        float:left;
        width:40%;
        margin-right:50px;
    }

    .each-paymentgraphics_each_left img{
        width:85%
        
    }


    .each-paymentgraphics_each_right{
        float:left;
        width:40%
    }

    .each-paymentgraphics_each_right img{
        width:100%
        
    }


    .each-paymentgraphics h3{
        font-size: 18px;
        color: #ff9c00;
        font-weight: 600;
        background: #ff9c00;
        color: #FFF;
        line-height: 35px;
        padding: 0px 15px;
        text-align: left;
        /*border-left: 10px solid #075500; */
        width: 300px;
        margin-bottom: 18px;
    }


    .pagegrid-searchbtn{
            border-radius: 5px !important;
        background-color: #ff9f1a;
        font-size: 15px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;
        min-width: 87px !important;
        display: block !important;
        /* margin: auto; */
        text-transform: none;
        height: 33px;
        margin: 27px 0px 0px 0px;
        width: auto !important;
        padding: 0px 20px !important;
    }

    .pagegrid-searchbtn:hover{
        background-color: #064401;
        color:#FFF !important;
    }

    .pagegrid-export-btn{
            border-radius: 5px !important;
        background-color: #000;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;  
        width: 87px !important;
        display: block !important;
        /* margin: auto; */
        text-transform: none;
        height: 33px;
        margin: 26px 0px 0px 0px;
        width: auto !important;
        padding: 0px 15px !important;
        float: right;
        line-height: 30px !important;

    }

    .pagegrid-export-btn:hover{
        background-color: #064401;
        color:#FFF !important; 
    }

    .pagegrid-print-btn{
        border-radius: 5px !important;
        background-color: #000;
        font-size: 15px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;  
        width: 87px !important;
        display: block !important;
        /* margin: auto; */
        text-transform: none;
        height: 33px;
        margin: 22px 15px 0px 0px;
        width: auto !important;
        padding: 0px 15px !important;
        float: right;
        line-height: 30px !important;
        background:#0a6203;

    }

    .pagegrid-print-btn:hover{
        background-color: #064401;
        color:#FFF !important; 
    }

    .export-btn-pr0{
        padding-right:0px !important;  
    }

    .each-filter-ouer{
      background: #f7f6e7;
    padding: 8px 10px;
    margin-bottom: 14px;
    border: 1px solid #e5e3d0;
    }


    .eachrow_details{
            float: left;
            width: 100%;
            border-bottom: 1px solid #dadada;
        }

        .eachrow_details .policy_head{
            font-size: 15px;
            font-weight: normal;
            color: #000;
            padding: 6px 20px;
        }
    
    .need-readolny{
    float: left;
        width: 100%;
        background: #efefef;
        line-height: 34px;
        border: 1px solid #dad5d5;
        padding: 0px 8px;
        color: #000;
        border-radius: 3px;
        min-height: 36px;
    }
    .actions_listed{
        margin:0px;
        padding:0px;
    }

    .actions_listed li{ 
        margin:0px;
        padding:0px;
        display:inline-table;
        list-style:none; 
    }

    .actions_listed li a{
        color: #000000;
        font-size: 20px;
        padding: 3px;
        border: 1px solid #ccc;
        width: 30px;
        float: left;
        text-align: center; 
    } 

    .icon_edit_color{
        color:#f0ad35;
    }
    .icon_edit_color:hover{
        color:#dd991f;
    }

    .icon_delete_color{
        color:#fc1212;
    }

    .icon_delete_color:hover{
        color:#bd0404;
    }

    .btn_adduser_new{
        background:#ff9c00;
        color:#FFF;
        
    }

    .btn_export_new{
        background:#064401;  
        color:#FFF;
        margin-right:20px;
    }

    .each-right-pagedetails label{
        font-weight:normal !important;
        color:#000 !important;
        font-family: 'Roboto', sans-serif !important;
        margin-bottom: 1px;
    }

    .for_new_input input{
        border-radius: 3px !important;
        border: 1px solid #c1bfbf !important;
        
    }

    .header-log_pl-0{
        padding-left:0px;
    }
    .header-log_pr-0{
        padding-right:0px; 
    }

    .hlogoime{
        margin: 10px 0px !important 
        
    }

    .main_headder_contacts{
        margin:33px 0px 0px 0px ;
        padding:0px;
        text-align:right;
        
    }

    .main_headder_contacts li{
        margin:0px;
        padding:0px;
        list-style:none;
        display:inline-table;
        
    }

    .main_headder_contacts li a{
    margin: 0px 0px 0px 25px;
        padding: 0px;
        color: #000 !important;
    font-size: 16px;
        font-weight: normal;
    }



    .main_headder_contacts li a:hover{

        color: #f58220 !important;

    }

    .login_pannel_contnet{
        text-align: center;
        color: #FFF;
        line-height: 17px;
        font-size: 13px;
        margin: 12px 0px 0px 0px;
    }


    .forgotpassword_contnet{ 
        text-align: center;
        color: #FFF;
        line-height: 17px;
        font-size: 13px;
        margin: 12px 0px 0px 0px;
    }

    .otp_form .Eachotp-screen2 input{
        border-radius: 3px;
    }

    .panner_createpassword{
        background:#f9f9f9;
        padding: 35px !important;
    }

    .Password-ins{
            text-align: left !important;
        font-weight: bold;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
        color: #000;
        font-weight: normal;
    }
    /*.each-right-pagedetails input{border-radius:3px !important} */

        .mt-btn_tp-20{
            margin-top:15px;
            margin-bottom:30px !important; 
            
        }
        
        .each-right-pagedetails .help-block{
            margin-bottom: 5px;
        float: left;
        width: 100%;
        /*margin-top: 0;*/
        }
        
        .forgroup_inpt .input-radius_group{
            margin-left: -1px;
        }
        
        .textearea_new {
            border-radius:3px !important;
        }
        
        .make-payment_outer{
        width: 400px;
        padding: 30px;
        background: #f7f4f4;
        border: 1px solid #e2e2e2;
        display: block;
        margin: auto;
        text-align: center;
        clear: both;
        overflow: hidden;
        }
        
        
        .make-payment_outer h3{
            margin: 0px;
        padding: 0px;
        font-size: 18px;
        color: #000;
        }
        
            .make-payment_outer h4{
            margin: 15px 0px 0px 0px;
        padding: 0px;
        font-size: 15px;
        color: #000;
    line-height:30px;
    font-weight:normal;
        }
        
        .span-BSD{
        float: left;
        border: 1px solid #ccc;
        background: #ccc;
        padding: 10px;
        margin: 0px;
        padding: 10px 14px;
        font-weight: 600;
        color: #000;
        font-size: 15px;
        }
        
        .span-Amount{
        float: left;
        border: 1px solid #ccc;
        background: #f1f1f1;
        padding: 10px;
        margin: 0px;
        padding: 10px 14px;
        font-weight: 600;
        color: #000;
        font-size: 15px;
        }
        
        .align_sditems{
        display: flex;
        justify-content: center;
        }
        
        .outer_payment-recipt{
            width:650px;
            background:#fff;
            float:left;
        
        }
        
        
        .each_minlines .policy_head{
        padding: 9px 20px;
        }
        
        .each-tableorder{
            margin:0px;
            padding:0px;	
        }
        
            .each-tableorder li{
            margin:0px 5px 0px 0px ;
            padding:0px;
    list-style:none;
    display:inline-table;		
        } 
        
        .each-tableorder li i{
            color:#000;
            
        }
        
        .gridbtn_view{
    border: 1px solid #9d9b99;
        padding: 2px 5px 1px 5px;
        border-radius: 5px;
        font-size: 18px;
        font-weight: bold;
        background: #aea8a8;
        color: #000;
        }
        
        .each-tableorder_mn{ 
        width:300px;
            margin-bottom: 0px !important;
        } 
        
                .each-tableorder_mn li{
            margin:0px 10px 0px 0px ;
            padding:0px;
    list-style:none;
    display:inline-table; 	 	
        } 
        


    /* Breadcrumb css start here */
    .breadcrumbs {

    }
    .breadcrumbs a {
    text-decoration: none;
    color: #07c;
    }
    .breadcrumbs ul {
    /*display: flex;*/
    margin:0px;
    padding:0px;  
    } 


    .breadcrumbs ul li{
        list-style-type: none;
        font-size: 14px;
        font-weight: normal;
            display: inline-flex;   
    }
    .breadcrumbs ul li:not(:last-child)::after {
    margin: 0 3px;
        content: "/";
        color: #ff9c00;
        font-weight: bold;
    }
    .breadcrumbs ul li a, a:visited {
        color: #000;
        text-shadow: none;
    }
    .each_samepage{
        color:#FF9C00;
        font-weight:bold !important;
		    margin-left: -6px;
    }

    .triangle-left,
    .triangle-right,
    .triangle-top,
    .triangle-bottom{
    width: 0;
    height: 0;
    margin: 30px auto;
    }
    .triangle-left,
    .triangle-right{
    border-top:
        18px solid transparent;
    border-bottom:
        18px solid transparent;
    
    
    }
    .triangle-top,
    .triangle-bottom{
    border-left:
        18px solid transparent;
    border-right:
        18px solid transparent;
    
    
    }

    .triangle-right{
    border-left: 17px solid #064401;
        margin: 0px;
        padding: 0px;
        position: absolute;
        left: 0;
        top: 2;

    }
    .triangle-left{
    border-right:
        30px solid black;
    }
    .triangle-top{
    border-bottom:
        30px solid black;
    }
    .triangle-bottom{
    border-top:
        30px solid black;
    } 

    .mbl_btn_dl{
        padding-left: 0px !important;
    }

    .main-menu-bottom {
        background: #F4FAFA;
        border: none !important;
    }

    .table-overflow-mobile{

        float: left;
        width: 100%;
    }

    .flow-arrow-email-left{
        float:left; 
        width:160px;
        

    }

    .flow-arrow-email-right{
        float:left; 
        width:160px;
    margin-left: -4px;	
        
        
    }


    .flow-arrow-email-right .flow-arrow-top {
        float: left;
        width: 100%;
        margin-top: 162px;
    }



    .flow-arrow-email-right .flow-arrow-top-arrow {
        float: left;
        width: 100%;
        border-bottom: 3px dotted #6e6e6e;
        position: relative;
        transform: rotate(21deg);
    }


    .flow-arrow-email-right .flow-arrow-bottom-arrow {
        float: left;
        width: 100%;
        border-bottom: 3px dotted #6e6e6e;
        position: relative;
        transform: rotate(340deg);
    }



    .flow-arrow-top{
            float: left;
        width: 100%;
        margin-top: 146px;
    }


    .flow-arrow-top-arrow{
        float: left;
        width: 100%;
        border-bottom: 3px dotted #6e6e6e;
        position: relative;
        transform: rotate(333deg);
    }

    .flow-arrow-bottom{
        float: left;
        width: 100%;
        margin-top: 72px;
    }


    .flow-arrow-bottom-arrow{
        float: left;
        width: 100%;
        border-bottom: 3px dotted #6e6e6e;
        position: relative;
        transform: rotate(30deg);
    }

    .chevarrow{
        position: absolute;
        right: -5px;
        top: -7px;
    }


    .chevarrow i{
        font-size: 20px;
        color: #000;
    }

    .text-hint-flowsteps{
        float: left;
        margin-top: -13px;
        margin-right: 20px;
        color: #000;
            font-weight: 600;
        
    }


    /*new css education loan media quiery css start here 19-01-2024*/


    /* Active class for Eachmenu  need  */
    .active_side_menu {background:#217919;}

    .main_headder_contacts li i{
            margin-right: 5px; 
    }


    .currenct_digit{
        font-size: 19px;
        float: left;
        margin-right: 2px;
        margin-top: 3px;
    }

    .fm-grp-bottom-0 .form-group {

        height:auto !important;
        
    }

    .message_twxt-danger1{
    float:left;
    width:100%;
    }

    .email-prefiled-one{
    float: left;
        width: 100%;
        background: #ebebeb;
        padding: 5px;
        line-height: 26px;
        border-radius: 2px;
    border:1px solid #ccc;

    }

    .table-overflow-mobile2{
        float: left;
        width: 100%;
    }


    .mt-nosapce{

                width: 1112px ;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top:15px;
        margin-bottom: 15px;
        float:none;
        padding:10px;
    }

    .min-hight_dashboard_card{
        min-height: 116px;
    } 

    .num-if-reg-clients{background: #b5730c;}

    .admin-menu-active{
        background: #217919 !important;
    }

    .mb-not_req-0{
        margin-bottom:0px !important;
    }
    .mt-req-8{ margin-top: -8px;}
    
    .calender-pr-0{
            padding-right:0 !important;

    }
    .Payment-icon-cards{
            margin: 30px 0px 0px 0px;
        padding: 0px;
        
    }
    
    .Payment-icon-cards li{
            margin: 0px 10px 0px 0px;
        padding: 0px;
        list-style: none;
        display: inline-table;
        font-weight: bold;
        color: #000; 
        font-family: 'Roboto', sans-serif !important; 
        
    }
        .Payment-icon-cards li img{
            border:1px solid #ccc;
            
        }
        
        
        .btns_ex_cerate{
                float: left;
        margin: 0px 0px -38px 0px;
        position: relative;
        z-index: 99999;
        }
        
        .each-rqaliented .each-strictlogo{
            line-height: 36px;
        }
        
        .each-rqaliented .each-strict-inpt_notreq input { 
        border: none;
        width: 100%;
        height: 36px;

    }
    .each-strict-termtenure input{
        height: 36px;
    }
        
    .table-overflow-mobile-n1{
    float: left;
        width: 100%;
    }
        
    .table-overflow-mobile6{
    float: left;
        width: 100%;
    } 

    .bill-paybtn-minh{
    min-height:40px;
    }
    .mobile-labelspacing-lest{
            margin-top: 15px;
            float: left;
            width: 100%; 
    }
    .mbl_each-label-mt-30{
            margin-top: 0px;
    }
    .pay_notesubmittion{
    margin-top: 40px;
    }

    @media only screen and (min-device-width: 320px) and (max-device-width:768px) {
    .adduser-pass .each-password-hint{
    width:100% !important;
    }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width:923px) {
    .adduser-tabmt{ 
    margin-top: 20px;
    }




    }

    @media only screen and (min-device-width: 320px) and (max-device-width:932px) {
        
        .mobile-space-statu2{
                margin-bottom: 2px;
        }
        .mobile-space-status{
            margin-top: 25px;
        }
        .mbil_margin1{
            margin-bottom:10px;
        }
        .user-display-flex{
        display: table;
    }
        
        .grid-flex-add{
        display:inline !important;
    }
    .each-right-pagedetails{
        margin-left:0px!important;
    }

    .mobile-mt-aml{
    margin-top:20px;
    float:left;
    width:100%;

    }


    .pay_notesubmittion {
        margin-top: 45px;
    }

    .mt-req-8{
        margin-top: 29px;
    }
    .mbl_each-label-mt-30{
            margin-top:1px;
    }

    .each-datafilter .search_dashboard_btn {
        margin-top: 4px !important;
    }

    .email-width-small{
    width:90% !important; 
    }

    .email-breakdoen{
    word-break: break-word;
        line-height: 17px;
    }

    .mobile-labelspacing-lest{
    margin-top:5px;
    }

    .bill-paybtn-minh{
    min-height:80px !important;
    }

    .fm-createAc .register_btn{
    margin-top: -18px !important;
    }
    .register_form{
    padding: 20px 20px;
    }
    .register_form h1 {
    line-height: 28px;
	margin: 0px !important;

    }

    .admin-menu ul{
    height: auto !important;
    }

    .dash-payment-list {
        margin: 0px 0px 0px 0px;
    }

    .table-overflow-mobile3{
    overflow:auto !important;  
	width: 100%;
    }
        .list-show-overflow   {
        overflow:auto !important; 
    }
        
        .mtmobile-filed-tp40{
            margin-top:40px;
        }
        
        .mtmobile-filed-tp30{
            margin-top:20px;
        }
            .mtmobile-filed-tplabel{
            margin-top:20px !important;
        }
        
        .btns_ex_cerate{
            float: left;
        margin: -12px 0px -38px 0px;
        position: relative;
        z-index: 99999;
        }
        .mtmobile-filed-tp20{
            margin-top:45px;
        }
        
        .text-adujust-insame{
            word-wrap: break-word;
        }
        
        .mbl-btn-med{
        margin: 0px !important;	
        }
        .Payment-icon-cards li:first-child{
            width:100%;
            margin-bottom:10px;
            
        }
        .Payment-icon-cards {
        margin: 0px 0px 23px 0px;
        padding: 0px;
    }
        .mt-nosapce{
            width:100%;
        }
        .each-profile-user{
            line-height: 16px;
        margin-top: 10px;
        }
        .table-overflow-mobile2{
        float: left;
        width: 100%;
        overflow:auto;
    }
    .main_headder_contacts li{
            margin: 0px 0px 0px 0px;
            display: inherit;
        text-align: center;
    }

    .main_headder_contacts {
        margin: 10px 0px 20px 0px;
    }

    .hlogoime{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
    }

    .each_processsteps{
            margin-top:10px; 
            width: 100%;
    }
    .each-process_container{
        width:100%;
    }

    .each_processsteps_center{
        width:100%;
        margin:50px 0px 20px 0px;
    }

    .loginproces_req-mb70{
        margin-bottom: 57px;
    }

    .sign_form{
        float: left;
        background: #f0f0f0;
        min-height: auto !important;
            padding: 1px 20px 10px 20px; 
    }
.sign_form h1{
margin: 20px 0 1px !important; 
}

    .each-left-pagenav{
        width:100%; 
    }
    /*old
    .each-right-pagedetails{
        width:100%;
        float:none;
        padding: 10px !important;

    }*/

    .each-right-pagedetails{
        width:100%;
        float: left;
        padding: 10px !important;

    }


    .breadcrumbs ul{

        line-height: 28px; 
    }
    .mobile-overflow-table{ 
        overflow:auto !important; 
    } 

    .mobile-labelspacing{
        margin-top: 15px;
        float: left;
        width: 100%;  
        
    }

    .hint_fileinfo{
        display:none;
        
    }
    .make-payment_outer{
    width:100%;	
    }
    .each-datafilter{
        width:100%;	
    }
    .each-datafilter-each{
        width: 100% !important;
        margin-bottom: 15px;    
    }

    .outer_payment-recipt{
        width:100%;	
    }

    .each_minlines .policy_head{
            line-height: 20px;
    }
    .btn_downloadrecip{
        display: block;
        margin: auto;
        float: none;

        text-align: center !important;	
    }
    .btn_emailrecip{
        display: block;
        margin: auto;
        float: none;
        text-align: center !important;
        margin-left: -11px;
    }
    .each-dashboard-search{
        display: table;
    }

    .each-dashboard-search .field-padding-left{
        padding-left: 0px !important;
        
        
    }

    .each-dashboard-search .dashboard-search-row{
            width: 100%;
    }
    .dash-payment-list_each {
        float: left;
        width: 100%; 
        margin-right: 30px;
        margin-bottom: 17px;

    }

    .list_each_right h3{
        font-size: 18px;
        margin: 12px 0 10px !important;
    }

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

    .each-paymentgraphics_each_right{
        
    }

    .each-paymentgraphics_each_right {
        width: 100%;
        margin-bottom: 43px;
    }
    .pay_sucess{
    background: #FFF;	
    }

    .mbl_mt-40{
            margin-top: 35px;  
    }

    .mbl_mx-0{
        margin-left:0px !important;
        margin-right:0px!important; 
    }

    .ela_insframe{
        border: none ;
    }
    .outer_validateaccount{
    padding: 1px 0px 1px 0px;
    }

    .manage-backbutton{
            margin-top: 30px;
    }

    .each-inner-headding{
        padding: 10px 10px 10px 33px;
        line-height: 34px;
        margin-top: 17px;
    }
    .each-headding-address{ 
    margin: 4px 0px 2px 15px;
    }

    .header-bg-stcollege img{
            display: block;
        margin: auto;
    }

    .headding_password{
        margin-top: 21px; 
    }
    .panner_createpassword{
            padding: 35px 15px !important; 
    }

    .addressdetails{
            margin-top: 2px;
    }

    .mbl-heading-adderss{
        margin-top:15px
    }

    .search_date{
        min-width: 125px;
        display: block !important;
        margin: auto !important;
    }
    .table-overflow-mobile{
    overflow: auto;
        float: left;
        width: 100%;
    }
    .btn_downloadrecip{
        width: 200px;
        display: block;
        margin: auto;
    }

    .btn_emailrecip{
        display: block;
        margin: auto;
        width: 200px;	
    }

    .mbl_btn_dl{
            padding-left: 31px !important;
    }

    .admin-menu ul{
        min-height:auto;
        margin-bottom: 25px;
    }

    .mbl-mt-20-status{
        margin-top:20px;
    }

    .each-tableorder li{
        margin: 0px 6px 0px 0px; 
    }

    .mbl_forbg_white{
        clear: both;
        overflow: auto; 
    }

    .mbl_each-label-mt-20{
        margin-top:25px; 
    }
    .forgotform_outer{    
    padding: 30px 10px 10px 10px !important;
    }

    .flow-arrow-email-left{
        display:none;
    }

    .flow-arrow-email-right{ 
        display:none;
    }

    .landingpage_flowsteps{
        width:100%
    }

    .mbl_paymentterms{
        float: left;
        width: 100%;
        margin-top: 21px;
    }

    .each-tableorder {
        min-width:100px;
        margin-top:5px;
    }



    }


    @media only screen and (min-device-width: 932px) and (max-device-width:1180px) {
        .flow-arrow-email-left{
            width: 137px;
        }
        
        .flow-arrow-email-right {
        width: 129px;
        }
        
        .each-process_container{
            width: 223px;
        }
        .each_processsteps {
        float: left;
        width: 225px;
    }

    .each_processsteps_center{
        width: 209px;
    }
    .register_form h1{
        font-size: 17px;
    }

    .dash-payment-list_each {

        width: 31%;
        min-height: 124px;
    }

    .dash_background_midline .dash-payment-list_each{
        min-height: 146px;
    }
    .dash-payment-list_each{ 
        min-height: 145px;}

    .each-tableorder li{
        display: inline-table;	
    }

    }


    @media screen and (min-device-width:1024px) and (max-device-width: 1300px) { 
    .list-show-overflow   {
        overflow:auto !important; 
    }
    .list-show-overflow  .col-sm-12{
        overflow:auto !important;  
    }
    
    }


    @media (max-width: 1370px) {

    .onlyscrool-min{
        overflow:auto !important;
        }
        .list-show-overflow{
            overflow:auto !important;
        }


    .table-overflow-mobile-n1{
            overflow:auto !important;
        }
    .table-overflow-mobile2{overflow:auto !important;}

        
    }

    @media (max-width: 2000px) {
        .table-overflow-mobile{
            overflow:auto !important;
        }
    }




/*07-11-2024- css starts here */
.table-overflow-mobile2 .col-sm-6{
	width:100%; 	
}

.table-overflow-mobile2 .col-sm-6 .dataTables_filter{
	float:left;
}

.table-overflow-mobile6 .col-sm-6{
	width:100%; 	
}

.table-overflow-mobile6 .col-sm-6 .dataTables_filter{
	float:left;
}


/*admin*/
.table_admin .col-sm-6{
	width:100%; 	
}

.table_admin .col-sm-6 .dataTables_filter{
	float:left;
}

.adminexport_new{
	float:right !important; 
}

.flright-note{
	float:right;
	
}





    @media (max-width: 1950px) {

    .onlyscrool-min{
        overflow:auto !important;
        }
        .list-show-overflow{
            overflow:auto !important;
        }
		    .table-overflow-mobile-n1 {
        overflow: auto !important;
    }
	.table-overflow-mobile2 {
        overflow: auto !important;
    }
	
	}
	
	

/* suggested chnages rajaneesh sir*/
.table>thead:first-child>tr:first-child>th{
	border-top: 0;
    padding:5px 0px !important;
    background-color: #eeeeee !important;
    text-align: center !important;
    font-size: 12px !important; 
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 8px;
    white-space: nowrap;
    font-size: 12px !important;
}

.unic-font .dataTables_wrapper .dataTables_paginate .paginate_button a{
	 font-size: 12px !important;
}

.each-filter-ouer label{
	
	font-size: 13px !important;  
}

.pagegrid-export-btn i{
	margin-right: 2px; 
} 



.custom-sapcing .table>thead:first-child>tr:first-child>th{
	padding: 10px !important; 
}

div.dataTables_wrapper div.dataTables_filter input {

    min-width: 230px;
}


.new-edit-btn .btn_edit{
	float:none !important; 
}


/*new cs 11-11-2024*/

.each-upload-docs{
	float:left;
	width:100%;
	padding: 15px 20px 20px 20px;
    background: #f8f8f8;
    margin-bottom: 20px;
    border: 1px solid #f1dcdc;
	
	
}

.doc-status-outer{
	float:left;
	width:100%;
	
}

.doc-status-outer label{
	    float: left ;
    width: 65px !important;
}

.doc-status-outer  input{
	   width: 20px;
    float: left; 
}

.doc-status-each{
	float:left;
}

.docs-upload-btn{
	width:auto !important; color:#FFF !important; background:#095b03 !important;
}
.docs-upload-btn:hover{
	background:#0a8b00 !important;
}


.each-upload-docs .form-group {
	margin-bottom:0px;
	height:75px !important;
}

.font-weight-nr{
	font-weight:normal;
}



    .viwedoc-btn{
        background: #095b03 !important;
        border: 2px solid #095b03!important;
        color: #FFF !important;
        /* min-width: 83px; */
        padding: 2px 6px !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: bold !important;
        white-space: nowrap;
        /*float: left!important; */
        border-radius: 20px; 
		margin-right:5px !important; 
    }
	
	.export-mb{
		margin-bottom: -31px;
	
	}
	
	.export-mb2{
	
		color:#FFF !important
	}
	
	
	
	  .pagegrid-export-btn_view{
            border-radius: 5px !important;
        background-color: #000;
        font-size: 14px !important;
        font-weight: bold !important;
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif !important;  
        width: 87px !important;
        display: block !important;
        /* margin: auto; */
        text-transform: none;
        height: 33px;
        margin: 0px 0px 0px 0px;
        width: auto !important;
        padding: 0px 15px !important;
        float: right;
        line-height: 30px !important;
		position:absolute;
		right:0px;
		    z-index: 9999 !important;

    }
	.pagegrid-export-btn_view:hover{
		color:#FFF!important;
	}
	
	
	
	@media only screen and (max-width: 760px) {
 .table-overflow-mobile6{
	 overflow:auto !important;
		
	}
}
	
	
	@media only screen and (max-width: 760px) {
		.new-search-grid-top{
			margin-top:15px;
		}
	.exp-btn-newone{
		margin-top:10px;
	}	
	}
	
	
	.for-readonly-left .email-prefiled-one{
		  font-family:roboto;
	
}
	
	
	.main-center-expot{
		float:left;
		width:100%;
	}
	
	
	.main-center-expot .pagegrid-export-btn{ 
	margin-top: 0px;
    position: absolute;
    right: -8px;
    z-index: 9999 !important;
	}
	
	
	.main-center-expot2{
		float:left;
		width:100%;
	}
	
	
	.main-center-expot2 .pagegrid-export-btn{ 
	margin-top: 0px;

	}
	
	.exp-opsition_outer{
		position:relative;
		
	}
	.exp-opsition_inner{
		position:absolute;
		right:0px;
		z-index:9999 !important;
	}
	
	.breadcrumbs ul li:nth-last-child{
		margin-left: -5px;  
	}
	
	
		.table-overflow-mobile-n3{
	
		float:left;
		width:100%;
		
	}
	@media only screen and (max-width: 1300px) {
	
	.table-overflow-mobile-n3{
		overflow:auto;
		float:left; 
	}
	}
	
	
	.suggested1 .each-datafilter-each {
    width: 163px;
}

.rj_new_res{
	width:630px;
}

.rj_new_submit{
	margin-top:15px;
	margin-bottom:15px;
}

.each-center-messageorder{
	float:left;width:100%;justify-content: center;align-items: center;display: flex;
}
.each-center-messageorder .success-existerror{ 
	width: 316px !important; 
}

.for_usemessages{
	width: 316px !important; 
}


.add-documnets_outer{
background: #FFF;
    padding: 9px 20px;
    width: 200px !important;
    display: block;
    margin: auto;
    border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    text-align: center;
    text-decoration: none;
    color: #217919 !important;
    font-size: 15px;
    font-weight: 600;
	
	
} 

.add-documnets_outer:hover{
	background:#e4f5e3;

	
}

.add-documnets_outer:hover{
	text-decoration:none;
}

.add-documnets_outer .fa{
margin-left: auto;
    margin-right: auto;
    width: 100%;
    font-size: 30px;
    color: #786262;
    margin-bottom: 6px;
	
	
}

/*media for the new responsive issues fix*/
@media only screen and (max-width: 650px) {
	.rj_new_res{
	width:100%;
	
}

.main-center-expot {
    margin-bottom: 24px;
}

.rj_new_submit{
	margin-top:2px;
}

.rj_new_loan_submit{
	margin-top:20px;
}

.rj_new_exportbtn{
	margin-bottom:45px; 
}

.rj_new_exportbtn2{
	margin-bottom:10px; 
	margin-top:5px; 
}

}


.each-document-ownername{
	float:right;
	
}
.each-document-ownername li{
	
margin: 0px;
    padding: 0px 10px;
    display: inline;
    list-style: none;
    border-right: 1px solid #aa9e9e;
    line-height: 35px;
    /* min-height: 63px; */
    float: left;
}

.each-document-ownername li:last-child{
	border:none;
	padding-right:0px;
	
}

.resetpass_padding{
	padding:30px !important;
}

.main_header_mr{
	margin-right: 25px;
}

.success_billpay {margin: 20px 0px 0px !important;} 





/*also my mew css 03-03-2025*/

    @media screen and (min-device-width:320px) and (max-device-width: 760px) {  
.otp_form{
	margin-bottom:10px;
	padding: 50px 20px;
	        margin-top: 25px !important; 
}

.resetpass_padding{    
	padding:20px !important;  
}

.each-password-hint{
	margin: 10px 0px 0px 0px; 
}
.each-password-hint ul li{
	font-size: 12px;
}

.resetpass_padding .form-group{
	padding:0px !important;  
	}
	
	.mobile_otp_2{
		        margin-left: 14px;
				        margin-bottom: 0px;
        padding: 10px 20px 15px 20px;
        margin-top: 25px !important;
	}
	
	.btns_mobile_rp{
		    padding-right: 17px !important;
	}
	
	.exp_csvbtns{
		
float: left;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;		

	}
	
	
	.exp_csvbtns .admin-exportbutton2 {
    font-size: 15px !important;
    margin-right: 10px;
}
	
	
	
	.downlod_align_btn{
		padding-right: 17px;
	}
	
	
	.main_header_mr{
	margin-right: 0px;
	
}
	
	.main_header_mr.main_headder_contacts li a{ 
		font-size: 15px; 
		margin: 0px 0px 0px 0px !important;
	}
	
	.popup_email_size{
		width:90% !important; 
	} 
	.mt_mobil_payrecipt{
		margin-top:10px !important; 
	}
	
	.mbl_mt12_20{
		margin-top:20px !important; 
	}
	
	.mtmobile-filed-tp20_a{
		margin-top: 28px;
	}
		.mbl_submit_mt_for{ 
		
		    margin-top: 20px;
		
	}
	.mbl_actions_minwidth{
		min-width:80px;
	}
	.mobile_frame_set{
		float:left;
		width:100% !important;
	}
	
	}