.app-sidebar .navigation li.has-sub.open .menu-content a {
        font-size: 14px !important;
        font-weight:500 !important;
    }
    
    .app-sidebar .navigation li>a{
        line-height:2 !important;
    }
    
    .app-sidebar .navigation i{
        line-height:2 !important;
    }
    
    .app-sidebar .navigation .menu-title{
        font-size:16px !important;
    }
    
    .app-sidebar .navigation li.has-sub>a span.menu-title {
        font-size: 16px !important;
    }
    
    .font-medium-4{
        font-size:22px !important;
    }
    
    .li_act a:hover,
    #sidebarToggle:hover{
        text-decoration:none !important;
    }
    
    form label{
        font-size:12px !important;
    }
    
    .card{
        background:none !important;
        box-shadow:none !important;
    }
    
    .card-header{
        background:none !important;
        padding:15px 15px 35px !important;
    }
    
    .btn.active.focus, 
    .btn.active:focus, 
    .btn.focus, 
    .btn:active.focus, 
    .btn:active:focus, 
    .btn:focus{
        outline:0;
    }
    
    a:hover{
        text-decoration:none;  
    }
    
    p{
        font-size:16px;
    }
    
    .radius_50{
        border-radius:50px !important;
    }
    
    label.control-label {
        font-size: 16px;
    }
    
    .expirey_notice{
        border-color: #fe9c09!important;
        background-color: #fe9c09!important;
        color: #fdfdfd!important;
        font-weight: 700;
        padding: 10px;
        border-radius: 0.5rem;
        margin: 0 0 10px 0px; 
        font-size: 12px;
    }
    
    /*Dashboard*/
    .main-panel{
        background:#c1c1c1;
        margin-top:0 !important;
        min-height: unset;
        max-height: unset;
        height: unset;
    }
    
    .dashboard_cards_div {
        padding:50px 0 !important;
    }
    
    .d_flex{
        display:inline-flex;
        justify-content:center;
        align-items:center;
    }
    
    .card_width,
    .profile_width{
        width:100%;
        display:inline-block;
        border-radius:10px;
    }
    
    .card_width{
        min-height:120px;
    }
    
    .cards_heading_div{
        color:#726f6f;
        font-size:16px;
    }
    
    .cards_count_div{
        font-weight:bold;
        font-size:24px;
        color:#000000;
        min-height:70px;
    }
    
    .acive_theme_name{
        font-size:20px;
    }
    
    .cards_icon_text_div{
        min-height:60px !important;  
    }
    
    .cards_icon_div{
        margin-top: -40px;
    }
    
    .cards_icon{
        width:50px;
        height:50px;
        border-radius:5px;
        background:#ff0057;
        color:#fff;
        margin-top:-15px;
    }
    
    .icon_1{
        background:#26a844;
    }
    
    .icon_2{
        background:#16a2b9;
    }
    
    .icon_3{
        background:#ff0057;
    }
    
    .icon_4{
        background:#fe9c09;
    }
    
    .cards_heading_text{
        padding:5px 0 0;
    }
    
    .cards_icon_img{
        padding:0 5px;
    }
    
    .dashboard_table_div,
    .dashboard_overll_stat_div{
        padding:0 15px 50px !important;
    }
    
    .profile_width{
        min-height:350px;
    }
    
    .header_text{
        font-size:20px;
        padding:5px 0 0;
    }
    
    .profile_data_div{
        padding:10px 0 !important;
    }
    
    .dash_profile_img{
        border-radius:50%;
        border:2px solid #ff0057;
    }
    
    .dash_profile_img::before{
        content:'';
        display:block;
        width:30px;
        height:30px;
        background:#ff0057;
        color:#fff;
        position:absolute;
        top:0;
        right:0;
        border-radius:50%;
    }
    
    .notification_div{
    }
    
    .bell_icon{
        background: #747474;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #fff;
    }
    
    .profile_designation,
    .profile_name,
    .profile_company{
        text-transform:capitalize;
        font-size:20px;
    }
    
    .profile_designation,
    .profile_company,
    .profile_detail_text{
        color:#747474;
    }
    
    .profile_name{
        color:#fff;
        background:#ff0057;
        border-radius:0 50px 50px 0;
        padding:5px;
        margin:10px 0;
    }
    
    .profile_detail_label{
        color:#000;
    }
    .profile_detail_label,
    .profile_detail_text{
        font-size:18px;
    }
    
    .profile_detail_div{
        justify-content:space-between;
        padding:15px;
    }
    
    .profile_gender{
        text-transform:capitalize;
    }
    
    .graph_width {
        width: 100%;
        display: inline-block;
        background: #fff;
        min-height: 300px;
        border-radius: 10px;
        color:#fff;
    }
    
    .social_graph{
        background: rgb(4,116,181);
        background: -moz-linear-gradient(0deg, rgba(4,116,181,1) 0%, rgba(0,69,112,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(4,116,181,1) 0%, rgba(0,69,112,1) 100%);
        background: linear-gradient(0deg, rgba(4,116,181,1) 0%, rgba(0,69,112,1) 100%);
    }
    
    .view_graph{
        background: rgb(212,17,119);
        background: -moz-linear-gradient(0deg, rgba(212,17,119,1) 0%, rgba(249,2,91,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(212,17,119,1) 0%, rgba(249,2,91,1) 100%);
        background: linear-gradient(0deg, rgba(212,17,119,1) 0%, rgba(249,2,91,1) 100%);
    }
    
    .line_graph_heading{
        color:#000;
    }
    
    .graph_heading {
        font-size: 26px;
        padding: 10px 0;
    }
    
    .graph_height{
        height: 280px;
        position:relative !important
    }
    
    .overll_stat_width{
        background: rgb(255,243,232);
        background: -moz-linear-gradient(0deg, rgba(255,243,232,1) 0%, rgba(255,227,166,1) 100%);
        background: -webkit-linear-gradient(0deg, rgba(255,243,232,1) 0%, rgba(255,227,166,1) 100%);
        background: linear-gradient(0deg, rgba(255,243,232,1) 0%, rgba(255,227,166,1) 100%);
    }
    
    .line_graph_height{
        height: 350px;
        padding:15px !important;
    }
    
    .line_graph_width{
         padding:15px;
    } 
    
    .companies_list_table_div{
        padding:15px !important;
        margin:10px 0 0;
    }
    
    @media screen and (max-width: 480px) {
        .dash_cards_div{
            margin-top:40px;
        }
        .dashboard_table_div {
            padding:0 0 50px !important;
        }
        .graph_div{
            padding:0 !important;
            margin:10px 0;
        }
        .profile_detail_label, 
        .profile_detail_text {
            font-size: 16px !important;
        }
        
        .save_info_btn_div {
            display:inline-block;
            padding:0;
        }
    }
    
    /*All pages*/
    /*Phone Book*/
    .add_contact_width,
    .categories_contact_width,
    .table_contact_width{
        min-height:250px !important;
    }
    
    .custom_add_conatct_div{
        padding:0 !important;
        display:inline-block !important;
    }
    
    .add_social_width{
        width: 100%;
        min-height: 135px;
        color:#ff0057;
    }
    
    .add_social_text_div{
        margin: 10px 0 !important;
    }
    
    .add_social_text_div button{
        border-radius:50px !important;
        width:100%;
    }
    
    .main_social_conatcts_div{
        min-height:200px !important;
    }
    
    @media screen and (max-width:768px){
        .main_social_conatcts_div{
            display:inline-block !important;
        }
    }
    
    .contact_list_table_div{
        margin:15px 0;
    }
    
    
    /*Themes*/
    .theme_categories_width{
        min-height:250px !important;
        padding:0 0 20px !important;
    }
    
    /*Manage Employees*/
    .manage_employee_width{
        min-height:250px !important;
    }
    
    /*Company*/
    .listing_cards_width{
        min-height:250px !important;
    } 
    
    /*Company Profile*/
    .company_profile_width{
        min-height:250px !important;
    }
    
    /*Cards*/
    .personal_details_width,
    .social_information_width{
        min-height:250px !important;
    }
    
    .address_details_width,
    .map_marker_width{
        min-height:410px !important;
    }
    
    .personal_detail_main_div,
    .social_information_main_div,
    .address_details_main_div,
    .map_marker_main_div,
    .zcard_url_main_div,
    .save_info_main_div{
        padding:15px;
    }
    
    .zcard_url_width,
    .save_info_width{
        min-height:200px !important;
    }
    
    .save_info_text_div{
        margin:10px 0;
    }
    
    .save_info_text_div a,
    .save_info_text_div input{
        min-width: 175px;
    }
    
    /*Admin*/
    .company_peramaeter_width,
    .allocate_custom_theme_width,
    .companies_list_width,
    .all_cards_listing_width,
    .manage_theme_width,
    .manage_categories_width,
    .report_by_z_card_width,
    .z_card_report_data_width,
    .report_all_z_cards_width,
    .all_z_cards__report_data_width,
    .report_by_company_width,
    .company_z_card_report_data_width,
    .add_faqs_width,
    .view_all_faqs_width,
    .package_info_width,
    .package_addons_width,
    .received_req_width{
         min-height:210px !important;
    }
    
    .company_peramaeter_main_div,
    .allocate_custom_theme_main_div,
    .companies_list_main_div,
    .all_cards_listing_main_div,
    .manage_theme_main_div,
    .manage_categories_main_div,
    .report_by_z_card_main_div,
    .z_card_report_data_main_div,
    .report_all_z_cards_main_div,
    .all_z_cards__report_data_main_div,
    .report_by_company_main_div,
    .company_z_card_report_data_main_div,
    .add_faqs_main_div,
    .view_all_faqs_main_div,
    .package_info_main_div,
    .set_company_package_main_div,
    .package_addons_main_div,
    .received_req_main_div{
         padding:15px;
    }
    
    .set_company_package_width{
        min-height:170 !important;
    }
    
    
    /*DataTables*/
    .dataTables_length, 
    .dataTables_filter, 
    .dataTables_info, 
    .dataTables_processing, 
    .dataTables_paginate{
        font-size:14px !important;
    }
    
    
    a.paginate_button{
        margin:3px !important;
        border-radius: 5px !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current{
        background: #ff0057 !important;
        color: #fff !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
        color: #ff0057 !important;
        border:1px solid #ff0057;
        background: none !important;
    }
    
    
    .dataTables_paginate,
    .dataTables_info{
        padding:10px 0 0 !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
    .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{
        color: #fff !important;
        background: #16a2b9 !important;
        border-radius: 5px !important;
        border: 1px solid transparent !important;
    }
    
    .table-bordered>tbody>tr>td,
    .table-bordered>tbody>tr>th,
    .table-bordered>tfoot>tr>td, 
    .table-bordered>tfoot>tr>th, 
    .table-bordered>thead>tr>td, 
    .table-bordered>thead>tr>th {
        border: 1px solid #101010 !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button{
        border: 1px solid #ff0057 !important;
        color: #ff0057 !important;
    }
    
    .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
        background:#ff0057 !important;
        border:1px solid #ff0057;
    }
    
    table.dataTable thead .sorting{
        text-align:center;
        font-size: 12px;
        font-weight: 800;
    }
    
    
    button.dt-button{
        color: #fff !important;
        font-size: 12px !important;
        width: 80px !important;
        border-radius: 5px !important;
        border: 1px solid transparent !important;
    }
    
    .buttons-excel{
        background: #26a844 !important;
    }
    
    .buttons-excel:hover{
        background: none !important;
        border: 1px solid #26a844 !important;
        color: #26a844 !important;
    }
    
    .buttons-pdf{
        background: #fe9c09 !important;
    }
    
    .buttons-pdf:hover{
        background: none !important;
        border: 1px solid #fe9c09 !important;
        color: #fe9c09 !important;
    }
    
    .buttons-csv{
        background: #777 !important;
    }
    
    .buttons-csv:hover{
        background: none !important;
        border: 1px solid #777 !important;
        color: #777 !important;
    }