@font-face {
    font-family:'GoodTimesRg';
    src: url('../common/fonts/GoodTimesRg-Regular.eot');
    src: url('../common/fonts/GoodTimesRg-Regular.eot?#iefix') format('embedded-opentype'),
        url('../common/fonts/GoodTimesRg-Regular.woff2') format('woff2'),
        url('../common/fonts/GoodTimesRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";

*{box-sizing:border-box; margin:0px;padding:0px; }

article, aside, footer, header, nav, section, figcaption, figure, main {  display: block; } 

ul li{list-style:none;}

a{text-decoration:none;  }

.clr{clear:both;}

input, textarea, select{ border:0px none; background:none; outline:none; font-family: 'Lato', sans-serif; font-weight:400; -webkit-appearance: none; -moz-appearance: none;  }

img{ outline:none; max-width:100%; height:auto; border:0px none; display:block; }

h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal; }

input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; cursor:pointer;}

textarea{ resize:none; overflow:auto; }

:focus{ outline:none;}

.clearfix:after{content:""; display:block; clear:both; height:0px; visibility:hidden;}

.clearfix{ display:block; zoom:1; }

html { position:relative; width:100%; height:100%; }

body{width:100%;  font-size:16px; font-family: 'Lato', sans-serif; color:#4f5764; -webkit-font-smoothing: antialiased; position:relative; font-weight:400; overflow-x:hidden; background:#fff; -webkit-tap-highlight-color: transparent; } 

.hidden, body.hidden{ overflow:hidden; }







/***************headers style start common*******************/



.header{ width:100%; z-index:224;  position:fixed; left:0px; top:0px; background:#34302d; box-shadow:0px 0px 6px rgba(0,0,0,0.09); }

.header_inner{ width:100%; display:table; table-layout:fixed; padding-left:50px; transition:all .175s ease;-moz-transition:all .175s ease;-ms-transition:all .175s ease;-o-transition:all .175s ease;-webkit-transition:all .175s ease; }

.open_left_menu .header_inner{ padding-left:225px;}


.headerRight{ width:100%; display:table; table-layout:fixed; float:right; padding:10px 0px 10px 18px;   background:#34302d;  }

.header_left{ width:auto; display:table-cell; vertical-align:middle; }

.process_main{ width:100%; display:table; table-layout:fixed; }

.process_left{ width:44px; display:table-cell; vertical-align:middle; }

.process_left a{ max-width:22px; display:block; transition:all 0.175s ease; }

.process_left a:hover{ opacity:0.8; }
.process_left a img{ max-width:none; width:100%; height:auto; display:block; }

.process_right{ width:auto; display:table-cell; vertical-align:middle; }

.process_nav{ width:100%; }

.process_nav ul{ font-size:0px; margin:0px 0px; border-radius:0px 3px 3px 0px; overflow:hidden; }

.process_nav ul li{ width:14.28%; display:inline-block; vertical-align:middle; font-size:14px; padding:0px 1px 0px 0px; max-width:122px; }

.process_nav ul li a{ font-size: 12px; line-height:20px; font-weight: 400; color: #383838; display:block; transition:all 0.175s ease-in-out; padding:4px 6px; background-color:#fff; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; position:relative; }

.process_nav ul li a i{ font-size:18px; font-style:normal; display:inline-block; vertical-align:top; color:#e7e6e6; padding-right:10px; transition:all 0.175s ease-in-out; font-weight:bold; float:left;  }
.process_nav ul li a span{ vertical-align:top; transition:all 0.175s ease-in-out; padding-bottom:1px;   }

.process_nav ul li a:hover, .process_nav ul li a.active{ background:#36a7c4; color:#fff; }
.process_nav ul li a:hover i, .process_nav ul li a.active i{ color:#fff; }

.process_nav ul li a.process_done i{ opacity:0; visibility:hidden; transition:all 0.175s ease-in-out;  }

.process_nav ul li a.process_done:after{ width:18px; height:100%; content:""; background:url(../../images/process_done.png) no-repeat center center; background-size:16px auto; position:absolute; left:4px; top:0px;  transition:all 0.175s ease-in-out;  }

.process_nav ul li a.process_done{   background-color:#8ac53e; color:#fff; }

.header_right{ width:38%; display:table-cell; vertical-align:middle; padding-left:10px; padding-right:10px; }

.headerRight_inner{ width:100%; display:table; table-layout:fixed; }

.designHome_btn{ width:auto; display:table-cell; vertical-align:middle; text-align:right; }

.designHome_btn a{ white-space: nowrap; font-size:11px; line-height:1.2em; display:inline-block; text-align:center; color:#fff; background:#8ac53e;  padding:5px 6px 6px 6px; transition:all 0.175s ease-in-out; border-radius:4px /*border-radius:4px;*/  /*border:1px solid #e8ebf2;*/    }

.designHome_btn a:hover{ background:#36a7c4; }

.user_profile{ width:30px; display:table-cell; vertical-align:middle; position:relative; z-index:223; }

.alert_notification{ position:relative; }
.header_dropdown_show:after{ width:100%; height:100%; content:""; background:#fff; position:absolute; left:-10px; top:-10px; padding:10px; box-sizing:content-box !important; z-index:2;}
.alert_notification a{ position:relative; z-index:3; }

.user_profile a{ width:30px; height:30px; display:block; border-radius:50%; overflow:hidden; margin:auto; position:relative; z-index:3; }
.user_profile a img{ width:100%; height:100%; display:block; }

.headerRight_float{ width:100%; float:right; }

.setting_related{ width:142px; display:table-cell; vertical-align:middle; }

.setting_related ul{ font-size:0px; margin:0px 12px; text-align:center; }

.setting_related ul li{ display:inline-block; vertical-align:middle; font-size:14px; padding:0px 12px 0px 12px; }

.setting_related ul li a{  display:block; transition:all 0.175s ease-in-out; margin:auto; }

.setting_related ul li a img{ max-width:none; display:block; width:100%; height:auto; }

.user_dropdown{ width:25px; display:table-cell; vertical-align:middle; }

.headerNav_icons{  width:22px; height:19px; }
.notification_icon{ background:url(../../images/notification_icon.png) no-repeat center center; background-size:15px auto; height:20px !important;   }

.setting_icon{ background:url(../../images/setting_icon.png) no-repeat center center; background-size:18px auto;  }
.help_icon{ background:url(../../images/help_icon.png) no-repeat center center; background-size:18px auto;  }

.header_dropdown_show .notification_icon{ width:18px; height:18px; background:url(../../images/notification_icon_active.png) no-repeat center center; background-size:15px auto;  }
.alert_notification.header_dropdown_show:after{ padding:16px; top:-16px; left:-16px; }
.alert_notification .notification_popup_main{ margin-top:16px; }

.user_dropdown a{ font-size:14px; line-height:1em; color:#fff; display:block; text-align:center;  transition:all 0.175s ease-in-out; }

.user_dropdown a:hover{ color:#8ac53e; }



.headerLeftBar{ width:100%; padding:4px 15px; max-width:50px; float:left; position:absolute; left:0px; top:0px; transition:all .175s ease;-moz-transition:all .175s ease;-ms-transition:all .175s ease;-o-transition:all .175s ease;-webkit-transition:all .175s ease; overflow:hidden; z-index:2; }

.open_left_menu .headerLeftBar{  max-width:250px; }

.leftBar_logo{ width:100%; padding-left:35px; min-width:170px; }

.leftBar_logo a{ max-width:160px; display:block; }

.leftBar_logo a img{ max-width:none; width:100%; height:auto; display:block; border-radius:5px; }

.menu_toggle{ width:18px; position:absolute; left:15px; top:16px;  }

.menu_toggle a{ height:16px; width:100%; background:url(../../images/p2_menuIcon.png) no-repeat center center; background-size:100% auto; display:block; transition:all 0.175s ease-in-out; }

.menu_toggle a:hover{ color:#8ac53e; }



.mob_home_icons{ position:absolute; right:0px; top:0px; padding:10px 15px; z-index:2; display:none; }
.mob_home_icons ul{ float:right; }
.mob_home_icons ul li{ float:left; padding-left:28px; }
.mob_home_icons ul li:first-child{ padding-left:0px; }
.mob_home_icons ul li a{ display:block; width:18px; height:auto; color:#34302d; }
.mob_home_icons ul li a.identification_icon{ width:18px; }
.mob_menuIcon{ margin-top:2px; }










.has_notification{ position:relative; }

.notification_popup_main{ width:500px; background:#fff; box-shadow:0px 7px 14px rgba(0,0,0,0.20); position:fixed; right:0px; top:34px; margin-top:10px; z-index:1; display:none; }


.header_dropdown_show .notification_popup_main{ display:block; }
.notification_popup{ width:100%; }

.notification_header{ width:100%; padding:10px 35px 9px 10px; border-bottom:1px solid #eceef4; background-color:#fbfbfc;  position:relative; }

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

.notification_heading{ width:100%; text-align:left; }

.notification_heading h5{ font-size:14px; line-height:1.5em; color:#1d1d1d; font-weight:700; }

.notification_header_right{ width:50%; float:right; text-align:right; padding-right:10px; }

.notification_header_right .dismiss_text, .dismiss_text{ font-size:14px !important; line-height:1.5em; color:#36a7c4!important; display:inline-block !important; font-weight:400; max-width:none !important; transition:all 0.175s ease-in-out; width:auto !important; }

.dismiss_goBtn{ margin-right:10px !important;}

.dismiss_text:hover{ color:#8ac53e; }

.notification_close{ width:15px; height:15px; border:1px solid #9a9a9a; background:url(../../images/popup_close.png) no-repeat center center; background-size:8px auto; background-color:#fff; transition:all 0.175s ease-in-out; position:absolute; right:10px; top:50%; margin-top:-7px; cursor:pointer; }

.notification_close:hover{ background:url(../../images/popup_close_white.png) no-repeat center center; background-size:8px auto; background-color:#8ac53e; border-color:#8ac53e; }

.notification_content{ width:100%; }

.notification_list{ width:100%; padding-bottom:76px;  }

.notification_list ul{ float:none; margin:0px !important; }
.notification_list ul li{ width:100% !important; background:#fafbfc; padding:15px !important; }
.notification_list ul li:first-child{ display:block !important; }
.notification_list ul li:nth-child(even){ background:#fff; }

.notification_detail{ width:100%; padding-left:30px; text-align:left; } 

.notification_detailTop{ width:100%; position:relative; padding-bottom:10px; }

.notification_detail_img{ width:auto; max-width:none !important; position:absolute; left:-30px; top:8px; border:1px solid #111111; border-radius:50%; padding:2px;  }

.notification_detail_img span{ display:block; line-height:18px; min-width:18px; text-align:center; font-size:12px; text-transform:uppercase; font-weight:400; color:#111111; }

.notification_detail_img img{ max-width:none; width:100%; display:block; height:auto; }

.notification_left{ width:55% !important; float:left; }

.notification_right{ width:45% !important; float:right; text-align:right; }

.notification_text{ width:100%;/* max-height:92px; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch;*/  }

.notification_text span, .notification_text p{ font-size:14px !important; line-height:1.5em; color:#1d1d1d; display:block; font-weight:400; }
.notification_text span a{ color: #36a7c4!important; }
.notification_text span .notifTooltip_mainText{ display:block;  overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-style:normal; }

.notification_text span { position:relative; }

.notifTooltip{  z-index:224; position: absolute; bottom: 100%; margin-bottom:10px; left: -38px; background: #000; color: #fff; text-indent: 0px; font-size: 12px;   padding: 10px 10px; border-radius: 5px; min-width:150px; margin-left: 15px; border: 1px solid #000;   font-style:normal; opacity:0; visibility:hidden; line-height:1.5em;  }

.notifTooltip em{ font-style:normal; }

.notifTooltip:after { content: ''; width: 0px; height: 0px; position: absolute; left:27px; top: 100%; border-left: 1px solid transparent; border-right: 7px solid transparent; border-top: 11px solid #000; }

.notification_text span.active:hover .notifTooltip, .notifTooltip_parent:hover .notifTooltip{  visibility:visible; opacity:1; z-index:224;  }


.notification_text .notifTooltip{ bottom:initial; top:100%; margin-bottom:0px; margin-top:15px;  }
.notification_text .notifTooltip:after{ bottom:100%; top:initial; left:90%;  border-top: 11px solid transparent;  border-bottom: 11px solid #000; }



.notification_text p{ font-size:14px !important; word-break: break-all; }
 .notification_text small{ font-size:14px !important; line-height:1.5em; color:#86c433; display:block; font-weight:400;  }
 
 .notification_dateTime{ position:relative; }
 .notification_dateTime .notifTooltip_parent{ display:inline-block; }
  .notification_dateTime .notifTooltip{ left:inherit; right:0px; top:12px; min-width:106px; }
 
.notification_right{ padding-left:12px; text-align:right; }
/*.notification_text small{ width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }*/

.notification_text p strong{ font-weight:700; }

.notification_scroll{ overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch;  }

.notification_scroll .mCSB_inside > .mCSB_container{ margin:0px;  }
.notification_content .mCSB_container{ width:100% !important; }
.notification_scroll .mCSB_container_wrapper > .mCSB_container{ padding:0px; }
.notification_scroll .mCSB_container_wrapper{ margin:0px !important; }

.profile_popup{ width:260px; background:#fff; box-shadow:0px 0px 14px rgba(0,0,0,0.20); position:absolute; right:-10px; top:100%; margin-top:10px; z-index:1; display:none; }

.header_dropdown_show .profile_popup{ display:block;}

.profile_popup_user{ width:100%; text-align:left; font-size:0px; }

.profile_popup_user a{ width:36px; height:36px; display:inline-block; vertical-align:middle; margin:0px; }

.profile_popup_user span{ display:inline-block; vertical-align:middle; padding-left:15px; font-size:14px; line-height:1.5em; color:#1d1d1d; }

.profile_popup_detail{ width:100%; padding:20px 10px; border-bottom:1px solid #f0f1f6; }

.profile_popup_detail ul li{ padding-bottom:10px; }
.profile_popup_detail ul li:last-child{ padding-bottom:0px; }

.profile_popup_text{ width:100%; }

.profile_popup_text a{ width:auto; height:auto; border-radius:0px; display:block; font-size:0px; transition:all 0.3s ease-in-out; }

.profile_popup_text a i{ max-width:16px;  display:inline-block; vertical-align:middle; }

.profile_popup_text a i img{ max-width:none; width:100%; display:block; height:auto; }

.profile_popup_text a span{ font-size:14px; line-height:1.2em; color:#1d1d1d; padding-left:12px; font-weight:400; display:inline-block; vertical-align:middle; transition:all 0.175s ease-in-out; }

.profile_popup_text a:hover span, .profile_signOut a:hover{ color:#86c433; }

.notification_footer{ width:100%; background:#fbfbfc; padding:10px 13px; }

.profile_signOut{ width:100%; }

.profile_signOut a{ font-size:14px; line-height:1.5em; color:#36a7c4; font-weight:400; display:inline-block; padding-left:28px; background:url(../../images/sign_out.png) no-repeat left center; background-size:14px auto; transition:all 0.175s ease-in-out; width:auto; height:auto; border-radius:0px; overflow: inherit; }

.mCSB_scrollTools.mCSB_scrollTools_vertical{ margin-right:-6px; }
.mCSB_scrollTools.mCSB_scrollTools_horizontal{ margin-bottom:-6px; }
.auditContent_scroll .mCSB_container_wrapper > .mCSB_container{ padding:0px !important; }


/***************headers style end common*******************/

/***********task header style*********/


.navMenu_task{ width:100%; }

.navMenu_task ul li{ float:left; padding-right:30px;  }
.navMenu_task ul li:last-child{ padding-right:0px;}

.navMenu_task ul li a{ font-size:13px; line-height:1.5em; display:block; padding-left:22px;  background-size:12px auto !important; color:#fff; font-weight:400;   transition:all 0.100s ease; }

.navMenu_task ul li a:hover, .navMenu_task ul li a.active{ color:#8cc63e;}

.navMenu_task ul li a.task_menuLink_Tasks{ background:url(../../images/p2_menuIcon1.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Entity{ background:url(../../images/p2_menuIcon2.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Dashboard{ background:url(../../images/p2_menuIcon3.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Report{ background:url(../../images/p2_menuIcon4.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_ProcessMap{ background:url(../../images/p2_menuIcon5.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Design{ background:url(../../images/p2_menuIcon6.png) no-repeat left center; }


.navMenu_task ul li a.task_menuLink_Tasks:hover, .navMenu_task ul li a.task_menuLink_Tasks.active{ background:url(../../images/p2_menuIcon_active1.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Entity:hover, .navMenu_task ul li a.task_menuLink_Entity.active{ background:url(../../images/p2_menuIcon_active2.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Dashboard:hover, .navMenu_task ul li a.task_menuLink_Dashboard.active{ background:url(../../images/p2_menuIcon_active3.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Report:hover, .navMenu_task ul li a.task_menuLink_Report.active{ background:url(../../images/p2_menuIcon_active4.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_ProcessMap:hover, .navMenu_task ul li a.task_menuLink_ProcessMap.active{ background:url(../../images/p2_menuIcon_active5.png) no-repeat left center; }
.navMenu_task ul li a.task_menuLink_Design:hover, .navMenu_task ul li a.task_menuLink_Design.active{ background:url(../../images/p2_menuIcon_active6.png) no-repeat left center; }


.task_header{ background: #34302d;}

.task_header .menu_toggle a{ background:url(../../images/p2_menuIcon.png) no-repeat center center;  background-size:100% auto; }
.task_header .setting_related{ width:auto; }
.task_header .setting_related ul{ text-align:right; }



/***********task header style end*********/


/***********step header style start*********/

.steps_header .headerRight{ position:relative; }

.navMenu_steps{ width:100%; }

.navMenu_steps ul li{ float:left; padding-right:30px;  }
.navMenu_steps ul li:last-child{ padding-right:0px;}

.navMenu_steps ul li a{ font-size:13px; line-height:1.5em; display:block; padding-left:22px;  background-size:12px auto !important; color:#fff; font-weight:400;   transition:all 0.100s ease; }

.navMenu_steps ul li a:hover, .navMenu_steps ul li a.active{ color:#8cc63e;}

.steps_header{ background: #34302d;}

.steps_header .menu_toggle a{ background:url(../../images/p2_menuIcon.png) no-repeat center center;  background-size:100% auto; }
.steps_header .setting_related{ width:auto; }
.steps_header .setting_related ul{ text-align:right; }

.leftBar_number_label{ width:18px; height:18px; border-radius:4px; border:1px solid #c8c8c8; text-align:center; line-height:16px; color:#383838; font-size:10px; display:block; position:absolute; right:10px; top:12px; transition: all 0.175s ease-in-out; }


.steps_leftBar .leftBar_menu ul li a{ padding-right:10px; }
.leftBar_menu ul li a:hover .leftBar_number_label{ opacity:0.6;}
 .leftBar_menu ul li a.active .leftBar_number_label{ color:#fff; background:#8ac53e; border-color:#8ac53e; opacity:1; }

.steps_leftBar .leftBar_detail{ background:#34302d; }
.steps_leftBar .leftBar_menu{ padding: 10px 15px 15px 0px;   }
.steps_leftBar .leftBar_menu ul li{ padding:0px;}
.steps_leftBar .leftBar_menu ul li a{ padding:10px 22px 10px 15px;  }
.steps_leftBar .leftBar_menu ul li a span{ color:#fff;}
.steps_leftBar .leftBar_menu ul li ul{  padding:6px 0px 6px 18px; -webkit-transition:all 0.175s ease; -moz-transition:all 0.175s ease; -o-transition:all 0.175s ease; -ms-transition:all 0.175s ease; transition:all 0.175s ease; display:none; }
.steps_leftBar .leftBar_menu ul li ul li a { padding:8px 0px 8px 15px;}
.steps_leftBar .leftBar_menu ul li ul li a i{ width:20px; }
.open_left_menu .p2_leftBar .leftBar_menu ul li ul{ padding-left:8px;}



.stepSettings_popup{ width:100%; height:100%; position:fixed; left:0px; top:50px; background:#fff; overflow-x:hidden; overflow-y:auto; z-index:223; display:none;-webkit-overflow-scrolling: touch;  }

.stepSettings_popup_inner{ padding:25px 15px; width:100%; text-align:left;  padding-bottom:80px; }
.stepSettings_popup_inner h4{ font-size:18px; line-height:1.5em; color:#1d1d1d; font-weight:700; padding-bottom:4px; margin-bottom:20px; border-bottom:2px solid #36a7c4; }

.stepSettings_popup_inner ul{ float:none; text-align:left !important; margin:0px -15px; font-size:0px; }
.stepSettings_popup_inner ul li{ padding:0px 15px 15px 15px; width:25%; display:inline-block; font-size:14px; vertical-align:top !important; }
.stepSettings_popup_inner ul li ul{ margin:0px; width:100%; }
.stepSettings_popup_inner ul li ul li{ padding:0px; display:block; width:100%; border:0px none; }



.stepSettings_list_box{ width:100%; border:1px solid #edf0f5; min-height:290px;   }
.stepSettings_list_box h5{ font-size:14px; line-height:1.5em; background:#34302d; padding:12px 15px; color:#fff; font-weight:700; }
.stepSettings_list_box h5 a{  color:#fff; }
.stepSettings_list_box ul{ padding:8px 0px;  counter-reset: my-awesome-counter;}
.stepSettings_list_box ul li{ position:relative; list-style:decimal inside;  counter-increment: my-awesome-counter; }
.stepSettings_list_box ul li:before {  content: counter(my-awesome-counter) ". ";  color:#1d1d1d; position:absolute; left:15px; top:0px; font-size:14px; line-height:1.5em; padding:8px 0px; transition:all 0.175s ease; }
.stepSettings_list_box ul li a{ display:block; font-size:14px; line-height:1.5em;  padding:8px 15px; color:#1d1d1d; font-weight:400; transition:all 0.175s ease; padding-left:32px; }

.stepSettings_list_box ul li:hover a, .stepSettings_list_box ul li.active a{ background:#8ac53e; color:#fff;}
.stepSettings_list_box ul li:hover:before, .stepSettings_list_box ul li.active:before{  color:#fff;}

.stepSettings_main{ position:relative;}
/*.stepSettings_main.header_dropdown_show::after {  padding: 16px;  top: -16px; left: -16px; }*/
.stepSettings_main.header_dropdown_show::after {  padding: 16px;  top: -16px; left: -16px; }
.setting_icon{ position:relative; z-index:3;}
.header_dropdown_show .setting_icon{ background:url(../../images/setting_icon_active.png) no-repeat center center; background-size:18px  auto;  }
.header_dropdown_show .stepSettings_popup{ display:block; }

.logo_changeAble{ width:100%; }
 
.logo_changeAble a{ 
    position: relative;
    padding-left: 0;
    min-height: 32px;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    display: flex;
    text-overflow: ellipsis;
}   
.logoIcon{  margin-top:5px;   min-width: 40px; flex-shrink: 0;
    height: 32px;
    display: block;
    position: relative;
    left: 0px;
    overflow: hidden;
    border-radius: 5px;
    top: 0px; /*width:100%;*/ }
.logoIcon img{    width: auto !important;
    height: auto !important;
    min-height: 32px; max-height:32px;
   /* max-width: 100px !important;*/
    display: block;
}
.logoIcon_text{ font-family: 'GoodTimesRg';
    color: #fff;
    font-size: 14px;
    display: block;
    line-height: 20px;
    padding-top: 10px;
    white-space: nowrap;
  
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;/* width:100%;*/}
	
	.has_no_logo .logoIcon_text{ padding-left:0px !important; }

.logoIcon_text em{ font-style:normal; display: block;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.has_no_logo{ padding-left:0px!important;}
.has_no_logo .logoIcon{ display:none;}

.error_text{ padding:0!important; font-size:12px!important; color:red!important; line-height:15px; font-weight:400!important;}
/*************Loader CSS*********/

#loader_div{ background:#fff;}
#circleG {
	width: 100%;
	margin-left: -20px;
}

#circleG1 {
	width: 61.833333333333336px;
	margin-right: -50px;
}
.loading_dots { width: 100%; text-align: center; margin-top: 20px; }

.circleG {
	background-color: #8ac53e;
	display: inline-block;
	height: 13px;
	margin-left: 2px;
	width: 13px;
	-moz-animation-name: bounce_circleG;
	-moz-animation-duration: 1.5s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	-moz-border-radius: 9px;
	-webkit-animation-name: bounce_circleG;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-webkit-border-radius: 9px;
	-ms-animation-name: bounce_circleG;
	-ms-animation-duration: 1.5s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: normal;
	-ms-border-radius: 9px;
	-o-animation-name: bounce_circleG;
	-o-animation-duration: 1.5s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-o-border-radius: 9px;
	animation-name: bounce_circleG;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	border-radius: 9px;
}

#circleG_1 {
	-moz-animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

#circleG_2 {
	-moz-animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
	-o-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

#circleG_3 {
	-moz-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

@-moz-keyframes bounce_circleG {
	0% {}
	50% {
		background-color: #4f5764
	}
	100% {}
}

@-webkit-keyframes bounce_circleG {
	0% {}
	50% {
		background-color: #4f5764
	}
	100% {}
}

@-ms-keyframes bounce_circleG {
	0% {}
	50% {
		background-color: #4f5764
	}
	100% {}
}

@-o-keyframes bounce_circleG {
	0% {}
	50% {
		background-color: #4f5764
	}
	100% {}
}

@keyframes bounce_circleG {
	0% {}
	50% {
		background-color: #4f5764
	}
	100% {}
}

/************Loader End****************/


/***********step header style end*********/




/*****************login forgot password and sharig call style start here*************************/


.loginContentMain{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:22234; overflow-y:auto; overflow-x:hidden;   }

.loginContent_table{ width:100%; height:100%; display:table; }

.loginContent_cell{  width:100%; height:100%; display:table-cell; }

.loginContent_middle{margin:auto; position:relative; display:table; table-layout:fixed; width:100%; height:100%;}

.loginTry_freeButton{ font-size:12px !important; padding-left:20px !important; padding-right:20px !important;  }

.loginMain{ width:100%; height:100%; display:table; table-layout:fixed; }

.loginLeft{ width:50%; display:table-cell; vertical-align:middle; height:100%; padding-top:20px; padding-left:60px; position:relative; padding-bottom:40px;}

.loginNot_customer{ width:auto; position:absolute; left:20px; top:20px; z-index:22235;}

.loginNot_customer ul li{ float:left; padding-right:12px;  }
 
.loginNot_customer strong{ display:block; padding:10px 0px; font-size:14px; line-height:1.5em; color:#1e1e1e; border:1px solid transparent; }


.loginForm_main{ max-width:370px;   width:100%;  }

.signIn_title{ width:100%; padding-bottom:15px;  }

.signIn_title h2{ color:#1d1d1d; font-size:30px; line-height:1.5em; font-weight:700; padding-bottom:10px; }

.signIn_title h4{ color:#4f4f4f; font-size:16px; line-height:1.5em; font-weight:400; padding-bottom:4px; }

.signIn_title p{ color:#333333; font-size:14px; line-height:1.5em; font-weight:300; padding-bottom:4px; }

.signIn_title p em{ font-style:italic; }


 .login_error{ display:none; }

.login_error li{ color:#c24445; font-size:15px; line-height:1.5em; font-weight:400;  }
 .login_error.sucess li{ color:green !important; }
 
 
.loginForm{ width:100%; opacity:0; }

.loginForm ul li{ padding-bottom:30px; width:100%; position:relative;  }
.loginForm ul li:first-child{ /*padding-bottom:40px; */}
.loginForgotPw_text{ display:inline-block; float:right; position:absolute; right:0px; top:0px; font-size:12px; line-height:1.5em; color:#009ddc; font-weight:400; }
.loginForgotPw_text:hover{ text-decoration:underline; }

 

.signIn_advert{ width:50%; display:table-cell; vertical-align:top; }

.signIn_advert a{ width:100%; display:block; }

.signIn_advert a img{ width:100%; height:auto; display:block; max-width:none; margin:auto; }
 
.forgot_backTo_signIn_text a{ color:#154074; font-size:14px; line-height:1.5em; display:inline-block; font-weight:700; }

.forgot_backTo_signIn_text a:hover{ text-decoration:underline; }

.avatar_inner_conver { display: block; width: 100%; height: 100%; /*background:  url(../../images/loginMain_img.png) no-repeat left center; background-size: cover;*/ position: absolute; background:#f7f6f6; }
.avatar_mid_text{ position:absolute; left:0; top:0; color:#333; width:100%; height:100%;}
.avatar_mid_text_table{ width:100%; height:100%; display:table; table-layout:fixed;}
.avatar_mid_text_cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; padding-bottom:14%; }
.signIn_advert { position: relative;  overflow: hidden; }

.login_baner_logo{ width:100%; }
.login_baner_logo span{ display:block; max-width:360px; margin:auto; width:100%;  }
.login_baner_logo span img{ max-width:none; width:100%; height:auto; display:block; }
 
.login_title_mob_logo{ width:100%; padding-bottom:15px; display:none; }
.login_title_mob_logo span{ display:block; max-width:140px; margin:auto; width:100%;  }
.login_title_mob_logo span img{ max-width:none; width:100%; height:auto; display:block; margin:auto; }


.login_form_field{ position:relative; }
.login_form_field input{ width:100%; font-size:15px; line-height:20px; color:#1d1d1d; padding:20px 10px 10px 36px; background-color:transparent !important; border-bottom:1px solid #cbcbcb; transition:all 0.3s ease-in-out; -webkit-appearance:none; height:50px; }

.login_form_field input:focus { border-color: #4b9ddc!important;  }

.login_form_field input.error_stroke{ border-color: #c24445!important;   }
.fieldError_text {  color: #c24445; display: block; font-style: normal; font-size: 15px; padding-bottom: 4px; }


.floating-label { position: absolute;  pointer-events: none; left:36px; top: 18px; transition: .3s ease all; color: #999; font-size: 16px; font-weight: 400; font-style:normal; z-index: 2; line-height:16px; }

 
 .login_form_field input:focus~.floating-label, .login_form_field input:not(:focus):not(:placeholder-shown)~.floating-label,  .login_form_field textarea:focus~.floating-label, .login_form_field textarea:not(:focus):not(:placeholder-shown)~.floating-label, .selectbox.focus .floating-label, .selectbox.selected .floating-label{ top:5px; bottom:10px;   font-size: 10px; opacity: 1; }  

.login_form_field.isFocus .floating-label, .login_form_field.isValue .floating-label{ top:5px; bottom:10px; font-size: 10px; opacity: 1; }  


.login_form_field input:not(:placeholder-shown)~.floating-label{  top:5px; bottom:10px;   font-size: 10px; opacity: 1;  }

.login_form_field ::-webkit-input-placeholder {
  color:white;
}

.login_form_field :-moz-placeholder { 
  color:white;
}

.login_form_field ::-moz-placeholder { 
  color:white;
}

.login_form_field ::-ms-input-placeholder {  
  color:white;
}
.login_form_field :-ms-input-placeholder {
   color: #fff; font-size:0px;  line-height:0px; transition: line-height 0.5s ease;
}

::-ms-clear { display: none; width : 0; height: 0; }
::-ms-reveal {
   display: none; width : 0; height: 0;
}
 
.login_form_field.login_email{ background:url(../../images/loginIcon_email.png) no-repeat left center !important; background-size:20px auto !important; }
.login_form_field.login_pw{ background:url(../../images/loginIcon_pw.png) no-repeat left center !important; background-size:20px auto !important; }
.login_form_field.login_workspace{ background:url(../../images/login_workspaceIcon.png) no-repeat left center !important; background-size:20px auto !important; }


.login_all_buttons{  cursor: pointer; display:inline-block; font-size:16px; line-height:1.2em; color:#fff; font-weight:400; text-align: center;  padding:12px 20px;  white-space:nowrap; transition:all 0.175s ease;  border-radius:4px !important; background-color: #8ac53e; border:1px solid #e8ebf2;   overflow:hidden; text-overflow:ellipsis; width:100%; }

.login_all_buttons:hover{ background:#36a7c4; }

 

.login_copyRights{ width:50%; position:fixed; left:50%; bottom:0px; z-index:2; }
.login_copyRights p{ font-size:16px; color:#0a0a0a; font-weight:400; padding:15px 15px 15px 60px; background:#fff; }
.login_copyRights p a{ color:#0a0a0a; }
.login_copyRights p a:hover{ text-decoration:underline; }

.loginSubmit_main{ width:100%; position:relative; margin-top:15px; }

.loginSubmit_main.disabled:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../../images/Ajax-loader.gif) no-repeat center center; background-size:50px auto; background-color:rgba(255,255,255,0.8) }


.offline_status{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:99999999999999999999999999999; padding:15px 15px; }

.offline_status_overlay{ width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:2; }

.offline_status_box{ max-width:1200px; margin:auto; padding:8px 15px; text-align:center; background:#f9e4a3; border-radius:10px; position:relative; z-index:3;  }

.offline_status_box p{color: #4f4f4f; font-size: 16px; line-height: 1.5em; font-weight: 400;}

.offline_status_box p a{ color: #4f4f4f; text-decoration:underline; }
.offline_status_box p a:hover{ text-decoration:none; }


.join_confirmation_main .loginContent_cell{ vertical-align:middle; padding:20px 20px; }

.join_confirmation_box{ max-width:1000px; margin:auto; border-radius:15px; background:#fff; border:1px solid #d6d6d6; padding:30px 15px; box-shadow: 0px 0px 10px rgba(0,0,0,0.09); }

.join_confirmation_boxInner{ width:100%; }

.join_confirmation_box_title{ max-width:650px; margin:auto; padding-bottom:30px;  }

.join_confirmation_logo{ max-width:400px; margin:auto; padding-bottom:30px;}

.join_confirmation_logo img{ max-width:none; width:100%; height:auto; display:block; }

.join_confirmation_box_title p{ color: #4f4f4f; font-size: 16px; line-height: 1.5em; font-weight: 400; padding-bottom: 10px; }

.form_field_confirm{ position:relative; }

.form_field_confirm input{ width:100%; font-size:14px; line-height:20px; color:#1d1d1d; padding:12px 50px; background-color:transparent; border:1px solid #d2d2d2; border-radius:4px; transition:all 0.3s ease-in-out; -webkit-appearance:none;  }

.form_field_confirm input:focus { border-color: #4b9ddc!important; box-shadow:0 0 3px #11969f; }

.form_field_confirm.confirmField_user{ background:url(../../images/loginIcon_email.png) no-repeat 15px center !important; background-size:20px auto !important; }
.form_field_confirm.confirmField_pw{ background:url(../../images/loginIcon_pw.png) no-repeat 15px center !important; background-size:20px auto !important; }

.join_confirmation_box_form{ max-width:500px; margin:auto; }

.join_confirmation_box_form ul li{ width:100%; padding-bottom:10px;  }


.confirmField_show_pw{ width:50px; height:100%; position:absolute; right:0px; top:0px; cursor:pointer; background:url(../../images/confirmPw_eye.png) no-repeat center center !important; background-size:20px auto !important; display:none; }




/**********start checkbox**********/

.form_checkbox_terms{ width:100%; }

.form_checkbox_terms label{ font-size: 14px; line-height:22px; color:#1d1d1d; font-weight:400; cursor:pointer; display: block; position: relative; }

.form_checkbox_terms label input{ width:100%; height:100%; position: absolute; opacity: 0; z-index:-1; left:0px; top:0px; }

.checkbox_checked_terms{ width: 20px; display:block; position:relative; height: 20px; background: none;   -moz-border-radius:3px;-ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #d2d2d2;}

.form_checkbox_terms label input:checked ~ .checkbox_checked_terms{ background: #36a7c4 none repeat scroll 0 0; border: solid 1px transparent;}

.form_checkbox_terms label:hover input:checked:not([disabled]) ~ .checkbox_checked_terms, .control input:checked:focus ~ .checkbox_checked_terms { background: #36a7c4 none repeat scroll 0 0; }

.form_checkbox_terms label input:disabled ~ .checkbox_checked_terms  {background: #36a7c4 none repeat scroll 0 0; opacity: 0.6; pointer-events: none;}

.checkbox_checked_terms::after { content: ""; display: none; position: absolute; }

.form_checkbox_terms label input:checked ~ .checkbox_checked_terms:after { display: block; }

.form_checkbox_terms label .checkbox_checked_terms:after { width: 4px; height: 8px; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;-moz-border-top-colors: none; border-color: #fff; border-image: none; border-style: solid; border-width: 0 2px 2px 0; left: 6px; top: 3px;transform: rotate(45deg); }

/**********end checkbox**********/
.confirmTermsAgree { padding-bottom:10px; }
.confirmTermsAgree label{ display:inline-block; padding-left:36px; position:relative; vertical-align:top; }

.confirmTermsAgree label input{ position:absolute; left:0px; top:0px; }
.confirmTermsAgree label span{ position:absolute; left:0px; top:1px; }

.confirmTermsAgree em{ display:inline-block; vertical-align:top; font-style:normal; font-size: 14px; line-height: 22px; color: #1d1d1d; }
.confirmTermsAgree em a{ font-weight:700; color: #1d1d1d; }
.confirmTermsAgree em a:hover{ text-decoration:underline; }



.confirmJoin_btnMain{ width:100%; position:relative; text-align:right;  }
.confirmJoin_btnMain span{ position:relative; display:inline-block; }


.confirmJoin_btnMain input{ font-size:16px; line-height:1.2em; display:inline-block; text-align:center; color:#fff; background:#36a7c4;  padding:8px 15px 10px 15px; transition:all 0.175s ease-in-out; border-radius:3px;      }

.confirmJoin_btnMain input:hover, .confirmJoin_btnMain input.active{ background:#8ac53e; }

.confirmJoin_btnMain span.disabled:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:url(../../images/Ajax-loader.gif) no-repeat center center; background-size:50px auto; background-color:rgba(255,255,255,0.8) }

.form_field_confirm input.error_stroke{ border-color:#c24445; }

.join_confirmation_box_form ul li:last-child{ padding-bottom:0px; }


.join_confirmation_boxInner .login_error{ max-width:500px; margin:auto; padding-bottom:10px;}


.quickAction_close{width:18px; height: 18px; cursor: pointer; background: url(../../images/popup_close.png) no-repeat center center; background-size: 12px auto; display:block; position:absolute; right:8px; top:10px; }






/**************more menu**********/

.navMenu_steps {  position: relative;  display:block; white-space:nowrap; }
#header_task_menu {  height: 20px; line-height:20px; max-width: none; overflow: hidden; width:auto; display:flex; float:left; }
.headerTask_more span { display: block;   padding:0px 8px; line-height: 1.5em; font-size:13px; cursor:pointer; color: #8cc63e; padding-left:10px; }

.headerTask_more {/* position:absolute; width:auto; max-width:70px; right:0px; top:0px; */ opacity:0;  display:inline-block; position:relative; vertical-align: top;     padding-top: 1.1px !important; }

.headerTask_more.more_hiddenShow{ opacity:1; }

.headerTask_more ul {  background: #fff; position: absolute; right: 0px; top: 100%; margin-top: 0px !important; box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5); border-radius: 3px; width: 100%; max-height: 150px; overflow-x: hidden; overflow-y: auto; display: none; z-index: 34; margin-left: 0px !important; margin-right: 0px !important; min-width:150px; }

.headerTask_more:hover ul{ display:block; }

.headerTask_more li { width:100% !important; float:none !important; padding:0px !important;  }

.headerTask_more li a{ list-style: none; float: none; color:#000 !important;   width: 100% !important; padding: 6px 8px 6px !important;  line-height:1.5em; border-bottom: 0px!important;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:400; font-size:14px !important; }

.headerTask_more li:hover, .headerTask_more li.active{ background:#f2f2f2 !important; }


/*******************/

.selectbox{ width: 100%; font-size:14px; line-height:20px; height:42px; background: #fff; display: block;  color: #002257;
border: 1px solid #d2d2d2; font-weight:300; border-radius:4px; position:relative;  cursor:pointer; transition: all 0.4s ease; }

.selectbox_span { width: 100%; display: block; font-size: 14px; line-height:20px;  color: #1d1d1d; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 10px 20px 10px 10px; position:relative; z-index:1; font-weight:400; height:42px }

.selectbox:before{ content:"\f107"; color:#999999; font-size:16px; position:absolute; right:12px; top:0px; font-family:fontAwesome; width:12px; text-align:right; line-height:1.5em; padding:8px 0px; z-index:0; transition: all 0.4s ease;  }

.selectbox_dropdown{ background:#fff; position:absolute; left:0px; top:100%; margin-top:1px !important; box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5); border-radius:3px; width:100%; max-height:150px; overflow-x:hidden; overflow-y:auto; display:none; z-index:34; margin-left:0px !important; margin-right:0px !important;  }

.selectbox_dropdown.sel_showOnTop{ top:initial !important; bottom:100% !important; }

.selectbox_dropdown li { list-style: none; float: none;  width: 100% !important; padding: 6px 8px 6px !important; color: #002257; font-size: 14px; line-height:1.5em; border-bottom: 0px!important;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:400; }

.selectbox_dropdown li:hover, .selectbox_dropdown li.active{ background:#f2f2f2 !important; }

.login_companyId{ width:100%; display:none; } 

.companyId_title{ font-size:14px; line-height:1.5em; display:block; color:#1d1d1d; font-weight:400; padding-bottom:10px; }

.login_co_back_btn{ margin-top:10px; margin-bottom:20px; }


.field_hasClear_icon{ position:relative; }
 
.field_clearIcons{ width:24px; height:100%; cursor:pointer; background:url(../../images/popup_close.png) no-repeat center center; background-size:12px auto;   transition:all 0.175s ease-in-out; position:absolute; right:22px; top:0; display:none;  }

.field_hasClear_icon.active .field_clearIcons{ display:block; }


.nav_notification_number{min-width:12px;padding:0px 2px;height:12px;display:block;position:absolute;right:-6px;top:-6px;background:#c24445;color:#fff;font-size:8px;border-radius:5px;text-align:center;line-height:1.5em;font-weight:400;}




.header_message_popup .popup_header_left ul li strong{ color:red; }
.header_message_popup.small_popup .popup_auto{ max-width:500px; }
.header_message_popup .form_heading_out .form_heading strong{ font-weight:400; text-align:center }
.header_message_popup .all_buttons.btn_green{ margin-left:10px; }
.header_message_popup .all_buttons{ padding-bottom:7px; }
.header_message_popup.small_popup .popup_auto{ max-width:500px; }

#ent_list_mainTable_paginate ul li, #dashBord_dataTable_paginate ul li, .dataTables_paginate  ul li { float: left; }


    #ent_list_mainTable_paginate ul li a, #ent_list_mainTable_paginate ul li span, #dashBord_dataTable_paginate ul li a, #dashBord_dataTable_paginate ul li span, .dataTables_paginate  ul li a, .dataTables_paginate  ul li span {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 4px 5px;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        color: #2e2e2e !important;
        font-size: 13px;
        border: 1px solid transparent;
        border-radius: 2px;
    }

        #ent_list_mainTable_paginate ul li a:hover, #dashBord_dataTable_paginate ul li a:hover, .dataTables_paginate  ul li a:hover {
            color: white !important;
            border: 1px solid #8ac53e;
            background-color: #8ac53e;
        }

        #ent_list_mainTable_paginate ul li a.current, #ent_list_mainTable_paginate ul li a.current:hover, #ent_list_mainTable_paginate ul li span.current, #ent_list_mainTable_paginate ul li span.current:hover, .dataTables_paginate  ul li span.current, .dataTables_paginate ul li span.current:hover {
            color: white !important;
            background: #8ac53e !important;
            border: 1px solid #8ac53e;
        }

        #dashBord_dataTable_paginate ul li a.current, #dashBord_dataTable_paginate ul li a.current:hover, #dashBord_dataTable_paginate ul li span.current, #dashBord_dataTable_paginate ul li span.current:hover , .dataTables_paginate ul li span.current, .dataTables_paginate ul li span.current:hover {
            color: white !important;
            background: #8ac53e !important;
            border: 1px solid #8ac53e;
        }

        #ent_list_mainTable_paginate ul li span.prev.current, #ent_list_mainTable_paginate ul li span:hover, #ent_list_mainTable_paginate ul li span.next.current, #ent_list_mainTable_paginate ul li span.next.current:hover, .dataTables_paginate ul li span.prev.current, .dataTables_paginate ul li span:hover, .dataTables_paginate ul li span.next.current, .dataTables_paginate ul li span.next.current:hover {
            color: #2e2e2e !important;
            background: none !important;
            border: 1px solid transparent;
        }

        #dashBord_dataTable_paginate ul li span.prev.current, #dashBord_dataTable_paginate ul li span:hover, #dashBord_dataTable_paginate ul li span.next.current, #dashBord_dataTable_paginate ul li span.next.current:hover {
            color: #2e2e2e !important;
            background: none !important;
            border: 1px solid transparent;
        }

.dh_whenNo_process_main, .dh_whenNo_template_main {
    width: 100%;
    padding: 200px 10px;
}

.dh_whenNo_process_box {
    max-width: 520px;
    padding: 30px;
    margin: auto;
    background: #7a7a7a;
    border-radius: 6px;
    color: #fff;
}

    .dh_whenNo_process_box p {
        font-size: 18px;
        line-height: 1.5em;
    }




 .no_edit_permission .permissionsBtnDisbale {
	 pointer-events: none !important;
 }
.rightSettingBtns {
	/*width: 5px !important;*/ width: 96px !important;
}
.designProcessRightBtn{
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	text-align: right;
	position: relative;
	bottom: 0px;


}
.designProcessRightBtn ul li {
  display: inline-block;
	padding-right: 10px;vertical-align: middle;
}
 .designProcessRightBtn ul li:last-child{
	 padding-right: 0px;

 }
 .designProcessRightBtn ul li a {
	 display: block;
	 color: #FFFFFF;
	 font-size: 14px;
	 position: relative;
	 padding-bottom: 2px;
 }
 .editDesignPrcsIcon {
	 height: 30px;
	 width: 37px;
	 background:url(../../images/newHeader_editIcon.png) no-repeat center center;
	 background-size: 20px auto;
	 font-size: 0px !important;
 }
 


.error_form{ border-color:#c24445; }


 .disableInputField{
	 pointer-events: none;
	 opacity: 0.8;
	 background: #f7f7f7 !important;
 }

table.dataTable span.highlight {
    background-color: #FFFF88;
    border-radius: 0.28571429rem;
}

table.dataTable span.column_highlight {
    background-color: #ffcc99;
    border-radius: 0.28571429rem;
}


.process_nav ul li { max-width: 150px !important; }

/*.designProcessHeader .header_right{ width: 32% !important;}*/



 .formRow_blockRow{ display: block !important;; }

 .tasksCheckBoxes_popup .formCell {
	 padding-bottom: 15px !important;
 }

 .pull_right_buttons ul li{
	 display: inline-block;
	 vertical-align: top;
	 padding-left: 10px;
 }
 .pull_right_buttons ul li:first-child {
	 padding-left: 0px;
 }
 .checkShowOnLeft label {
     padding-left: 35px !important;
     min-height: 22px; line-height: 22px;
 }
 .checkShowOnLeft label span {
     position: absolute;
     left: 0px; top: 1px;
 }


 .disabled_loader{ position:relative; }
 .disabled_loader::after { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../../images/Ajax-loader.gif) no-repeat center center; background-size: 30px auto; background-color: rgba(255,255,255,0.8); }
 
 
 
/* .header_setting_popup_close{ width: 24px;  height: 24px; cursor: pointer; background: url(../../images/popup_close.png) no-repeat center center; background-size: 14px auto; ransition: all 0.175s ease-in-out;  position: absolute; right: 10px; top:10px;  }
*/ 
 
 

 .header_help_close em, .header_setting_popup_close em{ width:15px; height:15px; border:1px solid #9a9a9a; background:url(../../images/popup_close.png) no-repeat center center; background-size:8px auto; background-color:#fff; transition:all 0.175s ease-in-out; cursor:pointer; display:block; }


  .header_help_close:hover em, .header_setting_popup_close:hover em{ background:url(../../images/popup_close_white.png) no-repeat center center; background-size:8px auto; background-color:#8ac53e; border-color:#8ac53e; }
 
 
 .header_help_close, .header_setting_popup_close{ padding:10px; position:absolute; right:5px; top:21px; cursor:pointer; }
 
 
 .published {
	 color: blue !important;
 }
 
 
.avatar_is_empity img{ display:none !important; } 
 .avatar_is_empity{ position:relative; }
.avatar_is_empity:after{ content:""; width:100%; height:100%; position:absolute; left:0px; top:0px; background:#c5c5c5; } 
 .avatar_placeholder{ letter-spacing:2px; font-size: 10px; text-align: center; position: absolute; width: 100%; height: 100%;   z-index: 2; font-weight: 700; font-style: normal; line-height: 31px;  color: #fff;
 }
 
 .profile_popup_user .avatar_placeholder{ line-height:36px; }
 
 
 
 /**************data tables cell tooltip*************/
 


/* .addTooltip .bigTooltip { display:none;} */

.table_toolTip{ position: fixed; top: 40%; margin-bottom:0px; left: 40%; background: #000; color: #fff; text-indent: 0px; font-size: 12px;  border-radius: 5px; width:230px; border: 1px solid #000;    font-style:normal; display:none; z-index:9999; 
margin-top: -7px;}
.table_toolTip.active { display:block;}

.table_toolTip:after { content: ''; width: 0px; height: 0px; position: absolute; border-right: 6px solid transparent; border-left: 6px solid transparent;
border-bottom: 7px solid #000; right: 5px; top: -7px; margin-top: 0px; } 
.table_toolTip small{ font-size:13px;  max-height:200px; overflow:auto; display:block;  padding: 10px 10px;   word-wrap:break-word; } 

.task_dashboard_table tbody td:last-child{ overflow:inherit !important; }


.tsk_complete_body  .table_toolTip:after{ right:inherit; left:10px; }
 
  /**************data tables cell tooltip*************/



 .publishBtnAddStyle {
     /*background-color: #606060 !important;*/
     color: #36a7c4 !important;
     /*pointer-events: none;*/
 }





/******************create word tab style start**************/

.wordDefaultCstm_uploadTemp_btn { padding: 10px 20px !important; display:block; position:relative; cursor:pointer;  }
.wordDefaultCstm_uploadTemp_btn input{ width:100%; height:100%; display:block; cursor:pointer; position:absolute; left:0px; top:0px; opacity:0; font-size:0px;}

.wrdTemp_availTemplates_box{width: 100%; background: #fff; border: 1px solid #d2d2d2;  border-radius: 5px;}


.wrdTemp_availTemplates_header{ width:100%; background:#fbfbfc; border-bottom:1px solid #e5e5e5; border-radius:5px 5px 0px 0px; padding:10px; }
.wrdTemp_availTemplates_header.wrdTemp_header_searchable{ padding:0px; }
.wrdTemp_availTemplates_header.wrdTemp_header_searchable input{  width:100%;   padding: 10px; height: 42px; font-size: 15px; padding-left: 45px !important;  background: url(../../images/stepUser_searchIcon.png) no-repeat left 15px center; background-size: 15px auto;  }
.wrdTemp_availTemplates_header h5{ font-size:15px; line-height:1.5em; color:#505050; }

.wrdTemp_availTemplates_content{ padding:10px 0px; min-height:150px; } 
.wrdTemp_availTemplates_content ul li{ position:relative; padding-right:100px;  border-top: 1px solid #ddd; border-bottom: 1px solid transparent; }
.wrdTemp_availTemplates_content ul li:first-child{ border-top-color:transparent; }

.wrdTemp_availTemplates_content ul li a{ font-size: 14px; line-height: 1.5em; color: #303030; display: block; padding: 5px 10px;  cursor: default;}

.wrdTemp_availTemplates_preview { width: auto; height: 100%;  position: absolute; right:10px; top: 0px; cursor: pointer; line-height: 1.5em; color: #303030; padding: 5px 10px; font-size: 14px; font-style:normal; opacity:0; visibility:hidden; }
.wrdTemp_availTemplates_content ul li:hover{   background-color: #f7f6f6;  }
.wrdTemp_availTemplates_content ul li.active {  background-color: #fbfbfc; border-color: #e5e5e5; }
.wrdTemp_availTemplates_content ul li:hover .wrdTemp_availTemplates_preview{ opacity:1; visibility:visible; }

.wrdTemp_availTemplates_scrollAble{ min-height: 150px;  height: calc(100vh - 344px);    overflow-y: auto; overflow-x: hidden; } 

.wrdTemp_availTemplates_action{ width: auto; height: 100%;  position: absolute; right:10px; top: 0px; cursor: pointer; line-height: 1.5em; color: #303030; padding: 5px 10px; font-size: 14px; font-style:normal;  opacity:0; visibility:hidden;  }
.wrdTemp_availTemplates_content ul li:hover .wrdTemp_availTemplates_action{ opacity:1; visibility:visible; }
.wrdTemp_availTemplates_action em{ font-style:normal;  }
.wrdTemp_availTemplates_cell{ display:inline-block; vertical-align:middle; padding-left:20px; }

.wrdTemp_edit_deleteIcon{ width:20px; height:25px; display:block; background:url(../../images/ent_noteHistry_box_delete_dark.png) no-repeat center center; background-size:16px auto;  padding:0px !important; opacity:0.7; }

.wrdTemp_edit_preview{ display:block; cursor:pointer; font-size: 14px; line-height: 1.5em; color: #303030;}

.wrdTemp_edit_linkVar{ padding:0px !important; cursor:pointer !important; color:#36a7c4 !important; }
.wrdTemp_edit_linkVar:hover{ text-decoration:underline; }

.default_wordReport_popup.small_popup .popup_auto{ max-width:580px; }

.ins_preview_docx_popup.small_popup .popup_auto{ max-width: 1100px; }

.select2-search--dropdown .select2-search__field{ padding-top:5px !important; padding-bottom:5px !important; height:32px; font-size: 16px !important; padding-right: 30px !important; background: url(../../images/stepUser_searchIcon.png) no-repeat right 10px center !important; background-size: 10px auto !important; background-color:#f7f6f6 !important; border-radius: 4px !important; border: 1px solid #d2d2d2 !important; padding-left:15px !important; }

.select2-search--dropdown{ border-bottom: 1px solid #d2d2d2; }

 
/******************create word tab style end**************/


.steps_header .setting_related ul{ margin:0px 16px; }
.steps_header .setting_related ul li{ padding-left:16px; padding-right:16px; }
.steps_header .stepSettings_list_box ul{ margin:0px; }
.steps_header .stepSettings_list_box ul li{ padding-left:0px; padding-right:0px; }


.designProcessHeader .setting_related ul{ margin:0px 5px; }
.mob_sideBar_titles, .nav_mob_dropable{ display:none; }
.header_top_menu_mob{ display:none !important; }

 
.mob_myAcc_coName_header { width: 100%;  padding: 20px 35px 19px 10px; text-align:center; border-bottom: 1px solid #eceef4; background-color: #fbfbfd;  position: relative; display:none; }
.mob_myAcc_coName_header p{ word-break:break-all; font-size: 14px;  line-height: 1.5em; color: #929292;}

.helpPage_content_main{ width:100%;   }
.help_body .open_left_menu, .help_body .wrapper{ padding-left:0px; }

.help_body .menu_toggle{ pointer-events:none; }

.helpPage_commingSoon{ text-align:center; }

.helpPage_commingSoon span{ display:block; max-width:350px; margin:auto; padding-bottom:30px; }

.helpPage_commingSoon p{  font-size: 24px;  line-height: 1.5em; color: #1c1b1b;}

.helpPage_content_tableWrap{ height:calc(100vh - 170px); width:100%; display:table; table-layout:fixed; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
.helpPage_content_cell{ width:100%; height:100%; display:table-cell; vertical-align:middle; }


 
.help_icon_parent{ position:relative; }
.help_icon_parent:before{ background:url(../../images/help_icon_gray.png) no-repeat center center; display:none; content:"";}
.help_icon_parent:after{ width:100%; height:100%; content:""; background:#fff; position:absolute; left:-16px; top:-16px; padding:16px; box-sizing:content-box !important; z-index:2; display:none;}
.help_icon_parent a{ position:relative; z-index:3; }
.help_icon_parent.header_dropdown_show:after{ display:block; }
.help_icon_parent.header_dropdown_show .help_icon{ background:url(../../images/help_icon_gray.png) no-repeat center center; background-size:18px auto;  }

.nav_mob_coName{ display:none; }



/*********action dropdown css************/
 
	
.action_selectbox{ width: 100% !important; font-size:14px !important; line-height:20px !important; height:42px !important; background: #fff !important; display: block !important;  color: #2e2e2e !important;
border: 1px solid #e8ebf2 !important; font-weight:300 !important; border-radius:4px !important; position:relative !important;  cursor:pointer !important; transition: all 0.4s ease !important; }

.action_selectbox_span { width: 100%; display: block; font-size: 13px; line-height:20px;  color: #2e2e2e; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 10px 20px 10px 10px; position:relative; z-index:1; font-weight:400; height:42px }

.action_selectbox:before{ content:"\f107"; color:#999999; font-size:16px; position:absolute; right:12px; top:0px; font-family:fontAwesome; width:12px; text-align:right; line-height:1.5em; padding:8px 0px; z-index:0; transition: all 0.4s ease;  }

.action_selectbox_dropdown{ background:#fff !important; position:absolute !important; left:0px !important; top:100%! important; margin-top:1px !important; box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5) !important; border-radius:3px !important; width:100% !important; display:none; z-index:34 !important; margin-left:0px !important; margin-right:0px !important;  }

.action_selectbox_dropdown ul{ border:0px none; display:block !important; padding:0px !important; background:#fff !important; width:100% !important;  max-height:270px !important; overflow-x:hidden !important; overflow-y:auto !important; }

.action_selectbox_dropdown li { list-style: none !important; float: none !important;  width: 100% !important; padding: 0px !important; color: #002257 !important; font-size: 14px !important; line-height:1.5em!important; border-bottom: 0px!important;  white-space: nowrap !important; text-overflow: ellipsis; overflow: hidden; font-weight:400; display:block !important; text-align:left !important; border:0px none !important; }

.action_selectbox_dropdown li a{   width:100% !important; display:block !important; text-align:left !important; font-size:13px !important; color:#2e2e2e !important; padding: 6px 8px 6px !important; }

.action_selectbox_dropdown li:hover, .action_selectbox_dropdown li.active{ background:#f2f2f2 !important; }

.action_selectbox_dropdown li.hideCreateInstanceOtp { display: none !important; }
	
.action_select_small.action_selectbox{ height:30px !important;}
.action_select_small .action_selectbox_span{ padding-top:3px !important; padding-bottom:3px !important; height:30px!important; font-size: 13px!important;}

.action_select_small.action_selectbox::before{ padding-top:2px; padding-bottom:2px; right:6px; }

.action_select_small .action_selectbox_dropdown li{ font-size:14px;  padding-top:5px; padding-bottom:5px; color: #1d1d1d; }

.cInstance_action_sel{ min-width:200px; }
.action_selectbox_dropdown .action_has_dropdown{ position:inherit !important;}
.action_selectbox_dropdown .action_has_dropdown a{ position:relative; padding-right:30px !important;   }
.action_selectbox_dropdown .action_has_dropdown a:after{ width:30px; height:100%; content:""; background:url(../../images/folder_directory_arrow__.png) no-repeat center center; background-size:8px auto; position:absolute; right:0px; top:0px;  transition:all 0.175s ease-in-out;  }

.action_selectbox_dropdown .action_subDropdown{ position:absolute; left:100%; top:30px; min-width:150%; display:none;  }

.action_selectbox_dropdown .action_has_dropdown li a:after{ display:none; }
.action_selectbox_dropdown .action_has_dropdown li a{padding-right:10px !important;  }

.action_selectbox_dropdown .action_has_dropdown.active .action_subDropdown{ display:block; }

/* .absolute_header{ margin-bottom:-20px !important; }
.absolute_header .header{ position:absolute !important; }
.absolute_header table.fixedHeader-floating{ display:none !important; } */
.absolute_header .tsk_auditBar_header_main{ position:absolute !important; }

.header_help_show{ position:fixed; left:0px; top:50px; background:#fff;  min-height:100%; height:100%; width:100%;  max-height:calc(100vh - 50px);   overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling: touch; display:none; }





/*******design , flowchart page header updates**********/

.designProcessHeader .headerLeftBar{ min-width:110px; min-height:50px; }
.designProcessHeader .header_inner{ padding-left:110px !important; }
.designProcessHeader .headerLeftBar{ max-width:50px !important; }
.designProcessHeader .designProcessRightBtn{ width:auto !important; }



.design_header_homeIcon{ width:30px; height:30px;  display:block; background:url(../../images/newHeader_homeIcon.png) no-repeat center center; background-size:22px auto; position:absolute; left:54px; top:8px; }

.designProcessHeader .leftBar_logo{ min-width:110px; }
.open_left_menu .designProcessHeader .headerLeftBar{ max-width:110px;}
.open_left_menu .designProcessHeader .header_inner{ padding-left:110px; }

 .newHeader_goTo_designHome_icon {
	 height: 30px;
	 width: 37px;
	 background:url(../../images/newHeader_designHome_icon.png) no-repeat center center;
	 background-size: 20px auto;
	 font-size: 0px !important;
 }

.header_right_flowChart{ width:32%; display:table-cell; vertical-align:middle; padding-left:10px; padding-right:10px; }

.header_svCopy_dropdown{ width:104px; display:table-cell; vertical-align:middle; padding-left:23px; }


.header_svCopy_dropdown_small.selectbox{ height:auto; max-width:110px;  z-index:22; }
.header_svCopy_dropdown_small .selectbox_span{ padding-top:3px; padding-bottom:3px; height:auto; line-height:20px; font-size: 14px;}

.header_svCopy_dropdown_small.selectbox::before{ padding-top:3px; padding-bottom:3px; right:6px;     line-height: 20px; }

.header_svCopy_dropdown_small .selectbox_dropdown li{ font-size:14px;  padding-top:5px; padding-bottom:5px; color: #1d1d1d; display:block; }

 

.header_svCopy_dropdown_small{ padding-right:30px;}

.selectbox_span_notClick{  padding-top:2px; padding-bottom:3px; height:auto; line-height:20px; font-size: 14px; display:block; color: #1d1d1d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 3px 0px 3px 10px; position: relative; z-index: 1; font-weight: 400;}

.selectbox_saveClick{ display:block; width:30px; height:100%; position:absolute; right:0px; top:0px; background-color:#ebebeb !important; z-index:2;    background:url(../../images/tamplate_lb_down_arow_black.png) no-repeat center center; background-size:10px auto; }
.header_svCopy_dropdown_small:before{ display:none; }

.elementRb_arrowIcon.nextSectionArrow, .rb_arrowIcon.backSectionArrow.sectionBtnsToolTip{ display:none !important; }
.rb_tabs_show.rb_tabs_second{ display:block !important; }




.rb_tabs_first .add_element_inner{ height:calc(60vh - 115px) !important; }
.rb_tabs_second .add_element_inner{ height:calc(40vh - 50px) !important; }

/* width */
.rb_tabs_show ::-webkit-scrollbar, .tsk_complete_body ::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.rb_tabs_show ::-webkit-scrollbar-track, .tsk_complete_body ::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.rb_tabs_show ::-webkit-scrollbar-thumb, .tsk_complete_body ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.rb_tabs_show ::-webkit-scrollbar-thumb:hover, .tsk_complete_body ::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.rb_tabs_second{  background: #606060; }
.rb_tabs_first{  border-bottom:1px solid #929292; padding-bottom:15px; background: #606060; }
.add_element_list_section{ padding-top:0px !important; }

.header_svCopy_dropdown_small .selectbox_dropdown{ z-index:224 !important; }



/*******design , flowchart page header updates**********/



.tsk_complete_body .frmBuilderAddWindowHeight{ /*overflow:initial !important;*/ padding-bottom:70px !important; }


.loginCoName_fieldTbl{ position:relative; padding-right:112px;  }

.loginCoName_domainName{ position:absolute; right:0px; top:10px; color: #1c1b1b; font-weight: 700; font-size:16px; line-height:20px; }
.loginWorkspace_main .signIn_title h2, .forgotWorkspace_main .signIn_title h2{ font-size:21px; }

.forgot_backTo_signIn_text strong{ color: #1c1b1b; font-weight: 700; }

.join_confirmation_box_title p  strong{ color: #1c1b1b; font-weight: 700; }

.loginContentMain.signUp_content_main{ z-index:22; }



.signUp_content_main ::-webkit-input-placeholder {
  color:#a5adba;
}

.signUp_content_main :-moz-placeholder { 
  color:#a5adba;
}

.signUp_content_main ::-moz-placeholder { 
  color:#a5adba;
}

.signUp_content_main ::-ms-input-placeholder {  
  color:#a5adba;
}
.signUp_content_main :-ms-input-placeholder {
   color: #a5adba;  
}

.signUp_content_main .formRow { padding-bottom:15px !important; }

.img-flag{ display:inline-block !important; font-size:0px; float:left; margin-right:10px;   }


.signUp_smallHeading{ font-size:18px !important; }

.loginChangeWrkSpaceLink{ margin-left:20px; }

.loginWorkSpace_title strong{ color: #1c1b1b; font-weight: 700; }




.login_popup{ z-index:99999 !important; }

.loginResetPw_tip{ padding:10px 15px; border-bottom: 1px solid #d8dce4; }
.loginResetPw_tip p{ font-size: 14px; line-height: 1.5em;  color: #757575;}

.loginResetPw_sucess_popup.small_popup .popup_auto{ max-width:500px;}
.loginResetPw_sucess_popup .popup_header_left ul li strong{ color:#8ac53e;  }
.loginResetPw_sucess_popup .form_heading strong{ display:block; font-weight:400; text-align:center; padding:30px 0px; }





/*************new style for  design header**********/

.dhead_mob_show{ display:none; }
 	
	
.dHead_statusIcon_parent{ float:left; }

.dHead_statusIcon{ display: block; height: 30px; width: 37px; background:url(../../images/dHead_downArrow_gray.png) no-repeat center center; background-size: 22px auto !important; font-size: 0px !important; }
 
.dHead_statusIcon.red_icon{  background:url(../../images/dHead_downArrow_red.png) no-repeat center center;   }	
.dHead_statusIcon.blue_icon{  background:url(../../images/dHead_downArrow_blue.png) no-repeat center center;   }	

.dHead_p_versionStatus_text{ font-weight:700; text-indent:50px;  }
	
.dHead_p_versionStatus_text em{ font-style:normal; font-weight:400;  }	
	
.dHead_p_versionStatus_popup.small_popup .popup_auto{ max-width:500px; }	
	
.dHead_p_versionStatus_msgText{ font-size: 14px; line-height: 1.5em; display: block; color: #757575; font-weight: 500; }	
.dHead_color_red{ color:#e6160f !important; }
.dHead_color_blue{ color:#36a7c4 !important; }

 .tHead_infoIcon.popupTooltip_icon:hover .popupTooltip{ visibility: hidden; opacity: 0; z-index: -1; }
 .tHead_infoIcon.popupTooltip_icon.active .popupTooltip{  visibility: visible !important; opacity: 1 !important; z-index: 224  !important; }
	


.dhH_tip_parent{ position:relative; }

.dhH_tip{ visibility:hidden; opacity:0; z-index:224; position: absolute; bottom: 100%; margin-bottom:10px; left: -34px; background: #000; color: #fff; text-indent: 0px; font-size: 14px; line-height: 1.5em; padding: 10px 10px; border-radius: 5px; min-width: 158px; border: 1px solid #000;   font-style:normal; text-align:center; white-space: nowrap; }

.dhH_tip:after { content: ''; width: 0px; height: 0px; position: absolute; left: 52px; top: 100%; border-left: 1px solid transparent; border-right: 7px solid transparent; border-top: 11px solid #000; }

.dhH_tip_parent:hover .dhH_tip{  visibility:visible; opacity:1; z-index:224; }
 
.dhH_tip.popbottom{bottom: inherit;top: 100%; margin-bottom: 0px;margin-top: 10px;/* min-width: 250px; */} 
.dhH_tip.popbottom:after{ top: -18px; border-left: 1px solid transparent;
border-right: 7px solid transparent;
border-bottom: 11px solid #000;
border-top: 7px solid transparent;  }




.all_warning_popup .popup_header_left ul li strong{ color:red; }
.all_warning_popup.small_popup .popup_auto{ max-width:500px; }
.all_warning_popup .form_heading_out .form_heading strong{ font-weight:400; text-align:center }
.all_warning_popup .all_buttons.btn_green{ margin-left:10px; }
.all_warning_popup .all_buttons{ padding-bottom:7px; }
.all_warning_popup.small_popup .popup_auto{ max-width:500px; }


.dhHead_published_pop.all_warning_popup .popup_header_left ul li strong{ color:#1d1d1d; }
.dhHead_published_pop.all_warning_popup .form_heading_out .form_heading strong{ font-weight:400; text-align:left }

.dHead_pop_pblishChecks{ padding-bottom:20px; padding-left:50px; }
.dHead_pop_pblishChecks label{ position:relative; display:inline-block; padding-left:30px; color: #757575 !important;  }
.dHead_pop_pblishChecks span{ position:absolute; left:0px; top:1px; }


.entDesForm_svDrop{ border:0px none !important; }
.entDesForm_svDrop strong{ padding-right:10px !important; padding-top:5px !important; padding-bottom:5px !important; line-height:1.5em !important; font-size: 13px !important; }

.events_none{ pointer-events:none; }

.not_hidden{ overflow: initial !important; }

.entDesForm_svDrop .selectbox_dropdown{ min-width:100px; }


.imp_fieldMaping_tableInner tbody td p{ border:1px solid transparent; }
.editMode_on {
    border-color: #4b9ddc!important;
    box-shadow: 0 0 3px #11969f;
}

 .formDb_db_fieldName[contenteditable="true"]:focus{
	 border-color: #4b9ddc!important;
	 box-shadow: 0 0 3px #11969f;
 }

.tsk_complete_body .table_toolTip.active{ position:absolute; }



.completeTskMainTooltip{ position: fixed; top: 40%; margin-bottom:0px; left: 40%; background: #000; color: #fff; text-indent: 0px; font-size: 12px;  border-radius: 5px; width:230px; border: 1px solid #000;    font-style:normal; display:none; z-index:9999; 
margin-top: -7px;}
.completeTskMainTooltip.active { display:block;}

.completeTskMainTooltip:after { content: ''; width: 0px; height: 0px; position: absolute; border-right: 6px solid transparent; border-left: 6px solid transparent;
border-bottom: 7px solid #000; right: 5px; top: -7px; margin-top: 0px; } 
.completeTskMainTooltip small{ font-size:13px;  max-height:200px; overflow:auto; display:block;  padding: 10px 10px;   word-wrap:break-word; } 

.task_pro_leftBar .tooltip.popbottom{ bottom: inherit; left: initial; right:0px; top: 100%; margin-bottom: 0px; margin-top: 10px; min-width: 100px;  } 
.task_pro_leftBar .tooltip.popbottom:after{ top: -18px; border-left: 1px solid transparent; left: initial; right:5px; 
border-right: 7px solid transparent;
border-bottom: 11px solid #000;
border-top: 7px solid transparent;  }


.tHead_infoIcon.popupTooltip_icon.EntDesFormHeadTip{ display:none !important; }
.dataTables_paginate .disabled span{ opacity:0.5; pointer-events:none;}



/*.task_participated_header ::-webkit-input-placeholder {
  color:#1d1d1d; opacity:1;
}

.task_participated_header :-moz-placeholder { 
  color:#1d1d1d; opacity:1;
}

.task_participated_header ::-moz-placeholder { 
  color:#1d1d1d; opacity:1;
}

.task_participated_header ::-ms-input-placeholder {  
  color:#1d1d1d; opacity:1;
}
.task_participated_header :-ms-input-placeholder {
   color: #1d1d1d; opacity:1; 
}*/


.dp_assignUsr_mob{ display:none !important; }

.commentAvatarPlaceholder {
    width: 30px;
    display: block;
    height: 30px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    border: 1px solid #eef0f5;
    border-radius: 50%; color:#fff; 
}

.wrdTemp_edit_preview{ position:relative; }
.wrdTemp_edit_preview input{  position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; cursor: pointer; opacity: 0;}




.hsGroupRole{ display:none; }


.tskHdngHasDotecCircle{ position:relative; padding-left:20px !important;  }
.tskHdngHasDotecCircle:before{ width:6px; height:6px; border-radius:50%; content:""; position:absolute; left:0px; top:12px; border:3px solid #757575; }

 .tskHdngHasDotecCircle {
	 position: relative;
	 padding-left: 20px !important;
	 padding-top: 10px;
	 padding-bottom: 10px;
 }


.email_event .form_heading{ padding-top:10px; padding-bottom:10px; }
.bjs-powered-by{ display:none !important; }
.tskHdng_set_e_contt{ margin-left:-15px; }
.padTop0{ padding-top:0px !important; }
.tsk_attachedSlctTsk_note span{ font-size:12px !important; }




.select2-results__options li{ width:100% !important; display:block !important; font-size:16px !important; }


.selectbox_dropdown_srch_new{ padding:4px; }


.has_default_text .selectbox_span{ color: #a5adba; }

.customSearchAble_dropdown{
    padding-right: 0px;
    padding-left: 0px; background-color:#fff !important;
    background: url(../../images/search_select_icon.png) no-repeat left 15px center !important;
    background-size: 13px auto !important;
}
.customSearchAble_dropdown .selectbox_span{     padding-left: 34px !important; }
.customSearchAble_dropdown .form_field input{ border-radius:0px !important; background:none !important; }

.dismiss_goBtn { display:none !important; }



 .selectbox_dropdown.selectbox_dropdown_searchable{ max-height:none; }

 .selectbox_dropdown .search_dropdown_scroll{  max-height:200px; overflow-x:hidden; overflow-y:auto; min-height:60px; }
 
 .dropdown_has_minHeight .search_dropdown_scroll{ min-height:200px; }
 .dropdown_has_minHeight .search_dropdown_scroll ul{ min-height:150px; }
 .tableName_content .dropdown_has_minHeight .search_dropdown_scroll{ padding-bottom:15px; }
 
 
 
 
/****************document viwer style********************/
.docs_viewer_body{ background: rgba(38,38,38,0.9); border:0px none !important; }
.docs_viewer_body .task_right_content_inner{ background: rgba(38,38,38,0.0); border:0px none !important;  }
.header.docsViewer_header{ background: rgba(38,38,38,1) !important; }
.docsViewer_header .headerRight{ background: rgba(38,38,38,0.0) !important; }
.docs_viewer_body .leftBar_detail{  background:#454545;  }
.edocsView_right_content .task_right_content_inner { width: 100%; /*overflow-y: auto; max-height: calc(100vh - 54px); min-height: calc(100vh - 54px); position: relative; -webkit-overflow-scrolling: touch;*/  }
.docsView_top_right{ width:225px; display:table-cell; vertical-align:middle; padding-right:20px;  }
.docsView_top_right ul{ float:right; }
.docsView_top_right ul li{ float:left; padding-left:20px; }
.docsView_top_right_icon{ width:30px; height:30px; display:block; }
.docsView_download{ background:url(../../images/downlod_white.png) no-repeat center center; background-size:auto 18px ;   }
.docsView_close{ background:url(../../images/close_white.png) no-repeat center center; background-size:auto 18px; }
.docsView_print{ background:url(../../images/docsView_print.png) no-repeat center center; background-size:auto 18px; }
.docs_lb_thumbs{ width:100%; padding:10px;  }
.docs_lb_thumbs ul li{ padding-bottom:15px; }
.docs_lb_thumbs ul li span{ width:100%; display:block; cursor:pointer; border:2px solid #fff; }
.docs_lb_thumbs ul li:hover span{ border-color:#36a7c4; }
.docs_lb_thumbs ul li.active span{ border-color:#8cc63e; }
.edocsView_content{ width:100%; /*max-width:1000px;*/ margin:auto; text-align:center; }
.edocsViewer_big_li{ width:100%; margin: auto; padding:20px 20px 20px 20px !important;   display: flex !important;vertical-align: top !important;align-items: center !important;justify-content: center;min-height: calc(100vh - 80px) !important;  margin-top:20px !important;}
.edocsViewer_big_li:first-child{  margin-top:0px !important; }
.edocsViewer_big_row{ width:100%; }
.edocsViewer_big_img{ width:100%; display:block; }
.edocsViewer_big_img img{ display:block; max-width:none; width:100%; }

.type_jpg .edocsViewer_big_li{ max-width:60%; margin:auto; box-shadow:none; }


.docsView_top_left{ width:70%; display:table-cell; vertical-align:middle; padding:0px 20px;  }
.docsView_top_left ul{ text-align:center; font-size:0px;  }
.docsView_top_left ul li{ display:inline-block; vertical-align:top; font-size:14px;  }
.edocsView_zoomInn{ background:url(../../images/audit_icon12.png) no-repeat center center; background-size:auto 20px; }
.edocsView_zoomOut{ background:url(../../images/audit_icon13.png) no-repeat center center; background-size:auto 20px; }

.docsView_top_zoomSel_parent{ position:relative; padding:0px 20px; }
.docsView_top_zoomSel_parent select{ padding:5px 20px 5px 5px; width:100px; color:#fff; line-height:20px;  background-color:rgba(38,38,38,1)  !important;   text-align:center; background:url(../../images/downarow_white.png) no-repeat right 5px center; background-size:10px auto ;}


.edocs_top_zooms_devider{ padding-left:20px; margin-left:20px;   position:relative; }

.edocs_top_zooms_devider:after{ content:""; width:1px; height:16px; background:#fff; position:absolute; left:0px; top:50%; margin-top:-8px; }


.edocsView_nextPrev_main{ position:relative; padding:0px 40px; }
.edocsView_nextPrev_main a{ position:absolute; left:0px; top:0px; }
.edocsView_prevImg{ background:url(../../images/prev_icon.png) no-repeat center center; background-size:12px auto ; }
.edocsView_nextPrev_main a.edocsView_nextImg{ background:url(../../images/next_icon.png) no-repeat center center; background-size:12px auto ; left:initial; right:0px; }

.edocsView_nextPrev_text{ line-height:30px; color:#fff; text-align:center;  min-width:100px; }
.edocsView_nextPrev_text em{ font-style:normal; }
.edocsView_nextPrev_text small{ font-style:normal; padding:0px 6px; font-size:14px;}


.docs_viewer_body .header_inner{ padding-left:225px !important; }
.docs_viewer_body .headerLeftBar{ max-width:250px; }
.docs_viewer_body .left_bar{ width:90px; }
.docs_viewer_body .wrapper{ padding-left:0px; }
/*.docs_viewer_body .open_left_menu{ padding-left:225px; }*/

/*.edocsView_content_inner{ overflow:auto; -webkit-overflow-scrolling: touch;  }*/


.docsViewer_leftBar .leftBar_detail{ overflow:hidden; }
.docsViewer_leftBar .leftBar_detail:hover{ overflow-y:auto; }

/****************document viwer style********************/
 
 
/* width */
.left_bar ::-webkit-scrollbar {
  width: 8px;  height: 8px;
}

/* Track */
.left_bar ::-webkit-scrollbar-track{
  background: #f1f1f1; 
}
 
/* Handle */
.left_bar ::-webkit-scrollbar-thumb{
  background: #cdcdcd;   opacity:0.9; 
}

/* Handle on hover */
.left_bar ::-webkit-scrollbar-thumb:hover{
  background: #cdcdcd; opacity:1; 
}


 .datepicker_icon,  .mobi_datepicker_field {  padding-right:35px !important; background:url(../../images/calender_icon.png) no-repeat right 10px center !important; background-size:18px auto !important; }
 
 
 
  body{  padding-top: constant(safe-area-inset-top);  padding-top: env(safe-area-inset-top);}
  
.edocsView_content_inner{ transform-origin: left 0px;  }  
  
  
  .mbsc-textfield-wrapper{ margin:0px !important; }
   .mbsc-textfield-wrapper input{ width:100% !important; display:block !important; font-size:14px !important; line-height:20px !important; color:#1d1d1d !important; padding:10px 35px 10px 10px !important; background-color:#fff !important; border:1px solid #d2d2d2 !important; border-radius:4px !important; transition:all 0.3s ease-in-out !important; -webkit-appearance:none !important; height:auto !important; }

   .mbsc-textfield-wrapper input:focus, .form_field input.mobi_datepicker_field:focus, .form_field input.datepicker_icon:focus { border-color: #d2d2d2!important; box-shadow:0 0 0px transparent; }

.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text{ border-color: #8ac53e  !important ;
    background: #8ac53e  !important; color:#fff !important;}  
	
	

.mbsc-calendar-cell  div{ visibility:hidden; }
.mbsc-calendar-cell  .mbsc-calendar-cell-inner{ visibility:visible; }
.mbsc-calendar-cell  .mbsc-calendar-cell-inner div{ visibility:visible; }

.mbsc-ios.mbsc-popup-header{ padding-left:15px !important;   font-size: 14px; line-height: 1.7em !important; padding-right:15px !important;}

.mbsc-popup-button-close{ opacity:0 !important; visibility:hidden !important; }
 

.mbsc-popup-wrapper{ z-index:99999999 !important; }

.mbsc-ios.mbsc-popup-button-close.mbsc-ltr{ float:none !important; }
  
  .mbsc-ios.mbsc-popup-round .mbsc-popup{ width:100%; max-width:330px !important; }
  
.mobi_datepickerBox_title br{ display:none !important; }  
.mobi_datepickerBox_title{ width:100%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }  
.mobi_datepickerBox_title div{ display:none; }

.mbsc-font{ font-family: 'Lato', sans-serif !important; font-weight:600 !important;  }



/****cstm dropdown updates******/

.cstm_dropdown_open:after { /*content:"";width:100%;height:100%;position:fixed;left:0px;top:0px; z-index: 999999; background:rgba(0,0,0,0.50);*/}
.is_table_dropdown_open:after{content:"";width:100%;height:100%;position:fixed;left:0px;top:0px; z-index: 999999;}
.cstm_dropdown_open .frmBuilderContentScrollable, .cstm_dropdown_open .task_right_content { z-index:initial !important; }
.cstm_dropdown_open .selectbox_dropdown{ z-index: 9999999999 !important; min-width:300px;   }
.cstm_drpdown_header{ display:none; }

.cstm_dropdown_open .all_popup, .cstm_dropdown_open .task_allPopup{ z-index: 9999999 !important; }
.cstm_dropdown_open .all_popup:after, .cstm_dropdown_open .task_allPopup:after {content:"";width:100%;height:100%;position:absolute;left:0px;top:0px; z-index: 999999; /*background:rgba(0,0,0,0.50);*/ cursor:pointer;}


.header_svCopy_dropdown_small .selectbox_dropdown { min-width: 185px !important;left: inherit !important;right: 0px !important;position: absolute !important;   -webkit-transform:translate(0% , 0%); transform:translate(0% , 0%); top:100% !important; }

.cstm_dropdown_open .selectbox_dropdown.show_top{ bottom:initial !important;}

.cstm_drpdown_header{   }
.cstm_drpdown_header_inner{ padding:8px 74px 8px 10px; width:100%; position:relative;   border-bottom:1px solid #d2d2d2 ; }
.cstm_drpdown_header_inner p br{ display:none !important; }  
.cstm_drpdown_header_inner p{ width:100%; display:block !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#000 !important;  font-weight:600 !important; text-align:center; font-size:16px !important; line-height:1.5em !important;  }  
.cstm_drpdown_header_inner p div{ display:none; }

.cstm_drpdown_header_cancel{ display:inline-block; vertical-align:top; width:auto; position:absolute; right:4px; top:0px; color:#36a7c4; font-size:16px; line-height:1.5em; font-weight:600;  padding:8px 10px 8px 10px }


.selectbox_dropdown .selectbox_dropdown_srch_new input.srch_from_dropdown_field, .form_field.selectbox_dropdown_srch_new input, .selectbox_dropdown .selectbox_dropdown_srch input, .selectbox_dropdown .form_field input.tsk_field_small{ padding-top:5px; padding-bottom:5px; height:32px; font-size: 14px; padding-right: 30px !important; background: url(../../images/stepUser_searchIcon.png) no-repeat right 10px center !important; background-size: 10px auto !important; background-color:#f7f6f6 !important; border-radius: 4px !important; }

.selectbox_dropdown .selectbox_dropdown_srch_new , .selectbox_dropdown_srch{ border-bottom:1px solid #d2d2d2 ; }

.tskIns_dropdown_loadMore{ padding:10px; }


.dropdown_not_search_field{ display:none !important; }

.cst_drp_down_empty .cstm_drpdown_header_inner{ display:none !important; }
.docs_viewer_body  .p1-imAd9fmO-page{ margin:0px !important; }
 .selectbox_dropdown_searchable .tsk_field_small::placeholder {color:#a5adba; }
 
 
 
 
 
 
 

.header_svCopy_dropdown_small .selectbox_dropdown{ overflow:initial !important; }
.option_has_dropdown{ position:initial !important;}
.option_has_dropdown a, .entDetail_svCopy_dropdown_small ul li.option_has_dropdown a{ display:block; position:relative; padding-left:30px !important;   }
.option_has_dropdown a:after{ width:30px; height:100%; content:""; background:url(../../images/pd_left_arrow.png) no-repeat center center; background-size:8px auto; position:absolute; left:0px; top:0px;  transition:all 0.175s ease-in-out;    }

.option_subDropdown{ position:absolute; right:100%; top:30px; min-width:120%; display:none; background: #fff;  border: 1px solid #e8ebf2; border-radius: 4px; max-height:220px; overflow:auto; box-shadow: 0px 0px 8px 0px rgb(145 145 145 / 50%);  }

.entDetail_svCopy_dropdown_small ul li.option_has_dropdown a{ padding-left:8px !important; padding-right:30px !important; }
.entDetail_svCopy_dropdown_small .option_has_dropdown a:after{ left:initial; right:0px; background: url(../../images/pd_right_arrow.png) no-repeat center center; background-size:8px auto;}

.option_has_dropdown li a:after{ display:none; }
.option_has_dropdown li a, .entDetail_svCopy_dropdown_small ul li.option_has_dropdown li a{padding-left:10px !important;  }

.option_has_dropdown.active .option_subDropdown{ display:block; }

 
 
 
.selectbox_edit_field_icon{ width:calc(100% - 40px); position:relative; }
.selectbox_edit_field_icon.selectbox:before{ display:none; }
.customSearchAble_dropdown.selectbox_edit_field_icon{ background:none !important; }
.selectbox_edit_field_icon .selectbox_span{ position:absolute; right:-40px; top:0px; padding:0px !important;  width:40px; height:40px; background:url(../../images/stepUser_searchIcon.png) no-repeat right center; background-size:20px auto !important; cursor:pointer; display:block; font-size:0px !important; }
.selectbox_edit_field{ width: 100%;  display: block;  font-size: 14px; line-height: 20px;  color: #1d1d1d;  padding: 10px 20px 10px 10px; position: relative; z-index: 1; font-weight: 400; height: 42px;}
 
 .nav_mob_hide_menu{ display:none; }
 
 
 
  
.empty_company_name_popup.small_popup .popup_auto{ max-width:500px;}
.empty_company_name_popup .popup_header_left ul li strong{ color:red;  }
.empty_company_name_popup .form_heading strong{ display:block; font-weight:400; text-align:center; padding:10px 0px; }
.empty_company_name_popup .taskView_process_save_main ul{ text-align:center !important;  padding-bottom:10px !important;}
 .empty_company_name_popup .pull_right_buttons ul li{ padding:0px !important; }
 
.empty_company_name_popup.small_popup .all_popup_header{ padding:0px; }



.cstm_selectbox_clear{width:30px; height:100%;  background:url(../../images/close_grey.svg) no-repeat center center; background-size:15px auto;  transition:all 0.175s ease-in-out; position:absolute; right:20px; top:0%;  cursor:pointer; z-index:22; display:block; }
.has_default_text .cstm_selectbox_clear{ display:none; }





 .back_blk_re_assigin{ position: absolute; left: 0px; top: 0px; width:30px; height:30px; display:block; background:url(../../images/lrn_backArrow.png) no-repeat center center; background-size:18px auto; }

.stp_blk_inner { position: relative;  }
.stp_blk_inner h4{ padding-left: 36px ;  }
.stp_blk_condition_box { max-width: 1200px; margin: auto; padding: 20px; border: 1px solid #d2d2d2;  }
.stp_blk_condition_box li { width: auto !important;  }
 .stp_blk_condition_box .task_conditions_list { width: 100% !important;  }
.stp_blk_condition_box .task_conditions_dlt_addBtns ul li{ float:left !important; padding-left:10px !important; }
.stp_blk_condition_box .task_conditions_dlt_addBtns ul li:first-child{ padding-left:0px !important; }
.stp_blk_condition_box .stp_set_user h3 { padding-bottom: 20px;
	 font-size: 16px;
	 line-height: 1.5em;
	 color: #757575;
	 font-weight: 700;
 }

 .headerLeftBar{ overflow: initial !important;}
.lb_logo_has_company { padding-left: 70px !important; }
.t_company_section { position: absolute; left: 44px; }
 .t_company_section .selectbox{ background: none !important; border: 0px none !important;}
 .t_company_section .selectbox_dropdown{ min-width: 250px;}

 .t_company_section .selectbox_saveClick{ opacity: 0;}
 .t_company_section .selectbox::before{  color: #fff;  font-size: 22px;  padding: 5px 0px;  }

 .t_company_section .eList_crtNew_mob_close{  display:none; }

 .editable_selectbox .selectbox_dropdown_srch_new{ display:none !important; }