@charset "utf-8";
/* CSS Document */
@media (max-width: 1300px) {
}

@media (max-width: 1150px) {
    .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 17%;
    }
}

@media (max-width: 1090px) {
    .ql_title_logo {
        margin-left: 0px;
    }

    .ql_title_hrm {
        margin-left: 0px;
        font-family: 'Roboto', serif;
        font-weight: 450;
        font-size: 14px;
        line-height: 18px;
        color: #5B5B5C;
    }

    .paytimemargin {
        margin-left: 30px;
    }

    .hrmscss {
        margin-left: 30px;
        margin-top: 55px;
    }

    .hrmscss1 {
        margin-left: 30px;
        margin-top: 93px;
    }

    .paytim {
        margin-top: 65px;
    }

    .selfpay {
        padding-right: 200px;
    }

    .ittable {
        width: 70%;
        margin-left: 10px;
    }

    .earnAmt {
        text-align: right;
        padding-right: 140px;
    }

    .itregimetable {
        text-align: center;
        height: 300px;
        width: 200px;
    }



    /*.itregtd1 {
        width: 30%;
        vertical-align: top;
        padding-top: 60px;
        padding-right: 0px;
        padding-left: 0px;
    }


    .itregtd2 {
        width: 30%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .itregtd3 {
        width: 40%;
        padding-right: 0px;
        padding-top: 10px;
        padding-left: 0px;
    }*/

    .itregtd1 {
        width: 20%;
        vertical-align: top;
        padding-right: 0px;
        padding-left: 5px;
        padding-top: 50px;
    }

    .itregtd2 {
        width: 30%;
        padding-right: 0px;
        padding-left: 33px;
        vertical-align: top;
        padding-top: 47px;
    }


    .itregtd3 {
        width: 40%;
        padding-left: 18px;
        vertical-align: top;
        padding-top: 50px;
    }

    .itregt1any {
        width: 30%;
        vertical-align: top;
        padding-top: 60px;
        padding-left: 65px;
        padding-right: 0px;
    }

    .itregtd2hrm {
        width: 30%;
        padding-right: 0px;
        padding-left: 10px;
        padding-top: 0px;
    }

    /*.itregtd3ptm {
        width: 40%;
        padding-right: 0px;
        padding-top: 15px;
        padding-left: 30px;
    }*/

    .itregtd3ptm {
        width: 40%;
        padding-right: 0px;
        padding-top: 58px;
        padding-left: 30px;
        vertical-align: top;
    }

    .itregtd1onlytax {
        width: 100%;
        vertical-align: top;
        padding-top: 60px;
        padding-right: 0px;
        padding-left: 110px;
    }

    .reimbwidth{
        width:100%;
    }

.expensetypeddl {
        margin-left: 200px;
    }
 .dashboardexpense {
        padding-right: 0px;
    }

    .modalwrapper {
        width: 350px;
        margin-top: 100px;
    }

    .modalembed {
        height: 300px;
        width: 300px;
    }

    .modallabel {
        font-weight: bold;
        color: black;
    }

    .teamuplv {
        width: 395px;
        height: 170px;
        text-align: left;
        overflow: auto;
        scrollbar-color: #89C578 #FFF;
    }

    .teamuptable {
        width: 100%;
        margin-top: 100px;
    }

    .teamuplvtxt {
        padding-top: 22px;
        padding-left: 20px;
        background: white;
        position: absolute;
        width: 94%;
    }

    .teamupall {
        margin-left: 0px;
        font-size: 18px;
        padding-right: 10px;
    }
    .pmyinfo_form_groupdash {
        width: 100%
    }

    .dashpaysliphis {
        width: 100%;
    }


    .dashsummaryhd {
        margin-top: 0%;
        border: none;
        border-radius: 0px;
        width: 100%;
    }

    .mysummarymarg {
        margin-top: 5%;
        margin-left: 0%;
    }
    .maindiv {
        padding: 0%;
        margin-left: 5px;
        margin-right: 5px;
    }
    .leavearrow {
        margin-left: 14%;
    }

    .expensearrow {
        margin-left: 4%;
    }

    .attendancearrow {
        margin-left: 14%;
    }

    .paysliparrow {
        margin-left: 20%;
    }

    .recentclaims {
        width: 98%;
        height: 125px;
    }

    .investplan {
        height: 340px;
        text-align: left;
    }
    .switchdash {
        padding-top: 10px;
        text-align: center;
        padding-right: 5px;
    }

    .centeralin{
        text-align:center;
    }

    .content1::before {
        content: "\a\a";
        white-space: pre;
    }

@media (max-width: 1090px) {
    .chart_status {
        width: 150px;
    }

    .leave_types_list li {
        width: 25%;
    }

    .medical_table_responsive_header {
        display: block;
        width: 100%;
        float: left;
    }

    .medical_table_header_row .medical_col1, .medical_table_header_row .medical_col2, .medical_table_header_row .medical_col3, .medical_table_header_row .medical_col4, .medical_table_header_row .medical_col5, .medical_table_header_row .medical_col6, .medical_table_header_row .medical_col7, .medical_table_header_row .medical_col8 {
        display: none;
    }

    .medical_table_row .medical_col1, .medical_table_row .medical_col2, .medical_table_row .medical_col3, .medical_table_row .medical_col4, .medical_table_row .medical_col5, .medical_table_row .medical_col6, .medical_table_row .medical_col7, .medical_table_row .medical_col8 {
        display: none;
    }

    .medical_table_res_col1 {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

    .medical_table_header_row .medical_table_res_col1 {
        color: #fff;
        font-family: "Roboto",sans-serif;
        font-weight: 500;
    }

    .medical_table_row .medical_table_res_col1 {
        color: #A8A19D;
    }

    .medical_table_res_fullWidth {
        width: 100%;
        float: left;
        color: #A8A19D;
        margin-bottom: 15px;
    }

    .medical_res_label {
        float: left;
        font-size: 11px;
        text-transform: uppercase;
        width: 100%;
    }

    .medical_table_responsive_row {
        display: block;
        width: 100%;
        float: left;
    }

    .medical_res_3cols {
        float: left;
        width: 33.33%;
    }
}

@media (max-width: 1060px) {
    .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 20%;
    }
}

@media (max-width: 1020px) {
    .app_exp_grid_header {
        display: none;
    }

    .app_exp1, .app_exp2, .app_exp3, .app_exp4, .app_exp5, .app_exp6 {
        width: 50%;
    }

    .app_exp_label {
        display: block;
    }

    .app_exe_des_container {
        width: auto;
    }

    .app_exp6, .app_exp1 {
        width: 100%;
    }

    .deleteExp {
        width: calc(100% - 20px);
        text-align: center;
        position: absolute;
        bottom: 20px;
        left: 10px;
    }

    .app_exp_res_row {
        position: relative;
        padding-bottom: 60px;
    }

    .app_upload_zone {
        padding: 10px;
    }

    .app_exp_upload_btn {
        width: 100%;
        margin: 0;
    }

    .app_exe_des_container {
        width: 100%;
        margin: 0;
    }

    .exp_his_table_header {
        display: none;
    }

    .app_exp_grid_header_white {
        display: none;
    }

    .exp_his_col0, .exp_his_col1, .exp_his_col2 {
        width: 100%;
        margin-bottom: 15px;
    }

    .exp_his_col0 {
        margin-bottom: 15px;
    }

    .exp_his_col1 {
        margin-bottom: 15px;
    }

    .exp_his_col3 {
        width: 33.33%;
    }

    .exp_his_col4 {
        width: 33.33%;
    }

    .exp_his_col5 {
        width: 33.33%;
    }

    .exp_his_col6 {
        width: 100%;
    }

    .exp_his_col9 {
        width: 100%;
    }

    .exp_his_mlabel {
        width: 100%;
        float: left;
        font-size: 14px;
        font-weight: 300;
        display: block;
        color: #5B5B5C;
        text-transform: uppercase;
    }

    .exp_his_col0, .exp_his_col2, .exp_his_col3, .exp_his_col4, .exp_his_col5, .exp_his_col6 {
        color: #5b5b5c;
        font-weight: 400;
    }

    .exp_his_col3, .exp_his_col4, .exp_his_col5 {
        margin-bottom: 15px;
    }

    .exp_his_col1 {
        font-size: 18px;
    }

    .exp_his_table_row {
        padding: 15px 0;
    }
}

@media (max-width: 990px) {
    .medical_table {
        display: none;
    }

    .medical_mtable {
        display: block;
    }

    .exph_col1 {
        width: 110px;
    }

    .exph_col2 {
        width: 210px;
    }

    .exph_col3 {
        width: 80px;
    }

    .exph_col4 {
        width: 120px;
    }

    .exph_col5 {
        width: 115px;
    }

    .exph_col6 {
        width: 115px;
    }

    .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 25%;
    }
}

