/* On screen that are min width 2160 */
@media only screen and (min-width : 2160px) {
    .lab1 {
        font-size: 32px;
    }

    /*.pro_mbig_frame, .pro_mbwhite_frame, .pro_mbblack_frame {
         width: 400px;
         height:400px;
    }
     */
    .border-right-photo {
        height: 1645px;
    }

    .ra_my_photo_scroll_left {
        height: 1570px;
    }

    .ra_my_photo_scroll_right {
        height: 1640px;
        position: relative;
        overflow-y: auto;
    }

    .grid_row_new {
        height: 138px !important;
        width: 138px !important;
    }

    .cont_cleaning_padding {
        height: 130px !important;
    }

    .container-project-grid-left {
        width: 85%;
    }

    .container-project-grid-right {
        width: 15%;
    }

    .plann-grid-right-vert-scroll {
        height: 1418px;
    }

    #container-grid {
        width: 2160px;
        margin: 0 auto;
    }

    /* 4k screen font */
    .top-item {
        font-size: 20px;
    }

    .project_img_heading {
        font-size: 24px;
    }

    .project_img_main_pho_heading {
        font-size: 22px;
        padding-top: 0px;
    }

    .project_img_sub_heading {
        font-size: 22px;
    }
}

/*========== Non-Mobile First Method ==========*/
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1280px) and (max-width: 1366px) {
    .PdfIframeHeight {
        height: 385px !important;
    }

    .folerScrollDiv {
        height: 455px !important;
    }

    .folder-right-side-bar {
        height: 576px;
    }

    .gridTemp {
        height: 443px;
    }

    .pro-icon-padding {
        padding-left: 10px;
    }


    .n_top-right-sidebar>li>a {
        font-size: 12px;
        padding: 5px 0px;
    }

    .project-icontext-height {
        height: 42px;
    }

    .n_risk-folder-row {
        height: 74px;
    }

    .n_risk-folder-row:hover a {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .edit-text-padding {
        padding-top: 41px;
    }

    .project-back-left {
        width: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .ra-single-folder {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .project-text {
        padding-top: 11px;
        padding-bottom: 9px;
        padding-left: 4px;
        font-size: 16px;
    }

    .hover-icon-padding {
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .top-sidebar>li>a {
        padding: 11.5px 15px !important;
    }

    .top-sidebar>li>.top-sidebar-padding {
        padding: 12px 10px 10.5px 16px !important;
    }

    .top-sidebar>li>.active {
        background-color: #0078d7;
        padding: 11.5px 15px !important;
    }

    .ra-folder-name {
        font-size: 18px;
        font-family: 'Segoe UI';
        padding-top: 12px;
        padding-left: 10px;
        line-height: 1em;
    }

    .img-icon-ipad {
        width: 30px;
    }

    .icon-padding-lapi {
        padding-right: 0px;
        padding-left: 20px;
    }

    .edit-icon-text {
        font-size: 15px;
        padding: 5px 0px 25px 0px;
    }

    .delete-icon-text {
        font-size: 15px;
        padding: 5px 0px 25px 0px;
    }

    .img-center {
        padding-top: 15px;
    }

    .grid-img-center {
        padding-top: 15px;
    }

    .risk-right-text {
        font-size: 16px;
        padding-top: 0px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .risk-sub-text {
        font-size: 13px;
        padding-right: 15px;
        padding-bottom: 10px;
        padding-left: 20px;
    }

    .img-ipad-width {
        width: 35px !important;
    }

    .del-margin {
        margin-top: 5px;
    }

    .del-padding {
        padding-top: 5px;
    }

    /*#project-add-icon {
         background:url(../../../img/front/inner-page/icon1.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-add-icon:hover,#project-add-icon.active {
         background:url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-search {
         background:url(../../../img/front/inner-page/search-icon.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-search:hover, #project-search.active {
         background:url(../../../img/front/inner-page/search-white-icon.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-task {
         background:url(../../../img/front/inner-page/icon-4.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-task:hover, #project-task.active {
         background:url(../../../img/front/inner-page/icon-4-white.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-user {
         background:url(../../../img/front/inner-page/user-right-icon.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-user:hover, #project-user.active {
         background:url(../../../img/front/inner-page/user-right-icon-white.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-chat {
         background:url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
         background-size:28px 28px;
    }
     #project-chat.active {
         background:url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
         background-size:28px 28px !important;
    }
     #project-chat:hover {
         background:url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
         background-size:28px 28px;
    }*/
    /* .top-sidebar > li > .top-sidebar-padding>.chat-noti */
    /* {
         */
    /* height:18px;
         */
    /* width:18px;
         */
    /* top:-6px;
         */
    /* left:14px;
         */
    /* 
    }
     */
    /* .top-sidebar > li > .top-sidebar-padding>.chat-noti>.chat-noti-no */
    /* {
         */
    /* font-size:9px;
         */
    /* color:#FFF;
         */
    /* padding-left:5px;
         */
    /* padding-top:2px;
         */
    /* 
    }
     */
    .chat-noti {
        height: 20px;
        width: 20px;
        position: relative;
        background-color: red;
        border-radius: 50%;
        z-index: 999;
        top: -4px;
        left: 13px;
    }

    .chat-noti>.chat-noti-no {
        font-family: 'Segoe UI';
        position: absolute;
        font-weight: normal;
        font-size: 9px;
        color: #FFF;
        padding-left: 1px;
        padding-top: 0;
        z-index: -1;
    }

    /* Screen 2 */
    .project-screen-right-bg {
        border-top: 1px solid #333333;
    }

    .right-item {
        font-size: 12px;
        padding: 2px 0 10px 0;
        line-height: 1.4em;
    }

    .addproject-width {
        width: 25px;
    }

    #project-chat2 {
        background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
        background-size: 30px 30px;
    }

    #project-chat2:hover {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 30px 30px;
    }

    #project-add-icon2 {
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
        background-size: 30px 30px;
    }

    /*Modal Box 1 screen2 */
    .modal-screen3 {
        position: fixed;
        top: 0%;
        left: 0%;
    }

    .mail-text {
        padding: 3px 5px 9px;
    }

    /* screen3 date 16march 2018 */
    .task-header {
        font-size: 14px;
        padding: 5px 20px 0px;
    }

    .task-header-new {
        font-size: 16px;
        padding: 2px 20px 0px;
    }

    .task-sub-header {
        padding: 0px 20px 6px;
        line-height: 1em;
        font-size: 12px;
    }

    .task-sub-title {
        padding: 0px 0px 10px 20px;
        font-size: 15px;
        line-height: 1em;
    }

    /* screen5 */
    .screen5-icon {
        padding-top: 9px;
        padding-bottom: 8px;
        padding-left: 20px;
        height: 43px
    }

    .open-danger>.open-danger1 {
        width: 18%;
        float: left;
        display: inline-block;
        padding: 5px 21px;
    }

    .open-danger>.open-danger2 {
        width: 82%;
        float: left;
        display: inline-block;
        font-size: 16px;
        font-family: 'Segoe UI';
        font-weight: 400;
        color: #fff;
        padding-top: 5px;
    }

    .progress-task-heading {
        font-size: 15px;
        padding: 20px 20px 0px;
    }

    .progress-task-text {
        font-size: 13px;
        color: #fff;
        font-family: 'Segoe UI';
        padding: 0px 20px 9px 20px;
        font-weight: 400;
    }

    .open-task-heading {
        font-size: 18px;
        padding: 0px 20px 0px;
        font-weight: bold;
    }

    .open-task-text {
        padding: 0px 10px 0px 20px;
    }

    .complete-task-text {
        font-size: 13px;
        color: #000;
        font-family: 'Segoe UI';
        padding: 0px 80px 0px 20px;
        font-weight: 400;
    }

    .user-header {
        font-size: 16px;
        color: #fff;
        font-family: 'Segoe UI';
        padding: 7px 20px 7px;
        font-weight: bold;
    }

    .user-icon-img {
        margin-left: -15px;
        width: 15px;
    }

    .user-left-section1 {
        font-size: 16px;
        color: #FFCC33;
    }

    .user-left-bg {
        padding: 10px 0px;
    }

    .user-left-bg-withborder {
        padding: 10px 0px;
    }

    .task_top_padding {
        padding: 15px;
    }

    .n_open_task-size {
        width: 94%;
    }

    .n-open-delete {
        padding-top: 18px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        top: 0;
        display: none;
    }

    .open-task1-bg-gape {
        margin: 8px;
        border-radius: 8px;
    }

    .open-info {
        padding: 30px 20px 10px;
    }

    .open-info-col1 {
        width: 20%;
        display: inline-block;
        float: left;
    }

    .open-info-col2 {
        width: 80%;
        padding-top: 2px;
        font-size: 14px;
        font-weight: normal;
        padding-left: 5px;
    }

    .open-right-small {
        width: 16px;
        padding-top: 5px;
    }

    .danger-icon-ipad {
        width: 25px;
    }

    .right-user {
        font-size: 14px;
        padding-left: 3px;
        padding-top: 3px;
    }

    .pro-info-col2 {
        width: 75%;
        display: inline-block;
        float: left;
        font-family: 'Segoe UI';
        font-weight: 400;
        color: #FFF;
        font-size: 16px;
        padding-left: 5px;
        padding-top: 0px;
    }

    .user-bg {
        border-top: 3px solid #333333;
        padding-top: 10px;
        padding-left: 15px;
        padding-bottom: 0px;
    }

    .user-bg:hover,
    .user-bg.active {
        background-color: #0078d7;
        border-top: 3px solid #333333;
        padding-top: 10px;
        padding-left: 15px;
        padding-bottom: 0px;
    }

    .projectTextHeading {
        height: 46px !important;
    }

    .arrange-row-left {
        width: 63%;
    }

    .arrange-row-right {
        width: 37%;
    }

    .arrange-row-right>.n_arrange {
        width: 40%;
        font-size: 14px;
    }

    .arrange-row-right>.n_name {
        width: 17%;
        font-size: 14px;
    }

    .arrange-row-right>.n_date {
        width: 17%;
        font-size: 14px;
    }

    .arrange-row-right>.arrange-complete {
        width: 25%;
        font-size: 14px;
    }

    .arrange-row-right>li:last-child {
        border-right: 0px solid #000;
        margin-right: 0px;
        margin-left: 0px;
    }

    .project-scroll-first {
        height: 708px;
    }

    /* ///////////////////////////////////////////////// */
    /* End of Task managers */
    /* ///////////////////////////////////////////////// */
    /*Date 30 march 2018 Neeraj profile screen */
    .pro-user-text {
        font-size: 14px;
        padding: 8px 0px 8px 10px;
    }

    .right-side-profile .pro-user-text {
        font-size: 14px;
        padding: 13px 0px 13px 10px;
    }

    .plan-sub-text {
        font-size: 12px;
        padding: 8px 0px 8px 10px;
    }

    .plan-text-right {
        font-size: 12px;
        padding: 8px 0px 8px 0px;
    }

    .profile-heading>li {
        font-size: 18px;
        padding: 11px 0px;
        display: block;
    }

    .profile-heading>li:last-child {
        font-size: 18px;
        padding: 11px 0px;
        display: block;
        border-right: 0px;
    }

    .profile-plan {
        padding: 8px 0px;
        font-size: 13px;
    }

    .pro-cont-right2 {
        font-size: 13px;
        padding: 6px 0px 6px 0px;
    }

    .profile-padding {
        padding-top: 65px;
    }

    .profile-content {
        padding-left: 80px;
    }

    .profile-upgrade-btn {
        font-size: 12px;
        padding: 5px 30px 7px 30px;
    }

    .profile-change-logo-btn {
        font-size: 12px;
        padding: 5px 30px 7px 30px;
    }

    .profile-email {
        padding-left: 80px;
        padding-top: 48px;
    }

    .padding-edit-btn {
        padding: 35px 20px 20px 20px;
    }

    .profile-right-logo {
        margin: 27px 0px;
        padding: 0 50px;
    }

    .sync-img {
        padding: 8px;
    }

    .pro-con-left2 {
        font-size: 13px;
        padding: 6px 0px 6px 20px;
    }

    .vertical-right-profile {
        height: 440px;
    }

    .vertical-plan-profile {
        height: 440px;
    }

    .vertical-scroll-profile {
        height: 440px;
    }

    .profile-sync {
        min-height: 40px;
    }

    /*Profile screen2 */
    .profile_right_heading {
        margin-top: 20px;
    }

    .paging_padding {
        padding-top: 100px;
        padding-right: 50px;
    }

    .pro-table-edit-btn {
        font-size: 16px;
        padding: 10px 30px;
    }

    .pro-table-deact-btn {
        font-size: 16px;
        padding: 10px 1px;
    }

    .profile-right-group {
        margin-top: 214px;
    }

    .vertical-right-profile2 {
        min-height: 572px;
    }

    .vertical-scroll-profile2 {
        min-height: 586px;
    }

    .vertical-scroll-profile3 {
        min-height: 586px;
    }

    .vertical-right-profile3 {
        min-height: 586px;
    }

    .vertical-right-profile4 {
        min-height: 586px;
    }

    .vertical-scroll-profile4 {
        min-height: 586px;
    }

    /* profile screen4 */
    .profile-group-padding {
        padding: 122px 60px 60px 80px;
    }

    .group-edit-btn {
        padding: 15px 22px;
    }

    .group-ul-btn {
        padding: 15px 5px;
    }

    .group-adduser-btn {
        padding: 15px 2px;
    }

    .profile-tbl-cell {
        padding: 20px 0px 35px 0px !important;
    }

    /* profile screen5 */
    .profile-desc-padding {
        padding: 20px 30px 0px 60px;
    }

    .profile_desc {
        font-size: 14px;
        font-weight: normal;
    }

    .profile_read {
        font-size: 16px;
        padding: 10px 0px;
    }

    .profile_sub_read {
        font-size: 15px;
        padding: 8px 0px;
    }

    .profile-on-btn {
        font-size: 15px;
        padding: 9px;
    }

    .profile-btn-text {
        font-size: 15px;
        min-height: 42px;
        padding: 5px;
        width: 50px;
    }

    .profile-report-text {
        font-size: 13px;
        margin: 0 0 5px;
        min-height: 36px;
        padding: 5px 5px 5px 15px;
    }

    .profile-rev-report-text {
        font-size: 13px;
        margin: 0 0 5px;
        min-height: 36px;
        padding: 5px 5px 5px 15px;
    }

    .select-review-text {
        font-size: 15px;
        min-height: 70px;
        padding: 5px 5px 5px 20px;
    }

    .sync-img-padding {
        margin-left: 6px;
        width: 23px;
    }

    .submit-btn-padding {
        padding-bottom: 10px;
    }

    .vertical-right-profile5 {
        min-height: 635px;
    }

    .vertical-scroll-profile5 {
        min-height: 635px;
    }

    /* Planner screen */


    .planner-plan {
        font-size: 14px;
        padding: 10px 0px;
    }

    .ra-new-pro-planner-plan {
        font-size: 16px;
        padding: 7.5px 0px;
    }

    .planner_right_text {
        font-size: 12px;
        font-weight: 400;
        width: 100%;
        padding: 10px 20px;
    }

    .pla-bottom-border {
        min-height: 210px;
    }

    .plann-vert-scroll-next {
        height: 485px;
    }

    .plann-rightscroll-next {
        height: 210px;
    }

    .planner-single-folder {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .planner_fol_text {
        font-size: 14px;
        color: #000;
        line-height: 1.5;
    }

    .planner_fol_sub_text {
        font-size: 14px;
        line-height: 1.2;
        padding-top: 5px;
    }

    .planner-date {
        font-size: 12px;
        line-height: .8;
        padding-top: 5px;
    }

    .planner_row_icon {
        font-size: 13px;
    }

    .row_action_block1 {
        width: 30%;
    }

    .row_action_block2 {
        width: 31%;
    }

    .row_action_block3 {
        width: 26%;
    }

    .planner-icon-folder {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .img-cha-date {
        margin: 0px 0px;
        width: 30px;
    }

    .img-planner-del {
        margin: 0px 50px;
    }

    .followup-date {
        font-size: 12px;
        line-height: 1.5;
        font-family: 'Segoe UI';
        font-weight: bold;
    }

    .followup-date1 {
        font-size: 12px;
        line-height: 1.5;
        font-family: 'Segoe UI';
    }

    .followup-date-sen {
        font-size: 14px;
        line-height: 1.5;
    }

    .planner-cancel-btn {
        display: inline-block;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        border: 1px solid #6f6f6f;
        border-radius: 0px;
        background-color: #dddddd;
        font-family: 'Segoe UI';
        padding: 2px 15px;
        color: #000;
    }

    .planner-cancel-btn:hover {
        border: 1px solid #ddd;
        background-color: #6f6f6f;
        padding: 2px 15px;
        color: #FFF;
    }

    .planner-edit-row {
        /* height: 60px;
         */
    }

    .plann_drop {
        padding-top: 0px;
    }

    .planner-next-date-folder {
        padding-top: 10px;
        padding-bottom: 3px;
    }

    .planner-next-date-folder2 {
        padding-top: 15px;
        padding-bottom: 5px;
    }

    .cal-small-width {
        width: 18px;
        margin-top: 0px;
    }

    .planner-folder-row {
        height: 80px;
    }

    .plann-vert-scroll {
        height: 440px;
    }

    .plann-right-vert-scroll {
        height: 212px;
    }

    .planner_dd {
        font-size: 15px;
        margin: 0 0 4px;
        min-height: 30px;
        padding: 2px 4px 3px 4px;
        color: #000;
    }

    /*date 3 may 2018 */
    .icon-width-ipad {
        width: 28px;
    }

    .notifi-header {
        font-size: 16px;
        padding: 7px 20px;
    }

    .day-ago {
        font-size: 13px;
        padding: 10px 20px 0px;
        text-transform: uppercase;
    }

    .notification-bg1 {
        border-top: 3px solid #333333;
    }

    .notification-bg1:hover {
        border-top: 3px solid #333333;
    }

    /* risk-assissment new project */
    .project-text-new {
        padding-top: 7px;
        padding-bottom: 8px;
        font-size: 16px;
        padding-left: 10px;
        font-weight: normal !important;
    }

    .pro_new_padding {
        padding: 0px 40px 20px 40px;
    }

    .pro_title_new {
        font-size: 16px;
        padding: 15px 10px 10px 18px;
        font-weight: medium;
    }

    .new_pro_bottom_bg {
        background-color: #666666;
        padding: 10px 40px 10px 40px;
    }

    .border-right-photo {
        height: 437px;
    }

    .info_type_pro {
        font-size: 16px;
        padding: 10px 15px;
    }

    .project-nheight {
        height: 80px !important;
    }

    .pro-new-scroll {
        height: 440px;
        overflow-y: auto;
    }

    .pro-right-new-scroll {
        height: 440px;
        overflow-y: auto;
    }

    .profile-upgrade-margin {
        margin-top: 223px;
    }

    .new-pro-cancel-btn {
        font-size: 12px;
        padding: 6px 48px;
    }

    .new-pronext-btn {
        font-size: 12px;
        padding: 6px 50px;
    }

    .cal-margin {
        margin-top: 6px;
    }

    .new-pro-drop-icon {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 200px 0px;
    }

    /* risk assissment project details */
    .plan_project_title {
        font-size: 16px;
        padding: 9px 0px;
    }

    .pro_grid_title {
        font-size: 16px;
    }

    .assessments-req-bg {
        padding: 3px 0px 5px 0;
    }

    .pro_detail_head {
        font-size: 14px;
    }

    .pro_detail_shead {
        font-size: 13px;
        text-align: center;
        margin-top: 0px;
    }

    .assessments-req-bg-withborder {
        padding: 3px 0px 5px 0;
    }

    .assessment-blockmsg {
        font-size: 16px;
        padding: 26px 25px;
    }

    .hazard_rs_msg {
        padding: 8px 10px 0px 10px;
        font-size: 13px;
    }

    .pd_toggle_no {
        font-size: 13px;
        text-align: left;
        padding: 5px 0 5px 11px;
    }

    .pd_toggle_middle {
        float: left;
        width: 20%;
        display: inline-block;
        font-weight: normal;
        font-family: 'Segoe UI';
        color: #FFF;
        font-size: 0px;
        text-align: center;
        padding: 5px 0 0px 0px;
    }

    .pd_toggle_yes {
        font-size: 13px;
        text-align: center;
        padding: 5px 0 5px 20px;
    }

    /*For toggle radio button*/
    .switch {
        width: 40px;
        height: 17px;
    }

    .slider:before {
        height: 10px;
        width: 10px;
        left: 2px;
        bottom: 1px;
        top: 1px;
        background-color: #808180;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
        background: #fff;
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 36px;
        border: 2px solid #808180;
    }

    .ra_pd_scroll_left {
        height: 405px;
    }

    .ra_pd_scroll_right {
        height: 432px;
        position: relative;
        overflow-y: auto;
    }

    .pro_phot_padding {
        padding: 15px 60px 15px 60px;
    }

    .new_pic_bottom_bg {
        padding: 10px 57px 10px 60px;
    }

    /*page risk assessor My Photo show page */
    .photo-msg {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 16px;
        padding-left: 35px;
        font-weight: 700 !important;
    }

    .pro_mphoto_frame {
        width: 60%;
        min-height: 25px;
        border: 3px solid #0071bc !important;
    }

    .plann-grid-right-vert-scroll {
        height: 385px;
    }

    /*.project_img_sub_heading {
         font-size: 12px;
         padding-top: 0px;
         padding-left:20px;
    }
    */
    .pro_sphoto_frame {
        width: 60%;
        min-height: 25px;
        border: 3px solid #231f20 !important;
        margin-left: 20px;
    }

    /*.pro_mbig_frame {
         width: 200px;
         height:200px;
         border: 8px solid #0071bc !important;
    }
    */
    .main-photo-width {
        width: 30px;
        margin-left: 20px;
    }

    .ra_project_icon_width {
        width: 40px;
        padding-top: 30px;
    }

    .ra_project-icon {
        padding-bottom: 15px;
        text-align: center;
    }

    .project-name-title {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .project_name-info_head {
        font-size: 14px;
    }

    .project_name-info {
        font-size: 14px;
    }

    .project_block_padding {
        padding-bottom: 160px;
    }

    .ra_my_photo_scroll_left {
        height: 315px;
    }

    .ra_my_photo_scroll_right {
        height: 437px;
    }

    .project-new-sidebar-left {
        padding: 0px 0;
    }

    .project-new-sidebar-left>a {
        padding: 15px 0;
    }

    .project-new-sidebar-right {
        padding: 0px 0;
    }

    .project-new-sidebar-right>a {
        padding: 15px 0;
    }

    .n_photo_edit {
        background-size: 35px 35px;
        background-position-y: 25px;
    }

    .n_photo_edit:hover,
    .n_photo_edit.active {
        background-size: 35px 35px;
        background-position-y: 25px;
    }

    .n_photo_delete {
        background-size: 35px 35px;
        background-position-y: 25px;
    }

    .n_photo_delete:hover,
    .n_photo_delete.active {
        background-size: 35px 35px;
        background-position-y: 25px;
    }

    .n_grid_edit_text {
        padding-top: 50px;
    }

    /* Page risk assissment project grid */
    .grid_column1 {
        height: 30px !important;
        width: 40px !important;
        font-size: 16px;
        font-weight: normal;
    }

    .grid_column1_other {
        height: 42px !important;
        width: 53px;
        font-size: 18px;
    }

    .cleaning_icon-width {
        width: 30px;
    }

    .cont_cleaning_text {
        font-size: 14px;
        padding-top: 0px;
    }

    .grid_row_new {
        height: 47.52px;
        width: 51px;
        font-size: 16px;
    }

    .project-library-left {
        padding: 0px 0;
    }

    .project-key-medium {
        padding: 0px 0;
    }

    .project-add-last {
        padding: 0px 0;
    }

    .pro-lib-head {
        font-size: 18px;
        padding: 10px 20px 13px;
    }

    .pro-key-head {
        font-size: 18px;
        padding: 10px 20px 10px;
    }

    .pro-add-head {
        font-size: 18px;
        padding: 5px 20px 10px;
    }

    /* Page Risk Assissment hazard page */
    .hazard_padding {
        padding: 20px 40px;
    }

    .hazard-icon-text {
        font-size: 16px;
        padding-top: 0px;
    }

    .hazard-img-text {
        font-size: 18px;
        padding-top: 5px;
    }

    .enter_hazard_msg {
        font-size: 16px;
        padding-left: 10px;
    }

    .h_textarea {
        font-size: 14px;
        padding: 8px 12px 10px 10px;
    }

    .hazard_sno_bg {
        height: 69px;
        padding: 22px 10px;
    }

    .hazard_btn_text {
        padding: 18px 60px 13px 5px;
        font-size: 15px;
    }

    .hazard_btn_sno_left {
        background-color: #ff1d25;
        height: 36px;
        padding-top: 6px;
    }

    .hazard-sno {
        height: 20px;
        width: 20px;
        font-size: 12px;
    }

    .control_btn_text {
        font-size: 14px;
        padding: 8px 20px 8px;
    }

    .hazard_cl_btn {
        width: 20px;
    }

    .hazard_radio {
        height: 36px;
    }

    .pro-hazard-left-scroll {
        height: 443px;
    }

    .radio-margin {
        margin-left: 0;
    }

    .hazard_injury_dd {
        font-size: 13px;
    }

    .pro-hazard-right-scroll {
        height: 441px;
    }

    .padding_enter_hazardmsg {
        padding-top: 20px;
    }

    .hazard_rs_text {
        padding: 15px 10px 10px 15px;
        font-size: 13px;
    }

    .plann-grid-vert-scroll {
        max-height: 750px;
        position: relative;
        overflow-y: scroll;
    }

    new-pro-date-icon .plann-grid-right-vert-scroll {
        height: 373px;
        position: relative;
        overflow-y: auto;
    }

    /*.container-frame-text {
         float: left;
         width: 65%;
    }
     .container-small-frame {
         float: right;
         width: 35%;
    }
     */
    .like_margin-bottom {
        margin-bottom: 2px;
    }

    .cont_cleaning_padding {
        padding: 10px 15px;
        height: 47.6px;
    }

    .padding-left-ipad {
        padding-left: 0px;
    }

    .border-right-per-involved {
        height: 381px;
    }

    .hazard_bottom_bg {
        background-color: #666666;
        padding: 10px 59px 10px 61px;
    }

    .container-frame {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner-cal {
        padding-top: 0px;
    }

    .planner-cal-left {
        width: 97%;
        float: left;
        display: block;
    }

    .planner-cal-right {
        width: 3%;
        float: right;
        display: block;
    }

    .planner-cal-follow {
        font-size: 14px;
    }

    .planner-cal-follow::placeholder {
        font-size: 14px;
    }

    .plann-vert-fd-scroll {
        height: 487px;
    }

    /* profile settings 30 may 2018 */
    .pro_user_icon_width {
        width: 20px;
    }

    .profile-icon {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .profile-text-new {
        padding-top: 7px;
        padding-bottom: 7px;
        font-size: 16px;
        padding-left: 20px;
        font-weight: bold;
    }

    .myprofile-heading>li>a :first-child {
        font-size: 15px;
        padding: 8px 0px;
    }

    .my-details-right-text {
        font-size: 13px;
        padding: 11px 10px;
    }

    .pro-sett-text1 {
        font-size: 12px;
    }

    .profile-new-email {
        padding-left: 85px;

    }

    .profile-ru-sta-padding {
        padding: 30px 30px 10px 10px;
    }

    .profile-ru-statement-heading {
        font-size: 12px;
        padding-left: 0px;
    }

    .myprofile-toggle .switch {
        width: 35px;
        height: 16px;
        margin-left: 20px;
    }

    .myprofile-toggle .slider:before {
        height: 22px;
        width: 22px;
        left: 0px;
        bottom: 4px;
        top: -3px;
        right: -5px;
    }

    .myprofile-toggle input:checked+.slider:before {
        -webkit-transform: translateX(13px);
        -ms-transform: translateX(13px);
        transform: translateX(13px);
        background: #0078d7;
    }

    .mprofile-group-head {
        padding: 0px 10px;
        font-size: 12px;
    }

    .pro-state-padding-left {
        padding: 0px 30px 0 20px;
    }

    .pro-ru-st-sub-heading {
        font-weight: normal;
        font-size: 12px;
        padding-left: 10px;
    }

    .pro-oh-tbl-heading {
        font-size: 13px;
    }

    .pro-oh-tbl-row {
        font-size: 13px;
    }

    .pro-state-padding-right {
        padding: 0px 30px 0 15px;
    }

    .pro-sett-dd {
        font-size: 14px;
        margin: 0 0 3px;
        height: 28px;
        padding: 2px 8px 2px 8px;
    }

    .profile-ta {
        font-size: 12px;
        margin: 0 0 4px;
        padding: 2px 8px 2px 8px;
        height: 28px;
    }

    .mypro-plan {
        padding: 15px 15px 8px 15px;
        font-size: 12px;
    }

    .mypro-user {
        padding: 8px 15px;
        font-size: 12px;
    }

    .mypro-space {
        font-size: 13px;
        padding-left: 15px;
    }

    .pro-sel-padding {
        padding-top: 10px;
    }

    .pro-read-ta {
        padding-top: 8px;
    }

    .pro-setting-btn-padding {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    /*Profile user new screen */
    .pro-view-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .pro-view-row-right>.view-user {
        font-size: 14px;
    }

    .pro-new-tbl-heading {
        font-size: 13px;
    }

    .pro-new-tbl-head-cell {
        padding-bottom: 10px !important;
    }

    .pro-new-tbl-wo-border {
        padding-bottom: 10px !important;
    }

    .pro-active-table .active {
        font-weight: normal;
        font-size: 13px;
    }

    .pro-new-tbl-row {
        font-weight: normal;
        font-size: 13px;
    }

    .mpro_user_right_detail {
        padding: 10px 10px 5px 10px;
        font-size: 13px;
    }

    .mpro_user_right_detail2 {
        padding: 3px 10px 3px 10px;
        font-size: 13px;
    }

    .mprofile-hazard-detail {
        padding: 0px 10px 5px 10px;
        font-size: 12px;
    }

    .mpro-group-margin {
        margin: 5px 10px 5px 10px;
    }

    .newpro-addnew-btn {
        font-size: 13px;
    }

    .newpro-csv-btn {
        font-size: 13px;
        padding: 8px 30px;
    }

    .pro-right-user-scroll {
        height: 517px;
    }

    .new-profile-rborder {
        height: 520px;
    }

    .modal-adduser {
        position: fixed;
        padding-top: 5%;
        left: -20%;
    }

    /*Profile user Edit */
    .au-edit-tb {
        font-size: 14px;
        min-height: 30px;
        height: 32px;
        padding: 6px 20px;
    }

    .user-sta-done {
        min-height: 30px;
        font-size: 13px;
        padding-left: 20px;
    }

    .user-sta-btn {
        min-height: 30px;
        font-size: 13px;
        padding-left: 20px;
    }

    /* profile group screen */
    .planner-icon>span {
        padding-left: 10px;
        font-size: 16px;
    }

    .profile-group-icon {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 15px;
    }

    .profile-group-icon>span {
        font-size: 14px;
        padding-left: 10px;
    }

    .ele-text {
        padding-top: 6px;
        padding-bottom: 5px;
        padding-left: 10px;
        font-size: 14px;
    }

    .total-user-text {
        padding-top: 6px;
        padding-bottom: 7px;
        padding-left: 18px;
        font-size: 14px;
    }

    .not-user-text {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 18px;
        font-size: 14px;
    }

    .yes-user-text {
        padding-top: 10px;
        padding-bottom: 7px;
        padding-left: 18px;
        font-size: 14px;
    }


    .pro-grp-heading {
        font-size: 16px;
        background-color: #2b2b2b;
    }

    .pro-grp-head-cell {
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
    }

    .pro-grp-head-cell-left {
        padding: 8px 20px !important;
        /* padding-left:20px !important;
         */
        /* padding-bottom:9px !important;
         */
        /* padding-top:9px !important;
         */
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        font-size: 12px !important;
        width: 48%;
    }

    .pro-grp-head-cell-right {
        padding: 8px 19px !important;
        /* padding-left:20px !important;
         */
        /* padding-bottom:9px !important;
         */
        /* padding-top:9px !important;
         */
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        font-size: 12px !important;
        width: 50%;
    }

    .pro-grp-sub-heading {
        font-size: 14px;
    }

    .pro-grp-right-cell {
        padding-left: 20px !important;
        padding-bottom: 7px !important;
        padding-top: 7px !important;
        border-bottom: 2px solid #FFF;
    }

    .profile-right-icon {
        padding-top: 70px;
        padding-bottom: 55px;
        padding-left: 25px;
    }

    .arrow-width {
        width: 13px;
    }

    .pro-group-icon-margin {
        margin-top: -3px;
    }

    .planner-grp-icon>span {
        padding-left: 10px;
        font-size: 14px;
    }

    .my-pro-form::placeholder {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
        font-family: 'Segoe UI';
    }

    .pro-new-tbl-head-cell {
        padding-left: 20px !important;
        padding-bottom: 6px !important;
        border-bottom: 2px solid #FFF;
        padding-top: 6px !important;
        border-right: 2px solid #FFF;
    }

    .pronew-tbl-cell {
        padding: 6px 20px !important;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        background-color: none !important;
    }

    .pronew-tbl-cell-last {
        padding: 6px 20px !important;
        border-bottom: 2px solid #FFF;
        border-right: 0;
        color: #0078d7;
    }

    .my-pro-form::placeholder {
        color: #000000;
        font-size: 13px;
        font-weight: normal;
        font-family: 'Segoe UI';
    }

    .profile-assissment {
        border-radius: 0px;
        font-size: 13px;
        color: #000 !important;
        margin: 0 0 4px;
        width: 90%;
        height: 26px;
        padding: 1px 0px;
        font-family: 'Segoe UI';
        border: 1px solid #bbbbbb;
        background: #3e3e3e !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .profile-count {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("../../../img/front/inner-page/add-dd-iconv-small.png") no-repeat 98.5% !important;
        background: url("../../../img/front/inner-page/add-dd-iconv-small.png") no-repeat calc(100% - 10px) !important;
        background-position: right;
        color: red;
    }

    .form-gape-small-device {
        margin-bottom: 10px;
    }

    .profile-right-logo-edit {
        margin: 28px 0px;
        padding: 0 61px;
    }

    .new-profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
        color: #000;
    }

    .project-ra-icon-width {
        width: 28px;
    }

    .project-ra-new-icon {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
    }

    .profile-WebContainer {
        max-height: 720px;
        min-height: 600px;
    }

    .pro-oh-tbl-head-cell {
        /* padding:5px !important;
         */
    }

    .pro-oh-tbl-wo-border {
        /* padding:5px !important;
         */
    }

    .prooh-tbl-cell {
        width: 180px;
    }

    .prooh-tbl-cell-last {
        width: 180px;
    }

    .table-fixed-oh tbody {
        height: 383px;
    }

    .pro-table-scroll {
        height: 420px;
    }

    .profile-close-btn {
        font-size: 14px;
        padding: 6px 30px;
    }

    .plan-padding {
        padding: 60px 20px;
    }

    .user-plan-cont {
        font-size: 16px;
        padding: 10px 0;
    }

    .user-plan-content {
        font-size: 16px;
        padding: 10px 0;
    }

    .pro-plan-upgrade-btn {
        font-size: 14px;
        padding: 2px 10px 4px 10px;
        min-width: 120px;
    }

    .pro-plan-edit-btn {
        font-size: 14px;
        padding: 7px 10px 4px 10px;
        min-width: 120px;
    }

    .plan-bg-mid {
        height: 440px;
    }

    .vertical-plan-left-profile {
        height: 440px;
    }

    .white-btn-margin {
        margin-top: 3px;
    }

    .white-btn-width {
        width: 27px;
        padding-top: 5px;
    }

    .hazard_right-scroll {
        max-height: 388px;
    }

    /* Risk assessment payment screen */
    .plan_type {
        font-size: 16px;
        padding: 12px 30px;
    }

    .payment_right_title {
        font-size: 16px;
        padding: 12px 0px;
    }

    .ra_payment_detail {
        padding: 15px 20px;
        font-size: 14px;
    }

    .paymentcard-heading {
        padding: 90px 40px 20px 40px;
        color: #FFF;
        font-family: 'Segoe UI';
        font-weight: normal;
        font-size: 16px;
        text-align: center;
    }

    /* .pay_card{
        width:220px;
    }
     */
    .payment-margin-right {
        padding: 10px 0px 10px 0px;
    }

    .payment-space {
        font-size: 16px;
        padding: 6px 10px 6px 20px;
    }

    .payment-space-right {
        font-size: 16px;
        padding: 6px 20px;
    }

    .payment-right-scroll {
        height: 483px;
    }

    .ra-benifit-gape {
        padding: 10px 30px;
    }

    .ra-benifit-heading {
        font-size: 24px;
    }

    .border-pay-bor {
        padding-bottom: 8px;
    }

    .ra-benefit-margin {
        padding: 5px 20px;
        margin-bottom: 0;
    }

    .ra-benifit-sub-heading {
        font-size: 16px;
    }

    .future-msg {
        font-size: 18px;
        padding: 2px 0 0px;
    }

    .discount-bg {
        background-color: #0078d7;
        background-image: url(../../../img/front/inner-page/dscount-bg.png);
        background-position: right;
        height: 140px;
        margin-top: 20px;
        background-repeat: no-repeat;
        -webkit-margin-before: 24px;
    }

    .payment-space-bg {
        padding: 10px 20px 5px 20px;
        font-size: 16px;
    }

    .dis-amount {
        font-size: 16px;
    }

    .payment-uk {
        font-size: 14px;
        padding: 0 10px 10px 30px
    }

    .payment-uk-msg {
        font-size: 13px;
    }

    .payment-detail-right {
        height: 430px;
    }

    .payment-space>.monthly_detail_test {
        font-size: 10px;
    }

    .payment-footer-bg {
        padding: 10px 30px;
        background-color: #666666;
    }

    .u_discount {
        font-size: 18px;
        margin-top: -15px;
        line-height: 1.5em;
        letter-spacing: 1px;
    }

    .u_discount>span {
        font-size: 35px;
        padding-right: 10px;
    }

    /* stats screen design */
    .nav-tab-change>li>a {
        padding: 12px 0px;
    }

    .action-link-stat>a {
        padding: 8px 12px;
        border-left: 1px solid #b3b3b3;
    }

    .stats-icon-width {
        width: 25px;
    }

    .n_search_folder {
        font-size: 12px;
        padding: 12px 0;
    }

    .sr-hazard-tbl-heading {
        font-size: 14px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 580px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 130px;
    }

    .sr-hazard-tbl-cell {
        font-size: 13px;
        width: 150px;
    }

    .sr-hazard-tbl-cell:last-child {
        width: 148px;
    }

    .sr-hazard-tbl-cell-first {
        padding: 8px 24px !important;
        font-size: 13px;
        width: 580px;
    }

    .n_control-height {
        height: 26px !important;
    }

    .paddig-sicon-text {
        padding: 4px 10px;
        height: 222px;
    }

    .padding-risk-type_wb {
        padding: 14px 10px 14px 10px;
    }

    .padding-risk-type {
        padding: 15px 10px 15px 10px;
    }

    .ntouch-left-padding {
        padding: 5px 0 0 0;
        margin-left: -10px;
    }

    .set_date_padding {
        padding: 5px 0 0 0;
    }

    .stats-filter-btn {
        font-size: 13px;
        padding: 5px 25px;
        color: #FFF;
    }

    .stats_container_hw {
        height: 530px;
    }

    .n_folder-right-side-bar {
        height: 490px;
    }

    .stats-tbl-head-cell>div {
        width: 225px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 425px;
    }

    .n_stats_report_padding {
        padding: 10px 15px;
    }

    .stats_email_padding {
        padding: 5px 10px 10px 10px;
    }

    .n_email_dd {
        font-size: 12px;
        height: 24px;
        padding: 1px 3px 1px 1px;
        padding-bottom: 1px;
        font-family: 'Segoe UI';
        border: 1px solid #0f0f0f;
        margin-top: 4px;
    }

    .email-border {
        height: 63px;
    }

    .btncsv_margin {
        padding-top: 331px;
    }

    .n_photo_edit {
        background: url(../../../img/front/inner-page/edit-black-icon.png) center center no-repeat;
        background-size: 45px 45px;
        background-position-y: 40px;
    }

    .n_photo_edit:hover,
    .n_photo_edit.active {
        background: url(../../../img/front/inner-page/edit-icon.png) center center no-repeat;
        background-size: 45px 45px;
        background-position-y: 40px;
    }

    .n_photo_delete {
        background: url(../../../img/front/inner-page/delete-icon2.png) center center no-repeat;
        background-size: 45px 45px;
        background-position-y: 40px;
    }

    .n_photo_delete:hover,
    .n_photo_delete.active {
        background: url(../../../img/front/inner-page/delete-white-icon.png) center center no-repeat;
        background-size: 45px 45px;
        background-position-y: 40px;
    }

    /* date 12 july task managers*/
    .n_risk-folder-name {
        margin-left: 0px;
    }

    .project-addsec-left {
        font-size: 12px;
    }

    .project-addsec-medium {
        font-size: 12px;
    }

    .project-addsec-last {
        font-size: 12px;
    }

    .task_add_sec {
        background-size: 30px auto;
        background-position-y: 7px;
    }

    .task_add_sec:hover {
        background-size: 30px auto;
        background-position-y: 7px;
    }

    .limited_project_name {
        font-size: 16px;
        padding-bottom: 0px;
    }

    .task-text {
        padding-top: 50px;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    /* skip screen */
    .skip-hazard-icon {
        padding-top: 15px;
        padding-bottom: 22px;
        width: 40px;
        padding-left: 0px;
    }

    .skip-hazard-name {
        font-size: 16px;
        font-family: 'Segoe UI';
        font-weight: 400;
        padding-top: 15px;
        margin-left: -20px;
    }

    .skip-ra-left {
        padding: 0px 0;
    }

    .skip-ra-right {
        padding: 0px 0;
    }

    .skip-ra-left>a {
        padding: 18px 0;
    }

    .skip-ra-right>a {
        padding: 18px 0;
    }

    /*end of skip screen */
    .hazz_textarea {
        font-size: 14px;
        margin: 0 0 0px;
        padding: 8px 60px 12px 5px;
        height: 64px;
    }

    /* header not scroll body scroll */
    .table-fixed tbody {
        height: 400px;
    }

    /*changes of further assessment */
    .n_followup-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .given-gap {
        margin-top: 10px;
    }

    /* 31july */
    .limited-text-2line {
        line-height: 14px;
        /* fallback */
        max-height: 31px;
        /* fallback */
    }

    .modal-cancel-btn {
        font-size: 14px;
        padding: 3px 50px;
    }

    .n_view_user>a {
        padding-right: 8px;
    }

    .n_view_groups>a {
        padding-left: 0px;
    }

    .pro-tbl-btn-width {
        width: 175px;
    }

    .n_harard-icon-file {
        padding: 20px 25px;
    }

    .n_icon-box>img {
        width: 80px;
        margin-left: 8px;
        margin-right: 8px;
        height: 80px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .audit-check-icon {
        top: -44px;
        left: 98px;
    }

    .audit-check-icon-width {
        width: 15px;
    }

    .access-select-profile {
        margin-right: 15px;
        width: 160px;
    }

    .audit-icon-box1 {
        float: left;
        width: 10%;
        display: inline-block;
        text-align: center;
    }

    .audit-icon-box2 {
        float: left;
        width: 19%;
        display: inline-block;
        text-align: center;
    }

    .audit-icon-blank {
        width: 10%;
    }

    .audit-icon-subbox1 {
        width: 31%;
    }

    .audit-icon-subbox2 {
        width: 22%;
    }

    .audit-icon-subbox3 {
        width: 30%;
    }

    .audit-icon-box3 {
        width: 45%;
    }

    .audit-icon-box4 {
        width: 13%;
    }

    .audit-icon-box5 {
        width: 13%;
    }

    .acc-rig-btn>a {
        padding: 3px 10px;
        font-size: 14px;
    }

    .n-in-folder-top {
        padding-top: 20px;
    }

    .inndash-padding-top {
        padding-top: 45px;
    }

    /* ra screen 27 aug */
    .project-ra-new-icon>span {
        font-size: 16px;
        padding-left: 5px;
    }

    /*upload btn 31 aug 2018 */
    .n_hazard-right-icon {
        width: 80px;
        height: 80px;
        padding: 2px;
    }

    .new_upload_image {
        padding: 6px 50px 6px 50px;
        font-size: 12px;
    }

    .new_upload_margin {
        margin-top: 8px;
    }

    .new_upload_image_gap {
        padding-top: 20px;
    }

    .ms-file-icon {
        padding-bottom: 20px;
    }

    .n_image_outcircle {
        width: 90px;
        height: 90px;
        padding: 8px;
    }

    /* .inner-img-width {
         width:55px;
         margin-left: 8px;
    }
     */
    /* .n_image_innergap {
         padding-top: 9px;
    }
     */
    .add-hazard-icon-width {
        width: 25px;
        margin-right: 8px;
        margin-top: -2px;
    }

    .n_date_select_first {
        margin-top: 26px !important;
    }

    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    .hazard-right-bg {
        height: 392px;
    }

    .project_skip_padding {
        padding-bottom: 9px;
    }

    .project-detail-sec1 {
        max-height: 185px;
    }

    .project-detail-sec2 {
        max-height: 155px;
    }

    .risk-edit-folder.edit-mode.risk-folder-row-active
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .ra-single-folder {
        padding-top: 33px;
        padding-bottom: 33px;
    }

    .ra-folder-name {
        padding-top: 7px;
        font-size: 14px;
    }

    .top-item {
        font-size: 10px;
    }

    .notifi-header {
        font-size: 14px;
        padding: 12px 10px;
    }

    .day-ago {
        font-size: 9px;
        padding: 10px 10px 0px;
    }

    .risk-right-text {
        font-size: 11px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .risk-sub-text {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .project-text {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 18px;
        padding-left: 10px;
    }

    .right-icon-width {
        width: 10px;
    }

    .padding-ipad-zero {
        padding-left: 0px;
        padding-right: 0px;
    }

    .img-ipad-width {
        width: 30px;
    }

    .hover-icon-padding {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .edit-icon-text {
        padding: 10px 0px 25px 0px;
        font-size: 12px;
    }

    .delete-icon-text {
        padding: 10px 0px 25px 0px;
        font-size: 12px;
    }

    .top-sidebar>li>a {
        padding: 10px 10px !important;
    }

    .top-sidebar>li>a:hover {
        background-color: #0078d7 !important;
        padding: 10px 10px;
    }

    .chat-noti {
        height: 15px;
        width: 15px;
        top: -2px;
        left: 2px;
    }

    .chat-noti>.chat-noti-no {
        font-size: 8px;
        padding-left: 4px;
        padding-top: 2px;
    }

    .top-sidebar>li> :hover .top-sidebar-padding {
        display: block;
        text-align: center;
        padding: 13px 13px !important;
        text-decoration: none;
    }

    .top-sidebar>li>.active {
        background-color: #0078d7;
        padding: 10px 15px !important;
    }

    .icon-padding-lapi {
        padding-right: 0px;
        padding-left: 12px;
    }

    .padding-Zero-iphone {
        padding-left: 0;
    }

    .icon-width-ipad {
        width: 25px;
    }

    .notifi-header {
        font-size: 15px;
        padding: 8px 10px;
        font-weight: bold;
    }

    .noti-close-padding {
        padding-left: 15px;
    }

    #project-add-icon {
        background: url(../../../img/front/inner-page/icon1.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-add-icon:hover,
    #project-add-icon.active {
        background-size: 20px 20px;
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
    }

    #project-chat.active {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-add-icon:hover,
    #project-add-icon.active {
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-search {
        background: url(../../../img/front/inner-page/search-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-search:hover,
    #project-search.active {
        background: url(../../../img/front/inner-page/search-white-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-task {
        background: url(../../../img/front/inner-page/icon-4.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-task:hover,
    #project-task.active {
        background: url(../../../img/front/inner-page/icon-4-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-user {
        background: url(../../../img/front/inner-page/user-right-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-user:hover,
    #project-user.active {
        background: url(../../../img/front/inner-page/user-right-icon-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-chat {
        background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-chat:hover,
    #project-chat.active {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .project-screen-right-bg {
        background-color: #f2f2f2;
        border-top: 3px solid #333333;
    }

    /*screen 2 css */
    .addproject-width {
        width: 30px;
    }

    .right-item {
        font-size: 12px;
        padding: 0px 8px 8px;
    }

    #project-chat2 {
        background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
        background-size: 25px 25px;
    }

    #project-chat2:hover {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 25px 25px;
    }

    #project-add-icon2 {
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
        background-size: 25px 25px;
    }

    /* Modal Box1 For screen2 */
    body .modal-ku {
        width: 700px;
        overflow: hidden;
    }

    .title-new {
        font-size: 16px;
    }

    .title-desc {
        font-size: 14px;
    }

    .title-task-new {
        font-size: 14px;
        padding: 10px 15px 0px;
    }

    .title-task-desc {
        font-size: 10px;
    }

    .cus-modal2 {
        font-size: 12px;
        min-height: 32px;
        padding: 5px;
        font-family: 'Segoe UI';
        /*border:1px solid #0078d7 !important;*/
        background-color: #fff;
        color: #000;
    }

    .task-desc-border {
        border-top: 1px solid #b3b3b3;
    }

    .chat-task {
        font-size: 14px;
        padding: 0 0 10px 0;
    }

    .pd-right-text {
        padding-top: 20px !important;
    }

    .modal-right-user {
        color: #FFF;
        font-size: 12px;
    }

    .modal-right-user3 {
        color: #FFF;
        font-size: 12px;
    }

    .modal-create-btn {
        font-size: 10px;
    }

    .cancel-btn {
        font-size: 14px;
        padding: 4px 51px 5px 51px;
    }

    .padding-left-remove {
        padding-left: 0;
    }

    span.selected {
        border-right: none;
        height: 24px;
        overflow: hidden;
        background: url(../../../img/front/inner-page/dropdown-icon-small.png);
        background-repeat: no-repeat;
        background-position: right;
        font-size: 10px;
        margin-top: 3px;
    }

    .modal2-view {
        font-size: 12px;
        margin: 0 0 5px;
        width: 100%;
        min-height: 32px;
        padding: 5px;
        color: #000;
        font-family: 'Segoe UI';
        /*border: 1px solid #0078d7;*/
        background-color: #e6e6e6 !important;
    }

    .dd-control-right {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../../img/front/inner-page/dropdown-icon-small.png) no-repeat 207px 0px;
    }

    .modal-right-email {
        font-size: 12px;
        padding-bottom: 10px;
    }

    .modal-view-right {
        font-size: 12px;
        margin: 0 0 5px;
        width: 91%;
        min-height: 32px;
        padding: 5px;
        font-family: 'Segoe UI';
        border: 1px solid #0078d7;
        background-color: #fff;
    }

    .ipad-plus {
        width: 33px;
        margin-left: -10px;
    }

    .mail-text-screen2 {
        background-color: #e6e6e6;
        font-family: 'Segoe UI';
        font-size: 12px;
        color: #000;
        padding: 7px 5px 9px;
    }

    .close-border {
        width: 32px;
    }

    .padding-mail {
        padding-left: 0px;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .padding-mail-bottom {
        padding-bottom: 15px;
    }

    .date-width {
        width: 24px;
    }

    .date-heading {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        font-family: 'Segoe UI';
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .modal-right-project {
        font-size: 15px;
    }

    .modal-right-status {
        color: #FFF;
        font-size: 13px;
        font-weight: 400;
        font-family: 'Segoe UI';
        font-weight: bold;
    }

    .modal-create {
        font-size: 12px;
    }

    /*     .padding-right-third {
         padding-right:0px;
    }*/
    .padding-left-zero-remove {
        padding-left: 15px !important;
    }

    .newtask-modal2 {
        font-size: 12px;
        margin: 0 0 3px;
        padding: 3px 5px 3px 5px;
        font-family: 'Segoe UI';
        /*border:1px solid #0078d7 !important;*/
    }

    .chat-btn {
        padding: 3px 50px;
        font-size: 14px;
    }

    /* screen modal3 */
    .title-search-head {
        font-size: 14px;
    }

    .title-search-desc {
        font-size: 12px;
        padding: 10px 15px 10px;
    }

    .padding-search {
        padding-top: 10px;
    }

    .search-box {
        font-size: 11px;
        color: #000100;
        margin: 0 0 4px;
        width: 100%;
        min-height: 28px !important;
        padding: 3px;
        border: 1px solid #0078d7 !important;
    }

    .search-btn {
        padding: 8px 35px;
        font-size: 12px;
        border: 1px solid transparent;
        border-radius: 0px;
        background-color: #0078D7;
        font-family: 'Segoe UI';
    }

    .pro-drop-icon {}

    .project-name-heading {
        font-size: 14px;
        padding: 20px 20px 0 20px;
    }

    .modal-btn-padding2 {
        padding-top: 40px !important;
        padding-bottom: 30px !important;
    }

    .modal-cancel-btn {
        font-size: 10px;
        padding: 3px 25px;
        border: 1px solid transparent;
    }

    .modal-create-btn {
        font-size: 10px;
        padding: 3px 5px;
    }

    .padding-zero-remove {
        padding-left: 0;
    }

    .project-sub-heading {
        font-size: 18px;
        padding: 0px 20px 0 20px;
    }

    .space-left {
        padding-left: 0px;
    }

    .modal3-user-icon {
        width: 22px;
    }

    .pro-drop-icon {}

    .project-name-bg {
        width: 100%;
        min-height: 80px;
        border: 2px solid #e6e6e6 !important;
        background-color: #e6e6e6;
    }

    /* screen3 for task */
    .task-header {
        font-size: 12px;
        padding: 10px 14px 0px;
    }

    .task-header-new {
        font-size: 15px;
        padding: 10px 14px 0px;
    }

    .task-sub-header {
        padding: 0px 5px 10px 14px;
        line-height: 1em;
        font-size: 10px;
    }

    .task-sub-title {
        padding: 0px 0px 8px 14px;
        font-size: 10px;
    }

    .active-right {
        border-top: 5px solid #333333;
    }

    .notification-bg1 {
        border-top: 5px solid #333333;
    }

    .notification-bg1:hover {
        border-top: 5px solid #333333;
    }

    /* screen 5 */
    .screen5-icon {
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 20px;
        height: 38px;
    }

    .project-icon-width {
        width: 22px !important;
    }

    .project-text {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        padding-left: 8px;
    }

    .user-left-section1 {
        font-size: 15px !important;
    }

    .user-header {
        font-size: 15px;
        padding: 11px 15px 11px;
    }

    .open-task-heading {
        font-size: 12px;
        padding: 0px 0px 0px 20px;
    }

    .task_top_padding {
        padding: 5px 15px;
    }

    .n_open_task-size {
        width: 95%;
    }

    .n_due_date {
        font-size: 10px;
        padding-top: 0px;
        padding-left: 3px;
    }

    .n-open-delete {
        padding-top: 18px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        top: 0;
        display: none;
    }

    .open-task1-bg-gape {
        margin: 5px;
        border-radius: 8px;
    }

    .open-icon-small {
        width: 12px;
    }

    .open-icon-margin {
        margin-top: -2px;
    }

    .open-task-text {
        font-size: 10px;
        padding: 0 0 0 20px;
    }

    .open-info {
        padding: 30px 10px 10px 20px;
        overflow: hidden;
        width: 100%;
        z-index: 999;
    }

    .open-info-col2 {
        font-size: 8px;
        padding-top: 3px;
        padding-left: 3px;
    }

    .right-icon-ipad {
        width: 16px;
    }

    .open-danger>.open-danger1 {
        width: 25%;
        float: left;
        display: inline-block;
        padding: 5px 0px 5px 20px;
    }

    .open-danger>.open-danger2 {
        width: 75%;
        float: left;
        display: inline-block;
        font-size: 14px;
        font-family: 'Segoe UI';
        font-weight: 400;
        color: #fff;
        padding-top: 7px;
    }

    .danger-icon-ipad {
        width: 20px;
    }

    .progress-task-heading {
        font-size: 11px;
        color: #fff;
        font-family: 'Segoe UI';
        padding: 12px 20px 0px;
        font-weight: bold;
    }

    .progress-task-text {
        font-size: 9px;
        color: #fff;
        font-family: 'Segoe UI';
        padding: 0px 5px 0px 20px;
        font-weight: 400;
    }

    .complete-task-text {
        font-size: 11px;
        color: #000;
        font-family: 'Segoe UI';
        padding: 0px 10px 0px 20px;
        font-weight: 400;
    }

    .user-bg:hover,
    .user-bg.active {
        border-top: 5px solid #333333;
        padding-top: 15px;
        padding-left: 15px;
    }

    .user-icon-img {
        margin-left: -15px;
        width: 18px;
    }

    .user-bg {
        border-top: 3px solid #333333;
        padding-top: 10px;
        padding-left: 20px;
        padding-bottom: 0px;
    }

    .user-bg:hover,
    .user-bg.active {
        background-color: #0078d7;
        border-top: 5px solid #333333;
        padding-top: 20px;
        padding-left: 20px;
        padding-bottom: 5px;
    }

    .right-user {
        font-size: 12px;
        padding-left: 10px;
        padding-top: 5px;
    }

    .pro-info-col2 {
        width: 80%;
        font-size: 8px !important;
        padding-left: 5px;
        padding-top: 5px;
    }

    .open-info-col1 {
        width: 25%;
        display: inline-block;
        float: left;
    }

    .open-info-col2 {
        width: 70%;
        padding-top: 5px;
        font-size: 8px;
        padding-left: 3px;
    }

    .pro-info-col2 {
        width: 80%;
        font-size: 8px !important;
        padding-left: 5px;
        padding-top: 5px;
    }

    .open-icon-small {
        width: 15px;
    }

    .close-btn-task {
        float: right;
        font-size: 20px;
        margin-right: -5px;
        padding-top: 15px;
    }

    .plus_round_padding {
        padding-left: 10px;
        padding-top: 10px;
    }

    .plus_round_width {
        width: 20px;
    }

    .user-left-bg {
        padding: 12px 0px;
    }

    .user-left-bg-withborder {
        padding: 12px 0px;
        border-left: 1px solid #FFF;
    }

    /* End of task managers screen */
    /*Date 30-3-2018 Profile screen neeeraj */
    .profile-heading>li {
        border-right: 2px solid #000;
        font-size: 16px;
        padding: 10px 0px;
    }

    .profile-heading>li:last-child {
        font-size: 16px;
        padding: 10px 0px;
    }

    .profile-plan {
        font-size: 13px;
    }

    .pro-user-text {
        font-size: 11px;
        padding: 10px;
    }

    .plan-sub-text {
        font-size: 10px;
        padding: 8px;
    }

    .plan-text-right {
        font-size: 10px;
        padding: 8px 0px 8px 0px;
    }

    .sync-img-padding {
        margin-left: 5px;
        width: 15px;
    }

    .sync-img {
        padding: 6px 2px;
        font-size: 12px;
    }

    .profile-padding {
        padding-top: 25px;
    }

    .profile-upgrade-btn {
        font-size: 13px;
        line-height: 1em;
        padding: 8px 30px;
    }

    .profile-right-logo {
        margin: 20px 0px;
        padding: 0 20px;
    }

    .profile-change-logo-btn {
        font-size: 13px;
        line-height: 1em;
        padding: 6px 30px;
    }

    .profile-content {
        padding-left: 50px;
    }

    .profile-content-ipad {
        padding-left: 10px;
    }

    .profile-email {
        padding-left: 50px;
        padding-top: 10px;
    }

    .pro-con-left1 {
        font-size: 14px;

    }

    .pro-con-left2 {
        font-size: 14px;

    }

    .pro-cont-right1 {
        font-size: 14px;

    }

    .pro-cont-right2 {
        font-size: 14px;
        padding: 10px;
    }

    .padding-edit-btn {
        padding: 20px 20px 20px 50px;
    }

    .profile-edit-btn {
        max-width: 100px;
        font-size: 14px;
        padding: 5px 10px;
    }

    .vertical-right-profile {
        height: 664px;
    }

    .vertical-plan-profile {
        height: 430px;
    }

    .vertical-scroll-profile {
        height: 665px;
    }

    .vertical-plan-left-profile {
        height: 431px;
    }

    /*screen 5 3 april 2018 */
    .profile-desc-padding {
        padding: 20px 30px 0px 40px;
    }

    .profile_desc {
        font-size: 13px;
    }

    .profile_read {
        font-size: 14px;
        padding: 10px 0px;
    }

    .profile_sub_read {
        font-size: 13px;
        padding: 0px 0px;
    }

    .profile-on-btn {
        font-size: 13px;
        padding: 8px 15px;
    }

    .profile-btn-text {
        font-size: 13px;
        min-height: 35px;
        padding: 4px;
    }

    .profile-report-text {
        font-size: 13px;
        min-height: 40px;
        padding: 4px 4px 4px 15px;
    }

    .profile-rev-report-text {
        font-size: 13px;
        min-height: 40px;
        padding: 4px 4px 4px 15px;
    }

    .select-review-text {
        font-size: 13px;
        min-height: 55px;
        padding: 4px 4px 4px 15px;
    }

    .profile-review-submit {
        font-size: 13px;
        padding: 15px;
        margin-top: 4px;
        padding: 10px;
    }

    .vertical-scroll-profile5 {
        min-height: 630px;
    }

    .vertical-right-profile5 {
        min-height: 630px;
    }

    /* profile screen4 */
    .profile-group-padding {
        padding: 155px 60px 60px 40px;
    }

    .vertical-scroll-profile4 {
        min-height: 558px;
    }

    .vertical-right-profile4 {
        min-height: 558px;
    }

    .group-edit-btn {
        font-size: 13px;
    }

    .group-ul-btn {
        font-size: 13px;
    }

    .group-adduser-btn {
        font-size: 13px;
    }

    .group-edit-btn {
        font-size: 15px !important;
        padding: 10px 20px !important;
    }

    .group-ul-btn {
        font-size: 15px !important;
        padding: 10px 5px;
    }

    .group-adduser-btn {
        font-size: 15px !important;
        padding: 10px 2px;
    }

    .profile-tbl-cell {
        padding: 20px 0px !important;
    }

    /*profile screen 2 */
    .vertical-right-profile2 {
        min-height: 825px;
    }

    .vertical-scroll-profile2 {
        min-height: 825px;
        position: relative;
        overflow-y: auto;
    }

    /* profile screen3 */
    .profile-table-padding {
        padding: 20px 30px 20px 30px;
    }

    .vertical-scroll-profile3 {
        min-height: 558px;
    }

    .vertical-right-profile3 {
        min-height: 558px;
    }

    .profile-tbl-row {
        font-size: 14px;
    }

    .profile-tbl-heading {
        font-size: 14px;
    }

    .pro-table-edit-btn {
        font-size: 14px;
        padding: 14px 16px;
    }

    .profile_right_heading {
        padding: 10px 0px;
        font-size: 16px;
        margin-top: 20px;
    }

    .paging_padding {
        padding-top: 112px;
    }

    .pro-table-deact-btn {
        font-size: 14px;
        padding: 14px 1px;
    }

    .profile-sync {
        min-height: 30px;
    }

    .profile-right-group {
        margin-top: 170px;
    }

    /* .vertical-right-profile {
         */
    /* height: 400px;
         */
    /* 
    }
     */
    /* profile screen2 */
    .vertical-right-profile2 {
        min-height: 630px;
    }

    .vertical-scroll-profile2 {
        min-height: 630px;
    }

    /* Planner screen 6 april 2018*/
    .planner-text {
        padding-top: 11px;
        padding-bottom: 10px;
        font-size: 14px;
        padding-left: 7px;
        font-weight: normal;
    }

    .planner-icon-width {
        padding-top: 0px;
        width: 18px;
    }

    .planner-edit-row {
        margin: 0px 15px;
    }

    .planner-plan {
        font-size: 10px;
        padding: 13.5px 0px;
    }

    .planner_right_text {
        font-size: 12px;
        font-weight: 400 !important;
        width: 100%;
        padding: 8px 10px;
    }

    .pla-bottom-border {
        min-height: 314px;
    }

    .planner-single-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner_fol_text {
        font-size: 13px;
        font-weight: normal;
        color: #000;
        line-height: 1.6;
    }

    .planner_fol_sub_text {
        font-size: 12px;
        line-height: 2em;
    }

    .planner-date {
        font-size: 12px;
        line-height: 1.8;
        padding-top: 0;
    }

    .planner-icon-folder {
        padding-top: 13px;
        padding-bottom: 10px;
    }

    .planner_row_icon {
        font-size: 11px;
    }

    .row_action_block1 {
        width: 25%;
    }

    .row_action_block2 {
        width: 31%;
    }

    .row_action_block3 {
        width: 35%;
    }

    .img-cha-date {
        width: 30px;
    }

    .img-planner-del {
        margin: 0px 50px;
    }

    .followup-date {
        font-size: 12px;
    }

    .followup-date1 {
        font-size: 12px;
        font-weight: 400;
    }

    .planner-cancel-btn {
        font-size: 11px;
        padding: 2px 15px 3px 15px;
    }

    .planner-cancel-btn:hover {
        font-size: 11px;
        padding: 2px 15px 3px 15px;
    }

    .planner-next-date-folder {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .cal-small-width {
        width: 15px;
    }

    .planner-folder-row {
        height: 68px;
    }

    .plann-vert-scroll {
        height: 455px;
    }

    .plann-right-vert-scroll {
        height: 314px;
    }

    .planner-icon {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* profile screen planner_ch_date_next*/
    .planner_dd {
        font-size: 13px;
        margin: 0 0 3px;
        height: 24px;
        padding: 2px 5px 3px 5px;
        color: #000;
        font-family: 'Segoe UI';
        background-color: #e6e6e6 !important;
        /* -webkit-appearance: none;
         */
        /* -moz-appearance: none;
         */
        /* appearance: none;
         */
        /* -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);
         */
    }

    select.planner_dd {
        border: 0px;
        outline: none;
    }

    .plann_drop {
        padding-top: 0px;
    }

    .planner-edit-row {
        /* height: 50px;
         */
    }

    .cal-small-width {
        width: 16px;
        padding-top: 14px;
    }

    .task-desc-border {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    /* Date 15 May 2018 Risk Assissment New Project*/
    .project-text-new {
        padding-top: 12px;
        padding-bottom: 8px;
        font-size: 14px;
        /* margin-left:-10px;
         */
        font-weight: normal !important;
    }

    .pro_new_padding {
        padding: 16px 45px;
    }

    .pro_title_new {
        font-size: 14px;
        padding: 5px 5px;
    }

    .info_type_pro {
        font-size: 14px;
        padding: 5px 16px;
    }

    .project-nheight {
        height: 90px !important;
    }

    .ra-new-pro-planner-plan {
        font-size: 13px;
        text-align: center;
        padding: 9px 0px;
    }

    .new-pro-cancel-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 2px 32px 3px 32px;
    }

    .new-pro-cancel1-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 2px 30px 3px 30px;
    }

    .new_pro_bottom_bg {
        background-color: #666666;
        padding: 15px 40px;
    }

    .new_pic_bottom_bg {
        padding: 15px 35px 15px 39px;
    }

    .new-pronext-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 2px 34px 3px 34px;
    }

    .new-pro-drop-icon {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 107px 0px;
    }

    /* .new-pro-date-icon {
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         background: url(../../../img/front/inner-page/dark_brown_cal_icon.png) no-repeat 107px 0px;
    }
    */
    .pro-right-new-scroll {
        height: 483px;
    }

    .pro-new-scroll {
        height: 484px;
    }

    /* screen project grid screen */
    .cleaning_icon-width {
        width: 30px;
    }

    .cont_cleaning_padding {
        padding: 6px 8px;
        border-bottom: 2px solid #FFF;
        height: 44px;
    }

    .cont_cleaning_text {
        font-weight: normal;
        font-size: 8.5px;
        line-height: 1em;
        padding-top: 5px;
    }

    .padding-left-ipad {
        padding-left: 0px;
    }

    .grid_row_new {
        background-color: #ebebeb;
        height: 92px;
        width: 56px;
        font-size: 20px;
        font-family: 'Segoe UI';
        font-weight: normal;
        text-align: center;
    }

    .grid_row_new {
        background-color: #ebebeb;
        height: 44px;
        width: 44px;
        font-size: 16px;
    }

    .grid_column1 {
        height: 60px;
        width: 20px !important;
        font-size: 18px;
        font-weight: normal;
    }

    .grid-right-height {
        height: 63px;
    }

    .pro_grid_title {
        font-size: 14px;
        text-align: center;
        padding: 12.5px 0px;
    }

    .grid_column1_other {
        background-color: #ffcc33;
        height: 58px;
        width: 56px;
        font-size: 16px;
        font-family: 'Segoe UI';
        font-weight: normal;
        text-align: center;
    }

    .grid_column1 {
        height: 44px;
        width: 16px !important;
        font-size: 12px;
        font-weight: normal;
    }

    .grid_column1_other {
        height: 40px;
        width: 56px;
        font-size: 12px;
    }

    .padding-zero-ipad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pro-lib-head {
        font-size: 14px;
        font-weight: 400;
        padding: 10px 3px 10px;
    }

    .pro-key-head {
        font-size: 14px;
        font-weight: 400;
        padding: 8px 10px 8px;
    }

    .pro-add-head {
        font-size: 14px;
        font-weight: 400;
        padding: 8px 10px 8px;
    }

    .plann-grid-right-vert-scroll {
        max-height: 323px;
        position: relative;
        overflow-y: scroll;
    }

    .project-library-left {
        padding: 5px 0;
        font-size: 13px;
    }

    .project-key-medium {
        padding: 5px 0;
        font-size: 13px;
    }

    .project-add-last {
        padding: 5px 0;
        font-size: 13px;
    }

    .addproject-width {
        width: 20px;
        margin-top: -15px;
    }

    .key-padding {
        padding-top: 20px;
    }

    .addkey-width {
        width: 30px;
    }

    .grid-img-center {
        padding-top: 8px;
    }

    .container-project-grid-left {
        width: 77%;
    }

    .container-project-grid-right {
        width: 23%;
        /* border-left: 5px solid #000000;
         */
    }

    /* Risk Assissment hazard screen 20 may 2018 */
    .hazard_checking {
        font-size: 14px;
        padding: 6px;
    }

    .hazard_check-right {
        font-size: 14px;
        padding: 6px;
    }

    .plan_project_title {
        font-size: 14px;
        padding: 6px 0px;
    }

    .plan_project_det_title {
        font-size: 14px;
        padding: 6px 0px;
    }

    .hazard_padding {
        padding: 15px 30px 15px 40px;
    }

    .hazard-img-text {
        font-size: 12px;
        padding-top: 8px;
        padding-left: 5px;
    }

    .padding_enter_hazardmsg {
        padding-top: 10px;
    }

    .enter_hazard_msg {
        font-size: 12px;
        padding-left: 5px;
    }

    .h_textarea {
        font-size: 12px;
        padding: 8px 4px 8px 5px;
    }

    .hazard_rs_text {
        padding: 5px;
        font-size: 10px;
    }

    .hazard_cl_btn {
        width: 10px;
    }

    .hazard-sno {
        height: 15px;
        width: 15px;
        border-radius: 15px;
        border: 1px solid #FFF;
        font-size: 8px;
        padding-top: 1px;
    }

    .hazard_sno_bg {
        background-color: #7a7a7a;
        height: 60px;
        padding: 20px 5px;
    }

    .hazard_btn_text {
        padding: 22px 25px 10px 5px;
        font-size: 12px;
        line-height: 1.2em;
    }

    .control_btn_text {
        font-size: 12px;
        padding: 5px 0px 5px;
    }

    .hazard_btn_sno_left {
        height: 27px;
        padding-top: 2px;
    }

    .hazard_injury_dd {
        font-size: 10px;
        margin: 4px;
        width: 97%;
        min-height: 26px !important;
        height: auto;
        padding: 2px 5px 3px 5px;
        color: #000;
        margin: 2px 5px;
        border: 1px solid #d2d2d2;
    }

    .pro-hazard-right-scroll {
        height: 490px;
    }

    .pro-hazard-left-scroll {
        height: 490px;
    }

    .hazard_right-scroll {
        max-height: 431px;
    }

    input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -3px;
        left: -1px;
        position: relative;
        background-color: #FFF;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    input[type='radio']:checked:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -3px;
        left: -1px;
        position: relative;
        background-color: #FFF;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    .hazard_radio {
        height: 35px;
    }

    /* Risk Assissment project detail 20 may 2018 */
    .pro_detail_head {
        font-size: 12px;
    }

    .pro_detail_shead {
        font-size: 10px;
        margin-top: 1px;
    }

    .assessment-blockmsg {
        font-size: 11px;
        padding: 32.7px 26.5px;
    }

    .plan_project_det_title {
        font-size: 12px;
        padding: 14px 0px;
    }

    .hazard_rs_msg {
        padding: 8px 5px 0px 5px;
        font-size: 8px;
    }

    .assessments-req-bg-withborder {
        padding: 6px 0px 7px 0;
    }

    .assessments-req-bg {
        padding: 6px 0px 7px 0;
    }

    .pd_toggle_no {
        width: 20%;
        font-size: 10px;
        padding: 8px 0 8px 0px;
    }

    .pd_toggle_middle {
        width: 20%;
        font-size: 10px;
        padding: 8px 0 8px 0px;
        ;
    }

    .pd_toggle_yes {
        width: 20%;
        font-size: 10px;
        padding: 8px 0 8px 10px;
    }

    .skip-hazard-name {
        margin-left: 15px;
    }

    .limited-text-title {
        width: 82%;
    }

    /*For toggle radio button*/
    .switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 14px;
    }

    .switch input {
        display: none;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0px;
        right: 0;
        bottom: 0;
        background-color: transparent;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .ra_pd_scroll_left {
        height: 415px;
    }

    .border-right-per-involved {
        border-right: 3px solid #FFF;
        height: 417px;
    }

    .ra_pd_scroll_right {
        height: 473px;
    }

    /* Risk Assissment photo detail 20 may 2018 */
    .photo-msg {
        padding-top: 13px;
        padding-bottom: 11px;
        font-size: 13px;
        padding-left: 0px;
    }

    . .planner-icon {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 30px;
    }

    .pro_new_padding {
        padding: 10px 39px;
    }

    .project_img_heading {
        font-size: 12px;
        padding-left: 24px;
    }

    .container-frame-text {
        width: 68%;
    }

    .container-small-frame {
        width: 32%;
    }

    .main-photo-width {
        width: 16px;
    }

    .project_img_main_pho_heading {
        font-size: 9px;
        padding-top: 5px;
        padding-left: 0px;
    }

    .project_img_sub_heading {
        font-size: 9px;
        padding-top: 0px;
        padding-left: 5px;
    }

    .pro_frame_padding {
        padding: 8px 10px;
    }

    .photo_frame_padding {
        padding-left: 20px;
    }

    /*.pro_mbig_frame {
         width: 120px;
         height: 120px;
         border: 5px solid #0071bc !important;
         background-color: #FFF;
    }
    */
    .ra_project_icon_width {
        width: 35px;
        padding-top: 20px;
    }

    .ra_project-icon {
        padding-bottom: 15px;
    }

    .project-name-title {
        font-size: 14px;
        padding-bottom: 15px;
    }

    .project_name-info_head {
        font-size: 12px;
    }

    .project_name-info {
        font-size: 12px;
    }

    .project_block_padding {
        padding-bottom: 70px;
    }

    .project-new-sidebar-left {
        padding: 10px 0;
    }

    .project-new-sidebar-right {
        padding: 10px 0;
    }

    .ra_my_photo_scroll_left {
        height: 424px;
    }

    .ra_my_photo_scroll_right {
        height: 481px;
    }

    .followup-date-sen {
        font-size: 14px;
    }

    .hazard_bottom_bg {
        padding: 15px 39px 15px 39px;
    }

    .arrange-row-left {
        width: 50%;
    }

    .arrange-row-right {
        width: 50%;
    }

    .arrange-row-right>.n_arrange {
        width: 40%;
        font-size: 14px;
    }

    .arrange-row-right>.n_name {
        width: 15%;
        font-size: 14px;
    }

    .arrange-row-right>.n_date {
        width: 15%;
        font-size: 14px;
    }

    .arrange-row-right>.arrange-complete {
        width: 20%;
        font-size: 14px;
    }

    .arrange-row-right>li:last-child {
        margin-right: 10px;
        margin-left: 10px;
    }

    .project-scroll-first {
        height: 713px;
    }

    .noti-clear-icon {
        width: 10px;
    }

    .planner-cal {
        padding-top: 0px;
    }

    .planner-cal-left {
        width: 97%;
        float: left;
        display: block;
    }

    .planner-cal-right {
        width: 3%;
        float: right;
        display: block;
    }

    .planner-cal-follow {
        font-size: 13px;
        min-height: 16px;
    }

    .planner-cal-follow::placeholder {
        font-size: 13px;
    }

    .plann-vert-fd-scroll {
        height: 478px;
    }

    .plann-vert-scroll-next {
        height: 465px;
    }

    .padding-right-ipad-zero {
        padding-right: 0px;
    }

    /*1 June 2018 profile setting screen*/
    .pro_user_icon_width {
        width: 18px;
    }

    .profile-icon {
        padding-top: 5px;
        padding-bottom: 7px;
    }

    .container-profile-left {
        width: 5%;
    }

    .container-profile-right {
        width: 95%;
    }

    .profile-text-new {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        padding-left: 20px;
    }

    .pro-view-row-left {
        width: 70%;
    }

    .pro-view-row-right {
        width: 30%;
    }

    .myprofile-heading>li>a :first-child {
        font-size: 13px;
        padding: 12px 0px;
    }

    .my-details-right-text {
        font-size: 13px;
        padding: 12px 10px;
    }

    .pro-sett-text1-padding {
        padding: 12px 15px 12px 15px;
    }

    .pro-sett-text1 {
        font-size: 12px;
    }

    .profile-new-email {
        padding-left: 50px;

    }

    .profile-right-logo-edit {
        margin: 49px 0px;
        padding: 0 20px;
    }

    .profile-ru-sta-padding {
        padding: 10px 15px 5px 15px;
    }

    .profile-ru-statement-heading {
        font-size: 12px;
        padding-left: 5px;
    }

    .pro-ru-st-sub-heading {
        font-size: 11px;
    }

    .myprofile-toggle .switch {
        width: 40px;
        height: 16px;
        margin-left: 20px;
    }

    .myprofile-toggle .slider:before {
        height: 25px;
        width: 25px;
        left: 0px;
        bottom: 4px;
        top: -4px;
        right: -5px;
    }

    .pro-setting-btn-padding {
        padding-bottom: 15px !important;
        padding-top: 25px !important;
    }

    .pro-state-padding-left {
        padding: 0px 15px;
    }

    .pro-state-padding-right {
        padding: 0px 15px 0 15px;
    }

    .pro-sett-dd {
        font-size: 16px;
        margin: 0 0 3px;
        height: 28px;
        padding: 2px 8px 2px 8px;
    }

    .profile-ta {
        font-size: 12px;
        margin: 0 0 4px;
        padding: 2px 8px 2px 8px;
    }

    .mypro-plan {
        padding: 10px 10px 8px 10px;
        font-size: 10px;
    }

    .mypro-user {
        padding: 8px 10px;
        font-size: 10px;
    }

    .mypro-space {
        font-size: 10px;
        padding-left: 10px;
    }

    .pro-sel-padding {
        padding-top: 13px;
    }

    .profile-upgrade-margin {
        margin-top: 250px;
    }

    .pro-sett-dd {
        font-size: 14px;
    }

    .new-profile-upgrade-btn {
        font-size: 12px;
        padding: 1px 30px;
        color: #000;
    }

    /*Profile user new screen */
    .pro-view-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .pro-view-row-right>.view-user {
        font-size: 13px;
    }

    .pro-new-tbl-heading {
        font-size: 13px;
    }

    .pro-new-tbl-head-cell {
        padding-left: 8px !important;
    }

    .pronew-tbl-cell {
        padding: 8px 5px !important;
    }

    .pro-new-tbl-head-cell {
        padding-bottom: 8px !important;
    }

    .pro-new-tbl-wo-border {
        padding-bottom: 8px !important;
    }

    .pro-active-table .active {
        font-weight: 400;
        font-size: 14px;
    }

    .pro-new-tbl-row {
        font-weight: 400;
        font-size: 14px;
    }

    .mpro_user_right_detail {
        padding: 8px 8px 4px 8px;
        font-size: 10px;
    }

    .mpro_user_right_detail2 {
        padding: 8px 8px 4px 8px;
        font-size: 10px;
    }

    .mprofile-hazard-detail {
        padding: 0px 8px 4px 8px;
        font-size: 10px;
    }

    .mpro-group-margin {
        margin: 30px 10px;
    }

    .progroup-close {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 10px;
        margin-right: 5px;
    }

    .mpro-group-detail {
        padding: 4px;
        font-size: 10px;
    }

    .mpro-group-detail-next {
        padding: 4px;
        font-size: 10px;
    }

    .newpro-addnew-btn {
        font-size: 12px;
        padding: 5px 10px;
    }

    .newpro-csv-btn {
        font-size: 12px;
        padding: 5px 20px;
    }

    .mgroup-section {
        height: 90px;
    }

    .pro-right-user-scroll {
        height: 570px;
    }

    .new-profile-rborder {
        height: 570px;
    }

    .pro-view-row-right>li {
        font-size: 13px;
    }

    .mprofile-group-head {
        padding: 0px 5px;
        font-size: 11px;
    }

    .modal-adduser {
        position: fixed;
        padding-top: 50%;
        left: 0%;
    }

    .modal-adduser {
        position: fixed;
        padding-top: 5%;
        left: -20%;
    }

    /*Profile user Edit */
    .au-edit-tb {
        font-size: 11px;
        font-weight: 400;
        min-height: 32px;
        padding: 6px 8px;
    }

    .au-edit-tb::placeholder {
        color: #333333;
        font-weight: normal;
    }

    .au-edit-tb::-webkit-input-placeholder {
        color: #333333;
        font-weight: 400;
    }

    .au-edit-tb::-moz-placeholder {
        /* Firefox 18- */
        color: #333333;
        font-weight: 400;
    }

    .au-edit-tb::-moz-placeholder {
        /* Firefox 19+ */
        color: #333333;
        font-weight: 400;
    }

    .status-refresh-icon {
        width: 13px;
    }

    .user-sta-btn {
        min-height: 30px;
        font-size: 12px;
        padding-left: 10px;
    }

    /* profile group screen */
    .planner-icon>span {
        padding-left: 10px;
        font-size: 14px;
    }

    .profile-group-icon {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 15px;
    }

    .profile-group-icon>span {
        font-size: 13px;
        padding-left: 16px;
    }

    .planner-grp-icon>span {
        padding-left: 10px;
        font-size: 13px;
    }

    .ele-text {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 10;
        font-size: 13px;
    }

    .profile-grpscreen {
        font-size: 12px;
        height: 20px;
        padding: 3px 5px 3px 0px;
        font-family: 'Segoe UI';
        border: 0px solid #0078d7 !important;
        background-color: transparent;
        box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    }

    .total-user-text {
        padding-top: 6px;
        padding-bottom: 7px;
        padding-left: 18px;
        font-size: 13px;
    }


    /* 12 june */
    .pro-grp-heading {
        font-size: 14px;
    }

    .pro-grp-head-cell-left {
        padding: 5px 20px !important;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
        font-size: 13px !important;
    }

    .pro-grp-head-cell-right {
        padding: 5px 20px !important;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
        font-size: 13px !important;
    }

    .pro-grp-sub-heading {
        font-size: 14px;
    }

    .pro-grp-head-cell {
        padding: 5px 20px !important;
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
        font-size: 13px !important;
    }

    .pro-grp-right-cell {
        padding-left: 20px !important;
        padding-bottom: 7px !important;
        padding-top: 7px !important;
        border-bottom: 2px solid #FFF;
    }

    .profile-right-icon {
        padding-top: 85px;
        padding-bottom: 46px;
        padding-left: 10px;
    }

    .arrow-width {
        width: 15px;
    }

    .pro-group-cancel-btn {
        font-size: 12px;
        padding: 8px 0px 10px 0px;
    }

    .pro-group-save-btn {
        font-size: 12px;
        padding: 8px 0px 10px 0px;
    }

    .project-ra-icon-width {
        width: 25px;
    }

    .project-ra-new-icon>span {
        padding-left: 5px;
        font-size: 13px;
    }

    .project-ra-new-icon {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .container-frame-text {
        float: left;
        width: 68%;
    }

    .container-small-frame {
        float: right;
        width: 32%;
    }

    .project-main-photo-text {
        width: 28%;
    }

    .project-sub-photo-frame {
        width: 10%;
    }

    .project-sub-photo-text {
        float: right;
        width: 49%;
        display: inline-block;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Segoe UI';
        font-weight: 500;
        color: #1d1d1b;
        padding-top: 5px;
        padding-left: 0px;
    }

    .border-right-photo {
        height: 481px;
    }

    .pro_phot_padding {
        padding: 20px 17px 20px 20px;
    }

    .project-new-sidebar-left {
        padding: 0px 0;
        font-size: 13px;
    }

    .project-new-sidebar-left>a {
        padding: 10px 0;
    }

    .project-new-sidebar-right {
        padding: 0px 0;
        font-size: 13px;
    }

    .project-new-sidebar-right>a {
        padding: 10px 0;
    }

    .n_photo_edit {
        background-size: 25px 25px;
        background-position-y: 12px;
    }

    .n_photo_edit:hover,
    .n_photo_edit.active {
        background-size: 25px 25px;
        background-position-y: 12px;
    }

    .n_photo_delete {
        background-size: 25px 25px;
        background-position-y: 12px;
    }

    .n_photo_delete:hover,
    .n_photo_delete.active {
        background-size: 25px 25px;
        background-position-y: 12px;
    }

    .n_grid_edit_text {
        padding-top: 25px;
    }

    .hazard-icon-text {
        font-size: 12px;
        color: #1e1f1e;
        padding-top: 10px;
    }

    .skip-ra-left>a {
        padding: 20px 0;
    }

    .skip-ra-right>a {
        padding: 20px 0;
    }

    .skip-ra-left {
        font-size: 16px;
    }

    .skip-ra-right {
        font-size: 16px;
    }

    .project-ra-new-icon {
        padding-left: 10px;
    }


    .prooh-tbl-cell-last {
        width: 140px;
    }

    .prooh-tbl-cell {
        width: 102px;
    }

    .table-fixed-oh tbody {
        height: 389px;
    }

    .project_skip_padding {
        padding-bottom: 167px;
    }

    .pro-oh-tbl-heading {
        font-size: 12px;
    }

    .pro-oh-tbl-row {
        font-size: 12px;
    }

    .table_user_heading {
        font-size: 14px;
        padding: 15px 20px;
    }

    .profile-close-btn {
        font-size: 13px;
        padding: 3px 10px;
    }

    .plan-padding {
        padding: 60px 0px;
    }

    .user-plan-cont {
        font-size: 14px;
        padding: 10px 0;
    }

    .user-plan-content {
        font-size: 14px;
        padding: 10px 0;
    }

    .pro-plan-upgrade-btn {
        font-size: 12px;
        padding: 3px 10px 3px 10px;
        min-width: 100px;
    }

    .pro-plan-edit-btn {
        font-size: 12px;
        padding: 3px 10px 3px 10px;
        min-width: 100px;
    }

    .plan-bg-mid {
        height: 420px;
        width: 60%;
        position: absolute;
        left: 20%;
        margin: 0 auto;
    }

    .add-hazard-icon-width {
        width: 20px;
        margin-right: 3px;
    }

    .white-btn-margin {
        margin-top: -2px;
    }

    .white-btn-width {
        width: 20px;
    }

    /* Risk assessment payment screen */
    .plan_type {
        font-size: 12px;
        padding: 12px 20px;
    }

    .payment_right_title {
        font-size: 12px;
        padding: 12px 0px;
    }

    .ra_payment_detail {
        padding: 10px 15px;
        font-size: 12px;
    }

    .paymentcard-heading {
        padding: 55px 10px 10px 10px;
        color: #FFF;
        font-family: 'Segoe UI';
        font-weight: normal;
        font-size: 12px;
        text-align: center;
    }

    /* .pay_card{
        width:140px;
    }
     */
    .payment-margin-right {
        padding: 20px 0px 20px 0px;
    }

    .payment-space {
        font-size: 10px;
        padding: 10px 0px 10px 15px;
    }

    .payment-space-right {
        font-size: 14px;
        padding: 10px 15px 10px 15px;
    }

    .payment-right-scroll {
        height: 477px;
    }

    .ra-benifit-gape {
        padding: 10px 20px;
    }

    .ra-benifit-heading {
        font-size: 20px;
    }

    .border-pay-bor {
        padding-bottom: 8px;
    }

    .ra-benefit-margin {
        padding: 5px 15px;
        margin-bottom: 0;
    }

    .ra-benifit-sub-heading {
        font-size: 14px;
    }

    .future-msg {
        font-size: 14px;
        padding: 15px 0 0px;
    }

    .discount-bg {
        background-color: #0078d7;
        background-image: url(../../../img/front/inner-page/dscount-bg.png);
        background-position: right;
        height: 110px;
        margin-top: 0px;
        background-repeat: no-repeat;
        -webkit-margin-before: 24px;
    }

    .payment-space-bg {
        padding: 10px 30px 5px 20px;
        font-size: 16px;
    }

    .dis-amount {
        font-size: 12px;
    }

    .payment-uk {
        font-size: 11px;
        padding: 0px 10px 10px 20px !important;
    }

    .payment-uk>div>a {
        font-size: 10px;
    }

    .payment-uk-msg {
        font-size: 9px;
        padding: 0px 0px 10px 20px;
    }

    .payment-detail-right {
        height: 432px;
    }

    .payment-space>.monthly_detail_test {
        font-size: 10px;
    }

    .payment-footer-bg {
        padding: 10px 30px;
        background-color: #666666;
    }

    .payment-space>div {
        font-weight: normal;
        font-size: 11px;
    }

    .cho-plan-btn {
        padding: 2px 20px 4px 20px;
        font-size: 12px;
        font-weight: 400;
    }

    .u_discount {
        font-size: 24px;
        font-family: 'Segoe UI';
        text-transform: uppercase;
        font-weight: 900;
        text-align: right;
        color: #000;
        margin-top: -30px;
        line-height: 1.7em;
        letter-spacing: 1px;
        text-align: center;
    }

    .u_discount>span {
        font-size: 50px;
        padding-right: 20px;
        font-weight: normal;
    }

    .u_discount {
        font-size: 16px;
        margin-top: -15px;
        line-height: 1.4em;
        letter-spacing: 1px;
    }

    .u_discount>span {
        font-size: 28px;
        padding-right: 10px;
    }

    .payment_dd {
        font-size: 12px;
        height: 24px;
        padding: 1px 2px 1px 2px;
        color: #000;
        font-family: 'Segoe UI';
        border: 1px solid #000;
        background-color: #2e2e2e !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    /* stats screen design */

    .action-link-stat>a {
        padding: 6px 8px;
        border-left: 1px solid #b3b3b3;
    }

    .stats-icon-width {
        width: 20px;
    }

    .n_search_folder {
        font-size: 12px;
        padding: 10px 0;
    }

    .sr-hazard-tbl-heading {
        font-size: 13px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 342px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 120px;
    }

    .sr-hazard-tbl-cell {
        font-size: 12px;
    }

    .sr-hazard-tbl-cell-first {
        padding: 8px 10px !important;
        font-size: 13px;
    }

    /* .statas-table-scroll{
         height: 484px;
    }
     */
    .n_control-height {
        height: 35px !important;
    }

    .paddig-sicon-text {
        padding: 4px 10px;
        height: 200px;
    }

    .n_risk_type_text {
        font-size: 12px;
    }

    .padding-risk-type_wb {
        padding: 15px 10px 15px 10px;
    }

    .padding-risk-type {
        padding: 15px 10px 15px 10px;
    }

    .ntouch-left-padding {
        padding: 5px 4px 0 0;
    }

    .set_date_padding {
        padding: 5px 0 0 0;
    }

    .stats-filter-btn {
        font-size: 13px;
        padding: 5px 25px;
        color: #FFF;
    }

    .stats_container_hw {
        height: 555px;
    }

    .n_folder-right-side-bar {
        height: 520px;
    }

    .state-tabs>li>a {
        font-size: 12px;
    }

    .n_tesco_folder {
        font-size: 12px;
        padding-top: 3px;
        padding-bottom: 5px;
    }

    .msg-arrow-icon {
        width: 8px;
        margin-top: -2px;
    }

    .padding-left-seven {
        padding-left: 0px;
    }

    .padding-right-eight {
        padding-right: 0px;
    }

    .s_sel_date {
        width: 95%;
    }

    .n_stats_report_padding {
        padding: 10px;
    }

    .n_rep_radio_text {
        font-size: 11px;
    }

    .n_email_text {
        font-size: 9px;
        height: 24px;
        padding: 1px 3px 1px 1px;
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        margin-top: 3px;
    }

    .n_stats_report {
        font-size: 11px;
    }

    .stats_email_padding {
        padding: 10px 5px 10px 5px;
    }

    .email-border {
        border: 1px solid #808080;
        height: 87px;
    }

    .st_email_detail {
        font-size: 12px;
        padding: 5px;
    }

    .n_email_right {
        height: 520px;
    }

    .n_email_dd {
        font-size: 11px;
        height: 24px;
        padding: 1px 3px 1px 1px;
        border: 1px solid #0f0f0f;
    }

    .n_email_head {
        font-size: 11px;
    }

    .status-bg-table {
        height: 520px;
    }

    .stats_sr_bg {
        font-size: 12px;
        padding: 4px 5px;
    }

    .stats-tbl-head-cell>div {
        width: 120px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 200px;
    }

    .stats-tbl-heading {
        font-size: 13px;
    }

    .stats_ed {
        width: 15px;
    }

    .stats_templete {
        padding: 4px 5px;
        font-size: 12px;
    }

    .stats_graphs_width {
        width: 570px;
    }

    .btncsv_margin {
        padding-top: 390px;
    }

    .stats_graphs_row>li>a {
        padding: 10px !important;
    }

    .top-sidebar>li>.active {
        padding: 10px 10px;
    }

    .top-sidebar>li>a:hover {
        padding: 10px 10px;
    }

    .stats_graphs_block1 {
        background-size: 30px 30px;
    }

    .stats_graphs_block1:hover,
    .stats_graphs_block1.active {
        background-size: 30px 30px;
    }

    .stats_graphs_block2 {
        background-size: 30px 30px;
    }

    .stats_graphs_block2:hover,
    .stats_graphs_block2.active {
        background-size: 30px 30px;
    }

    .stats_graphs_block3 {
        background-size: 30px 30px;
    }

    .stats_graphs_block3:hover,
    .stats_graphs_block3.active {
        background-size: 30px 30px;
    }

    .stats_graphs_block4 {
        background-size: 30px 30px;
    }

    .stats_graphs_block4:hover,
    .stats_graphs_block4.active {
        background-size: 30px 30px;
    }

    .text-area-height {
        height: 50px !important;
    }

    /* task managers 12 july 2018*/
    .task_add_sec {
        background-size: 20px auto;
        background-position-y: 7px;
    }

    .task_add_sec:hover {
        background-size: 20px auto;
        background-position-y: 7px;
    }

    .task-text {
        padding-top: 35px;
    }

    .project-addsec-left {
        font-size: 10px;
    }

    .project-addsec-medium {
        font-size: 10px;
    }

    .project-addsec-last {
        font-size: 10px;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    /* changes of task managers */
    .hazz_textarea {
        font-size: 12px;
        margin: 0 0 4px;
        padding: 8px 20px 10px 5px;
        height: 55px;
    }

    /* further assissment */
    .n_followup-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .n_dropdown {
        height: 24px;
        font-size: 10px;
    }

    .given-gap {
        margin-top: 10px;
    }

    .pd_toggle_no {
        font-size: 14px;
        padding: 7px 0 5px 0px;
    }

    .pd_toggle_yes {
        font-size: 14px;
        padding: 7px 0 5px 20px;
    }

    .pd_toggle_middle {
        font-size: 0px;
        padding: 10px 0 0px 0px;
    }

    .limited-text-2line {
        line-height: 12px;
        /* fallback */
        max-height: 31px;
        /* fallback */
    }

    .pro-tbl-btn-width {
        width: 85px;
    }

    .n_view_groups>a {
        padding-left: 5px;
    }

    /* 31aug 2018 */
    .n_hazard-right-icon {
        width: 50px;
        height: 50px;
    }

    .new_upload_image {
        padding: 3px 21px 3px 22px;
        font-size: 10px;
    }

    .new_upload_margin {
        margin-top: 6px;
    }

    .new_upload_image_gap {
        padding-top: 10px;
    }

    .ms-file-icon {
        padding-bottom: 5px;
    }

    .n_image_outcircle {
        width: 80px;
        height: 80px;
        padding: 8px;
    }

    /* .inner-img-width {
         width:45px;
         margin-left: 8px;
    }
     */
    /* .n_image_innergap {
         padding-top: 9px;
    }
     */
    /* 3 sep 2018 rahul css here */
    .adt-action-btn {
        padding: 10px 40px;
    }

    .adt-action-btn-left {
        padding: 10px 30px;
    }

    .adt-section-name,
    .adt-que-num,
    .adt-que-block-div1 {
        font-size: 20px;
    }

    .adt-que-block-div2 {
        font-size: 18px;
    }

    .risk-hazard-edit {
        width: 100%;
    }

    .audit-page-title {
        font-size: 12px;
        padding-top: 11px;
    }

    .audit-back-link {
        font-size: 12px;
    }

    .risk-folder-row-show a {
        font-size: 10px;
        min-width: 40px;
    }

    .risk-single-folder>a>img {
        width: 18px !important;
    }

    .ra-arrow-bg>img {
        margin-top: -26px !important;
    }

    .ra-arrow-bg {
        min-width: 25px !important;
    }

    .ra-delete-icon>img {
        width: 20px;
    }

    .risk-folder-row-show {
        min-height: 58px;
    }

    .risk-folder-row:hover a {
        font-size: 10px;
        min-width: 40px;
    }

    .risk-folder-name {
        font-size: 12px;
        padding-top: 10px;
    }

    .risk-folder-icon {
        padding-top: 18px;
        width: 25px;
    }

    .risk-folder-row {
        min-height: 59px;
    }

    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    .hazard-right-bg {
        height: 435px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    .ra-single-folder {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .ra-folder-name {
        font-size: 18px;
        font-family: 'Segoe UI';
        padding-top: 8px;
        margin-left: -40px;
    }


    .project-icontext-height {
        height: 42px;
    }

    .project-text {
        padding-left: 15px;
    }

    .top-sidebar>li>a {
        padding: 16.5px 15px !important;
    }

    .top-sidebar>li>.top-sidebar-padding {
        padding: 16px 10px 16.5px 10px !important;
    }

    .top-sidebar>li>.active {
        padding: 16.5px 15px !important;
    }

    .n_top-right-sidebar>li>a {
        font-size: 13px;
        padding: 4px 16px;
    }

    .limited-text-2line {
        overflow: hidden;
        text-overflow: ellipsis !important;
        display: -webkit-box;
        line-height: 16px;
        /* fallback */
        max-height: 32px;
        /* fallback */
        -webkit-line-clamp: 2;
        /* number of lines to show */
        -webkit-box-orient: vertical;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        -moz-binding: url('ellipsis.xml#ellipsis');
    }

    @-moz-document url-prefix() {
        .limited-text-2line {
            overflow: hidden;
            position: relative;
        }

        .limited-text-2line:before {
            bottom: 0;
            position: absolute;
            right: 0;
            float: right;
            content: '\2026';
            margin-left: -3rem;
            width: 3rem;
        }

        .limited-text-2line:after {
            content: '';
            position: absolute;
            height: 32px;
            width: 90%;
            z-index: 1;
        }
    }

    .img-ipad-width {
        width: 30px;
    }

    .img-center {
        padding-top: 8px;
        padding-bottom: 0px;
    }

    .day-ago {
        font-size: 9px;
        padding: 10px 15px 0px;
    }

    .risk-right-text {
        font-size: 14px;
        padding-left: 15px;
        padding-right: 10px;
    }

    .risk-sub-text {
        font-size: 10px;
        padding-left: 15px;
        padding-right: 10px;
    }

    .hover-icon-padding {
        padding-top: 9px;
        padding-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 1em;
    }

    .edit-icon-text {
        padding: 5px 0px 10px 0px;
        font-size: 12px;
        text-align: center;
    }

    .delete-icon-text {
        padding: 5px 0px 10px 0px;
        font-size: 12px;
        text-align: center;
    }

    .notifi-header {
        font-size: 15px;
        padding: 8px 10px;
        font-weight: bold;
    }

    .pro-icon-padding {
        padding-left: 15px;
    }

    #project-add-icon {
        background: url(../../../img/front/inner-page/icon1.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-add-icon:hover,
    #project-add-icon.active {
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-search {
        background: url(../../../img/front/inner-page/search-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-search:hover,
    #project-search.active {
        background: url(../../../img/front/inner-page/search-white-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-task {
        background: url(../../../img/front/inner-page/icon-4.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-task:hover,
    #project-task:active {
        background: url(../../../img/front/inner-page/icon-4-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-user {
        background: url(../../../img/front/inner-page/user-right-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-user:hover,
    #project-user.active {
        background: url(../../../img/front/inner-page/user-right-icon-white.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-chat {
        background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-chat:hover {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    #project-chat.active {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 20px 20px;
    }

    .chat-noti {
        height: 18px;
        width: 18px;
        top: -4px;
        left: 8px;
    }

    .chat-noti>.chat-noti-no {
        font-size: 9px;
        padding-left: 5px;
        padding-top: 3px;
    }

    /*screen 2 css */
    .addproject-width {
        width: 28px;
    }

    .project-screen-right-bg {
        background-color: #f2f2f2;
        border-top: 3px solid #333333;
    }

    .right-item {
        font-size: 13px;
        padding: 2px 8px 8px;
    }

    #project-chat2 {
        background: url(../../../img/front/inner-page/chat-icon-black.png) center center no-repeat;
        background-size: 25px 25px;
    }

    #project-chat2:hover {
        background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
        background-size: 25px 25px;
    }

    #project-add-icon2 {
        background: url(../../../img/front/inner-page/icon1-white.png) center center no-repeat;
        background-size: 25px 25px;
    }

    .padding-mail {
        padding-left: 0px;
        padding-bottom: 20px;
        padding-top: 0px;
    }

    .padding-mail-bottom {
        padding-bottom: 20px;
    }

    /* screen3 for task */
    .task-header {
        font-size: 13px;
        padding: 10px 14px 0px;
    }

    .task-header-new {
        font-size: 15px;
        padding: 10px 14px 0px;
    }

    .task-sub-header {
        padding: 0px 14px 10px;
        line-height: 1em;
        font-size: 11px;
    }

    .task-sub-title {
        padding: 3px 5px 8px 14px;
        font-size: 15px;
    }

    .active-right {
        border-top: 5px solid #333333;
    }

    .notification-bg1 {
        border-top: 5px solid #333333;
    }

    .notification-bg1:hover {
        border-top: 5px solid #333333;
    }

    /* screen5 */
    .screen5-icon {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 20px;
        height: 38px;
    }

    .project-text {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 16px;
        font-family: 'Segoe UI';
        color: #fff;
        font-weight: normal !important;
    }

    /* #project-chat:hover {
         */
    /* background: url(../../../img/front/inner-page/chat-icon.png) center center no-repeat;
         */
    /* background-size: 20px 20px;
         */
    /* 
    }
     */


    .pro-info-col2 {
        font-size: 12px !important;
        padding-left: 5px;
        padding-top: 3px;
        width: 80%;
    }

    .plus_round_width {
        width: 20px;
    }

    .open-task-heading {
        font-size: 14px;
        padding: 20px 0px 0px 20px;
    }

    .open-task-text {
        font-size: 12px;
        padding: 0 0 0 20px;
    }

    .open-info {
        padding: 30px 10px 10px 20px;
        overflow: hidden;
        width: 100%;
        z-index: 999;
    }

    .open-info-col2 {
        font-size: 12px;
        padding-top: 5px;
        padding-left: 3px;
    }

    .user-left-bg {
        padding: 14px 0px;
    }

    .user-left-bg-withborder {
        padding: 14px 0px;
        border-left: 2px solid #FFF;
    }

    .right-icon-ipad {
        width: 28px;
    }

    .open-danger>.open-danger1 {
        width: 25%;
        float: left;
        display: inline-block;
        padding: 5px 0px 5px 20px;
    }

    .open-danger>.open-danger2 {
        width: 75%;
        float: left;
        display: inline-block;
        font-size: 18px;
        font-family: 'Segoe UI';
        font-weight: 400;
        color: #fff;
        padding-top: 5px;
    }

    .danger-icon-ipad {
        width: 25px;
    }

    .icon-width-ipad {
        width: 28px;
    }

    .progress-task-heading {
        font-size: 14px;
        color: #fff;
        font-family: 'Segoe UI';
        padding: 20px 20px 0px;
        font-weight: bold;
    }

    .progress-task-text {
        font-size: 12px;
        padding: 0px 5px 0px 20px;
    }

    .complete-task-text {
        font-size: 12px;
        color: #000;
        font-family: 'Segoe UI';
        padding: 0px 10px 0px 20px;
        font-weight: 400;
    }

    .user-bg:hover,
    .user-bg.active {
        border-top: 5px solid #333333;
        padding-top: 15px;
        padding-left: 15px;
    }

    .user-icon-img {
        margin-left: -15px;
        width: 20px;
    }

    .user-bg {
        border-top: 5px solid #333333;
        padding-top: 10px;
        padding-left: 20px;
        padding-bottom: 5px;
    }

    .user-bg:hover,
    .user-bg.active {
        border-top: 5px solid #333333;
        padding-top: 15px;
        padding-left: 15px;
    }

    .right-user {
        font-size: 14px !important;
        padding-left: 15px;
        padding-top: 5px;
    }

    /* date 21-3-2018 */
    .task_top_padding {
        padding: 8px 15px;
    }

    .n_open_task-size {
        width: 95%;
    }

    .n_due_date {
        font-size: 12px;
        padding-top: 3px;
        padding-left: 5px;
    }

    .n-open-delete {
        padding-top: 18px;
        padding-right: 10px;
        position: absolute;
        right: 0;
        top: 0;
        display: none;
    }

    .open-task1-bg-gape {
        margin: 5px;
        border-radius: 8px;
    }

    .open-icon-small {
        width: 15px;
    }

    .open-icon-margin {
        margin-top: -6px;
    }

    .open-right-small {
        width: 15px;
        padding-top: 10px;
    }

    .pro-info-col2 {
        font-size: 10px;
        padding-left: 5px;
        padding-top: 5px;
    }

    .profile-right-logo {
        display: block;
        margin: 25px 0px;
        padding: 0 30px;
        width: 100%;
    }

    /*Date 30-3-2018 Profile screen neeeraj */
    .profile-heading>li {
        border-right: 2px solid #000;
        font-size: 18px;
        padding: 12px 0px;
    }

    .profile-heading>li:last-child {
        font-size: 18px;
        padding: 12px 0px;
    }

    .profile-plan {
        font-size: 14px;
        padding: 8px 0px;
    }

    .pro-user-text {
        font-size: 13px;
        padding: 10px;
    }

    .plan-sub-text {
        font-size: 11px;
        padding: 6px 10px;
    }

    .plan-text-right {
        font-size: 11px;
        padding: 6px 0px 6px 0px;
    }

    .sync-img-padding {
        margin-left: 0px;
        width: 20px;
    }

    .sync-img {
        padding: 12px 8px;
    }

    .profile-padding {
        padding-top: 70px;
    }

    .profile-content {
        padding-left: 45px;
    }

    .profile-email {
        padding-left: 60px;
        padding-top: 18px;
    }

    .pro-con-left2 {
        font-size: 14px;
        padding: 5px;
    }

    .pro-cont-right2 {
        font-size: 14px;
        padding: 5px;
    }

    .padding-edit-btn {
        padding: 30px 20px 20px 0px;
    }

    .vertical-right-profile {
        height: 420px;
    }

    .vertical-plan-profile {
        height: 420px;
    }

    .vertical-scroll-profile {
        height: 421px;
    }

    /* profile screen 5 */
    .profile-desc-padding {
        padding: 20px 30px 0px 50px;
    }

    .profile_desc {
        font-size: 14px;
        font-weight: normal;
    }

    .profile_read {
        font-size: 15px;
        color: #000;
        padding: 6px 0px;
    }

    .profile-on-btn {
        font-size: 15px;
        padding: 10px 10px;
    }

    .profile-btn-text {
        font-size: 15px;
        min-height: 43px;
    }

    .profile_sub_read {
        font-size: 15px;
        padding: 6px 0px;
    }

    .profile_sub_read {
        font-size: 15px;
    }

    .profile-report-text {
        font-size: 14px;
        min-height: 36px;
        padding: 5px 5px 5px 15px;
    }

    .profile-review-submit {
        padding: 12px;
        margin-top: 5px;
    }

    .vertical-right-profile5 {
        min-height: 655px;
    }

    .vertical-scroll-profile5 {
        min-height: 655px;
    }

    /* profile screen4 */
    .profile-group-padding {
        padding: 140px 60px 60px 60px;
    }

    .vertical-scroll-profile4 {
        min-height: 575px;
    }

    .vertical-right-profile4 {
        min-height: 575px;
    }

    .group-edit-btn {
        font-size: 15px !important;
        padding: 10px 20px !important;
    }

    .group-ul-btn {
        font-size: 15px !important;
        padding: 10px 5px;
    }

    .group-adduser-btn {
        font-size: 15px !important;
        padding: 10px 2px;
    }

    .profile-tbl-cell {
        padding: 20px 0px !important;
    }

    .table-btn-space {
        padding: 12px 0px 0px 10px !important;
    }

    /* profile screen3 */
    .profile-table-padding {
        padding: 30px 30px 30px 50px;
    }

    .vertical-scroll-profile3 {
        min-height: 575px;
    }

    .vertical-right-profile3 {
        min-height: 575px;
    }

    .paging_padding {
        padding-top: 150px;
        padding-right: 50px;
    }

    .profile-tbl-row {
        font-size: 14px;
    }

    .profile-tbl-heading {
        font-size: 14px;
    }

    .pro-table-edit-btn {
        font-size: 14px;
        padding: 14px 16px;
    }

    .pro-table-deact-btn {
        font-size: 14px;
        padding: 14px 1px;
    }

    .profile-right-group {
        margin-top: 168px;
    }

    /* profile screen2 */
    .vertical-right-profile2 {
        min-height: 625px;
    }

    .vertical-scroll-profile2 {
        min-height: 625px;
    }

    .profile-upgrade-btn {
        font-size: 13px;
        line-height: 1em;
        padding: 6px 30px;
    }

    .profile-change-logo-btn {
        font-size: 13px;
        line-height: 1em;
        padding: 6px 30px;
    }

    .profile-sync {
        min-height: 30px;
    }

    .profile_right_heading {
        padding: 10px 0px;
        font-size: 16px;
        margin-top: 30px;
    }

    /* Planner screen 6 april 2018*/
    .planner-text {
        font-size: 14px;
    }

    .planner-icon-width {
        padding-top: 0px;
        width: 20px;
    }

    .img-planner-icon {
        margin: 0px 18px;
        width: 30px;
    }

    .img-planner-icon-sh {
        margin: 0px 22px;
        width: 30px;
    }

    .img-pla-del-width {
        margin: 0px 0px;
        width: 30px;
    }

    .row_action_block1 {
        width: 35%;
    }

    .row_action_block2 {
        width: 23%;
    }

    .row_action_block3 {
        width: 28%;
    }

    .planner-plan {
        font-size: 12px;
        padding: 11.5px 0px;
    }

    .planner_right_text {
        font-size: 12px;
        font-weight: 400;
        width: 100%;
        padding: 10px 20px 0 20px;
    }

    .pla-bottom-border {
        min-height: 265px;
    }

    .planner-single-folder {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .planner_fol_text {
        font-size: 14px;
        font-weight: normal;
        color: #000;
        line-height: 1.5;
    }

    .planner_fol_sub_text {
        font-size: 13px;
        line-height: 1.5;
    }

    .planner-date {
        font-size: 13px;
        line-height: 1.5;
        padding-top: 0;
    }

    .planner_row_icon {
        font-size: 11px;
    }

    .plann-vert-fd-scroll {
        height: 486px;
    }

    .img-planner-icon {
        margin: 0px 20px;
    }

    .planner-icon-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .followup-date {
        font-size: 12px;
    }

    .followup-date1 {
        font-size: 12px;
    }

    .planner-cancel-btn {
        font-size: 12px;
        padding: 3px 20px 5px 20px;
    }

    .planner-cancel-btn:hover {
        font-size: 12px;
        padding: 3px 20px 5px 20px;
    }

    .planner-next-date-folder {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .cal-small-width {
        width: 15px;
    }

    .planner-folder-row {
        height: 75px;
    }

    .plann-vert-scroll {
        height: 416px;
    }

    .plann-right-vert-scroll {
        height: 267px;
    }

    /* profile screen planner_ch_date_next*/
    .planner_dd {
        font-size: 13px;
        min-height: 28px;
    }

    .planner-edit-row {
        /* height: 60px;
         */
    }

    .cal-small-width {
        padding-top: 14px;
    }

    .cancel-btn {
        padding: 4px 51px 6px 51px;
    }

    .create-btn {
        padding: 4px 12px 6px 12px;
    }

    .task-desc-border {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .followup-date-sen {
        font-size: 14px;
    }

    .planner_dd {
        font-size: 14px;
        margin: 0 0 4px;
        min-height: 24px;
        padding: 2px 5px 3px 5px;
        -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    }

    select.planner_dd {
        border: 0px;
        outline: none;
    }

    /* Date 15 May 2018 Risk Assissment New Project*/

    .project-text-new {
        padding-top: 7px;
        padding-bottom: 8px;
        font-size: 15px;
        margin-left: -8px;
    }

    .pro_new_padding {
        padding: 20px 50px;
    }

    .pro_title_new {
        font-size: 16px;
        padding: 10px 14px;
    }

    .info_type_pro {
        font-size: 15px;
        padding: 5px 14px;
    }

    .project-nheight {
        height: 100px !important;
    }

    .new_pro_bottom_bg {
        padding: 10px 50px 10px 50px;
    }

    .new-pro-cancel-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 4px 40px 6px 40px;
    }

    .new-pro-cancel1-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 4px 38px 6px 38px;
    }

    .new-pronext-btn {
        font-size: 13px;
        font-weight: 400;
        padding: 4px 42px 6px 42px;
    }

    .new-pro-drop-icon {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../../img/front/inner-page/dark_brown_dd.png) no-repeat 160px 0px;
    }

    /*.new-pro-date-icon {
         -webkit-appearance: none;
         -moz-appearance: none;
         appearance: none;
         background: url(../../../img/front/inner-page/dark_brown_cal_icon.png) no-repeat 160px 0px;
    }
    */
    .new_project_dd {
        font-size: 14px;
        margin: 0 0 5px;
        padding: 2px 5px 3px 10px;
    }

    .pro-right-new-scroll {
        height: 475px;
    }

    .pro-new-scroll {
        height: 475px;
    }

    .ra-new-pro-planner-plan {
        font-size: 14px;
    }

    .project-date {
        font-size: 13px;
    }

    .ra-new-pro-planner-plan {
        padding: 9px 0px;
    }

    .pro-sett-dd {
        font-size: 13px;
        margin: 0 0 4px;
        height: 26px;
        padding: 2px 5px 2px 5px;
    }

    /* screen project grid screen */
    .cleaning_icon-width {
        width: 39px;
    }

    .cont_cleaning_padding {
        padding: 10px 10px;
        border-bottom: 2px solid #FFF;
        height: 61.5px;
    }

    .cont_cleaning_text {
        font-weight: 400;
        font-size: 12px;
        line-height: 1em;
        padding-top: 3px;
    }

    .padding-left-ipad {
        padding-left: 8px;
    }

    .grid_row_new {
        background-color: #ebebeb;
        height: 60.5px;
        width: 56px;
        font-size: 18px;
    }

    .grid_column1 {
        height: 60px;
        width: 20px !important;
        font-size: 18px;
        font-weight: normal;
    }

    .grid-right-height {
        height: 63px;
    }

    .pro_grid_title {
        font-size: 16px;
        text-align: center;
        padding: 15px 0px;
    }

    .grid_column1 {
        height: 52px;
        width: 20px !important;
        font-size: 16px;
        font-weight: normal;
    }

    .grid_column1_other {
        height: 47px;
        width: 56px;
        font-size: 16px;
    }

    .padding-zero-ipad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pro-lib-head {
        font-size: 16px;
        font-weight: 400;
        padding: 10px 10px 10px;
    }

    .pro-key-head {
        font-size: 16px;
        font-weight: 400;
        padding: 8px 10px 8px;
    }

    .pro-add-head {
        font-size: 16px;
        font-weight: 400;
        padding: 8px 10px 8px;
    }

    .plann-grid-right-vert-scroll {
        max-height: 468px;
        position: relative;
        overflow-y: scroll;
    }

    .project-library-left {
        padding: 10px 0;
        font-size: 14px;
    }

    .project-key-medium {
        padding: 10px 0;
        font-size: 14px;
    }

    .container-project-grid-left {
        width: 80%;
    }

    .container-project-grid-right {
        width: 20%;
        /*border-left: 7px solid #000000;
        */
    }

    .project-add-last {
        padding: 10px 0;
        font-size: 14px;
    }

    .grid-img-center {
        padding-top: 8px;
        padding-bottom: 0px;
    }

    /* Risk Assissment hazard screen 20 may 2018 */
    .hazard_checking {
        font-size: 16px;
        padding: 8px;
    }

    .hazard_check-right {
        font-size: 16px;
        padding: 8px;
    }

    .plan_project_title {
        font-size: 16px;
        padding: 8px 0px;
    }

    .hazard_padding {
        padding: 12px 40px 10px 40px;
    }

    .hazard-img-text {
        font-size: 14px;
        padding-top: 10px;
        padding-left: 8px;
    }

    .padding_enter_hazardmsg {
        padding-top: 20px;
    }

    .enter_hazard_msg {
        font-size: 14px;
        padding-left: 15px;
    }

    .h_textarea {
        font-size: 14px;
        padding: 8px 8px 8px 15px;
    }

    .hazard_rs_text {
        padding: 10px;
        font-size: 10px;
    }

    .hazard-sno {
        height: 20px;
        width: 20px;
        border-radius: 20px;
        border: 1px solid #FFF;
        font-size: 11px;
    }

    .hazard_sno_bg {
        height: 74px;
        padding: 20px 7px;
    }

    .hazard_btn_text {
        padding: 25px 30px 16px 5px;
        font-size: 14px;
    }

    .control_btn_text {
        font-size: 14px;
        padding: 8px 20px 8px;
    }

    .hazard_cl_btn {
        width: 20px;
    }

    .hazard_btn_sno_left {
        height: 36px;
        padding-top: 5px;
    }

    .hazard_injury_dd {
        font-size: 10px;
        margin: 4px;
        width: 97%;
        min-height: 26px !important;
        height: auto;
        padding: 2px 5px 3px 5px;
        color: #000;
        margin: 2px 5px;
        border: 1px solid #d2d2d2;
    }

    .pro-hazard-right-scroll {
        height: 475px;
    }

    .pro-hazard-left-scroll {
        height: 475px;
    }

    input[type='radio']:after {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #FFF;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    input[type='radio']:checked:after {
        width: 20px;
        height: 20px;
        border-radius: 20px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #FFF;
        content: '';
        display: inline-block;
        visibility: visible;
    }

    .hazard_radio {
        height: 40px;
    }

    /* Risk Assissment project detail 20 may 2018 */
    .pro_detail_head {
        font-size: 14px;
    }

    .pro_detail_shead {
        font-size: 12px;
        margin-top: 0px;
    }

    .hazard_right-scroll {
        height: 420px;
    }

    .assessment-blockmsg {
        font-size: 14px;
        padding: 30.4px 20px;
    }

    .plan_project_det_title {
        font-size: 14px;
        padding: 14px 0px;
    }

    .hazard_rs_msg {
        padding: 10px 10px 0px 10px;
        font-size: 10px;
    }

    .pd_toggle_no {
        width: 22%;
        font-size: 14px;
        padding: 10px 0 10px 0px;
    }

    .pd_toggle_middle {
        width: 20%;
        font-size: 14px;
        padding: 10px 0 10px 0px;
        ;
    }

    .pd_toggle_yes {
        width: 20%;
        font-size: 14px;
        padding: 10px 0 10px 20px;
    }

    /*For toggle radio button*/
    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 20px;
    }

    .switch input {
        display: none;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0px;
        right: 0;
        bottom: 0;
        background-color: transparent;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 2px;
        bottom: 1px;
        top: 2px;
        background-color: #808180;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked+.slider {
        background-color: #0078d7;
    }

    input:focus+.slider {
        box-shadow: 0 0 1px #0078d7;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        background: #fff;
    }

    .slider.round {
        border-radius: 30px;
        border: 1px solid #808180;
    }

    /* Risk Assissment photo detail 20 may 2018 */
    .photo-msg {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 14px;
        padding-left: 20px;
    }

    .pro_new_padding {
        padding: 10px 50px;
    }

    .project_img_heading {
        font-size: 14px;
        padding-left: 0px;
    }

    .container-frame-text {
        width: 65%;
    }

    .container-small-frame {
        width: 35%;
    }

    .main-photo-width {
        width: 20px;
    }

    .project_img_main_pho_heading {
        font-size: 12px;
        padding-top: 5px;
        padding-left: 5px;
    }

    .project_img_sub_heading {
        font-size: 12px;
        padding-top: 0px;
        padding-left: 5px;
    }

    .pro_frame_padding {
        padding: 5px 20px 5px 12px;
    }

    .photo_frame_padding {
        padding-left: 25px;
    }

    .ra_project_icon_width {
        width: 50px;
        padding-top: 30px;
    }

    .ra_project-icon {
        padding-bottom: 20px;
    }

    .project-name-title {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .project_name-info_head {
        font-size: 14px;
    }

    .project_name-info {
        font-size: 14px;
    }

    .project_block_padding {
        padding-bottom: 112px;
    }

    .project-new-sidebar-left {
        padding: 15px 0;
        font-size: 14px;
    }

    .project-new-sidebar-right {
        padding: 15px 0;
        font-size: 14px;
    }

    .ra_my_photo_scroll_left {
        height: 317px;
    }

    .ra_my_photo_scroll_right {
        height: 469px;
    }

    .pro_phot_padding {
        padding: 10px 30px 20px 50px;
    }

    .border-right-per-involved {
        height: 415px;
    }

    .ra_pd_scroll_right {
        height: 464px;
    }

    .ra_pd_scroll_left {
        height: 465px;
    }

    .hazard_bottom_bg {
        padding: 10px 50px 10px 40px;
    }

    .project_skip_padding {
        padding-bottom: 115px;
    }

    .skip-ra-left>a {
        padding: 10px 0;
    }

    .skip-ra-right>a {
        padding: 11px 0;
    }

    .arrange-row-left {
        width: 50%;
    }

    .arrange-row-right {
        width: 50%;
    }

    .arrange-row-right>.n_arrange {
        width: 40%;
        font-size: 14px;
    }

    .arrange-row-right>.n_name {
        width: 15%;
        font-size: 14px;
    }

    .arrange-row-right>.n_date {
        width: 15%;
        font-size: 14px;
    }

    .arrange-row-right>.arrange-complete {
        width: 20%;
        font-size: 14px;
    }

    .arrange-row-right>li:last-child {
        margin-right: 10px;
        margin-left: 10px;
    }

    .project-scroll-first {
        height: 713px;
    }

    .noti-clear-icon {
        width: 10px;
    }

    .planner-cal {
        padding-top: 0px;
    }

    .planner-cal-left {
        width: 97%;
        float: left;
        display: block;
    }

    .planner-cal-right {
        width: 3%;
        float: right;
        display: block;
    }

    .planner-cal-follow {
        font-size: 13px;
        min-height: 20px;
    }

    .planner-cal-follow::placeholder {
        font-size: 13px;
    }

    .planner-edit-row {
        margin: 0px 20px;
    }

    .padding-right-ipad-zero {
        padding-right: 5px;
    }

    /*1 June 2018 profile setting screen*/
    .pro_user_icon_width {
        width: 20px;
    }

    .text-area-height {
        height: 60px !important;
    }

    .pro-setting-btn-padding {
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .profile-icon {
        padding-top: 5px;
        padding-bottom: 7px;
    }

    .container-profile-left {
        width: 5%;
    }

    .container-profile-right {
        width: 95%;
    }

    .profile-text-new {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        padding-left: 20px;
    }

    .myprofile-heading>li>a :first-child {
        font-size: 14px;
        padding: 8px 0px;
    }

    .my-details-right-text {
        font-size: 14px;
        padding: 8px 10px;
    }

    .pro-sett-text1-padding {
        padding: 12px 15px 12px 15px;
    }

    .pro-sett-text1 {
        font-size: 13px;
    }

    .profile-ru-sta-padding {
        padding: 15px 15px 10px 15px;
    }

    .profile-ru-statement-heading {
        font-size: 13px;
        padding-left: 5px;
    }

    .pro-ru-st-sub-heading {
        font-size: 12px;
        padding-left: 5px;
    }

    .myprofile-toggle .switch {
        width: 35px;
        height: 15px;
        margin-left: 20px;
    }

    .myprofile-toggle .slider:before {
        height: 20px;
        width: 20px;
        left: 0px;
        bottom: 4px;
        top: -3px;
        right: -5px;
    }

    .text-area-height .form-control {
        height: 45px;
    }

    .pro-state-padding-left {
        padding: 0px 15px;
    }

    .pro-state-padding-right {
        padding: 0px 30px 0 15px;
    }

    .profile-ta {
        font-size: 14px;
        margin: 0 0 4px;
        padding: 2px 8px 2px 8px;
    }

    .mypro-plan {
        padding: 10px 10px 8px 10px;
        font-size: 10px;
    }

    .mypro-user {
        padding: 8px 10px;
        font-size: 10px;
    }

    .mypro-space {
        font-size: 10px;
        padding-left: 10px;
    }

    .pro-sel-padding {
        padding-top: 13px;
    }

    .profile-upgrade-margin {
        margin-top: 258px;
    }

    .new-profile-upgrade-btn {
        font-size: 13px;
        padding: 8px 30px;
    }

    .pro-sett-dd {
        font-size: 13px;
    }

    /*Profile user new screen */
    .pro-view-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .pro-view-row-right>.view-user {
        font-size: 14px;
    }

    .pro-new-tbl-heading {
        font-size: 14px;
    }

    .pro-new-tbl-head-cell {
        padding-left: 10px !important;
    }

    .pro-new-tbl-head-cell {
        padding-bottom: 8px !important;
    }

    .pro-new-tbl-wo-border {
        padding-bottom: 8px !important;
    }

    .pro-active-table .active {
        font-weight: 400;
        font-size: 14px;
    }

    .pro-new-tbl-row {
        font-weight: 400;
        font-size: 14px;
    }

    .mpro_user_right_detail {
        padding: 8px 10px 3px 10px;
        font-size: 11px;
    }

    .mpro_user_right_detail2 {
        padding: 3px 10px 3px 10px;
        font-size: 11px;
    }

    .mprofile-hazard-detail {
        padding: 0px 10px 5px 10px;
        font-size: 12px;
    }

    .mpro-group-margin {
        margin: 5px 10px 20px 10px;
    }

    .profile-new-email {
        padding-left: 60px;

    }

    . .my-pro-form {
        border-radius: 0px;
        font-size: 12px;
        color: #000 !important;
        margin: 0 0 4px;
        width: 90%;
        height: 24px;
        padding: 1px 10px;
        font-family: 'Segoe UI';
        border: 1px solid #bbbbbb;
        background-color: transparent;
        font-weight: normal;
    }

    .my-pro-form::placeholder {
        color: #000000;
        font-size: 12px;
        font-weight: normal;
        font-family: 'Segoe UI';
    }

    .profile-assissment {
        border-radius: 0px;
        font-size: 12px;
        color: #000 !important;
        margin: 0 0 4px;
        width: 90%;
        height: 24px;
        padding: 1px 0px;
        font-family: 'Segoe UI';
        border: 1px solid #bbbbbb;
        font-weight: normal;
        background: #3e3e3e !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    .profile-count {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("../../../img/front/inner-page/add-dd-iconv-small.png") no-repeat 98.5% !important;
        background: url("../../../img/front/inner-page/add-dd-iconv-small.png") no-repeat calc(100% - 6px) !important;
        background-position: right;
        color: red;
    }

    .form-gape-small-device {
        margin-bottom: 8px;
    }

    .profile-right-logo-edit {
        margin: 30px 0px;
        padding: 0 49px;
    }

    .progroup-close {
        padding-top: 8px;
        padding-bottom: 8px;
        width: 12px;
        margin-right: 10px;
    }

    .mpro-group-detail {
        padding: 5px;
        font-size: 12px;
    }

    .mpro-group-detail-next {
        padding: 5px;
        font-size: 12px;
    }

    .newpro-addnew-btn {
        font-size: 13px;
        padding: 6px 20px 8px 20px;
    }

    .newpro-csv-btn {
        font-size: 13px;
        padding: 5px 20px;
    }

    .mgroup-section {
        height: 86px;
    }

    .pro-right-user-scroll {
        height: 501px;
    }

    .new-profile-rborder {
        height: 501px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .mprofile-group-head {
        padding: 0px 8px;
        font-size: 13px;
    }

    .modal-adduser {
        position: fixed;
        padding-top: 5%;
        left: -20%;
    }

    /*Profile user Edit */
    .au-edit-tb {
        font-size: 12px;
        font-weight: 400;
        min-height: 36px;
        padding: 8px 10px;
    }

    /* profile group screen */
    .planner-icon>span {
        padding-left: 10px;
        font-size: 14px;
    }

    .profile-group-icon {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 15px;
    }

    .planner-grp-icon>span {
        padding-left: 10px;
        font-size: 14px;
    }

    .profile-group-icon>span {
        font-size: 14px;
        padding-left: 16px;
    }

    .ele-text {
        padding-top: 8px;
        padding-bottom: 7px;
        padding-left: 10px;
        font-size: 12px;
    }

    .total-user-text {
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 22px;
        font-size: 14px;
    }



    /* 12 june */
    .pro-grp-heading {
        font-size: 14px;
    }

    .pro-grp-head-cell-left {
        padding: 5px 20px !important;
        /* padding-left:20px !important;
         */
        /* padding-bottom:9px !important;
         */
        /* padding-top:9px !important;
         */
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        font-size: 13px;
        width: 50%;
    }

    .pro-grp-head-cell-right {
        padding: 5px 20px !important;
        /* padding-left:20px !important;
         */
        /* padding-bottom:9px !important;
         */
        /* padding-top:9px !important;
         */
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
        font-size: 13px;
    }

    .pro-grp-sub-heading {
        font-size: 14px;
    }

    .pro-grp-head-cell {
        padding: 5px 20px !important;
        /* padding-bottom: 7px !important;
         */
        /* padding-top: 7px !important;
         */
        border-bottom: 2px solid #FFF;
        border-right: 2px solid #FFF;
        width: 50%;
        font-size: 13px;
    }

    .pro-grp-right-cell {
        padding-left: 20px !important;
        padding-bottom: 7px !important;
        padding-top: 7px !important;
        border-bottom: 2px solid #FFF;
    }

    tbody div.n_group_tbl_height {
        height: 288px;
    }

    .profile-right-icon {
        padding-top: 85px;
        padding-bottom: 46px;
        padding-left: 20px;
    }

    .arrow-width {
        width: 10px;
    }

    .pro-group-icon-margin {
        margin-top: -6px;
    }

    .pro-group-cancel-btn {
        font-size: 14px;
        padding: 10px 0px 12px 0px;
    }

    .pro-group-save-btn {
        font-size: 14px;
        padding: 10px 0px 12px 0px;
    }

    .project-ra-icon-width {
        width: 25px;
    }

    .project-ra-new-icon>span {
        padding-left: 5px;
        font-size: 14px;
    }

    .project-ra-new-icon {
        padding-top: 7px;
        padding-bottom: 7px;
    }

    .container-frame-text {
        float: left;
        width: 65%;
    }

    .container-small-frame {
        float: right;
        width: 35%;
    }

    .project-main-photo-text {
        width: 30%;
    }

    .project-sub-photo-frame {
        width: 10%;
    }

    .project-sub-photo-text {
        float: right;
        width: 45%;
        display: inline-block;
        text-decoration: none;
        font-size: 12px;
        font-family: 'Segoe UI';
        font-weight: 500;
        color: #1d1d1b;
        padding-top: 5px;
        padding-left: 0px;
    }

    .border-right-photo {
        height: 469px;
    }

    .project-new-sidebar-left {
        padding: 0px 0;
    }

    .project-new-sidebar-left>a {
        padding: 15px 0;
    }

    .project-new-sidebar-right {
        padding: 0px 0;
    }

    .project-new-sidebar-right>a {
        padding: 15px 0;
    }

    .n_photo_edit {
        background-size: 30px 30px;
        background-position-y: 22px;
    }

    .n_photo_edit:hover,
    .n_photo_edit.active {
        background-size: 30px 30px;
        background-position-y: 22px;
    }

    .n_photo_delete {
        background-size: 30px 30px;
        background-position-y: 22px;
    }

    .n_photo_delete:hover,
    .n_photo_delete.active {
        background-size: 30px 30px;
        background-position-y: 22px;
    }

    .n_grid_edit_text {
        padding-top: 40px;
    }

    .new_pic_bottom_bg {
        padding: 10px 46px 10px 51px;
    }


    .prooh-tbl-cell-last {
        width: 190px;
    }

    .table-fixed-oh tbody {
        height: 404px;
    }

    .prooh-tbl-cell {
        width: 130px;
    }

    .pro-oh-tbl-heading {
        font-size: 13px;
    }

    .pro-oh-tbl-row {
        font-size: 13px;
    }

    .profile-close-btn {
        font-size: 13px;
        padding: 3px 30px;
    }

    .plan-padding {
        padding: 60px 0px;
    }

    .user-plan-cont {
        font-size: 16px;
        padding: 10px 0;
    }

    .user-plan-content {
        font-size: 16px;
        padding: 10px 0;
    }

    .pro-plan-upgrade-btn {
        font-size: 14px;
        padding: 4px 10px 4px 10px;
        min-width: 100px;
    }

    .pro-plan-edit-btn {
        font-size: 14px;
        padding: 4px 10px 4px 10px;
        min-width: 100px;
    }

    .plan-bg-mid {
        height: 420px;
    }

    .vertical-plan-left-profile {
        height: 420px;
    }

    .white-btn-margin {
        margin-top: 7px;
    }

    .white-btn-width {
        width: 20px;
        padding-top: 3px;
    }

    /* Risk assessment payment screen */
    .plan_type {
        font-size: 14px;
        padding: 12px 30px;
    }

    .payment_right_title {
        font-size: 14px;
        padding: 12px 0px;
    }

    .ra_payment_detail {
        padding: 10px 15px;
        font-size: 14px;
    }

    .paymentcard-heading {
        padding: 100px 10px 20px 10px;
        color: #FFF;
        font-family: 'Segoe UI';
        font-weight: normal;
        font-size: 14px;
        text-align: center;
    }

    /* .pay_card{
        width:180px;
    }
     */
    .payment-margin-right {
        padding: 20px 0px 20px 0px;
    }

    .payment-space {
        font-size: 14px;
        padding: 10px 0px 10px 15px;
    }

    .payment-space-right {
        font-size: 14px;
        padding: 10px 15px 10px 15px;
    }

    .payment-right-scroll {
        height: 535px;
    }

    .ra-benifit-gape {
        padding: 10px 30px;
    }

    .ra-benifit-heading {
        font-size: 24px;
    }

    .border-pay-bor {
        padding-bottom: 8px;
    }

    .ra-benefit-margin {
        padding: 5px 20px;
        margin-bottom: 0;
    }

    .ra-benifit-sub-heading {
        font-size: 16px;
    }

    .future-msg {
        font-size: 18px;
        padding: 2px 0 0px;
    }

    .discount-bg {
        background-color: #0078d7;
        background-image: url(../../../img/front/inner-page/dscount-bg.png);
        background-position: right;
        height: 140px;
        margin-top: 20px;
        background-repeat: no-repeat;
        -webkit-margin-before: 24px;
    }

    .payment-space-bg {
        padding: 10px 30px 5px 20px;
        font-size: 16px;
    }

    .dis-amount {
        font-size: 14px;
    }

    .payment-uk {
        font-size: 13px;
        padding: 0px 10px 10px 20px;
    }

    .payment-uk-msg {
        font-size: 12px;
        padding: 0px 10px 10px 20px;
    }

    .payment-detail-right {
        height: 483px;
    }

    .payment-space>.monthly_detail_test {
        font-size: 10px;
    }

    .payment-footer-bg {
        padding: 10px 30px;
        background-color: #666666;
    }

    .payment-space>div {
        font-weight: normal;
        font-size: 11px;
    }

    .u_discount {
        font-size: 18px;
        margin-top: -10px;
        line-height: 1.4em;
        letter-spacing: 1px;
    }

    .u_discount>span {
        font-size: 30px;
        padding-right: 10px;
    }

    /* stats screen design */
    .nav-tab-change>li>a {
        padding: 10px 0px;
    }

    .action-link-stat>a {
        padding: 8px 10px;
        border-left: 1px solid #b3b3b3;
    }

    .stats-icon-width {
        width: 25px;
    }

    .sr-hazard-tbl-heading {
        font-size: 13px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 410px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 120px;
    }

    .sr-hazard-tbl-cell {
        font-size: 13px;
    }

    .sr-hazard-tbl-cell-first {
        padding: 8px 10px !important;
        font-size: 13px;
    }

    /* .statas-table-scroll{
         height: 490px;
    }
     */
    .n_control-height {
        height: 38px !important;
    }

    .paddig-sicon-text {
        padding: 4px 10px;
        height: 240px;
    }

    .n_risk_type_text {
        font-size: 12px;
    }

    .padding-risk-type_wb {
        padding: 16px 10px 16px 10px;
    }

    .padding-risk-type {
        padding: 19px 10px 20px 10px;
    }

    .set_date_padding {
        padding: 5px 0 0 0;
    }

    .stats-filter-btn {
        font-size: 13px;
        padding: 5px 25px;
        color: #FFF;
    }

    .stats_container_hw {
        height: 578px;
    }

    .n_folder-right-side-bar {
        height: 536px;
    }

    .n_stats_report_padding {
        padding: 8px 15px;
    }

    .n_rep_radio_text {
        font-size: 11px;
    }

    .n_email_text {
        font-size: 11px;
        height: 28px;
        padding: 1px 3px 1px 1px;
        padding-bottom: 1px;
        font-family: 'Segoe UI';
        border-top: 1px solid #808080;
        border-left: 1px solid #808080;
        border-right: 1px solid #808080;
        margin-top: 5px;
    }

    .n_stats_report {
        font-size: 14px;
    }

    .stats_email_padding {
        padding: 10px 10px 10px 10px;
    }

    .email-border {
        border: 1px solid #808080;
        height: 117px;
    }

    .st_email_detail {
        font-size: 12px;
        padding: 5px;
    }

    .n_email_right {
        height: 536px;
    }

    .status-bg-table {
        height: 536px;
    }

    .stats-tbl-head-cell>div {
        width: 150px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 320px;
    }

    .stats_ed {
        width: 18px;
    }

    .stats_templete {
        font-size: 12px;
    }

    .stats_sr_bg {
        font-size: 12px;
    }

    .stats_graphs_width {
        width: 700px;
    }

    .btncsv_margin {
        padding-top: 368px;
    }

    /* task managers 12 july 2018*/
    .task_add_sec {
        background-size: 25px auto;
        background-position-y: 7px;
    }

    .task_add_sec:hover {
        background-size: 25px auto;
        background-position-y: 7px;
    }

    .task-text {
        padding-top: 42px;
    }

    .project-addsec-left {
        font-size: 12px;
    }

    .project-addsec-medium {
        font-size: 12px;
    }

    .project-addsec-last {
        font-size: 12px;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    /* changes of task managers */
    .hazz_textarea {
        font-size: 14px;
        margin: 0 0 4px;
        padding: 8px 60px 0px 5px;
        height: 70px;
    }

    /* further assissment */
    .n_followup-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .n_dropdown {
        height: 24px;
        font-size: 10px;
    }

    .given-gap {
        margin-top: 10px;
    }

    .pd_toggle_no {
        font-size: 14px;
        padding: 7px 0 5px 0px;
    }

    .pd_toggle_yes {
        font-size: 14px;
        padding: 7px 0 5px 20px;
    }

    .pd_toggle_middle {
        font-size: 0px;
        padding: 10px 0 0px 0px;
    }

    .new_project_dd {
        font-size: 10px;
        margin: 0;
        height: 26px;
        padding: 2px 5px 3px 5px;
    }

    .limited-text-2line {
        line-height: 14px;
        /* fallback */
        max-height: 34px;
        /* fallback */
    }

    /* date 3 aug */
    .table_user_heading {
        font-size: 13px;
        padding: 13px 20px;
    }

    .pro-tbl-btn-width {
        width: 140px;
    }

    .hazard-right-bg {
        height: 424px;
    }

    /* 31aug 2018 */
    .n_hazard-right-icon {
        width: 70px;
        height: 70px;
    }

    .new_upload_image {
        padding: 4px 36px 4px 36px;
        font-size: 11px;
    }

    .new_upload_margin {
        margin-top: 6px;
    }

    .new_upload_image_gap {
        padding-top: 15px;
    }

    .ms-file-icon {
        padding-bottom: 10px;
    }

    /* .ra_newhazard-sno {
         height: 20px;
         width: 20px;
         font-size: 13px;
         top: 60px;
         right: 128px;
    }
     */
    .n_image_outcircle {
        width: 80px;
        height: 80px;
        padding: 8px;
    }

    /* .inner-img-width {
         width:45px;
         margin-left: 8px;
    }
     */
    /* .n_image_innergap {
         padding-top: 9px;
    }
     */
    /* 3 sep 2018 */
    .adt-action-btn {
        padding: 10px 50px;
    }

    .adt-action-btn-left {
        padding: 10px 30px;
    }

    .adt-section-name,
    .adt-que-num,
    .adt-que-block-div1 {
        font-size: 20px;
    }

    .adt-que-block-div2 {
        font-size: 18px;
    }

    .border-right-ra>img {
        width: 20px;
    }

    .risk-folder-row-show a {
        font-size: 12px;
        min-width: 70px;
    }

    .risk-single-folder>a>img {
        width: 20px;
    }

    .ra-arrow-bg>img {
        margin-top: -26px !important;
    }

    .ra-arrow-bg {
        min-width: 25px !important;
    }

    .ra-delete-icon>img {
        width: 20px;
    }

    .risk-folder-row-show {
        min-height: 64px;
    }

    .risk-folder-row {
        min-height: 64px;
    }

    .risk-folder-row:hover a {
        font-size: 12px;
        min-width: 70px;
    }

    .risk-folder-name {
        font-size: 14px;
        padding-top: 12px;
    }

    .risk-folder-icon {
        padding-top: 20px;
        width: 28px;
    }

    .start-date-padding {
        padding-top: 24px;
    }

    .assessment_date_heading {
        font-size: 10px;
        padding: 0px 5px;
    }

    ul.n_dropdown li {
        padding: 5px 5px;
        z-index: 2;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}

@media only screen and (min-width : 1025px) and (max-width : 1279px) and (orientation : landscape) {
    .PdfIframeHeight {
        height: 504px;
    }

    /*.pro_mbig_frame, .pro_mbwhite_frame, .pro_mbblack_frame {
         width: 200px;
         height:200px;
    }
    */
    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    .cleaning_icon-width {
        width: 35px;
    }

    /* project screen */
    .plus_round_padding {
        padding-left: 35px;
    }

    .arrange-row-left {
        width: 60%;
    }

    .arrange-row-right {
        width: 40%;
    }

    .arrange-row-right>.n_arrange {
        width: 40%;
    }

    .pro-icon-padding {
        padding-left: 7px;
    }

    .chat-noti {
        height: 20px;
        width: 20px;
        top: -17%;
        left: 74%;
    }

    .chat-noti-no {
        font-size: 10px;
    }

    /*end project screen */
    /*status Screen */
    .status-bg-table {
        height: 690px;
    }

    .nav-tab-change>li>a {
        padding: 13px 0px;
    }

    .nav-tab-change>li>a {
        padding: 12px 0px;
    }

    .action-link-stat>a {
        padding: 8px 10px;
        border-left: 1px solid #b3b3b3;
    }

    .stats-icon-width {
        width: 25px;
    }

    .n_search_folder {
        font-size: 12px;
        padding: 14px 0;
    }

    .action-stat-title {
        font-size: 16px;
        padding-top: 8px;
        padding-left: 0;
    }

    .sr-hazard-tbl-heading {
        font-size: 14px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 558px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 130px;
    }

    .sr-hazard-tbl-cell {
        font-size: 13px;
    }

    .sr-hazard-tbl-cell-first {
        padding: 8px 20px !important;
        font-size: 13px;
    }

    /* .statas-table-scroll{
         height: 440px;
    }
     */
    .n_control-height {
        height: 38px !important;
    }

    .paddig-sicon-text {
        padding: 4px 10px;
        height: 208px;
    }

    .padding-risk-type_wb {
        padding: 15px 10px 16px 10px;
    }

    .padding-risk-type {
        padding: 14px 10px 15px 10px;
    }

    .ntouch-left-padding {
        padding: 5px 0 0 0;
        margin-left: -10px;
    }

    .set_date_padding {
        padding: 5px 0 0 0;
    }

    .stats-filter-btn {
        font-size: 13px;
        padding: 5px 25px;
    }

    .newpro-csv-btn {
        font-size: 13px;
        padding: 5px 20px;
    }

    .stats_container_hw {
        height: 530px;
    }

    .n_folder-right-side-bar {
        height: 490px;
    }

    .stats-tbl-head-cell>div {
        width: 200px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 350px;
    }

    .n_stats_report_padding {
        padding: 10px 10px;
    }

    .stats_email_padding {
        padding: 5px 10px 10px 10px;
    }

    .n_email_dd {
        font-size: 12px;
        height: 24px;
        padding: 1px 3px 1px 1px;
        padding-bottom: 1px;
        font-family: 'Segoe UI';
        border: 1px solid #0f0f0f;
        margin-top: 4px;
    }

    .email-border {
        height: 63px;
    }

    .n_email_right {
        height: 488px;
    }

    .status-bg-table {
        height: 488px;
    }

    .stats_graphs_width {
        width: 700px;
    }

    .btncsv_margin {
        padding-top: 340px;
    }

    /*End of stats screen */
    /* Risk assessment payment screen */
    .plan_type {
        font-size: 16px;
        padding: 12px 30px;
    }

    .payment_right_title {
        font-size: 16px;
        padding: 12px 0px;
    }

    .ra_payment_detail {
        padding: 15px 20px;
        font-size: 14px;
    }

    .paymentcard-heading {
        padding: 70px 20px 20px 20px;
        color: #FFF;
        font-family: 'Segoe UI';
        font-weight: normal;
        font-size: 16px;
        text-align: center;
    }

    /* .pay_card{
        width:220px;
    }
     */
    .payment-margin-right {
        padding: 10px 0px 10px 0px;
    }

    .payment-space {
        font-size: 16px;
        padding: 6px 10px 6px 20px;
    }

    .payment-space-right {
        font-size: 16px;
        padding: 6px 20px;
    }

    .payment-right-scroll {
        height: 483px;
    }

    .ra-benifit-gape {
        padding: 10px 30px;
    }

    .ra-benifit-heading {
        font-size: 24px;
    }

    .border-pay-bor {
        padding-bottom: 8px;
    }

    .ra-benefit-margin {
        padding: 5px 20px;
        margin-bottom: 0;
    }

    .ra-benifit-sub-heading {
        font-size: 16px;
    }

    .future-msg {
        font-size: 18px;
        padding: 2px 0 0px;
    }

    .discount-bg {
        background-color: #0078d7;
        background-image: url(../../../img/front/inner-page/dscount-bg.png);
        background-position: right;
        height: 140px;
        margin-top: 20px;
        background-repeat: no-repeat;
        -webkit-margin-before: 24px;
    }

    .payment-space-bg {
        padding: 10px 20px 5px 20px;
        font-size: 16px;
    }

    .dis-amount {
        font-size: 16px;
    }

    .payment-uk {
        font-size: 14px;
        padding: 0 10px 10px 30px
    }

    .payment-uk-msg {
        font-size: 13px;
    }

    .payment-detail-right {
        height: 430px;
    }

    .payment-space>.monthly_detail_test {
        font-size: 10px;
    }

    .payment-footer-bg {
        padding: 10px 30px;
        background-color: #666666;
    }

    .u_discount {
        font-size: 18px;
        margin-top: -15px;
        line-height: 1.5em;
        letter-spacing: 1px;
    }

    .u_discount>span {
        font-size: 35px;
        padding-right: 10px;
    }

    .planner-plan {
        font-size: 16px;
        padding: 10px 0px;
    }

    .img-planner-icon {
        margin: -3px 25px;
        width: 30px;
    }

    .img-planner-icon-sh {
        margin: 0px 30px;
        width: 25px;
    }

    .img-pla-del-width {
        margin: 0px 0px;
        width: 30px;
    }

    .row_action_block1 {
        width: 30%;
    }

    .row_action_block2 {
        width: 31%;
    }

    .row_action_block3 {
        width: 27%;
    }

    .planner-folder-row {
        height: 80px;
    }

    .planner-single-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner_fol_text {
        font-size: 16px;
        padding-left: 15px;
    }

    .planner_fol_sub_text {
        font-size: 15px;
        padding-left: 15px;
    }

    .planner-date {
        font-size: 15px;
        line-height: 1.4;
        padding-top: 5px;
    }

    .planner-icon-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner_right_text {
        font-size: 16px;
    }

    .plann-right-vert-scroll {
        height: 305px;
    }

    .pla-bottom-border {
        min-height: 302px;
    }

    .plann-vert-scroll {
        height: 571px;
    }

    .plann-vert-fd-scroll {
        height: 572px;
    }

    .planner-next-date-folder {
        padding-top: 8px;
    }

    .planner-edit-row {
        height: 80px;
        margin: 0px 30px 0 15px;
    }

    .followup-date-sen {
        font-size: 14px;
    }

    .planner-cal-follow {
        font-size: 15px;
    }

    .planner-cal-follow::placeholder {
        font-size: 15px;
    }

    .plann_drop {
        padding-top: 5px;
    }

    .planner_dd {
        font-size: 14px;
        margin: 0 0 3px;
        height: 28px;
        padding: 2px 5px 3px 5px;
    }

    .btn-bottom-padding {
        padding-bottom: 10px;
    }

    .planner2_btn_padding {
        padding-top: 10px;
    }

    .followup-date {
        font-size: 14px;
    }

    .planner-cancel-btn {
        font-size: 14px;
        padding: 5px;
    }

    .planner-cancel-btn:hover {
        padding: 5px;
    }

    .planner-cal {
        padding-top: 0px;
    }

    .plann-rightscroll-next {
        height: 259px;
    }

    .planner-icon>span {
        padding-left: 10px;
        font-size: 16px;
    }

    /* End of planner screen */
    /* Start of profile screen */
    .profile-padding {
        padding-top: 60px;
    }

    .plan-sub-text {
        padding: 10px 0px 10px 10px;
    }

    .profile-right-logo {
        margin: 40px 0px;
        padding: 0 40px;
    }

    .profile-upgrade-btn {
        font-size: 14px;
        padding: 5px 30px 7px 30px;
    }

    .vertical-scroll-profile {
        height: 530px;
    }

    .vertical-right-profile {
        height: 529px;
    }

    .profile-content {
        padding-left: 100px;
    }

    .profile-email {
        padding-left: 100px;
        padding-top: 65px;
    }

    /* start profile edit new screen */
    .profile-new-email {
        padding-left: 100px;

    }

    .padding-edit-btn {
        padding: 40px 20px 20px 20px;
    }

    .profile-edit-btn {
        width: 100%;
        padding: 5px 20px;
    }

    .plan-sub-text {
        font-size: 12px;
        padding: 8px 0px 8px 10px;
    }

    .profile-right-logo-edit {
        margin: 37px 0px;
        padding: 0 30px;
    }

    .plan-text-right {
        font-size: 12px;
        padding: 8px 0px 8px 0px;
    }

    /* End profile edit new screen */
    /* start of profile user new screen */
    .pro-view-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .pro-view-row-right>.view-user {
        font-size: 14px;
    }

    .mpro_user_right_detail {
        padding: 10px 10px 5px 10px;
        font-size: 13px;
    }

    .mpro_user_right_detail2 {
        padding: 5px 10px 5px 10px;
        font-size: 13px;
    }

    .mprofile-hazard-detail {
        padding: 0px 10px 0px 10px;
        font-size: 13px;
    }

    .mpro-group-margin {
        margin: 10px;
    }

    .mprofile-group-head {
        padding: 0px 0px;
        font-size: 13px;
    }

    .mgroup-section {
        height: 108px;
        margin-top: 8px;
    }

    .mpro-group-detail {
        padding: 8px;
        font-size: 13px;
    }

    .mpro-group-detail-next {
        padding: 8px;
        font-size: 13px;
    }

    .progroup-close {
        padding-top: 12px;
        padding-bottom: 10px;
        width: 13px;
        margin-right: 10px;
    }

    .newpro-addnew-btn {
        font-size: 13px;
        padding: 7px 30px;
    }

    .new-profile-rborder {
        height: 527px;
    }

    .pro-right-user-scroll {
        height: 527px;
    }

    .pro-new-tbl-heading {
        font-size: 14px;
    }

    /* End of profile user new screen */
    /* Profile user edit */

    .au-edit-tb {
        font-size: 14px;
        min-height: 44px;
        padding: 8px 20px;
    }

    .pronew-tbl-cell-last {
        padding: 6px 20px !important;
    }

    /* End of profile user edit */
    /* start of profile setting screen*/
    .pro-sett-text1-padding {
        padding: 10px 20px 10px 15px;
    }

    .pro-sett-text1 {
        font-size: 12px;
    }

    .profile-ru-sta-padding {
        padding: 10px 60px 5px 15px;
    }

    .profile-ru-statement-heading {
        font-size: 13px;
        padding-left: 10px;
    }

    .pro-ru-st-sub-heading {
        font-size: 12px;
        padding-left: 10px;
    }

    .pro-state-padding-left {
        padding: 0px 15px 5px 15px;
    }

    .pro-state-padding-right {
        padding: 0px 30px 0 15px;
    }

    .mypro-plan {
        padding: 15px 12px 5px 12px;
        font-size: 12px;
    }

    .mypro-user {
        padding: 10px 12px;
        font-size: 12px;
    }

    .mypro-space {
        padding: 2px 12px 2px 12px;
        font-size: 12px;
    }

    .profile-upgrade-margin {
        margin-top: 258px;
    }

    .new-profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .pro-right-new-scroll {
        height: 525px;
    }

    .text-area-height {
        height: 62px !important;
    }

    .profile-ta {
        font-size: 14px;
        margin: 0 0 0px;
        padding: 2px 5px 2px 5px;
    }

    .pro-sett-dd {
        margin: 0 0 2px;
        height: 28px;
        padding: 2px 5px 2px 5px;
        font-weight: 400;
    }

    .pro-setting-btn-padding {
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }

    .pro-new-scroll {
        height: 525px;
    }

    /* End of profile setting screen*/
    /* start profile order history screen */
    .table_user_heading {
        font-size: 16px;
        padding: 15px 20px;
    }

    .table_user_heading {
        font-size: 16px;
    }

    .pro-table-scroll {
        height: 472px;
    }

    .plan-padding {
        padding: 60px 20px;
    }

    .user-plan-cont {
        font-size: 16px;
        padding: 10px 0;
    }

    .user-plan-content {
        font-size: 16px;
        padding: 10px 0;
    }

    .pro-plan-upgrade-btn {
        font-size: 14px;
        padding: 2px 52px 4px 52px;
    }

    .pro-plan-edit-btn {
        font-size: 14px;
        padding: 2px 58px 4px 58px;
    }

    .vertical-plan-left-profile {
        height: 472px;
    }

    .profile-close-btn {
        font-size: 14px;
        padding: 6px 30px;
    }

    .vertical-plan-profile {
        height: 472px;
    }

    .pro-grp-right-cell {
        padding-bottom: 8px !important;
        padding-top: 8px !important;
    }

    tbody div.n_group_tbl_height {
        height: 380px;
    }

    .profile-right-icon {
        padding-top: 120px;
        padding-bottom: 80px;
        padding-left: 22px;
    }

    .project-ra-icon-width {
        width: 28px;
    }

    .project-ra-new-icon {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 20px;
    }

    .pro_new_padding {
        padding: 0px 60px 20px 60px;
    }

    .pro_title_new {
        font-size: 16px;
        padding: 10px 10px;
    }

    .project-nheight {
        height: 110px !important;
    }

    .pro-new-scroll {
        height: 511px;
    }

    .pro-right-new-scroll {
        height: 511px;
    }

    .new_pro_bottom_bg {
        padding: 10px 60px 10px 60px;
    }

    .ra-new-pro-planner-plan {
        padding: 8px 0px;
    }

    /* End risk_assi_newproject screen */
    /* start risk_assi_myphoto screen */
    .pro_phot_padding {
        padding: 20px 40px 10px 40px;
    }

    .project_img_heading {
        font-size: 18px;
        padding-left: 23px;
    }

    .pro_frame_padding {
        padding: 10px 22px;
    }

    .ra_my_photo_scroll_right {
        height: 566px;
    }

    .ra_my_photo_scroll_left {
        height: 505px;
    }

    .skip-ra-left>a {
        padding: 18px 0;
    }

    .project_skip_padding {
        padding-bottom: 152px;
    }

    .skip-ra-right>a {
        padding: 18px 0;
    }

    .new_pic_bottom_bg {
        padding: 15px 36px 15px 62px;
    }

    .container-frame {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .border-right-photo {
        height: 570px;
    }

    .container-frame-text {
        width: 68%;
    }

    .container-small-frame {
        width: 32%;
    }

    .project-main-photo-text {
        width: 33%;
    }

    .project-sub-photo-frame {
        width: 8%;
    }

    .project-sub-photo-text {
        width: 48%;
    }

    .project_img_sub_heading {
        font-size: 14px;
    }

    .project_img_main_pho_heading {
        font-size: 16px;
        padding-left: 10px;
    }

    .photo_frame_padding {
        padding-left: 25px;
    }

    .project-name-title {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .project_name-info {
        font-size: 16px;
    }

    .hazard_rs_text {
        padding: 20px 10px 10px;
        font-size: 13px;
    }

    .hazard_padding {
        padding: 30px;
    }

    .padding_enter_hazardmsg {
        padding-top: 10px;
    }

    .enter_hazard_msg {
        font-size: 16px;
        padding-left: 10px;
    }

    .h_textarea {
        font-size: 14px;
        margin: 0 0 3px;
        padding: 8px 8px 8px 10px;
    }

    .hazard_sno_bg {
        height: 76px;
        padding: 20px 9px;
    }

    .hazard_btn_text {
        padding: 26px 100px 12px 5px;
        font-size: 16px;
    }

    .control_btn_text {
        padding: 8px 20px 8px;
    }

    .hazard_btn_sno_left {
        height: 39px;
        padding-top: 7px;
    }

    .white-btn-width {
        width: 25px;
    }

    .hazard_radio {
        height: 42px;
    }

    .hazard_bottom_bg {
        padding: 15px 74px 15px 30px;
    }

    .pro-hazard-left-scroll {
        height: 545px;
    }

    .pro-hazard-right-scroll {
        height: 545px;
    }

    /* End of risk assissment hazard screen */
    /* start risk_assi_project_detail screen */
    .assessment-blockmsg {
        padding: 35px;
    }

    .border-right-per-involved {
        height: 476px;
    }

    .ra_pd_scroll_right {
        height: 528px;
    }

    .pd_toggle_no {
        font-size: 13px;
        padding: 10px 0 10px 2px;
    }

    .switch {
        width: 40px;
        height: 17px;
    }

    .pd_toggle_middle {
        width: 20%;
        font-size: 18px;
        padding: 10px 0 0px 0px;
    }

    input:checked+.slider:before {
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
        background: #fff;
    }

    .slider:before {
        height: 11px;
        width: 11px;
        left: 2px;
        bottom: 1px;
        top: 1px;
        right: 2px;
    }

    .container-project-grid-left {
        width: 70%;
    }

    .container-project-grid-right {
        width: 30%;
    }

    .grid_row_new {
        height: 49px;
        width: 65px;
        font-size: 16px;
    }

    .grid_column1 {
        height: 45px;
        width: 30px !important;
        font-size: 16px;
    }

    .cont_cleaning_padding {
        padding: 7px 20px;
        border-bottom: 2px solid #FFF;
        height: 49px;
    }

    .cont_cleaning_text {
        font-size: 14px;
        line-height: 1em;
        padding-top: 3px;
        padding-left: 10px;
    }

    .plann-grid-right-vert-scroll {
        height: 392px;
    }

    .grid_column1_other {
        height: 45px;
        font-size: 16px;
    }

    .n_risk-folder-name {
        margin-left: 0px;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    /* End of task managers changes 12 July */
    .hazz_textarea {
        font-size: 16px;
        margin: 0 0 4px;
        padding: 8px 60px 10px 10px;
        height: 70px;
    }

    /* further assissment */
    .n_followup-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .given-gap {
        margin-top: 10px;
    }

    .pd_toggle_no {
        font-size: 14px;
        padding: 7px 0 5px 0px;
    }

    .pd_toggle_yes {
        font-size: 14px;
        padding: 7px 0 5px 20px;
    }

    .pd_toggle_middle {
        font-size: 0px;
        padding: 10px 0 0px 0px;
    }

    .new_project_dd {
        font-size: 12px;
        margin: 0 0 4px;
        height: 28px;
        padding: 2px 5px 3px 5px;
    }

    .limited-text-2line {
        line-height: 16px;
        /* fallback */
        max-height: 36px;
        /* fallback */
    }

    .n_icon-box>img {
        width: 75px;
        margin-left: 6px;
        margin-right: 6px;
        height: 75px;
        padding: 8px;
        margin-bottom: 8px;
    }

    .audit-check-icon {
        top: -40px;
        left: 90px;
    }

    .audit-check-icon-width {
        width: 15px;
    }

    .project-ra-new-icon>span {
        font-size: 16px;
    }

    .new_project_dd {
        font-size: 12px;
    }

    .assessment_date_heading {
        font-size: 12px;
        padding: 3px 10px;
    }

    .start_date_margintop {
        margin-top: 1px;
    }

    .start-date-padding {
        padding-top: 27px;
    }

    .n_image_outcircle {
        width: 110px;
        height: 110px;
        border-radius: 60px;
        padding: 8px;
    }

    .hazard_right-scroll {
        max-height: 479px;
    }

    .hazard-right-bg {
        height: 483px;
    }
}

@media only screen and (min-width : 1367px) and (max-width : 1440px) and (orientation : landscape) {
    .table-2tbody {
        height: 477px !important;
    }

    .PdfIframeHeight {
        height: 504px;
    }

    /*.pro_mbig_frame, .pro_mbwhite_frame, .pro_mbblack_frame {
         width: 240px;
         height:240px;
    }
     */
    .container-frame-text {
        width: 68%;
    }

    .container-small-frame {
        width: 32%;
    }

    .project_img_main_pho_heading {
        padding-left: 16px;
    }

    .project-main-photo-text {
        width: 33%;
    }

    .project-sub-photo-frame {
        width: 8%;
    }

    .project-sub-photo-text {
        width: 45%;
    }

    .pro_phot_padding {
        padding: 20px 40px 20px 60px;
    }

    .cont_cleaning_padding {
        height: 57px;
    }

    .cont_cleaning_text {
        padding-top: 5px;
        padding-left: 10px;
    }

    .cleaning_icon-width {
        width: 40px;
    }

    .plann-grid-right-vert-scroll {
        height: 520px;
    }

    .pro_grid_title {
        background-color: #000;
        font-family: 'Segoe UI';
        font-weight: bold;
        color: #ffcc33;
        font-size: 20px;
        text-align: center;
        /*padding: 15px 0px;
        */
    }

    /* task managers */
    .arrange-row-left {
        width: 62%;
    }

    .arrange-row-right {
        width: 38%;
    }

    .plus_round_padding {
        padding-left: 40px;
    }

    .chat-noti {
        height: 22px;
        width: 22px;
        top: -32%;
        left: 66%;
    }

    .chat-noti>.chat-noti-no {
        font-size: 11px;
        top: 3px;
        left: 0;
    }

    .n_top-right-sidebar>li>a {
        padding: 5px 0px;
        font-size: 14px;
    }

    .addproject-width {
        width: 25px;
    }

    /* End of task managers */
    /*stats screen */
    .nav-tab-change>li>a {
        padding: 12px 0px;
    }

    .paddig-sicon-text {
        padding: 8px 10px;
        height: 280px;
    }

    .n_control-height {
        height: 30px !important;
    }

    .action-stat-title {
        padding-left: 12px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 660px;
    }

    .sr-hazard-tbl-cell-first {
        width: 660px;
    }

    .sr-hazard-tbl-cell {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        background-color: none !important;
        color: #1d1d1b;
        text-align: center;
        display: table-cell !important;
        vertical-align: middle;
        font-weight: normal;
        font-family: 'Segoe UI';
        width: 167px;
    }

    .sr-hazard-tbl-cell:last-child {
        width: 161px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 150px;
    }

    .padding-risk-type_wb {
        padding: 15px 14px 8px 24px;
    }

    .n_folder-right-side-bar {
        height: 579px;
    }

    .stats_container_hw {
        height: 618px;
    }

    .padding-risk-type {
        padding: 20px 25px 18px 25px;
    }

    /* .statas-table-scroll {
        height: 492px;
    }
     */
    .status-bg-table {
        height: 548px;
    }

    .n_stats_report_padding {
        padding: 8px 20px;
    }

    .email-border {
        height: 128px;
    }

    .stats_email_padding {
        padding: 30px 10px 30px 10px;
    }

    .n_email_right {
        height: 579px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 450px;
    }

    .stats-tbl-head-cell>div {
        width: 237px;
    }

    .stats_graphs_width {
        width: 800px;
    }

    .table-fixed tbody {
        height: 457px;
    }

    .btncsv_margin {
        padding-top: 375px;
    }

    /* planner screen */
    .row_action_block1 {
        width: 30%;
    }

    .row_action_block2 {
        width: 31%;
    }

    .row_action_block3 {
        width: 24%;
    }

    .planner-icon-width {
        width: 25px;
    }

    .planner-icon {
        padding-left: 20px;
    }

    .planner-plan {
        font-size: 16px;
        padding: 8px 0px;
    }

    .planner-folder-row {
        height: 75px;
    }

    .planner-single-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner_fol_text {
        font-size: 16px;
        padding-left: 20px;
    }

    .planner_fol_sub_text {
        font-size: 15px;
        padding-left: 20px;
    }

    .planner-date {
        font-size: 15px;
        line-height: 1.4;
        padding-top: 5px;
    }

    .planner-icon-folder {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .planner_right_text {
        font-size: 16px;
    }

    .plann-right-vert-scroll {
        height: 260px;
    }

    .pla-bottom-border {
        min-height: 260px;
    }

    .plann-vert-scroll {
        height: 566px;
    }

    .img-planner-icon {
        width: 30px;
    }

    .img-planner-icon-sh {
        margin: 0px 30px;
        width: 25px;
    }

    .img-pla-del-width {
        margin: 0px 0px;
        width: 30px;
    }

    .plann-vert-fd-scroll {
        height: 567px;
    }

    .followup-date {
        font-size: 15px;
    }

    .planner-cal-follow {
        font-size: 15px;
    }

    .planner-cal-follow::placeholder {
        font-size: 15px;
    }

    .planner-next-date-folder {
        padding-top: 8px;
    }

    .followup-date-sen {
        font-size: 15px;
    }

    .plann_drop {
        padding-top: 5px;
    }

    .dd-planner-right {
        padding-left: 0px !important;
    }

    .planner_dd {
        font-size: 14px;
        margin: 0 0 5px;
        height: 28px;
        padding: 2px 5px 3px 5px;
    }

    .btn-bottom-padding {
        padding-bottom: 10px;
    }

    .planner2_btn_padding {
        padding-top: 10px;
    }

    .planner-cancel-btn {
        font-size: 14px;
        padding: 5px;
    }

    .planner-cancel-btn:hover {
        padding: 5px;
    }

    .plann-rightscroll-next {
        height: 259px;
    }

    .planner-edit-row {
        margin: 0px 30px 0 20px;
    }

    /* End of planner screen */
    /* Start of profile screen */
    .profile-padding {
        padding-top: 40px;
    }

    .plan-sub-text {
        padding: 10px 0px 10px 20px;
    }

    .profile-right-logo {
        margin: 21px 0px;
        padding: 0 52px;
    }

    .profile-change-logo-btn {
        font-size: 14px;
        padding: 5px 30px;
    }

    /* End of profile screen */
    /* start of profile user new screen */
    .pro-view-row {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .pro-view-row-right>li {
        font-size: 14px;
    }

    .pro-view-row-right>.view-user {
        font-size: 14px;
    }

    .mpro_user_right_detail {
        padding: 10px 10px 5px 10px;
        font-size: 13px;
    }

    .mpro_user_right_detail2 {
        padding: 5px 10px 5px 10px;
        font-size: 13px;
    }

    .mprofile-hazard-detail {
        padding: 0px 10px 0px 10px;
        font-size: 13px;
    }

    .mpro-group-margin {
        margin: 10px;
    }

    .mprofile-group-head {
        padding: 0px 0px;
        font-size: 13px;
    }

    .mgroup-section {
        height: 108px;
        margin-top: 8px;
    }

    .mpro-group-detail {
        padding: 8px;
        font-size: 13px;
    }

    .mpro-group-detail-next {
        padding: 8px;
        font-size: 13px;
    }

    .progroup-close {
        padding-top: 12px;
        padding-bottom: 10px;
        width: 13px;
        margin-right: 10px;
    }

    .newpro-addnew-btn {
        font-size: 13px;
        padding: 10px 30px;
    }

    .newpro-csv-btn {
        font-size: 13px;
        padding: 10px 30px;
    }

    .new-profile-rborder {
        height: 527px;
    }

    .pro-right-user-scroll {
        height: 527px;
    }

    .pro-new-tbl-heading {
        font-size: 14px;
    }

    /* End of profile user new screen */
    /* Profile user edit */
    .user-sta-btn {
        min-height: 40px;
        font-size: 14px;
    }

    .user-sta-done {
        min-height: 40px;
        font-size: 14px;
    }

    .au-edit-tb {
        font-size: 14px;
        min-height: 40px;
        padding: 8px 20px;
    }

    .pronew-tbl-cell-last {
        padding: 6px 20px !important;
    }

    /* End of profile user edit */
    /* start of profile setting screen*/
    .pro-sett-text1-padding {
        padding: 10px 20px 10px 15px;
    }

    .pro-sett-text1 {
        font-size: 13px;
    }

    .profile-ru-sta-padding {
        padding: 25px 60px 10px 15px;
    }

    .profile-ru-statement-heading {
        font-size: 14px;
        padding-left: 5px;
    }

    .pro-ru-st-sub-heading {
        font-size: 14px;
        padding-left: 5px;
    }

    .pro-state-padding-left {
        padding: 0px 15px 5px 15px;
    }

    .pro-state-padding-right {
        padding: 0px 30px 0 15px;
    }

    .mypro-plan {
        padding: 15px 12px 5px 12px;
        font-size: 13px;
    }

    .mypro-user {
        padding: 10px 12px;
        font-size: 13px;
    }

    .mypro-space {
        padding: 2px 12px 2px 12px;
        font-size: 13px;
    }

    .profile-upgrade-margin {
        margin-top: 262px;
    }

    .new-profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .pro-right-new-scroll {
        height: 525px;
    }

    .text-area-height {
        height: 60px !important;
    }

    .profile-ta {
        font-size: 14px;
        margin: 0 0 0px;
        padding: 2px 5px 2px 5px;
    }

    .pro-sett-dd {
        margin: 0 0 2px;
        height: 28px;
        padding: 2px 5px 2px 5px;
        font-weight: 400;
    }

    .pro-setting-btn-padding {
        padding-bottom: 10px !important;
        padding-top: 30px !important;
    }

    .pro-new-scroll {
        height: 525px;
    }

    .gap_email_setting {
        padding-top: 30px;
    }

    /* End of profile setting screen*/
    /* start profile order history screen */
    .table_user_heading {
        font-size: 16px;
        padding: 15px 20px;
    }

    .table_user_heading {
        font-size: 16px;
    }


    .pro-table-scroll {
        height: 450px;
    }

    .prooh-tbl-cell-last {
        width: 207px;
    }

    .prooh-tbl-cell {
        width: 196.8px;
    }

    .table-fixed-oh tbody {
        height: 430px;
    }

    /* End of profile order history screen */
    /* start profile my plan screen */
    .plan-padding {
        padding: 40px 0px;
    }

    .user-plan-cont {
        font-size: 18px;
        padding: 10px 0;
    }

    .user-plan-content {
        font-size: 18px;
        padding: 10px 0;
    }

    .pro-plan-upgrade-btn {
        padding: 2px 10px 4px 10px;
    }

    .pro-plan-edit-btn {
        font-size: 16px;
        padding: 2px 10px 4px 10px;
    }

    .vertical-plan-left-profile .plan-padding .user-plan-content .pro-plan-edit-btn {
        padding: 5px 10px;
    }

    .vertical-plan-left-profile {
        height: 527px;
    }

    .profile-close-btn {
        font-size: 14px;
        padding: 6px 30px;
    }

    .vertical-plan-profile {
        height: 526px;
    }

    /* End profile my plan screen */
    /* start profile edit new screen */
    .profile-new-email {
        padding-left: 85px;
    }


    .padding-edit-btn {
        padding: 40px 20px 20px 20px;
    }

    .profile-edit-btn {
        width: 100%;
        padding: 5px 20px;
    }

    .plan-sub-text {
        font-size: 12px;
        padding: 8px 0px 8px 10px;
    }

    .profile-right-logo-edit {
        margin: 35px 0px;
        padding: 0 50px;
    }

    .profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .vertical-scroll-profile {
        height: 490px;
    }

    .vertical-right-profile {
        height: 490px;
    }

    .plan-text-right {
        font-size: 12px;
        padding: 8px 0px 8px 0px;
    }

    /* End profile edit new screen */
    /* start risk assissment screen */
    /* start risk_assi_newproject screen */
    .project-ra-icon-width {
        width: 28px;
        margin-left: 5px;
    }

    .project-ra-new-icon {
        padding-top: 12px;
        padding-bottom: 6px;
        padding-left: 15px;
    }

    .pro_new_padding {
        padding: 14px 40px 20px 40px;
    }

    .pro_title_new {
        font-size: 16px;
        padding: 10px 10px;
    }

    .project-nheight {
        height: 110px !important;
    }

    .pro-new-scroll {
        height: 525px;
    }

    .pro-right-new-scroll {
        height: 525px;
    }

    .new_pro_bottom_bg {
        padding: 10px 40px 10px 40px;
    }

    .ra-new-pro-planner-plan {
        padding: 8px 0px;
    }

    /* End risk_assi_newproject screen */
    /* start risk_assi_myphoto screen */
    .pro_phot_padding {
        padding: 20px 40px 20px 40px;
    }

    .project_img_heading {
        font-size: 18px;
        padding-left: 23px;
    }

    .pro_frame_padding {
        padding: 10px 22px;
    }

    .ra_my_photo_scroll_right {
        height: 528px;
    }

    .ra_my_photo_scroll_left {
        height: 385px;
    }

    .new_pic_bottom_bg {
        padding: 15px 36px 15px 62px;
    }

    .container-frame {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .border-right-photo {
        height: 529px;
    }

    /* End risk_assi_myphoto screen */
    /* start risk_assi_hazard.html */
    .hazard_rs_text {
        font-size: 14px;
    }

    .like_margin-bottom {
        margin-bottom: 12px;
    }

    .hazard_padding {
        padding: 15px 40px;
    }

    .padding_enter_hazardmsg {
        padding-top: 20px;
    }

    .enter_hazard_msg {
        font-size: 16px;
        padding-left: 10px;
    }

    .h_textarea {
        font-size: 15px;
        margin: 0 0 3px;
        padding: 8px 8px 8px 10px;
    }

    .hazard_sno_bg {
        height: 86px;
        padding: 25px 12px;
    }

    .hazard_btn_text {
        padding: 24px 100px 23px 5px;
        font-size: 16px;
    }

    .control_btn_text {
        padding: 8px 20px 8px;
    }

    .hazard_btn_sno_left {
        height: 39px;
        padding-top: 7px;
    }

    .white-btn-width {
        width: 26px;
        padding-top: 7px;
    }

    .hazard_radio {
        height: 40px;
    }

    .hazard_bottom_bg {
        padding: 15px 74px 15px 40px;
    }

    .pro-hazard-left-scroll {
        height: 575px;
    }

    .pro-hazard-right-scroll {
        height: 568px;
    }

    /* End of risk assissment hazard screen */
    /* start risk_assi_project_detail screen */
    .assessment-blockmsg {
        padding: 38px;
    }

    .border-right-per-involved {
        height: 506px;
    }

    .ra_pd_scroll_right {
        height: 558px;
    }

    /* End risk_assi_project_detail screen */
    /* risk assissment grid screen */
    .container-project-grid-left {
        width: 70%;
    }

    .container-project-grid-right {
        width: 30%;
    }

    .grid_row_new {
        height: 56px;
        width: 68px;
        font-size: 16px;
    }

    .grid_column1 {
        width: 37px !important;
        font-size: 16px;
    }

    .cont_cleaning_padding {
        padding: 10px 20px;
        border-bottom: 2px solid #FFF;
        height: 56px;
    }

    .cont_cleaning_text {
        font-size: 14px;
        line-height: 1.1em;
        padding-top: 3px;
        padding-left: 10px;
    }

    .plann-grid-right-vert-scroll {
        height: 459px;
    }

    .project_block_padding {
        padding-bottom: 184px;
    }

    /* End of risk assissment grid screen */
    /* End of risk assissment screen */
    /* Task managers changes 12 july */
    .n_risk-folder-name {
        margin-left: -10px;
    }

    .modal-screen3 {
        position: fixed;
        top: 5%;
        left: 0%;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    /* End of task managers changes 12 July */
    .hazz_textarea {
        font-size: 16px;
        margin: 0 0 4px;
        padding: 8px 60px 0px 10px;
        height: 80px;
    }

    /* ra further assissment screen */
    .n_followup-date {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .given-gap {
        margin-top: 10px;
    }

    .pd_toggle_no {
        font-size: 14px;
        padding: 7px 0 5px 0px;
    }

    .pd_toggle_yes {
        font-size: 14px;
        padding: 7px 0 5px 20px;
    }

    .pd_toggle_middle {
        font-size: 0px;
        padding: 10px 0 0px 0px;
    }

    .limited-text-2line {
        line-height: 17px;
        /* fallback */
        max-height: 40px;
        /* fallback */
    }

    .pro-grp-heading {
        font-size: 14px;
    }

    .profile-right-icon {
        padding-top: 120px;
        padding-bottom: 50px;
        padding-left: 25px;
    }

    .pro-grp-right-cell {
        padding-left: 15px !important;
        padding-bottom: 8px !important;
        padding-top: 8px !important;
        border-bottom: 2px solid #FFF;
    }

    .pro-view-row-left {
        width: 84%;
    }

    .pro-view-row-right {
        width: 16%;
        font-size: 14px;
    }

    .n_icon-box>img {
        width: 90px;
        margin-left: 8px;
        margin-right: 8px;
        height: 90px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .audit-check-icon {
        top: -50px;
        left: 110px;
    }

    .audit-check-icon-width {
        width: 20px;
    }

    /* ra screen 27 aug */
    .project-ra-new-icon>span {
        font-size: 16px;
        padding-left: 8px;
    }

    .start_date_margintop {
        margin-top: 1px;
    }

    .start-date-padding {
        padding-top: 27px;
    }

    .n_image_outcircle {
        width: 110px;
        height: 110px;
        border-radius: 60px;
        padding: 8px;
    }

    /* .n_image_innergap {
         padding-top: 12px;
    }
     */
    /* .inner-img-width {
         width: 65px;
         margin-left: 12px;
    }
     */
    /* .ra_newhazard-sno {
         height: 20px;
         width: 20px;
         border-radius: 15px;
         font-size: 13px;
         color: #FFF;
         top: 86px;
         right: 202px;
    }
     */
    .hazard_right-scroll {
        max-height: 509px;
    }

    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    .n_date_select_first {
        margin-top: 26px !important;
    }

    .hazard-right-bg {
        height: 506px;
    }

    .project_skip_padding {
        padding-bottom: 103px;
    }

    .project-detail-sec1 {
        max-height: 185px;
    }

    .project-detail-sec2 {
        max-height: 170px;
    }

    .folder-right-side-bar {
        height: 576px;
    }

    .div-scrollbar {
        height: 570px;
    }
}

@media only screen and (min-width : 1441px) and (max-width : 1599px) and (orientation : landscape) {

    /*.pro_mbig_frame, .pro_mbwhite_frame, .pro_mbblack_frame {
         width: 250px;
         height: 250px;
    }
    */
    /*stats screen */
    .nav-tab-change>li>a {
        padding: 12px 10px;
    }

    .paddig-sicon-text {
        padding: 8px 10px;
        height: 250px;
    }

    .n_control-height {
        height: 30px !important;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 660px;
    }

    .sr-hazard-tbl-head-cell>div {
        width: 150px;
    }

    .sr-hazard-tbl-cell {
        font-size: 13px;
        width: 180px;
    }

    .sr-hazard-tbl-cell:last-child {
        width: 165px;
    }

    .sr-hazard-tbl-cell-first {
        padding: 8px 24px !important;
        font-size: 13px;
        width: 660px;
    }

    .padding-risk-type_wb {
        padding: 15px 14px 8px 24px;
    }

    .n_folder-right-side-bar {
        height: 547px;
    }

    .stats_container_hw {
        height: 588px !important;
    }

    .padding-risk-type {
        padding: 10px 25px 10px 25px;
    }

    /* .statas-table-scroll {
        height: 492px;
    }
     */
    .status-bg-table {
        height: 547px;
    }

    .n_stats_report_padding {
        padding: 8px 20px;
    }

    .email-border {
        height: 93px;
    }

    .stats_email_padding {
        padding: 10px 10px 20px 10px;
    }

    .n_email_right {
        height: 546px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 520px;
    }

    .stats-tbl-head-cell>div {
        width: 200px;
    }

    .stats_graphs_width {
        width: 800px;
    }

    .btncsv_margin {
        padding-top: 375px;
    }

    /* planner screen */
    .row_action_block1 {
        width: 30%;
    }

    .row_action_block2 {
        width: 35%;
    }

    .row_action_block3 {
        width: 35%;
    }

    /* End of planner screen */
    .sd_text_margin {
        margin-top: 0px;
    }

    .sd_date_margin {
        margin-top: 0px;
    }

    /* risk assissment grid screen */

    .grid_row_new {
        height: 65px;
        width: 65px;
        font-size: 16px;
    }

    .grid_column1 {
        height: 58px;
        width: 32px !important;
        font-size: 16px;
    }

    .cont_cleaning_padding {
        padding: 10px 20px;
        border-bottom: 2px solid #FFF;
        height: 65px;
    }

    .cont_cleaning_text {
        font-size: 14px;
        line-height: 1em;
        padding-top: 3px;
        padding-left: 10px;
    }

    .plann-grid-right-vert-scroll {
        height: 455px;
    }

    /* End of risk assissment grid screen */
}

@media only screen and (min-width : 1600px) and (max-width : 1919px) and (orientation : landscape) {
    .PdfIframeHeight {
        height: 501px;
    }

    /*.pro_mbig_frame, .pro_mbwhite_frame, .pro_mbblack_frame {
         width: 270px;
         height: 270px;
    }
    */
    /* risk assissment grid screen */
    .container-project-grid-left {
        width: 70%;
    }

    .container-project-grid-right {
        width: 30%;
    }

    .grid_row_new {
        height: 60px;
        width: 67px;
        font-size: 16px;
    }

    .grid_column1 {
        height: 58px;
        width: 45px !important;
        font-size: 16px;
    }

    .cont_cleaning_padding {
        padding: 6px 20px;
        border-bottom: 2px solid #FFF;
        height: 60px;
    }

    .cont_cleaning_text {
        font-size: 14px;
        line-height: 1em;
        padding-top: 3px;
        padding-left: 25px;
    }

    .plann-grid-right-vert-scroll {
        height: 480px;
    }

    .project-library-left {
        font-size: 16px;
    }

    .project-key-medium {
        font-size: 16px;
    }

    .project-add-last {
        font-size: 16px;
    }

    /* End of risk assissment grid screen */
    /* planner screen */
    .row_action_block3 {
        width: 24%;
    }

    .plann-vert-scroll {
        height: 635px;
    }

    .plann-vert-fd-scroll {
        height: 636px;
    }

    /* End of planner screen */
    /* Profile screen */
    .profile-padding {
        padding-top: 90px;
    }

    .vertical-scroll-profile {
        height: 601px;
    }

    .vertical-right-profile {
        height: 600px;
    }

    /* End of profile screen */
    .n_risk-folder-row {
        height: 72px;
    }

    .n_risk-folder-row:hover a {
        font-size: 14px;
        padding-top: 11px;
        padding-bottom: 10px;
    }

    /* task managers 12 july */
    .n_risk-folder-name {
        margin-left: -20px;
    }

    .modal-screen3 {
        position: fixed;
        top: 5%;
        left: 0%;
    }

    .user_folder_margin {
        margin-left: 0px;
    }

    .hazz_textarea {
        font-size: 16px;
        margin: 0 0 4px;
        padding: 8px 60px 10px 10px;
        height: 90px;
    }

    .table-fixed tbody {
        height: 610px;
    }

    .sr-hazard-head-cell-wo-border>div {
        width: 700px;
    }

    .sr-hazard-tbl-cell-first {
        width: 700px;
    }

    .sr-hazard-tbl-cell:last-child {
        width: 171px;
    }

    .limited-text-2line {
        line-height: 18px;
        /* fallback */
        max-height: 40px;
        /* fallback */
    }


    .profile-right-icon {
        padding-top: 130px;
        padding-bottom: 30px;
        padding-left: 30px;
    }


    .prooh-tbl-cell {
        width: 212.5px;
    }

    .prooh-tbl-cell-last {
        width: 230px;
    }

    .profile-upgrade-margin {
        margin-top: 264px;
    }

    .pro-right-new-scroll {
        height: 571px;
    }

    .table-fixed-oh tbody {
        height: 495px;
    }

    .pro-view-row-left {
        width: 85%;
    }

    .pro-view-row-right {
        width: 15%;
    }

    .pro-right-user-scroll {
        height: 615px;
    }

    .new-profile-rborder {
        height: 615px;
    }

    .mpro-group-margin {
        margin: 15px 20px;
    }

    .mgroup-section {
        height: 120px;
    }

    .profile-right-logo {
        margin: 48px 0px;
        padding: 0 63px;
    }

    .profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .profile-right-logo-edit {
        margin: 43px 0px;
        padding: 0 64px;
    }

    .profile-upgrade-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .profile-change-logo-btn {
        font-size: 14px;
        padding: 8px 30px;
    }

    .plan-padding {
        padding: 90px 0px;
    }

    .vertical-plan-left-profile {
        height: 640px;
    }

    .vertical-plan-profile {
        height: 640px;
    }

    .n_icon-box>img {
        width: 100px;
        margin-left: 8px;
        margin-right: 8px;
        height: 100px;
        padding: 10px;
        margin-bottom: 8px;
    }

    .audit-check-icon {
        top: -55px;
        left: 120px;
    }

    .audit-check-icon-width {
        width: 20px;
    }

    .audit-icon-box2 {
        width: 15%;
    }

    .audit-icon-blank {
        width: 17%;
    }

    .audit-icon-box3 {
        width: 47%;
    }

    .audit-icon-subbox2 {
        width: 18%;
    }

    .audit-icon-subbox3 {
        width: 33%;
    }

    /*ra screen 27 aug 2018 */
    .pro_new_padding {
        padding: 30px 70px;
    }

    .pro_title_new {
        padding: 15px 10px;
    }

    .project-nheight {
        height: 100px !important;
    }

    .pro-new-scroll {
        height: 574px;
    }

    .container-frame-text {
        /*width:70%;
        */
    }

    .container-small-frame {
        /*width:30%;
        */
    }

    .project-main-photo-text {
        width: 30%;
    }

    .project-sub-photo-frame {
        width: 10%;
    }

    .project-sub-photo-text {
        width: 45%;
    }

    .pro_phot_padding {
        padding: 10px 45px 10px 50px;
    }

    .ra_my_photo_scroll_right {
        height: 568px;
    }

    .border-right-photo {
        height: 568px;
    }

    .ra_my_photo_scroll_left {
        height: 505px;
    }

    .new_pic_bottom_bg {
        padding: 16px 70px 16px 70px;
    }

    .pro-hazard-right-scroll {
        height: 574px;
    }

    .pro-hazard-left-scroll {
        height: 574px;
    }

    .hazard_right-scroll {
        max-height: 506px;
    }

    .hazard_padding {
        padding: 21px 50px 21px 60px;
    }

    .padding_enter_hazardmsg {
        padding-top: 25px;
    }

    .hazard_bottom_bg {
        padding: 16px 70px 16px 70px;
    }

    .pd_toggle_yes {
        padding: 5px 0 5px 20px;
    }

    .pd_toggle_middle {
        padding: 6px 0 0px 0px;
    }

    .pd_toggle_no {
        padding: 3px 0 3px 0px;
    }

    /* .margin-bottom-neg {
         */
    /* margin-bottom: -20px;
         */
    /* 
    }
     */
    .border-right-per-involved {
        height: 505px;
    }

    .ra_pd_scroll_right {
        height: 569px;
    }

    .assessment-blockmsg {
        padding: 37.6px;
    }

    .n_hazard-right-icon {
        width: 120px;
        height: 120px;
    }

    .new_upload_image {
        padding: 8px 82px 8px 82px;
        font-size: 13px;
    }

    .new_upload_margin {
        margin-top: 10px;
    }

    .new_upload_image_gap {
        padding-top: 30px;
    }

    .ms-file-icon {
        padding-bottom: 30px;
    }

    /* .ra_newhazard-sno {
         height: 20px;
         width: 20px;
         font-size: 13px;
         top: 65px;
         right: 215px;
    }
     */
    .n_image_outcircle {
        width: 90px;
        height: 90px;
        padding: 8px;
    }

    /* .inner-img-width {
         width:55px;
         margin-left: 8px;
    }
     */
    /* .n_image_innergap {
         padding-top: 9px;
    }
     */
    .assessment_date_heading {
        padding: 5px 15px;
    }

    .project_img_main_pho_heading {
        padding-left: 12px;
    }

    .project_img_sub_heading {
        padding-left: 5px;
    }

    .pro-ra-icon-margin {
        /* margin-top: -1px;
         */
    }

    .assessment_date_heading {
        font-size: 14px;
    }

    .padding-top-55 {
        padding-top: 60px;
    }

    /* .sd_text_margin{
        margin-top:0px;
    }
     */
    .sd_date_margin {
        /* margin-top:0px;
         */
    }

    .margin-bottom-25 {
        margin-bottom: 25px;
    }

    .hazard-right-bg {
        height: 510px;
    }

    .project_skip_padding {
        padding-bottom: 167px;
    }

    .skip-ra-right>a {
        padding: 18px 0;
    }

    .skip-ra-left>a {
        padding: 18px 0;
    }

    .project-detail-sec1 {
        max-height: 210px;
    }

    .project-detail-sec2 {
        max-height: 172px;
    }

    .stats-tbl-head-cell-wo-border>div {
        width: 500px;
    }

    .stats-tbl-head-cell>div {
        width: 264px;
    }

    .new-pro-date-icon {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url("../../../img/front/inner-page/dark_brown_cal_icon.png") no-repeat 98.5% !important;
        background: url("../../../img/front/inner-page/dark_brown_cal_icon.png") no-repeat calc(100% - 0px) !important;
        background-position: right;
    }

    .dateTopMar {
        margin-top: 5px;
    }

    .sd_text_margin {
        margin-top: 0px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .adt-action-btn {
        padding: 10px 50px;
    }

    .adt-action-btn-left {
        padding: 10px 30px;
    }

    .adt-section-name,
    .adt-que-num,
    .adt-que-block-div1 {
        font-size: 20px;
    }

    .adt-que-block-div2 {
        font-size: 18px;
    }

    .border-right-ra>img {
        width: 20px;
    }

    .risk-folder-row-show a {
        font-size: 12px;
        min-width: 70px;
    }

    .risk-single-folder>a>img {
        width: 20px;
    }

    .ra-arrow-bg>img {
        margin-top: -26px !important;
    }

    .ra-arrow-bg {
        min-width: 25px !important;
    }

    .ra-delete-icon>img {
        width: 20px;
    }

    .risk-folder-row-show {
        min-height: 64px;
    }

    .risk-folder-row {
        min-height: 66px;
    }

    .risk-folder-row:hover a {
        font-size: 12px;
        min-width: 70px;
    }

    .risk-folder-name {
        font-size: 14px;
        padding-top: 12px;
    }

    .risk-folder-icon {
        padding-top: 20px;
        width: 28px;
    }

    .top-row-padding {
        padding-top: 5px !important;
    }

    .all-folder-block a>span {
        padding-left: 0px;
        font-size: 12px;
    }

    .all-folder-sort {
        font-size: 12px;
    }

    .ra-arrow-bg {
        min-width: 16px !important;
    }

    .risk-hazard-edit {
        width: 100%;
    }

    .risk-tem-icon {
        padding-top: 18px;
        width: 32px;
    }

    .add-tem-btn>a {
        font-size: 11px;
        padding: 12px 6px !important;
    }

    .item-sort-list {
        font-size: 14px;
        padding-left: 30px;
    }

    .tem-drop-pad {
        padding-right: 0px;
    }

    .item-sort-list-tem {
        font-size: 12px;
    }

    .col-pad-right {
        padding-right: 0px;
    }

    .wrapper-dropdown-5.active .dropdown {
        right: 15px !important;
    }

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    .adt-action-btn {
        padding: 10px 40px;
    }

    .adt-action-btn-left {
        padding: 10px 30px;
    }

    .adt-section-name,
    .adt-que-num,
    .adt-que-block-div1 {
        font-size: 20px;
    }

    .adt-que-block-div2 {
        font-size: 18px;
    }

    .risk-hazard-edit {
        width: 100%;
    }

    .audit-page-title {
        font-size: 12px;
        padding-top: 11px;
    }

    .audit-back-link {
        font-size: 12px;
    }

    .risk-folder-row-show a {
        font-size: 10px;
        min-width: 40px;
    }

    .risk-single-folder>a>img {
        width: 18px;
    }

    .ra-arrow-bg>img {
        margin-top: -26px !important;
    }

    .ra-arrow-bg {
        min-width: 25px !important;
    }

    .ra-delete-icon>img {
        width: 20px;
    }

    .risk-folder-row-show {
        min-height: 62px;
    }

    .risk-folder-row:hover a {
        font-size: 10px;
        min-width: 40px;
    }

    .risk-folder-name {
        font-size: 12px;
        padding-top: 22px;
    }

    .risk-folder-icon {
        padding-top: 18px;
        width: 25px;
    }

    .risk-folder-row {
        min-height: 61px;
    }

    .all-folder-block a>span {
        padding-left: 0px;
        font-size: 12px;
    }

    .all-folder-sort {
        font-size: 12px;
    }

    .ra-arrow-bg {
        min-width: 16px !important;
    }

    .risk-tem-icon {
        padding-top: 18px;
        width: 32px;
    }

    .wrapper-dropdown-5 {
        margin-right: 0px;
    }

    .item-sort-list {
        font-size: 14px;
        padding-left: 30px;
    }

    .wrapper-dropdown-5.active .dropdown {
        right: 0px !important;
    }

    .tem-drop-pad {
        padding-right: 0px;
    }

    .item-sort-list-tem {
        font-size: 12px;
    }

    .col-pad-right {
        padding-right: 0px;
    }

    .hazard-add-control-btn>a {
        padding: 13px 12px;
        font-size: 11px;
    }

}

@media (max-width:1600px) {

    .project-key-medium>a,
    .project-key-medium.active>a {
        padding: 4px 0;
    }

    .project-key-medium .n_grid_key {
        background: url(../../../img/front/inner-page/star-black.png) center center no-repeat;
        background-position-y: center;
        background-size: auto auto;
        background-position-y: center;
        background-size: auto auto;
        background-size: 28px 28px;
        background-position-y: 12px;
    }

    .project-add-last .n_grid_add {
        background: url(../../../img/front/inner-page/add_pro_icon.png) center center no-repeat;
        background-position-y: center;
        background-size: auto auto;
        background-position-y: center;
        background-size: auto auto;
        background-size: 28px 28px;
        background-position-y: 12px;
    }

    .project-add-last>a,
    .project-add-last.active>a {
        padding: 4px 0;
    }

    .audit-followup-calendar .date-type-ans .pickmeup .pmu-instance nav {
        color: #eeeeee;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        line-height: 2.5em;
        padding: 4px 0;
        background-color: #0078d7;
    }

    /*.audit-followup-calendar .date-type-ans .pickmeup .pmu-instance .pmu-day-of-week *, .audit-followup-calendar .date-type-ans .pickmeup .pmu-instance .pmu-days  {
        display: inline-block;
        line-height: 1.5em;
        width: 14%;
        padding: 6px;
        border: none;
    }*/
    .padding-edit-btn {
        padding: 30px 20px 0px 20px;
    }

    .user-sec-main .profile-detail-section {
        padding: 50px 80px;
    }

    .profile-padding {
        padding-top: 50px;
    }

    .profile-content {
        padding-left: 85px;
    }

    .user-sec-main .risk-hazard-edit {
        padding: 0px 18px !important;
    }

    .user-sec-main .risk-hazard-edit option {
        padding: 0px 18px !important;
    }

    /* Stats Screen */
    .stats-section .sticky-table-outer table th:first-child {
        min-width: 500px;
    }

    .stats_sr_height.stats_sr_bg {
        padding: 12px 10px;
    }

    .container-project .risk-folder-box1 .risk-folder-name {
        padding-left: 10px;
    }

    .new_pro_bottom_bg .firefox-pdf-alert {
        font-size: 13px;
    }
}

@media (max-width:1440px) {
    .control_btn_text {
        padding: 0 5px;
        line-height: 39px;
    }

    .left-controls01 {
        width: 39px;
    }

    .right-controls01 {
        width: calc(100% - 39px);
    }

    .fav-hazard {
        position: absolute;
        right: -10px;
        top: 0px;
    }

    .fav-hazard img {
        width: 18px;
    }

    .hazard_rs_submsg {
        padding: 5px 20px 5px 20px;
        font-size: 14px;
    }

    .custom-radio label {
        font-size: 14px;
        line-height: 18px;
        padding-right: 28px;
    }

    .custom-radio label:after {
        width: 20px;
        height: 20px;
    }

    .custom-radio label:before {
        width: 14px;
        height: 14px;
        right: 3px;
        top: 3px;
    }

    /*.select-profile-grid {
         padding-top:5px;
         padding-bottom:5px 
    }
     .n_control-height-grid {
         height: 32px !important;
    }
    */
    .project-main-photo-frame {
        margin-top: 0px;
    }

    .container-frame-text {
        width: 70%;
    }

    .container-small-frame {
        width: 30%;
    }

    .project_img_main_pho_heading {
        font-size: 14px;
        padding-top: 1px;
        padding-left: 10px;
    }

    .support-photo-radio {
        width: 20px;
        height: 3px;
        top: 11px;
        right: 0;
    }

    .project-sub-photo-text {
        width: 48%;
        font-size: 14px;
        padding-top: 3px;
    }

    .project_img_sub_heading {
        font-size: 14px;
        padding-left: 0px;
    }

    li.init {
        height: 26px;
    }

    .hazard_rs_msg {
        padding: 13px 20px 13px 20px;
        font-size: 14px;
    }

    .custom-radio-outer {
        padding: 7px 20px 15px;
    }

    .hazard_rs_msg_bottom {
        font-size: 14px;
    }

    .hazard-countno .ra_newhazard-sno {
        height: 20px;
        width: 20px;
        font-size: 14px;
        bottom: -13px;
        right: -13px;
    }

    .skip-select-profile-grid {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .n_control-height-grid {
        height: 33px !important;
    }

    .project-key-medium {
        font-size: 14px;
    }

    .project-add-last {
        font-size: 14px;
    }

    .project-key-medium .n_grid_key {
        background-size: 20px 20px;
        background-position-y: 7px;
    }

    .project-add-last.active .n_grid_add {
        background-size: 20px 20px;
        background-position-y: 7px;
    }

    .project-key-medium>a,
    .project-key-medium.active>a {
        padding: 2px 0;
    }

    .project-add-last>a,
    .project-add-last.active>a {
        padding: 2px 0;
    }

    .n_lib-text {
        padding-top: 26px;
    }

    .project-add-last .n_grid_add {
        background-size: 20px 20px;
        background-position-y: 7px;
    }

    .new-pro-drop-icon {
        background: url("../../../img/front/inner-page/dark_brown_dd.png") no-repeat calc(100% - 0px) !important;
    }

    .new-pro-date-icon {
        background: url("../../../img/front/inner-page/dark_brown_cal_icon.png") no-repeat calc(100% - 0px) !important;
        background-color: #2a2a2a !important
    }

    .assessment_date_heading {
        font-size: 14px;
        padding: 3px 5px 3px 15px;
    }

    .new_project_dd {
        font-size: 14px;
        padding-left: 15px;
    }

    .n_dropdown {
        font-size: 14px;
    }

    .project_img_heading {
        font-size: 18px;
        padding-left: 20px;
    }

    .n_date_select_gap {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    ul.n_dropdown li:not(.init) {
        padding-left: 20px;
    }

    .limited_projname_other.skipscreen_padding {
        padding: 15px 20px;
    }

    .gridTemp {
        height: 498px;
    }

    .all-folder-block a>span {
        font-size: 14px;
    }

    .all-folder-sort {
        font-size: 14px;
    }

    .skip-hazard-name {
        margin-left: -30px;
    }

    .ra_project-icon {
        padding-bottom: 20px;
    }

    .ra_project_icon_width {
        width: 45px;
        padding-top: 30px;
    }

    li.selectOption {
        font-size: 14px;
    }

    .padding-edit-btn {
        padding: 20px 0 0;
    }

    .user-sec-main .profile-detail-section {
        padding: 40px 80px 30px;
    }

    .pro_frame_padding {
        padding: 10px 40px;
    }

    .my-photo-section .pro_phot_padding.photo-sec {
        padding: 15px 20px 15px 40px;
    }

    .modal-screen3.show-image-full {
        top: 0%;
    }

    .container-project-left.planner_bg {
        height: 42px;
    }

    .stats-section .col-lg-10.col-md-9.adu-sta-text {
        padding-left: 0px;
    }

    .all-folder-row .top-row-padding {
        padding-top: 9px;
    }

    .containerBox .container-project .input-group .input-inner-control.control-height {
        margin-top: -9px;
    }

    .pro_grid_title .select-profile-grid a {
        padding: 10px 10px;
        font-size: 14px;
    }
}

@media (max-width:1366px) {
    .select-profile-grid {
        padding-top: 5px;
        padding-bottom: 37px;
    }

    .n_control-height-grid {
        height: 33px !important;
    }

    .project_img_sub_heading {
        font-size: 14px;
        padding-left: 5px;
    }

    ul.n_dropdown li {
        padding: 5px 10px;
        z-index: 2;
    }

    .limited_projname_other.skipscreen_padding {
        padding: 10px 15px;
    }

    .project-key-medium>a,
    .project-key-medium.active>a {
        padding: 2px 0;
    }

    .project-add-last>a,
    .project-add-last.active>a {
        padding: 2px 0;
    }

    .skip-risk-folder-box1 .pro-icon-padding {
        padding-left: 5px;
    }

    .group-right-color ul.n_dropdown li:not(.init) {
        padding-left: 15px;
    }

    .n_lib-text {
        padding-top: 22px;
    }

    .hazard_checking {
        font-size: 16px;
        padding: 12px;
        line-height: 20px;
    }

    .hazard_check-right {
        font-size: 16px;
        padding: 14px 0;
        line-height: 20px;
    }

    .groupright_gap .hazard_rs_msg_bottom {
        font-size: 14px;
    }

    .profile-border-bottom {
        border-bottom: none;
    }

    .user-sec-main .profile-assissment {
        padding: 1px 10px;
    }

    .user-sec-main .profile-ru-statement-heading {
        font-size: 12px;
        padding-left: 0px;
    }

    .user-sec-main .container-project-right .profile-right-logo {
        margin: 15px 0 !important;
    }

    .user-sec-main .ele-text {
        padding-top: 6px;
        padding-bottom: 5px;
        padding-left: 10px;
        font-size: 14px;
    }

    .user-sec-main .update-profile-right-inner .logo-btn-section .profile-change-logo-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 30px 7px;
    }

    .user-sec-main .risk-hazard-edit {
        height: 30px;
        padding-left: 18px !important;
    }

    .tbl-section .sticky-table-outer table td {
        width: 180px;
    }

    .all-folder-row .top-row-padding {
        padding-top: 9px;
    }

    .key-people .pronew-tbl-btn .user-sta-done {
        height: 30px;
    }

    .key-people .pronew-tbl-btn .user-sta-btn {
        height: 30px;
    }

    #folder-list .container-project-left .all-folder-block a+a {
        padding-left: 10px;
    }

    .access-per .ra-page-title {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .demo-box-div {
        margin: 10px auto;
    }

    .container-project-right .plan_project_title {
        padding: 10px;
    }

    .container-project-right .plan_project_det_title {
        padding: 9px 0px;
    }

    .pro-plan-upgrade-btn {
        min-width: 120px;
        padding: 5px 20px 6px;
    }

    .pro-plan-edit-btn {
        min-width: 120px;
        padding: 5px 20px 6px;
    }

    .vertical-plan-left-profile .plan-padding .user-plan-content .pro-plan-edit-btn {
        padding: 7px 10px 4px 10px;
    }

    .pro-view-row-left {
        width: 85%;
        font-size: 14px;
    }

    .pro-view-row-right {
        width: 15%;
        font-size: 13px;
    }

    .user-sec-main .pro-state-padding-right .modal-create-btn {
        min-width: 120px;
    }

    .audit-stat-right .status-bg-table .n_search_folder {
        padding: 13px 0;
    }

    .stats-section .col-lg-10.col-md-9.adu-sta-text {
        padding-left: 10px;
    }

    .planner_bg .planner-icon-width {
        margin-top: -2px;
    }

    .right-side-profile .profile-row-bg .col-lg-8.col-sm-7.col-md-8 {
        width: 50%;
    }

    .right-side-profile .profile-row-bg .col-lg-4.col-sm-5.col-md-4 {
        width: calc(100% - 50%);
    }

    .cal-small.single .pickmeup .pmu-instance .pmu-day-of-week *,
    .single.cal-small .pickmeup .pmu-instance .pmu-days * {
        line-height: .5em;
    }

    .single.cal-small .pickmeup .pmu-instance .pmu-day-of-week * {
        line-height: .8em;
    }

    .user-right .user-right-info-section {
        max-height: calc(100% - 68px);
    }

    .group-right .user-right-info-section {
        max-height: calc(100% - 68px);
    }

    .project-icon {
        padding-top: 10.5px;
    }

    .project-icon>span {
        padding-left: 15px;
        font-size: 18px;
    }

    .modal-deadline {
        margin-top: 10px;
    }

    .checkout-step1 .invoice-container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .cart-table table tr td {
        font-size: 14px;
        padding: 12px 10px;
    }

    .cart-table img {
        max-width: 80px;
    }

    #folder-list .all-folder-section .container-project-right.folder-right-side-bar .file-info {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cart-mini-toggle .slider:before {
        top: 3px;
        right: 4px;
    }

    .cart-table table tr td:first-child {
        width: 11%;
    }

    .cart-table table tr td:nth-child(2) {
        width: 18%;
    }

    .product-name .checkoutAssessmentName {
        width: 180px;
    }

    .cart-table table tr td:nth-child(3) {
        width: 20%;
    }

    .cart-table table tr td:nth-child(4) {
        width: 14%;
    }

    .cart-table table tr td:nth-child(5) {
        width: 21%;
    }

    .cart-table table tr td:nth-child(6) {
        width: 11%;
    }

    .cart-table table tr td:nth-child(7) {
        width: 5%;
    }

    .audit-action-row .firefox-pdf-alert,
    .adt-row-bg .firefox-pdf-alert {
        font-size: 13px;
    }

}

@media (max-width:1280px) {
    .user-sec-main .padding-edit-btn {
        padding: 15px 0px 0px 0px !important;
    }

    .user-sec-main .profile-detail-section .col-md-6.col-sm-12 .row.margin-zero {
        margin-bottom: 12px;
    }

    .user-sec-main .profile-detail-section .padding-edit-btn {
        padding-top: 25px !important;
    }

    .user-sec-main .container-project-right .profile-right-logo {
        margin: 5px 0 !important;
    }

    .plan-sub-text {
        font-size: 12px;
        padding: 5px 0px 5px 10px;
    }

    .pro-user-text {
        padding: 10px;
    }

    .user-sec-main .update-profile-right-inner .logo-btn-section .profile-change-logo-btn {
        font-size: 12px;
        line-height: 16px;
        padding: 5px 30px 7px;
    }

    .profile-padding {
        padding-top: 30px;
    }

    .user-sec-main .au-edit-tb {
        min-height: 28px;
        padding: 4px 20px;
    }

    .mgroup-section {
        height: 80px;
    }

    .profile-right-icon {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .user-sec-main .pro-sett-text1-padding {
        padding: 12px 25px 12px 20px;
    }

    .user-right-info-section {
        max-height: calc(100% - 90px);
    }

    #add-review-signature-content .r-upload-btn-wrapper .r-button {
        min-width: 130px;
        font-size: 14px;
    }

    #add-review-signature-content .que-body-top .r-btn {
        min-width: 130px;
        font-size: 14px;
    }

    .my-photo-section .pro_phot_padding.photo-sec {
        padding: 15px 32px 15px 40px;
    }

    .container-project-left .select-profile {
        margin-top: 6px;
    }

    .container-project-left .top-action-search {
        padding-top: 6px;
    }


    .container-project-left.planner_bg {
        height: 42px;
    }

    #notificationModal .vertical-alignment-helper .modal-dialog .modal-content {
        max-width: 650px;
    }

    .all-folder-row .top-row-padding {
        padding-top: 10px;
    }

    .cal-small.single .pickmeup .pmu-instance .pmu-day-of-week *,
    .single.cal-small .pickmeup .pmu-instance .pmu-days * {
        line-height: .5em;
    }

    .single.cal-small .pickmeup .pmu-instance .pmu-day-of-week * {
        line-height: .8em;
    }

    .vertical-plan-profile .profile-close-btn {
        font-size: 14px;
    }

}

@media (max-width:1024px) {
    .fav-hazard {
        position: absolute;
        right: -10px;
        top: 10px;
    }

    .fav-hazard img {
        width: 15px;
    }

    .hazard_rs_submsg {
        padding: 10px 20px 10px 20px;
        font-size: 14px;
    }

    .custom-radio label {
        font-size: 14px;
        line-height: 16px;
        padding-right: 25px;
    }

    .custom-radio label:after {
        width: 19px;
        height: 19px;
        border: 1px solid #ccc;
    }

    .custom-radio label:before {
        width: 13px;
        height: 13px;
        right: 3px;
        top: 3px;
    }

    .select-profile-grid {
        padding-top: 3px;
        padding-bottom: 3px
    }

    .n_control-height-grid {
        height: 32px !important;
    }

    .container-frame-text {
        width: 65%;
    }

    .container-small-frame {
        width: 35%;
    }

    .project_img_main_pho_heading {
        font-size: 12px;
        padding-top: 3px;
        padding-left: 7px;
    }

    .support-photo-radio {
        width: 20px;
        height: 3px;
        top: 11px;
        right: 0;
    }

    .project-sub-photo-text {
        width: 48%;
        font-size: 12px;
        padding-top: 3px;
    }

    .project_img_sub_heading {
        font-size: 12px;
    }

    li.init {
        height: 24px;
    }

    .pro-new-tbl-wo-border {
        width: 200px !important;
    }

    .profile-content {
        padding-left: 85px;
    }

    .checkout-step1 .invoice-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .pro-hazard-right-scroll .n_date_select_gap .hazard_rs_text {
        padding: 0;
    }

    .container-project.stats-section .library-list-div.select-profile {
        margin-top: 8px;
    }

    .main-container-project.all-folder-section .all-folder-row .add-new-folder-control {
        float: right;
        padding: 0;
    }

    .stat-actions .action-link-stat>a {
        width: 36px;
    }

    .stat-actions .action-link-stat>a img {
        width: 20px;
    }

    .container-project.stats-section .wrapper-dropdown-5.stat-action-dropdown {
        margin-right: 10px;
    }

}


@media (max-height:920px) {
    .main-container-project .project-nheight {
        height: 100px !important;
    }
}

@media (max-height:750px) {

    .main-container-project .project-nheight {
        height: 80px !important;
    }

}

@media (max-height:670px) {
    .main-container-project .pro_new_padding .form-group {
        margin-bottom: 0;
    }

    .main-container-project .project-nheight {
        height: 70px !important;
    }
}

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {

    .user-bg:hover,
    .user-bg.active {
        background-color: #0078d7;
    }

}

/* Portrait */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {

    .user-sec-main .profile-detail-section {
        padding: 40px 20px 30px;
    }

    .padding-edit-btn {
        padding: 20px 20px 0px 0;
    }

    .container-project.user-sec-main .profile-edit-btn,
    .container-project.user-sec-main .profile-edit-btn:hover,
    .container-project.user-sec-main .profile-edit-btn.active {
        max-width: 110px;
    }

    .form-control {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline: none !important;
    }

    .user-sec-main .table_user_heading {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .user-sec-main .container-project-right.right-side-profile .col-sm-7 {
        width: 120px;
    }

    .user-sec-main .container-project-right.right-side-profile .col-sm-5 {
        width: calc(100% - 120px);
    }

    .logo-btn-section {
        bottom: 0px;
    }

    .upgrade-btn-gape-bottom {
        padding-bottom: 10px;
    }

    tbody div.n_group_tbl_height {
        height: calc(100vh - 393px);
    }

    .pro-icon-margin {
        margin-top: -2px;
    }

    .profile-right-icon {
        padding-top: 200px;
        padding-bottom: 100px;
        padding-left: 15px;
    }

    .profile-content {
        padding-left: 30px;
    }

    .profile-new-email {
        padding-left: 30px;
    }

    .pro-cont-right1 {
        padding: 0;
        line-height: 32px;
    }

    .pro-con-left1 {
        line-height: 32px;
    }

    .pro-con-left2 {
        padding: 7px 0px 7px 20px;
    }

    .user-sec-main .pro-cont-right2 {
        padding: 7px 5px;

    }

    .pro-new-tbl-head-cell {
        padding-left: 20px !important;
    }

    .pronew-tbl-cell {
        padding-left: 20px !important;
    }

    .pro-new-tbl-wo-border {
        padding-left: 20px !important;
    }

    .au-edit-tb {
        font-size: 14px;
        padding: 5px 20px;
    }

    .risk-hazard-edit {
        height: 28px;
    }

    .user-sta-done {
        min-height: 28px;
    }

    .user-sta-btn {
        min-height: 28px;
    }

    .au-edit-tb {
        min-height: 28px;
    }

    .pro-table-scroll {
        height: calc(100vh - 420px);
    }

    .mgroup-section {
        height: 320px;
    }

    .user-sec-main .modal-create-btn {
        font-size: 13px;
        padding: 6px 5px;
        max-width: 120px;
    }

    .user-sec-main .modal-cancel-btn {
        font-size: 13px;
    }

    .user-sec-main .profile-detail-section .pro-cont-right2 {
        padding-left: 20px;
    }

    .user-sec-main .table.user-table>tbody>tr>td.pronew-tbl-cell,
    .table.user-table>tbody>tr>th,
    .table.user-table>tfoot>tr>td.pronew-tbl-cell,
    .table.user-table>tfoot>tr>th,
    .table.user-table>thead>tr>td.pronew-tbl-cell,
    .table.user-table>thead>tr>th {
        padding-left: 20px;
    }

    .stats-section .container-project-right .tab-content .paddig-sicon-text {
        height: calc(100vh - 452.36px);
    }

    .tbl-section .sticky-table-outer table td {
        width: 125px;
    }

    .stats-section .sticky-table-outer table th:first-child {
        min-width: 230px;
    }

    .container-project-right .nav-tab-change>li>a {
        padding: 15px 0px !important;
    }

    .stats-section .nav-tab-change>li {
        font-size: 13px;
    }

    .n_stats_report_padding {
        padding: 10px 15px;
    }

    .stats-section .container-project-right .email-report-form .row.stats_email_padding {
        padding: 15px;
    }


    .status-bg-table .stats_sr_bg {
        font-size: 12px;
        padding: 12px 10px;
    }

    .stats_sr_height.stats_sr_bg {
        padding: 12px 10px;
    }

    .stats_templete.stats_tempalte_view {
        padding: 8px 10px;
    }

    .my-photo-section .pro_phot_padding.photo-sec {
        padding: 15px 10px 15px 30px;
    }

    .ra_my_photo_scroll_left .pro_frame_padding {
        padding: 0px 30px 10px 30px;
    }

    .my-photo-section .container-small-frame .project-sub-photo-frame {
        margin: 0 10px 0 40px;
    }

    .project-left-bg.border-right-photo .new_pro_bottom_bg {
        padding-left: 45px;
        padding-right: 45px;
    }

    .key-people .pronew-tbl-btn .au-edit-tb {
        height: 32px;
        padding: 5px 20px;
    }

    #folder-list .container-project-left .all-folder-block a+a {
        padding-left: 18px;
    }

    .container-project .risk-folder-box1 .risk-folder-name {
        padding-left: 5px;
    }

    .select-profile {
        margin-top: 5px;
    }

    .top-actio-bar .library-list-div.tem-drop-pad {
        margin-top: 5px;
    }

    .top-action-search {
        padding-top: 5px;
    }

    #notificationModal .vertical-alignment-helper .modal-dialog .modal-content {
        max-width: 650px;
    }

    .pro-view-row-left {
        width: 78%;
    }

    .pro-view-row-right {
        width: 22%;
        font-size: 12px;
    }

    .all-folder-block.top-row-padding {
        padding-top: 11px !important;
    }

    .audit-question-section .add-new-hazard.add-tem-btn>a {
        padding: 12px;
    }

    .myprofile-heading>li>a {
        font-size: 13px;
        padding: 11px 0;
    }

    .multiselect-selected-text.limited-text-title {
        min-height: 24px !important;
        line-height: 28px;
    }

    #newTaskUser,
    #newTaskWatcher,
    #newTaskWatcherGroups,
    #selectedProject,
    #searchselectedUser {
        line-height: 28px !important;
    }

}


/* Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {


    .pro-grp-head-cell-left {
        width: 50%;
    }

    .profile-right-icon {
        padding-top: 200px;
        padding-bottom: 0px;

    }

    .form-control {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline: none !important;
    }

    .profile-new-email {
        padding-left: 85px;
    }


    .ele-text {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .groupsearchnot {
        font-size: 14px !important;
        height: 30px !important;
    }

    .profile-new-bg {
        background-color: #f2f2f2;
    }

    .pronew-tbl-cell-last {
        padding: 8px 20px !important;
    }

    .user-sec-main .ra-select-profile {
        padding-left: 30px !important;
    }

    .user-sec-main .pronew-tbl-btn .au-edit-tb {
        padding-left: 20px;
    }

    .user-sec-main .n_view_groups>a {
        padding-left: 8px;
    }

    .user-sec-main .edit-parent-row .pronew-tbl-btn .au-edit-tb {
        padding-left: 20px;
    }

    .stats-section .container-project-right .n_control-height {
        height: 42px !important;
    }

    .padding-risk-type_wb {
        padding: 14px 15px 14px 15px;
    }

    .padding-risk-type {
        padding: 15px;
    }

    .n_search_folder {
        padding: 17px 0;
    }

    .state-tabs>li>a {
        font-size: 15px;
    }

    .tbl-section .sticky-table-outer table td {
        width: 160px;
    }

    .stats_sr_height.stats_sr_bg {
        padding: 16px 10px;
    }

    .stats_templete.stats_tempalte_view {
        padding: 8px 10px;
    }

    .pro_frame_padding {
        padding: 10px 40px;
    }

    .key-people .pronew-tbl-btn .au-edit-tb {
        height: 32px;
        padding: 5px 20px;
    }

    .user-sec-main .risk-hazard-edit {
        height: 30px;
    }

    #folder-list .container-project-left .all-folder-block a+a {
        padding-left: 15px;
    }

    .container-project.top-actio-bar.access-per.left-block-border .container-project-left.col-lg-5 .ra-page-title span {
        padding-top: 2px;
    }

    .all-folder-block.top-row-padding {
        padding-top: 11px !important;
    }

    .audit-question-section .add-new-hazard.add-tem-btn>a {
        padding: 12px;
    }

    .edit-mode .risk-folder-box1 .risk-folder-name .risk-edit-control {
        font-size: 14px;
    }

    .multiselect-selected-text.limited-text-title {
        min-height: 24px !important;
        line-height: 28px;
    }

    #newTaskUser,
    #newTaskWatcher,
    #newTaskWatcherGroups,
    #selectedProject,
    #searchselectedUser {
        line-height: 28px !important;
    }

    .pro-icon-margin {
        margin-top: -6px;
    }

    .open-task1-bg-gape .open-info>.open-info1 .open-icon-margin {
        margin-top: -2px;
    }

    .stats-section .container-project-right .n_email_right {
        height: calc(100vh - 250px);
    }


    /* .cart-mini-toggle .slider:before { */
    /* top: 2px; */
    /* } */
    /* .cart-mini-toggle .slider.round{height:16px; border-radius:15px;} */
    /* .cart-mini-detail span { vertical-align: top;} */

    #folder-assessment-list .text-right .add-new-folder-control.hazard-add-new-control {
        padding-top: 0;
        padding-bottom: 0;
        float: right;
    }

    .container-project.user-sec-main .profile-edit-btn,
    .container-project.user-sec-main .profile-edit-btn:hover,
    .container-project.user-sec-main .profile-edit-btn.active {
        max-width: 120px;
    }

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .project-left-bg .dropableArea .task-box:first-child {
        padding-left: 20px;
    }

    .container-hazard.skip-next-container .additional-likli-bg .n_dropdown_top a.init_key_staff {
        white-space: nowrap;
        padding-left: 10px;
        padding-right: 24px;
        overflow: hidden;
        width: 100%;
        text-overflow: ellipsis;
    }
}

/* iPad Mini in landscape only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

    .user-sec-main .profile-detail-section {
        padding: 40px;
    }

    .padding-edit-btn {
        padding: 20px 20px 0px 0px;
    }

    .profile-edit-btn {
        max-width: 100px;
        font-size: 14px;
        padding: 5px 10px;
    }

    .upgrade-btn-gape-bottom {
        padding-bottom: 10px;
    }

    .form-control {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline: none !important;
    }

    tbody div.n_group_tbl_height {
        height: calc(100vh - 410px);
    }

    .profile-content {
        padding-left: 40px;
    }

    .user-sec-main .profile-detail-section .pro-cont-right2 {
        padding-left: 20px;
    }

    .user-sec-main .profile-edit-btn {
        max-width: 100px;
    }

    .user-sec-main .profile-assissment {
        font-weight: 400;
    }

    .user-sec-main .edit-parent-row .pronew-tbl-btn .au-edit-tb {
        font-size: 14px;
    }

    .stats-section .container-project-right .status-bg-table.active .right-hazard-list {
        top: 44px;
        max-height: calc(100% - 44px);
    }

    .stats-section .container-project-right .email-report-form .row.stats_email_padding {
        padding: 15px;
    }

    .stats-section .right-hazard-list .stats_hazard1 a.hazard-row-show .n_hazard_sub {
        font-size: 12px;
        height: 75px;
        line-height: 16px;
    }

    .nav-tab-change .nav-tab-change>li {
        font-size: 12px;
    }

    .nav-tab-change .nav-tab-change>li>a {
        padding: 10px 0px;
    }

    .n_folder-right-side-bar .n_search_folder {
        padding: 12px 0;
        font-size: 14px;
    }

    .ra_my_photo_scroll_left .pro_frame_padding {
        padding: 0px 10px 10px 5px;
    }

    .my-photo-section .container-small-frame .project-sub-photo-frame {
        margin: 0 10px 0 15px;
    }

    .project-left-bg.border-right-photo .new_pro_bottom_bg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .my-photo-section .pro_phot_padding.photo-sec {
        padding: 15px 15px 15px 5px;
    }

    .my-photo-section .container-frame .container-small-frame {
        width: 255px;
    }

    .my-photo-section .container-frame .container-frame-text {
        width: calc(100% - 255px);
    }

    .container-project .risk-folder-box1 .risk-folder-name {
        padding-left: 5px;
    }

    #folder-list .container-project-left .all-folder-block a+a {
        padding-left: 8px;
    }

    .top-action-search {
        padding-top: 7px;
    }

    .container-project.top-actio-bar .container-project-left .col-lg-4.ra-page-title {
        padding-top: 10px;
    }

    .planner_bg .planner-img-text .col-lg-2 {
        width: 40px;
    }

    .planner_bg .planner-img-text .col-lg-10 {
        width: calc(100% - 40px);
    }

    #notificationModal .vertical-alignment-helper .modal-dialog .modal-content {
        max-width: 650px;
    }

    .pro-view-row-left {
        width: 80%;
    }

    .pro-view-row-right {
        width: 20%;
        font-size: 12px;
    }

    #addReviewSreen .que-body-top .r-btn {
        padding: 7px 15px 5px;
        font-size: 13px;
    }

    #addReviewSreen .r-upload-btn-wrapper .r-button {
        padding: 7px 15px 5px;
        font-size: 13px;
    }

    .plus_round_padding {
        padding-top: 12px;
    }

    .limited-text-tenline {
        padding-right: 10px !important;
    }

    .checkout-cart-outer {
        height: calc(100vh - 420px);
    }

    .cart-table img {
        max-width: 65px;
    }

    .invice-main-container .invice-right-container .checkout-btn-outer .custom-btn,
    .view-order-specific.checkout-specific .invice-main-container .invice-right-container .checkout-btn-outer .custom-btn {
        font-size: 14px;
        height: 35px;
        line-height: 35px;
    }

    .product-name .checkoutAssessmentName {
        width: 160px;
    }

    .cart-table tr td.product-name span {
        padding-left: 0px;
    }

    .cart-mini-toggle input:checked+.slider:before {
        -webkit-transform: translateX(16px);
        -ms-transform: translateX(16px);
        transform: translateX(16px);
    }

    .cart-mini-toggle .slider:before {
        top: 2px;
    }

    .pro-new-tbl-row.user-row .pronew-tbl-cell {
        padding: 8px 10px !important;
    }

    tbody div.n_group_tbl_height {
        height: calc(100vh - 430px);
    }
}


/* iPad Mini in portrait only  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


    .profile-content-ipad {
        padding-left: 0px;
    }

    .padding-edit-btn {
        padding: 20px 20px 0px 0px;
    }

    .user-sec-main .profile-detail-section {
        padding: 40px 40px 30px;
    }

    .upgrade-btn-gape-bottom {
        padding-bottom: 10px;
    }

    .profile-padding {
        padding-top: 30px;
    }

    .form-control {
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        outline: none !important;
    }

    .profile-content-ipad {
        padding-left: 15px;
    }

    .profile-content-ipad.pro-content-space-remove {
        padding-left: 0px;
    }

    .my-pro-form {
        height: 26px;
    }

    .user-sec-main .table_user_heading {
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .pro-sett-text1-padding .profile-ru-sta-padding .col-sm-4 {
        width: 240px !important;
    }

    .pro-sett-text1-padding .profile-ru-sta-padding .col-sm-8 {
        width: calc(100% - 240px) !important;
    }

    .pronew-tbl-cell-last {
        padding: 8px 20px !important;
    }

    .user-sec-main .container-project-left .profile-ru-sta-padding .profile-ru-statement-heading {
        font-size: 13px;
    }

    .user-table .pronew-tbl-cell {
        width: 16% !important;
    }

    tbody div.n_group_tbl_height {
        height: calc(100vh - 395px);
    }

    .profile-right-icon {
        padding-top: 180px;
        padding-bottom: 100px;

    }

    .profile-content {
        padding-left: 40px;
    }

    .pro-new-tbl-head-cell {
        padding-left: 20px !important;
    }

    .pronew-tbl-cell {
        padding-left: 20px !important;
    }

    .pro-new-tbl-wo-border {
        padding-left: 20px !important;
    }

    .user-sec-main .profile-edit-btn {
        max-width: 120px;
    }

    .stats-section .nav-tab-change>li {
        font-size: 12px;
    }

    .stats-section .nav-tab-change>li>a {
        padding: 10px 0px;
    }

    .n_folder-right-side-bar .n_search_folder {
        padding: 12px 0;
        font-size: 14px;
    }

    .stats-section .container-project-right .tab-content .n_folder-right-side-bar {
        height: auto;
    }

    .stats-section .container-project-right .email-report-form .row.stats_email_padding {
        padding: 10px;
    }

    /* checking */


    .stats-section .right-hazard-list .stats_hazard1 a.hazard-row-show .n_hazard_sub {
        font-size: 12px;
        height: 70px;
        line-height: 16px;
    }

    .ra_my_photo_scroll_left .pro_frame_padding {
        padding: 0px 10px 10px 5px;
    }

    .my-photo-section .container-small-frame .project-sub-photo-frame {
        margin: 0 10px 0 15px;
    }

    .project-left-bg.border-right-photo .new_pro_bottom_bg {
        padding-left: 20px;
        padding-right: 20px;
    }

    .my-photo-section .pro_phot_padding.photo-sec {
        padding: 15px 15px 15px 5px;
    }



    .key-people .pronew-tbl-btn .au-edit-tb {
        height: 30px !important;
    }

    .key-people .pronew-tbl-btn .user-sta-done {
        height: 30px;
        font-size: 12px;
    }

    .container-project .risk-folder-box1 .risk-folder-name {
        padding-left: 5px;
    }

    #folder-list .container-project-left .all-folder-block a+a {
        padding-left: 8px;
    }

    .container-project.top-actio-bar .container-project-left .col-lg-4.ra-page-title {
        padding-top: 10px;
    }

    .planner_bg .planner-img-text .col-lg-2 {
        width: 40px;
    }

    .planner_bg .planner-img-text .col-lg-10 {
        width: calc(100% - 40px);
    }

    #notificationModal .vertical-alignment-helper .modal-dialog .modal-content {
        max-width: 600px;
    }

    .state-tabs>li>a {
        padding: 14.5px 15px;
    }

    .groupserach-text {
        padding-right: 10px;
    }

    .not-user-text {
        font-size: 14px;
    }

    .yes-user-text {
        font-size: 14px;
    }

    .dropdown-control-modal1 {
        background: url("../../../img/front/inner-page/dropdown-icon-small.png") no-repeat calc(100%) !important;
    }

    .modal-create-btn {
        min-width: 120px;
    }

    .modal-cancel-btn {
        min-width: 120px;
    }

    #searchBox .modal-body.modal2-content {
        padding: 15px 9px;
    }

    .pro-icon-margin {
        margin-top: 4px;
    }

    .limited-text-tenline {
        padding-right: 10px !important;
    }

    .cart-table img {
        max-width: 40px;
    }

    .cart-table table tr td:first-child {
        width: 11%;
    }

    .cart-table table tr td:nth-child(2) {
        width: 25%;
    }

    .cart-table table tr td:nth-child(3) {
        width: 18%;
    }

    .cart-table table tr td:nth-child(4) {
        width: 14%;
    }

    .cart-table table tr td:nth-child(5) {
        width: 24%;
    }

    .cart-table table tr td:nth-child(6) {
        width: 5%;
    }

    .cart-table tr td.product-name {
        font-size: 13px;
        line-height: 18px;
    }

    .cart-table tr td.product-name span {
        font-size: 12px;
        line-height: 14px;
    }

    .cart-table table tr td.fol-loc-font {
        font-size: 13px;
    }

    .cart-mini-detail span {
        font-size: 12px;
    }

    .cart-table table tr td.total {
        font-size: 13px;
    }

    .invice-main-container .poster-block .custom-btn {
        min-width: 110px;
        margin-top: 4px;
        padding: 0 6px 2px;
        font-size: 11px;
        line-height: 16px;
    }

    .invice-main-container .invice-right-container .checkout-btn-outer .custom-btn,
    .view-order-specific.checkout-specific .invice-main-container .invice-right-container .checkout-btn-outer .custom-btn {
        font-size: 13px;
        height: 35px;
        line-height: 35px;
        padding: 0 10px 3px;
    }

    .product-name .checkoutAssessmentName {
        width: 125px;
    }

    .cart-table table tr td {
        padding: 10px 8px;
    }

    .cart-mini-toggle .slider:before {
        top: 2px;
        height: 12px;
        width: 12px;
    }

    .new_pro_bottom_bg .firefox-pdf-alert {
        font-size: 12px;
    }

    .stats_templete.stats_tempalte_view .col-lg-10.col-md-10.col-sm-8 {
        width: calc(100% - 40px);
    }

    .stats_templete.stats_tempalte_view .col-lg-1.col-md-1.col-sm-2 {
        width: 20px;
    }

    .pro-new-tbl-row.user-row .pronew-tbl-cell {
        padding: 8px 10px !important;
    }

    .action-links-main .right-action-links .add-to-caart-switch .switch .slider:before {
        top: 2px;
    }


}

@media (max-width : 768px) {

    .user-sec-main .container-project-left .pro-view-row-left {
        width: 75%;
    }

    .user-sec-main .container-project-left .pro-view-row-right {
        width: 25%;
    }

    .user-sec-main .pro-view-row-right .n_view_groups>a {
        padding-left: 10px;
    }

    .n_folder-right-side-bar .n_search_folder {
        font-size: 10px;
    }

}