@media (max-width: 950px) {
    .inTx_left_header, .inTx_riht_header {
        width: 100%;
    }

    .inTx_riht_header {
        margin-top: 30px;
    }

    .hosue_rent_table_header_row .houseRent_col1, .hosue_rent_table_header_row .houseRent_col2, .hosue_rent_table_header_row .houseRent_col3, .hosue_rent_table_header_row .houseRent_col4, .hosue_rent_table_header_row .houseRent_col5, .hosue_rent_table_header_row .houseRent_col6, .hosue_rent_table_header_row .houseRent_col7 {
        display: none;
    }

    .hosue_rent_table_row .houseRent_col1, .hosue_rent_table_row .houseRent_col2, .hosue_rent_table_row .houseRent_col3, .hosue_rent_table_row .houseRent_col4, .hosue_rent_table_row .houseRent_col5, .hosue_rent_table_row .houseRent_col6, .hosue_rent_table_row .houseRent_col7 {
        display: none;
    }

    .houseRent_responsive_cols, .resDThide {
        display: block;
    }

    .houseRent_res_col1, .houseRent_res_col2, .houseRent_res_col3 {
        float: left;
        width: 33.33%;
        padding: 0 10px;
    }

    .hr_remarks_res_col {
        width: 100%;
        float: left;
        display: block;
        padding: 0 10px;
        color: #A8A19D;
        margin-top: 10px;
    }

    .hosue_rent_table_header_row .houseRent_res_col1, .hosue_rent_table_header_row .houseRent_res_col2, .hosue_rent_table_header_row .houseRent_res_col3 {
        color: #fff;
        font-family: "Roboto",sans-serif;
        font-weight: 500;
    }

    .hosue_rent_table_row .houseRent_res_col1, .hosue_rent_table_row .houseRent_res_col2, .hosue_rent_table_row .houseRent_res_col3 {
        color: #A8A19D;
    }

    .houseRent_table_row_collapse {
        border: none;
        margin-top: 5px;
    }

    .hr_res_innerCol {
        width: 33.33%;
        float: left;
        padding: 0 10px;
        color: #A8A19D;
        margin-bottom: 15px;
    }

    .hr_res_label {
        width: 100%;
        float: left;
        font-size: 11px;
        text-transform: uppercase;
    }
}

@media (max-width: 850px) {
    .leave_types_list li {
        width: 33.33%;
    }

    .piggy_specifications {
        width: 160px;
        margin-left: 20px;
    }

    .tx_links {
        margin-left: 20px;
    }

    .apply_grid_col1, .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 50%;
    }

    .apply_grid_col6 {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .hide768 {
        display: none;
    }

    .form-control, .form_control, .login_form_control {
        font-size: 18px;
    }

    .mydetails_container {
        padding-left: 0;
    }

    .profile_emergency_contact_section {
        min-height: 0;
    }

    .dash-navbar-left.dnl-hidden {
        left: -250px;
    }

    .page_container {
        padding-left: 0;
        padding-top: 56px;
    }

    .top_navigation {
        height: 56px;
    }

    .mm_btn, .mm_btn:hover, .mm_btn:focus {
        color: #a9a09b;
        font-size: 21px;
        float: left;
        margin-top: 9px;
    }

    .page_name {
        display: block;
        float: left;
        font-size: 21px;
        color: #a9a09b;
        margin-top: 15px;
        margin-left: 6px;
    }

    .welcome_text {
        padding: 0;
    }

        .welcome_text h4 {
            width: 100%;
            /*		border-bottom:2px solid #b9d530;
*/ padding: 0 15px 10px 0px;
            margin-bottom: 0;
        }

    .company_title_container {
        display: none;
    }

    .wel_txt {
        padding-left: 0;
    }

    .quick_links li:first-child {
        margin-left: -12px;
    }

    .welcome_section_mview {
        width: 100%;
       /*float: left;*/
        border-bottom: 2px solid #b9d530;
        margin-bottom: 20px;
    }

    .res_padless {
        padding: 0;
    }

    .ql_icon, .ql_title {
        text-align: center;
    }

    .chat_header {
        padding: 0 10px;
    }

    .top_navigation {
        padding-left: 10px;
    }

    .chat_header .col-sm-6 {
        float: left;
        padding: 0;
        width: 50%;
    }

    .tax_planning_header {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 5px;
    }

    .goals_container {
        padding: 0 15px;
    }

    .quick_links_container {
        padding-left: 0;
    }

    .ql_title {
        font-size: 18px;
    }

    .goals li {
        margin-bottom: 25px;
        border: none;
    }

    .chart_status {
        width: 150px;
        margin-left: 0;
    }

    .mm_alert {
        float: right;
        font-size: 20px;
        width: 29px;
        height: 29px;
        margin-top: 18px;
        margin-right: 40px;
        position: relative;
        display: block;
        color: #ccc;
    }
    /*.mm_alert:after{
		position:absolute;
		background:url(../images/icons/dots.png);
		width:8px;
		height:27px;
		float:left;
		content:'';
		right:-15px;
		}*/
    .settings_mobile_menu {
        background: url("../images/icons/dots.png") no-repeat center center;
        float: left;
        height: 54px;
        width: 22px;
    }

    .mm_alert_count {
        width: 18px;
        height: 18px;
        float: right;
        border-radius: 100%;
        color: #fff;
        font-size: 10px;
        line-height: 18px;
        text-align: center;
        background: #a9d429;
        top: -8px;
        left: 9px;
        position: absolute;
        font-weight: 700;
    }

    .goals li {
        width: 110px;
    }

    .welcome_section {
        background-image: -webkit-linear-gradient(bottom, #fff, #f8fafb);
        background-image: -moz-linear-gradient(bottom, #fff, #f8fafb);
        background-image: -o-linear-gradient(bottom, #fff, #f8fafb);
        background-image: -ms-linear-gradient(bottom, #fff, #f8fafb);
        background-image: linear-gradient(to top, #fff, #f8fafb);
        border-bottom: 2px solid #f0ebe8;
    }

    .insidePage_container {
        padding-right: 0;
    }

    .menu_dropdown {
        display: none;
    }

    .menuTogglebtn {
        display: block;
    }

    .leave_types_list li {
        width: 50%;
    }

    .apply_leave_container {
        padding-right: 0;
    }

    .apply_casual_leave_container {
        padding-left: 12px;
    }

    .leave_history_container {
        padding: 0 10px;
    }

    .mobile_enabled_notifications {
        float: left;
        width: 100%;
        margin: 0;
    }

    .welcome_section {
        padding-left: 0;
    }

    .welcome_text {
        border-right: none;
    }

    .setting_mobile_view {
        width: 100%;
        float: left;
    }

    .setting_mobile_menu {
        width: 100%;
        float: left;
        padding: 20px 0;
    }

    .pm_settings, .hp_settins, .fp_settins {
        width: 100%;
        float: left;
        padding-left: 50px;
        border-bottom: 1px solid #efeae6;
        padding-bottom: 10px;
    }

    .fp_settins {
        border-bottom: none;
    }

        .pm_settings:before, .hp_settins:before, .fp_settins:before {
            background: url(../images/icons/kr.png);
            width: 27px;
            height: 27px;
            float: left;
            margin-left: -36px;
            content: '';
        }

    .hp_settins:before {
        background: url(../images/icons/help.png);
    }

    .fp_settins:before {
        background: url(../images/icons/chat.png);
    }

    .pm_settings li, .hp_settins li, .fp_settins li {
        float: left;
        width: 100%;
        list-style: none;
        margin-bottom: 5px;
    }

    .hp_settins li, .fp_settins li {
        margin-top: 5px;
    }

    .pm_settings li a {
        font-size: 14px;
        float: left;
        width: 100%;
    }

    .pm_settings li:first-child a {
        color: #5B5B5C;
        margin-top: 5px;
    }

    .mb_nofification_selection_container {
        width: 100%;
        float: left;
    }

    .mbn_selection_header {
        padding: 12px 15px;
        background: #fff;
        font-size: 14px;
        color: #15afe5;
    }

    .mn_list {
        width: 100%;
        float: left;
        margin-top: 15px;
        padding: 0 15px;
        border-bottom: 1px solid #efeae6;
        padding-bottom: 5px;
        margin-bottom: 0;
    }

        .mn_list li {
            float: left;
            width: 100%;
            list-style: none;
            margin-bottom: 8px;
        }

            .mn_list li a {
                float: left;
                width: 100%;
                color: #5B5B5C;
                font-size: 14px;
            }

            .mn_list li.active a {
                color: #5b5b5c;
                font-weight: 400;
            }

    .exp_project_title_container, .exp_project_info_container, .apply_leave_header, .exp_total_amount, .exp_btns_container {
        padding-left: 10px;
    }

    .expenses_history_container {
        padding-left: 10px;
    }

    .profile_my_info_leftSection {
        padding: 20px 0;
    }

    .exph_col1 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col2 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col3 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col4 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col5 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col6 {
        width: 100%;
        padding-bottom: 5px;
    }

    .exph_col1, .exph_col2, .exph_col3, .exph_col4, .exph_col5, .exph_col6 {
        display: none;
    }

    .exp_history_table_row {
        padding: 0;
        border: none;
    }

    .expht_mobile_content {
        display: block;
    }

    .incomeTax_page_header {
        padding-left: 10px;
    }

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

    .medical_table_section {
        padding-left: 10px;
    }

    .inTx_tips_section, .owners_pan_infor_section, .hosuseRent_table_section {
        padding-left: 10px;
    }

    .app_exp_grid {
        padding-left: 0;
    }

    .app_exp_upload_btn {
        margin-bottom: 10px;
    }

    .piggy_taxplan {
        padding-left: 10px;
    }

    .apply_ex_header, .apply_grid_container {
        padding-left: 10px;
    }

    .logo img {
        width: 120px;
    }

    .quick_links {
        margin-left: 0;
    }

    .noftify_dropdown .dropdown-menu li a {
        font-size: 15px;
        padding: 10px;
    }
}

@media (max-width: 630px) {
    .chat_header .col-sm-6 {
        width: 100%;
    }

    .chart_size_container {
        width: 220px;
        height: 125px;
        position: relative;
        overflow: hidden;
        float: left;
    }

    #Chart1 {
        width: 220px;
        height: 240px;
        float: left;
        position: absolute;
    }

    .chart_status {
        margin-top: 0;
    }

    .acl_list li {
        width: 50%;
        /*min-height:80px;*/
    }

    .act_col1, .act_col2, .act_col3, .act_col4, .act_col5 {
        width: 100%;
        text-align: left;
        padding: 5px 0;
    }

    .payslips_grid_row .ps_col1, .payslips_grid_row .ps_col2, .payslips_grid_row .ps_col3 {
        width: 100%;
        padding: 0 18px;
    }

    .payslips_grid_row .ps_col3 {
        padding-top: 10px;
    }

    .payslips_section {
        padding-left: 0;
    }

    .profile_section_header {
        padding-left: 18px;
    }

    .r3Cols {
        float: left;
        width: 50%;
    }

        .r3Cols .exp_info_form_grop {
            width: 100%;
            margin: 0;
        }

    .r1Cols {
        float: left;
        width: 50%;
        margin-right: 0;
        padding-left: 20px;
    }

    .primaryM_btn {
        width: 50%;
        float: left;
        text-align: center;
    }

    .defaultM_btn {
        width: 50%;
        float: left;
        border-radius: 0 10px 10px 0;
        text-align: center;
    }

    .imgViewModal {
        width: 100%;
        margin: 0;
    }

    .brChart_outerline {
        width: 100%;
    }

    .barGrap_main_indication li {
        padding-right: 15px;
        margin-bottom: 10px;
    }

    .ownerCol1, .ownerCol2, .ownerCol3, .ownerCol4 {
        width: 100%;
        margin-bottom: 10px;
    }

    .owners_docs_table_header_row .ownerCol2, .owners_docs_table_header_row .ownerCol3, .owners_docs_table_header_row .ownerCol4 {
        display: none;
    }

    .owners_docs_table_row:nth-child(odd) {
        background: #f7f7f7;
    }

    .owner_res_label {
        width: 100%;
        float: left;
        color: #949494;
        font-size: 14px;
        padding-left: 5px;
        display: block;
    }

    .apply_grid_col1, .apply_grid_col6 {
        width: 100%;
    }

    .leave_history_grid_header {
        display: none;
    }

    .lh_col0, .lh_col1, .lh_col2, .lh_col3, .lh_col4 {
        width: 100%;
    }

    .lh_col0, .lh_col2, .lh_col3, .lh_col4 {
        margin-bottom: 15px;
        color: #53535c;
        font-weight: 400;
    }

    .lh_col1 {
        color: #54a3da;
        font-size: 18px;
    }

    .leave_history_grid_row {
        padding-top: 15px;
    }

    .pemp_details_grid {
        display: none;
    }

    .pemp_m_grid {
        display: block;
        width: 100%;
        float: left;
    }

    .pemp_m_grid_header {
        width: 100%;
        float: left;
        color: #5b5b5c;
        font-weight: 400;
        position: relative;
        padding: 10px 10px 10px 25px;
    }

    .pemp_m_grid_body {
        width: 100%;
        float: left;
    }
}

@media (max-width: 480px) {
    .discard_btn, .save_btn {
        margin: 0;
    }

    .discard_btn {
        border-radius: 8px 0 0 8px;
    }

    .save_btn {
        border-radius: 0 8px 8px 0;
    }

    .apply_caual_leave_form_container {
        width: 100%;
    }

    .medium_field_container {
        width: 60%;
        padding-right: 10px;
    }

    .small_field_container {
        width: 60%;
    }




    .piggy_taxplan_left {
        border: none !important;
    }

    .tx_links {
        margin-left: 0;
        margin-top: 20px;
    }

    .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 50%;
    }

    .mobile_btns {
        width: 100%;
        float: left;
    }

        .mobile_btns .btn-default {
            width: 50%;
            border-radius: 5px 0 0 5px;
            margin: 0;
            float: left;
        }

        .mobile_btns .btn-primary {
            width: 50%;
            border-radius: 0px 5px 5px 0px;
            margin: 0;
            float: right;
        }

    .exp_his_col3 {
        width: 50%;
    }

    .exp_his_col4 {
        width: 50%;
    }

    .exp_his_col5 {
        width: 100%;
    }

    .Limage_container {
        display: none;
    }

    .Lpage {
        padding-right: 0;
        padding-top: 70px;
    }

    .Lform {
        width: 100%;
        float: left;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .Llogo {
        float: left;
        margin-left: 0;
        margin-top: 7px;
        text-align: center;
        width: 100%;
    }

        .Llogo img {
            width: 160px;
        }

    .Ltxt {
        margin: 15px 0 20px 0;
    }

    .Lheader {
        height: 70px;
    }
}

@media (max-width: 430px) {
    .chart_size_container {
        width: 210px;
    }

    .salary_table_container {
        width: 100%;
        float: left;
    }

    .slabel {
        width: auto;
        float: left;
    }

    .samount {
        width: auto;
        float: right;
    }

    .salaryTabs .tab-pane {
        padding: 15px 0;
    }

    .forgot_password_panel {
        width: 100%;
        padding: 0 20px;
    }
}

@media (max-width: 400px) {
    .exp_titlt_form_grop {
        width: 90%;
        margin: 0;
    }

    .login_right_container {
        width: 100%;
    }
}

@media (max-width: 350px) {
    .chart_size_container {
        float: left;
        height: 106px;
        margin-top: 16px;
        overflow: hidden;
        position: relative;
        width: 180px;
    }

    #Chart1 {
        width: 180px;
        height: 200px;
        float: left;
        position: absolute;
    }

    .chart_status {
        width: 135px;
    }

    .goals li {
        width: 96px;
    }

    .exp_btns_container .btn {
        width: 100%;
        margin-bottom: 5px;
    }

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

    .piggy_specifications {
        margin-left: 20px;
        width: 170px;
    }

    .tx_links {
        margin: 20px 0;
    }

    .apply_grid_col2, .apply_grid_col3, .apply_grid_col4, .apply_grid_col5 {
        width: 100%;
    }
}

@media (max-height: 640px) {
    .forgot_pwd, .login_right_container {
        position: static;
    }

    .forgot_pwd {
        /*margin: 20px 60px;*/
    }

    .login_right_container {
        padding-bottom: 10px;
    }

    .login_form {
        padding: 0 20px;
    }

    .login_logo_container {
        height: 105px;
        line-height: 105px;
    }

    .leave_types_list li {
        padding: 20px 5px;
    }


}