@charset "UTF-8";
/***** Base *****/
* {
  box-sizing: border-box;outline:none !important;
}
a{
  text-decoration:none !important;
}
ul{margin:0px;list-style:none;padding:0px;}
body {
  background-color: #FFFFFF;
  color: #333333;
  font-family: "Graphik" !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.container-fluid{margin:0px !important;}

.main-container {min-height: 100vh;display: -webkit-box;display: flex;
-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;position: relative;}

.global-header {position: relative; display: -webkit-box; display: flex;
  -webkit-box-pack: justify;justify-content: space-between;background-color: white;
 box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);padding:0 !important;min-height:96px;z-index:5; }
  
.global-header > .row {width: 100%; }
.global-header .brand-section .toggler{display:none;}
.brand-section {display: -webkit-box;display: flex;
-webkit-box-align: center; align-items: center;-webkit-box-pack: center;justify-content: center;height: 100%; }
  
.brand-section > .row {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between; }
.global-header .brand-section{width:120px !important;background:linear-gradient(338deg, #01bbff, #7b68ee);}
.global-header .brand-section a {background:#fff;border-radius:50%;width:70px;height:70px;display:flex;
align-items:center;justify-content:center;}
.brand-section .main-logo img {max-height:40px;width:auto;position:relative;left:4px; }
.brand-section .toggler {margin-right: 16px;padding: 0; }
.brand-section .toggler i {font-size: 24px;color: #53636a; }
.global-header .search-and-user{display:flex;-webkit-box-pack:justify;justify-content: space-between;
height: 100%;width:calc(100% - 120px);padding: 0 30px;-webkit-box-align:center;align-items: center;}
.toggler.m-search-toggle{display:none;}
.eep_search-box{width:50%;}
.eep_search-box input,.eep_search-box input:focus{font-size:16px;border:none;width:100%;height:34px;outline:none;}
.eep_search-box .search::before{content:"\f002";position:relative;font-family:"Font Awesome 5 Pro";color:#979797;
font-size:22px;padding-right:8px;}
.eep_search-box .search{display:flex;align-items:center;}

button.btn--topbar,button.btn--topbar:hover, button.btn--topbar:focus, button.btn--topbar:active{background-color:#7B68EE;border-color:#7B68EE;color: #fff;box-shadow:none;border-radius:30px;padding:6px 20px;outline:none;}
.dropdown-toggle::after{color:#fff;}

#user .dropdown-toggle:after {display: inline-block;margin-left: 5px;font-family: "Font Awesome 5 Pro";font-size: 12px;font-weight: 900;line-height: 1.5;color: inherit;content: "\f107";border: none;padding-top:4px;}
#user-avatar{width:40px;height:40px;border-radius:50%;}
#user-name{font-weight:bold;color:#4f4f4f;}
#user .dropdown-toggle:focus,#user .dropdown-toggle:active{box-shadow:none;}

.main-container .main-content{display: flex;display:-webkit-box;-webkit-box-flex: 1;flex-grow: 1;}
.main-container .main-content > .row{-webkit-box-flex:1;flex-grow:1;width:100%;}
.main-container .main-content > .row .col-md-1, .main-container .main-content > .row .col-md-11{height:100%;padding:0px;}
.main-content .main-navigation{position:static;width:120px;z-index:1;background:#212529;}
.main-navigation nav{display:flex;flex-direction:column;align-items:center;}
.main-navigation .navigation-mobile-header{display:none;}
.main-content .page-specific-content{width:calc(100% - 120px);background-color:#e9ecef;}
.page-specific-content main{height:100%;}
.main-navigation nav a{display:flex;flex-direction:column;color:#fff;font-size:12px;padding:18px 15px;border-left: 2px solid transparent;text-align:center;text-decoration:none;width:100%;position:relative;}
.main-navigation nav div{width:100%;}
.main-navigation nav a:hover{background-color: rgba(0, 0, 0, 0.35);border-left: 2px solid #01bbff;cursor:pointer;}
.main-navigation nav .active a{border-left: 2px solid #01bbff;}
.main-navigation nav a strong{font-weight:400;}
.main-navigation nav a i{font-size:30px;margin-bottom:10px;}

section.home-main-content{padding:20px;}
/*footer*/
.main-footer .row{display:flex;align-items:center;padding:20px 15px;}
.main-footer a{color:#53636a;margin-right:20px;font-weight:500;}
.main-footer a:hover,.main-footer a:visited,.main-footer a:focus{color:#53636a;}
.main-footer .modal-footer a,.main-footer .modal-footer a:hover,.main-footer .modal-footer a:visited,.main-footer .modal-footer a:focus{color:#fff;border-radius:0px 0px 6px 6px;}
.main-footer .modal-footer{border:none;}
.footer-navigation{text-align:right;display:block!important;}
.hometitlewrap{width:100%;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;padding-top:20px;}
.hometitlewrap h3{margin:0px;}
.homemain_title{float:left;color:#333436;font-weight:bold;font-size:28px;}
.v_all{float:right;color:#53636a;font-weight:500;}
/*Latest news starts here*/
.latest-news__cols{display:flex;flex-wrap:wrap;}
.latest-news__cols .latest-news__col{width:50%;}
.latest-news-item.index0{border-radius:6px;box-shadow: 0 2px 35px 0 rgba(0, 0, 0, 0.25);height:calc(100% - 30px);
margin-right:20px;background: #01bbff;background: linear-gradient(to bottom, #01bbff 0%,#2299D9 100%); color:#fff; padding:18px;  display:-webkit-box;display:inline-block;margin-bottom:15px;}
.latest-news__list{display:flex;flex-wrap:wrap;padding:0px;}
.latest-news__list .latest-news-item{width:calc(50% - 10px);display:inline-block;float:left;
margin:0;margin-bottom: 15px;background-color:#fff;padding:20px;border-radius: 6px;
box-shadow: 0 2px 35px 0 rgb(221 221 221 / 25%);}
.latest-news__list .latest-news-item:nth-child(odd){margin-right:15px;}
.latest-news-item__button a{display:inline;border:none;padding:10px 30px;font-size:16px;vertical-align:top;
font-family:"Graphik";line-height:16px;font-size:16px;line-height:16px;background-color:#fff;
border-radius:30px;color:#7B68EE;font-weight:500;}
.latest-news-item__button i{position:relative;top:1px;}
.latest-news-item.index0 .meta{color:#fff;opacity:0.7;font-size:14px;font-family:"Graphik"; padding-bottom:1%;font-weight:500;}
.latest-news-item__title{font-family:"Graphik";font-size:18px;color:#333436;letter-spacing:-.3px;font-weight:bold;}
.latest-news-item__summary{color:#53636a;line-height:18px;font-size:14px;font-family:"Graphik";}
.latest-news-item.index0 .latest-news-item__title{color:#fff;font-family:"Graphik";font-size:30px;padding-bottom:5px;
font-weight:bold;}
.latest-news-item.index0 .latest-news-item__summary{font-size:18px;line-height: 22.5px;
  letter-spacing: -.3px;color:#fff;font-family:"Graphik",;padding-bottom:20px;}
.latest-news-item a{color:#53636a;}
.latest-news-item a:hover{color:#53636a;}
/*Latest news ends here*/
/*Upcoming Events CSS starts here*/
.Eventsouterwrapper{float:left;width:100%;}
.Event-item{display:block;background:#fff;border-radius:8px;box-shadow:0 2px 35px 0 rgba(0, 0, 0, .1);padding:15px 15px 10px 15px;margin-bottom:20px;transition:transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s}
.Event-item:hover{transform: scale(1.01);}
.Event_calender{border-radius:5px;background-color:#fff;text-align:center;
margin-right: 10px;width:70px;float:left;}
.Event_calender .Event_month{color:#fff;font-weight:500;background-color:#7b68ee;padding:6px;
  border-radius:5px 5px 0px 0px;text-transform:uppercase;font-size:12px;border:solid 1px #7b68ee;}
.Event_calender .Event_date{font-size:20px;color:#000;padding:10px 0px 10px 0px;text-align:center;font-weight:bold;
border:solid 1px #dce2e7;border-radius:0px 0px 5px 5px;}
.Event_summary{color:#53636a;font-size:14px;}
.Event_summary div{margin-bottom:4px;}
.Event_title{font-weight:500;font-size:18px;}
/*Upcoming Events CSS ends here*/
/*L1 and L2 starts here*/
.menu-block{background:#fff;position:absolute;height:100%;width:100%;z-index:4;padding:20px;display:none;}
ul.nav-tabs{border:none;}
ul.nav-tabs li a{color:#7b8e98;font-size:16px;font-weight:500;border:none;border-bottom:5px solid transparent;margin-right:15px;} 
ul.category-tab-links li a{padding:10px 0px;}
ul.category-tab-links li a{margin-right:25px;}
ul.nav-tabs li a.active,ul.nav-tabs li a:hover{background:none;border:none;border-bottom:5px solid #7b68ee;border-radius:2px;}
ul.nav-tabs li.active a,ul.nav-tabs li.active a:focus,ul.nav-tabs li a:hover,ul.nav-tabs li.active a:hover{background:none;border:none;border-bottom:5px solid #7b68ee;border-radius:2px;}
.sectionwrapper{display:flex;flex-wrap:wrap;}
.section-list__item{padding:20px 20px 0px 20px;min-width:23%;}
.Section_title{font-weight:500;font-size:16px;padding-bottom:5px;}
.articles-list_item{margin-bottom:3px;}
.articles-list_item p{margin:0px;}
.articles-list_item a{letter-spacing:.1px;color:#7b68ee;}
#formspane{margin-top:20px;}
/*L1 and L2 ends here*/
/*breadcrumbs style starts here*/
.breadcrumbheader{padding:15px 30px 0;background:#fff;}
.nobackground{background:transparent;}
.breadcrumbheader.nosubs{padding:15px 30px 30px 30px;}
.breadcrumbs{list-style:none;padding:0px;font-size:12px;}
.breadcrumbs li{display:inline;font-weight:500;}
.breadcrumbs li a{color:#7b68ee}
.breadcrumbs li + li::before {content: ">";margin: 0 4px;}
.breadcrumb-title{font-size:24px;margin:0px;}
.Breadcrumbcountry{font-size:14px;margin:10px 0px;}
.Breadcrumbdesc{font-size:16px;width:50%;}
.MomentsHeaderSection .Breadcrumbdesc{font-size:16px;width:100%;}
.breadcrumb-taps{display:flex;margin:0;background-color:#ffffff;padding:0;}
.breadcrumb-taps.sub-taps{background:transparent;margin-bottom:15px;}
.breadcrumb-taps .nav-item a{background-color:transparent;padding:15px 0px;color:#53636a;font-weight:500;margin-right:40px;position:relative;}
.breadcrumb-taps .nav-item li.active a{color:#333;}
.breadcrumb-taps .nav-item[aria-selected="true"] a{color:#333;}

.breadcrumb-taps .nav-item a:hover,.breadcrumb-taps .nav-item a:focus{background:transparent;}
.breadcrumb-taps .nav-item a:after {content:"";height: 5px;background-color:#7b68ee;display: block;
border-radius: 3px 3px 0 0;position: absolute;bottom: 0;right: -3px;left: -3px;opacity: 0;
  -webkit-transition: all 0.3s;transition: all 0.3s;}
.breadcrumb-taps .nav-item.active a:after,.breadcrumb-taps .nav-item[aria-selected="true"] a:after,.breadcrumb-taps .nav-item:hover a:after{opacity: 1;color:#333;}
/*breadcrumbs style ends here*/
/*tabbody styles starts here*/
.body-list{padding:24px 30px;}
.card-list-item{position:relative;padding:20px 16px 20px 20px;background-color:#fff;display:block;margin-bottom:15px;overflow:hidden;transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;}
.card-list-item:before{content: "";width: 8px;position: absolute;left: 0;top: 0;bottom: 0;overflow: hidden;}
.card-list-item:hover{transform: scale(1.01);}
.card-list-item[data-color="blue"]:before{background-color: #7b68ee;}
.cards-list > * {border-radius: 8px;border: 1px solid #dce2e7;}
.card-list-item .title{font-size:18px;color:#333;font-weight:500;}
.card-list-item .createdAt{float:right;color:#53636a;font-size:12px;font-weight:500;}
.card-list-item .body{color:#53636a;line-height:19px;max-height:40px;overflow:hidden;margin-top:10px;}
a.cardttitle{color:#53636a;text-transform: uppercase;font-size:16px;padding:12px 4px;display:inline-block;font-weight:500;}
a.cardttitle i{padding-right:8px;transition:all 0.3s ease;position:relative;}
a.cardttitle:hover,a.cardttitle:focus,a.cardttitle:active,a.cardttitle:visited{color: #53636a;}
a.cardttitle[aria-expanded="true"] i{transform:rotate(90deg);top:5px;}
/*tabbody styles ends here*/ 
/*My Document*/
.request-sidebar{font-family:"Graphik";font-size:14px;font-weight:500;}
.request-sidebar dt{font-family:"Graphik";margin-top: 10px;color:#7b68ee;font-weight:500;}
.request-sidebar dd{padding:0px;margin:10px 0px 0px 0px;margin-bottom:calc(18px * 1.5 / 2);color:#53636a;}
.request-sidebar .list-unstyled.attachment-list{display:none;}
.request-table-filters input,#myInput{width:320px;height:40px;padding:8px 12px;border-radius:4px;border:1px solid #ccc;box-shadow:none;margin-bottom:20px;}
.request-table-filters__item select{height:40px;padding:8px 12px;border-radius:4px;border:1px solid #ccc;box-shadow:none;}
.myticketitem{font-weight:500;color:#333;}
.myticketitem a:hover,.myticketitem:hover,.myticketitem:focus{color:#333;}
#todo .myticketitem{cursor:pointer;}
#mydoc a{font-weight:500;color:#333;}
.myticketitem span,#mydoc span{margin-right:15px;}
.myticketitem label{color:#7b8e98;padding-right:10px;font-weight:500;}    
#mydoc label{color:#7b8e98;padding-right:10px;font-weight:500;} 
.downloadico{font-size:40px;color:#7b68ee;right:20px;position:absolute;top:25%;}
.downloadico i{font-weight:500;}
.docclick,.ccclick{cursor:pointer;}
.todo_icon{position:absolute;right:10px;top:30%;}
.todo_icon i{font-size:36px;color:#7b68ee;}
/*my Request*/
.my-activities-item{display:flex;align-items:center;}
.my-activities-item__icon i{font-size:36px;margin:0px 15px 0px 5px}
.my-activities-items-my-requests .ticsubperson_cc{display:none;}
.myticketitem{width:100%;}
.ticupdated{float:right;font-size:12px;font-weight:400;}
.cards-list .card-list-item.status-open:before{background-color:#7b68ee;}
.cards-list .card-list-item.status-open i{color:#7b68ee;}
.cards-list .card-list-item.status-answered:before{background-color:#f58430;}
.cards-list .card-list-item.status-answered i{color:#f58430;}
.cards-list .card-list-item.status-solved:before{background-color:#78ba41;}
.cards-list .card-list-item.status-solved i{color:#78ba41;}
.ticstatus{text-transform:capitalize;font-weight:500;}
.ticstatus i{font-size:18px;padding-right:5px;position:relative;top:2px;}
.ticstatus.open{color:#7b68ee;}
.ticstatus.answered{color:#f58430;}
.ticstatus.solved{color:#78ba41;}
.ticdetails{margin-top:2px;}
.ticdetails span{margin-right:15px;}
.ticdetails span label{color:#7b8e98;padding-right:10px;font-weight:500;}
span.statustxt{text-transform:capitalize;}
.ticketdetailwrap .ticdetails{padding:10px 0px 20px 0px;}
.request-table-filters{display:flex;justify-content:space-between;flex-wrap:wrap;}
.request-table-filters label{font-weight:500;margin-right:15px;}
.ticketdetailwrap .ticid{font-size:20px;font-weight:bold;display:inline-block;}
.pagination{float:right;}
.pagination *{display:inline-block}
.pagination li{float:left;width:30px;height:30px;color:#333;margin-left:5px;display: flex;align-items: center;justify-content: center;border-radius:50%;font-weight:500;}
.pagination ul{list-style:none;padding:0px;margin:0px;}
.pagination li a{color:#333;font-size:14px;}
.pagination li.pagination-current{background-color:#7b68ee;}
.pagination li.pagination-current span{color:#fff;}
.ticketdetailright{background:#fff;}
.ticket_detail_wrap{display:flex;height:100%;}
fieldset.border.p-2{margin-bottom:20px;font-weight:500;color:#53636a;}
.form2>p,.comment-form__body > p,.heading_progress,.heading_comment,fieldset legend.w-auto{font-weight:500;font-size:18px;border:none;}
.heading_comment,fieldset legend.w-auto{margin-bottom:20px;}
fieldset hr{margin:3px;border-top:none;}
.ReqDescription{float:left;width:100%;}
.comment-form__avatar,.entry-info__avatar{float:left;margin-right:20px;}
.comment-form__avatar img,.entry-info__avatar img{width:40px;height:40px;border-radius:50%;}
.comment-form__body{display:inline-block}
.comment-form__body textarea{width:100%;height:100px;resize:none;}
.comment-form__attachments{margin:15px 0px;}
.comment-form__attachments a{color:#333;}
.comment-form__attachments span{color:#53636a;}
.comment-form__controls{margin-bottom:15px;}
.comment-form__controls input[type="submit"],.comment-form__controls input[type="submit"]:hover{padding:10px 20px;border:none;}
.comments__list{padding:0px;margin:0px;list-style:none;}
.comment-form{width:100%;display:flex;flex-direction:column;}
.comment-form__avatar{float:left;margin-right:20px;}
.comment-form__body{float:left;margin-top:15px;}
.comment-form__attachments{float:left;margin:20px 0px;width:100%;}
.entry-info__avatar{float:left;margin-right:10px;}
.entry-info__content{font-family:"Graphik";font-size:12px;font-weight:500;}
.entry-info__content a{color:#7B68EE;}
.comment__body{float:left;width:100%;margin:10px 0px;font-size:14px;font-family:"Graphik";}
.list-unstyled.attachment-list{display:inline-block;margin-bottom:5px;}
.list-unstyled.attachment-list a,.list-unstyled.attachment-list a:hover,.list-unstyled.attachment-list a:visited{color:#7B68EE;}
li.comment .comment__body{margin:5px 0px;}
li.comment .comment__body p{margin-bottom:0px;}
li.comment{float:left;width:100%;border-bottom:1px solid #ccc;padding:10px 0px 5px 0px;}
/*My Dashboard*/
#my_dashboard{display:none;}  
.header_top_wrap{background:#fff;display:flex;justify-content:space-between;padding:0px 30px 10px 30px;}
#head_task_left{width:60%;}
.main_usr{display:flex;justify-content:space-between;}
.detailprogress{margin:30px 0px 10px 0px !important;}
#dash_nav_check{padding-left:15px;}
.taskwrap{margin:10px;width:22.5%;float:left;position:relative;transition:all 0.5s ease;}
.taskwrap:hover{transform: translateY(-12px) translateZ(0) scale(1);}
.taskwrap a,.taskwrap a:hover{display:block;color:#53565a;position:relative;background:#fff;min-height:180px;
border-radius:6px;width:100%;float:left;border:1px solid #f3f3f3;font-family:"Graphik";color:#53565a;font-weight:500;}
.taskinnerwrap{display:block;color:#53565a;position:relative;background:#fff;height: 215px;;
border-radius:6px;width:100%;float:left;padding:15px;
font-family:"Graphik";color:#53565a;font-weight:500;}
.staricon{position:absolute;right:10px;top:0px;color:red;font-size:28px;font-family:"Graphik";font-weight:bold;}
.tasktitle{font-family:"Graphik";font-size:15px;padding-bottom:10px;width: 100%;height: 35%;font-weight:bold;}
.completed_task i,.to_complete_task i{color:#3ac60c;font-size:16px;margin-right:3px;}   
.completed_task,.to_complete_task,.to_notstarted_task,.pending_task{display:flex;align-items:center;margin-top:10px;}
.completed_task span,.to_complete_task span,.to_notstarted_task span,.pending_task span{position:relative;top:-1px;left:5px;}
.ob_to_complete{margin-top:10px;}
.to_notstarted_task i,.pending_task i{color:#dbd400;font-size:16px;margin-right:3px;}
.loa_form_name.pending_task a,.loa_form_name.pending_task a:hover{color:#01bbff;}
.loa_form_name.pending_task a span{display:inline-block;}
.taskdue{font-size:13px;margin-top: 5%;}
.taskdue label{padding-right:5px;}
.taskdue label{color:#53565a;}
.taskicon{margin-bottom:10px;}
.taskicon i{color:#7b68ee;font-size:36px;}
.taskicon.formIcon i:before{content:"\f570";}
.taskicon.signatureIcon i:before{content: "\f573";}
.taskicon.uploadIcon i:before{content: "\f310";}
.taskicon.lockIcon i:before{content: "\f30d";}

.taskicon_Payroll i:before{content: "\f4c0";}
.taskicon_Benefits i:before{content: "\f06b";}
.taskicon_Employee i:before{content: "\f508";}
.taskicon_Laptop i:before{content: "\f109";}
.taskicon_Workspace i:before{content: "\f6c1";}
.taskicon_Logistics i:before{content: "\f0d1";}
.taskicon_Access i:before{content: "\f2c1";}
.round-counter
{
width: 66px;
height: 66px;
display: -webkit-box;
display:flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
position: relative;
border: 5px solid white;
border-radius: 100%;
box-shadow: 0px 0px 20px -7px grey;
}
.round-counter span {
position: absolute;
font-size: 14px;
font-weight: bold;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
font-family:arial !important;
}
.round-counter-info{
font-size: 14px;
font-weight: 500;
padding-top: 10px;
}
.round-counter circle {
width: 100%;
height: 100%;
fill: none;
stroke: #ececec;
stroke-linecap: round;
}
.round-counter circle:nth-child(1) {
stroke-width: 10px;
}
.round-counter.blue circle:nth-child(2) {
stroke: #01bbff;
}
.round-counter.green circle:nth-child(2) {
stroke: #7ec344;
}

//.percentage{position:absolute !important;background:none;width:42px;height:42px;}
.round-counter svg {
transform: rotate(-90deg);
width:63px;
height:63px;
}
.round-counter circle:nth-child(2) {
stroke-dasharray: 169;
stroke-dashoffset: 169;
}
.NJActivitiesDetail,.ChecklistDetail {display: flex;align-items: center;width:200px;}
#preboarding_activities_ob_user,#checklist_activities_ob_user{width:200px;}
#dashboard_details_of_users{display:none;}
#dashboardTable_table thead tr{display:flex;width:100%;}
#dashboardTable_table th{text-align:center;font-weight:500;padding:8px 0px;min-width:14%;
text-transform:uppercase;}
#dashboardTable_table td{min-width:14%;justify-content:center;display:flex;align-items:center;}
#dashboard_record_view {border-radius: 8px;padding:8px 15px;cursor: pointer;background:#fff;margin-bottom:20px;display: flex;transition:all 0.5s ease;}
#dashboard_record_view:hover{transform:scale(1.01);}
.details_name_rec.doc_name {width: 100%;text-align:left;}
.details_name_rec {
font-family: "Graphik";
font-size: 15px;
color: #333;
text-transform: capitalize;
padding: 5px 0px;
font-size: 14px;
}
#name_ob_user{width:250px;text-align:left;padding-left:8px;}
#name_details {width: 250px;height: 100%;float: left;line-height:22px;}
.name_record {color: #333;font-size: 15px;font-family: "Graphik";font-weight:bold;}
.role_record {font-family: "Graphik";font-size: 13px;color: #81939d;}
#email_rec {color: #7b68ee;font-size: 13px;font-family:"Graphik";}
.contact_rec {color: #81939d;font-size: 13px;font-family:"Graphik";}
.location_user {text-transform: capitalize;}

.canvas_dash {
width: 75px;
height: 78px;
font-family: "Graphik";font-weight:500;
border: 6px solid #fff;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
border-radius: 50%;
font-size: 14px;
}
.progress_bar_dash {
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
float: left;
width: 63px;
margin-right: 20px;
}
.bardash_count {
padding-top: 4%;
display: flex;
}
.main_check {
width: 190px;
padding-left: 5px;
}
.checklist {
display: inline-block;
position: relative;
text-align: center;
vertical-align: top;
float: left;
width: 63px;
margin-right: 20px;
}
.checklist_top {
width: 100%;
float: left;
margin-top: -23px;
}
#bar_check {
float: left;
margin-right: 10px;
}
.check_count {
padding-top: 4%;
display: flex;
}

#name_sort{
padding-right: 10px;
}
#strt_dte{
padding-right:10px;
}
#loc_det{
padding-right:10px;
}
/*Pagination*/
.pagination-block{
float: right;
margin-right: 35px;
}
#border_dash {box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15);}
#border_dash ul{padding:0px 30px}
/*Task displayed in details view page*/

.to_complete_task {
font-size: 15px;font-weight:500;
font-family: "Graphik",sans-serif;
white-space: nowrap;
}


.name_rec_db {
text-transform: capitalize;
}


/*Progress Bar In Details View*/
.circled-progress .round-counter {
width: 122px;
height: 121px;
}
.circled-progress .round-counter_progress_view {
float: left;
margin: 0 15px 0 0;
width:122px;
height:121px;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
position: relative;
border: 5px solid white;
border-radius: 100%;
box-shadow: 0px 0px 20px -7px grey;
background: #ffffff;
}
.circled-progress .round-counter_progress_view svg {
width: 110px;
height: 110px;
}
.round-counter_progress_view svg {
width: 110px;
height: 110px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.circled-progress .round-counter_progress_view circle {
stroke-width: 15px;
}
.round-counter_progress_view circle:nth-child(2) {
stroke: #7ec344;
stroke-dasharray: 292;
stroke-dashoffset: 0;
}
.round-counter_progress_view span {
position: absolute;
font-size: 1.375rem;
font-weight: bold;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.circled-progress .round-counter_progress_view span {
font-size: 1.600em;
font-weight: bold;
}
.round-counter_progress_view circle {
width: 100%;
height: 100%;
fill: none;
stroke: #ececec;
stroke-width: 16px;
stroke-linecap: round;
transition: stroke-dashoffset .5s;
stroke-width: 15px;
}
.line-counters {float: left;}
.line-counters > div {
float: left;
width: 100%;
clear: both;
}
#progresBar{
height: 22px;
width: 270px;
}
.line-counters .progresBar {
border: 1px solid #e3eaed;
border-radius: 100px;
padding: 3px;
display: block;
width: 100%;
margin-bottom: 8px;
background: #ffffff;
float: left;position:relative;
}
.line-counters .progresBar .progresBarTrack {
display: inline-block;
width: 98%;
float: left;position:absolute;
}
.line-counters .progresBar .progresBarTrack span {
background: #7ec344;
border-radius: 100px;
height: 15px;
/*width: 85px;*/
display: block;
}
.line-counters .progresBar .count {
font-size: 10px;position:absolute;right:5px;
font-weight: bold;
display: inline-block;
}
.acttitle{font-family:"Graphik";font-size:14px;color:#333436;padding-bottom:2px;}
.checklist-progress{display:flex;align-items:center;}
.checklist-progress .counters-container {
width: 115px;
float: left;
}
.checklist-progress .round-counter circle {
stroke-width: 12px;
}
.checklist-progress .line-counters {
float: left;
width: 225px;
}
checklist-progress .line-counters .progresBar {
border: 1px solid #dfdbd7;
border-radius: 100px;
padding: 3px;
display: block;
width: 100%;
margin-top: 8px;
background: #ffffff;
float: left;
}
.checklist-progress .line-counters .progresBar .progresBarTrack {
display: inline-block;
width: 100%;position:static;
float: left;
}
.checklist-progress .line-counters .progresBar .progresBarTrack span {
background: #42b4ee;
border-radius: 100px;
height: 15px;
width: 85px;
display: block;
font-size: 0rem;
}
.checklist-progress .line-counters .progresBar .count {
font-size: 10px;
font-weight: bold;right:5px;position:absolute;
display: inline-block;top:3px;
}
.round-counter_checklist {
width: 100px;
height: 100px;
background: #ffffff;
}
.round-counter_checklist {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
position: relative;
border: 5px solid white;
border-radius: 100%;
box-shadow: 0px 0px 20px -7px grey;
}
.round-counter_checklist svg {
width: 110px;
height: 110px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.round-counter_checklist circle {
-webkit-transition: stroke-dashoffset .5s;
transition: stroke-dashoffset .5s;
}
.round-counter_checklist circle {
width: 100%;
height: 100%;
fill: none;
stroke: #ececec;
stroke-width: 16px;
stroke-linecap: round;
}
.round-counter_checklist circle:nth-child(2) {
stroke: #42b4ee;
stroke-dasharray: 292;
stroke-dashoffset: 0;
}
.round-counter_checklist span {
position: absolute;
font-size: 1.375rem;
font-weight: bold;
z-index: 1;
left: 0;
top: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
/*Moments that matter*/
.iap-growing-icon-Icon i{font-size:35px;color:#716deb}
.mtm0 i:before{content:"\f70c";}
.mtm1 i:before{content:"\f77d";}
.mtm2 i:before{content:"\f47f";}
.mtm3 i:before{content:"\f6ec";}
.mtm4 i:before{content:"\f0b1";}
.mbreadcrumb{padding:15px 30px 5px 30px;}
.MomentsHeaderSection{background:transparent url('/hc/theming_assets/01HZKT2A0CYDN1GRWZ6GC75893') no-repeat 0 0;
float:left;width:100%;display:inline-block;min-height:250px;background-size:cover;}
.MomentsWelcomeWrapper,.GFWelcomeWrapper{width:54%;float:left;padding:10px 30px;}
.MomentsWelcomeWrapper h2,.GFheading{font-family:'Graphik';line-height:40px;margin-bottom:15px;font-weight:500;}
.MomentsWelcomeWrapper .MTMdesc,.GFdesc{font-size:18px;font-family: 'Graphik';}
div.VirtualWrapper{display:flex;width:100%;justify-content:space-evenly;}
.Virtual_Heading{font-family:"Graphik";font-size:16px;font-weight:500;}
.Virtual_Wrapper_box{float:left;box-shadow:0 2px 35px 0 rgba(0, 0, 0, .1);background-color:#fff;
margin-bottom:30px;width:48%;padding:15px;margin-top:30px;border-radius:6px;}
.chatIcon,.selfserviceIcon{max-width:50px;max-height:50px;}
.clapIcon{width:20px;}
.Virtual_Description{font-family:"Graphik";font-size:16px;float:left;width:100%;color:#666;}
.VirtualButton{border-radius:40px;color:#fff;font-size:14px;float:left;
background:#716deb;font-family:"Graphik";text-align:center;padding:10px 40px;margin-top:10px;}
.btn_pointer{cursor:pointer;} 
.ServiceButton{border-radius:40px;color:#716deb;font-size:14px;float:left;border:2px solid #716deb;
background:#fff;font-family:"Graphik";text-align:center;padding:10px 40px;margin-top:10px;}
.ServiceButton:hover,.ServiceButton:link,.ServiceButton:visited{color:#716deb;}
.MultiCarousel{float:left;width:100%;background:#fff;padding:15px;}
.MultiCarousel .item{float:left;width:25%;padding:1%;transition:all 0.5s ease;}
.iap-growing-icon-Icon{margin-bottom:8px;}
.iap-growing-icon-Title{font-family:"Graphik";font-weight:500;font-size:18px;float:left;width:100%;color:#333;margin-bottom:8px;}
.iap-growing-icon-Desc{font-family:"Graphik";font-size:15px;float:left;width:100%;color:#666;height:65px;overflow:hidden;}
.item:hover {transform:scale(1.05);}
.GFHeaderSection{background:transparent url('/hc/theming_assets/01HZKT14Q6JVG5G3WJZACDP7HN') no-repeat 0 0;
float:left;width:100%;display:inline-block;height:280px;background-size:cover;}
.LLHeaderSection{background:transparent url('/hc/theming_assets/01HZKT1M8T7VP3M40YNBC9WF02') no-repeat 0 0;
float:left;width:100%;display:inline-block;height:280px;background-size:cover;}
.NJHeaderSection{background:transparent url('/hc/theming_assets/01HZKT25WPQXJZBM4SXRHQR9NS') no-repeat 0 0;
float:left;width:100%;display:inline-block;height:280px;background-size:cover;}
.TransferRoleHeaderSection{background:transparent url('/hc/theming_assets/01HZKT26WRAZYJ3J9TWRHYF1MA') no-repeat 0 0;
  float:left;width:100%;display:inline-block;height:280px;background-size:cover;!important}
.RTWMTMHeaderSection{background:transparent url('/hc/theming_assets/01HZKT1EF3BCHQXNGJMF8T0FA2') no-repeat 0 0;
  float:left;width:100%;display:inline-block;height:280px;background-size:cover;!important}
.RTWTINHeaderSection{background:transparent url('/hc/theming_assets/01HZKT18WMZFX96M58M9T8QGPW') no-repeat 0 0;
  float:left;width:100%;display:inline-block;height:280px;background-size:cover;!important}
.GrowingWrapper{padding:10px 0px;float:left;width:100%;}
.GrowingTitle{font-size:24px;}
.GrowingDesc{font-size:16px;font-family: 'Graphik';line-height:22px;}
.GrowingDesc p{margin:20px 0px;}
.GfformWrapper{background:#fff;padding:20px 20px;float:left;width:100%;box-shadow:0 2px 20px 0 rgba(0, 0, 0, .15);position:relative;z-index:1;}
.sectiontwocolumn{clear:left;}
.sectiontwocolumn{margin:0px 0px !important;float:left;width:100%;display:flex;}
.gf_leftwrap{margin:20px 0px;}
.nav-tabs li.subsectab a{font-size:16px;}
.nav-tabs li.subsectab a.active{color:#7b68ee;}
div.subsectabpane{padding:20px 0px;}
.section-articles-item__link .summary{font-size:16px;}
.section-articles-item__link .summary p{margin-bottom:5px;}
.sectiontwocolumn .gf_rightwrap{background:#fff;padding:0px;}
.formbtn,.formbtn:hover{background-color: #fff;
font-family: "Graphik-Medium";font-size: 15px;letter-spacing: -.25px;line-height: 15px;text-align: center;
color: #7b68ee;float: left;border: 2px solid #7b68ee;
padding: 15px 30px;margin-right: 20px;cursor: pointer;border-radius:30px;}
.Secarcwrapper{float:left;width:100%;margin-bottom:20px;}
.secarctitle{float:left;font-size:21px;font-family:"Graphik";font-weight:bold;color:#333;margin-bottom:15px;width:100%;}
.secarcbody{font-size:16px;font-family:"Graphik";line-height:21px;}
.sectabwrapper{clear:left;}
.Faqtitle ,.tasks,.loa_form_tasks{font-family:"Graphik";font-size:18px;color:#333;padding:0px 15px 0px 15px;font-weight:500;}
.taskcompletetitle{font-family:"Graphik";font-size:18px;color:#333;font-weight:500;padding-bottom:5px;}
.Relatedtitle{font-family:"Graphik";font-size: 20px;color: #333;font-weight:bold;}
.Faqbody .ui-accordion .ui-accordion-header{color:#7b68ee;background:none;border:none;font-family:"Graphik";border-radius:0px;margin-bottom:10px;font-weight:500;font-size:16px;}
.Faqbody .ui-accordion .ui-accordion-content{font-family:"Graphik";font-size:16px;padding:0px 15px;border:none;height:auto !important;}
.Faqbody .acc-title{color:#7b68ee;background:none;border:none;font-family:"Graphik";border-radius:0px;margin-bottom:10px;font-weight:500;font-size:16px;}
.Faqbody .acc-body{font-family:"Graphik";font-size:16px;padding:0px 15px;border:none;height:auto !important;}
.acc-title.ui-state-default:before{content:"\f105";font-family: "Font Awesome 5 Pro";color:#7b68ee;
margin-right:5px;font-size:16px;font-weight:bold;}
.acc-title.ui-accordion-header-active:before{content: "\f107";font-family: "Font Awesome 5 Pro";color:#7b68ee;
margin-right:5px;font-size:16px;font-weight:bold;}
.acc-title:before{width:10px;}
.acc-title span.ui-accordion-header-icon{display:none !important;}
.gf_rightwrap ul.nav-tabs li a{padding:5px 0px;margin-right:25px;font-size:14px;}
.gf_rightwrap ul.nav-tabs{margin-bottom:5px;}
/**/
.page-content-headers{padding:20px 30px;}
h1.SearchHeader{font-family:"Graphik";font-weight:bold;font-size:32px;padding-bottom:20px;margin-bottom:0px;}
.searchcontainer{padding:0px 30px !important;margin-bottom:30px;font-family: "Graphik";font-weight:500;}
.searchcontainer footer{margin-top:0px;}
input[type="submit"],input[type="submit"]:hover{
color: #fff;font-weight: 500;
background-color: #7B68EE;border-color: #7B68EE;border-radius: 30px;padding: 9px 30px 11px 30px;
font-size: 14px;    padding: 4px 10px 4px 10px;font-size: 14px;
min-width: 140px;
}
/*Progressbar starts here */ 
.AngularJSBlock{display:flex;flex-wrap:wrap;margin:20px 0px 35px 0px;}
.AngularJSBlock span p{font-weight:500;font-size:12px;} 
.AngularJSBlock span.history-icos{display:inline-block;text-align:center;padding:0 15px;position:relative;}
.history-icos i{font-size:46px;background:#fff;border-radius:100%;position:relative;z-index:1;height:43px;margin:0 0 10px 0;}
.AngularJSBlock .history-icos:first-child{padding-left:0px;text-align:left;}
.history-icos:first-child:before{content:none}
.AngularJSBlock .history-icos:last-child {padding-right: 0;}
.history-icos:before{content: "";background:#979797;position: absolute;top: 20px;left:-45px;right:18px;height:2px; }
.history-icos.active:before{background:#7ec344;} 
.history-icos.act:before{background:#c12525;}
.status-sucess i{color:#7ec344}
.status-grey i{color:#979797}
.status-pending i{color:#f8c90d}
.status-ban i{color:#d5002f}
.arrow_bar{
  position:absolute;
  background-color:#fff;
  left:-10px; 
  border:1px solid #ccc;
  padding:0px 4px;
  float:left;
  color:#888;
  line-height:30px;
  font-size:12px;
  border-radius:4px;
  min-width:140px;  
  bottom:-40px;font-weight:500;
  white-space: nowrap; 
}

.arrow_bar:before{bottom:100%;left:25%;border:solid transparent;
content:" ";height:0;width:0;position:absolute;pointer-events:none;
border-color: rgba(194, 225, 245, 0);border-bottom-color: #ccc;border-width: 8px;margin-left: -14px;
}
.arrow_bar i{color:#999;font-size:14px;height:auto;margin-right:4px;}
.arrow_bar:after{
  bottom:100%;
  left:25%;
  border:solid transparent;
  content:" ";
  height:0;
  width:0;
  position:absolute;
  pointer-events:none;
}
.arrow_bar:after {
    border-color: rgba(136,183,213,0);
    border-bottom-color: #fff;
    border-width: 6px;
    margin-left: -12px;
}
/*Progressbar ends here */
/*Growing My Family*/
.formbtn,.formbtn:hover{background-color: #fff;
font-family: "Graphik";font-weight:500;font-size: 15px;letter-spacing: -.25px;line-height: 15px;text-align: center;
color: #7b68ee;float: left;border: 2px solid #7b68ee;
padding: 15px 30px;margin-right: 20px;cursor: pointer;border-radius:30px;}
.section-articles__title{color:#01bbff;font-size:24px;font-family:"Graphik";padding:15px;border-bottom:1px solid #f2f2f2;font-weight:bold;margin-top:0px;}
.section-articles__title a,.section-articles__title a:hover{color:#01bbff;}
.section-articles__item{padding:15px;border-bottom:1px solid #f2f2f2;}
#article_item{border-bottom: 1px solid #f2f2f2;padding-top: 3px;padding-bottom: 10px;}
.read_more{display:flex;justify-content:flex-end;}   
.articledate{font-size:14px;font-family:"Graphik";color:#53636a;padding-bottom:8px;font-weight:500;}
.articletitle{font-size:18px;font-family:"Graphik";color:#333;font-weight:bold;margin-top:0px;}
.articlesummary{font-size:14px;font-family:"Graphik";color:#53636a;}
a.read_more,a.read_more:hover,a.read_more:focus{color:#01bbff;}
.section-articles__item:last-child{padding-bottom:0px;border-bottom:none;}
.search-result__title{margin:0px;color:#333;}
.search-result__title a,.search-result__title a:hover{color:#333;}
.search-results-subheading__title{font-size:18px;color:#7b68ee;}
.search-result__description em{font-weight:500;}
.flexdisplay{display:flex;height:100%;}
.page-sidebar{background:#fff;}
.tasks_date,.offboard_tasks,.FaqWrapper,.loatasks_nj,.loatasks,.rtw_tasks{float:left;width:100%; padding-bottom:10px;
 border-bottom:1px solid #e3eaed;padding:15px;} 
.tasks_date .date_of_tasks{font-weight:bold;font-size:35px;}
.taskmessage{font-size:16px;font-weight:500;}
.gf_rightwrap .section-articles__title{float:left;width:100%;font-weight:500;}
.offboardpend a,.loa_form_name a{color:#01bbff;}
/*Growing my family ends here*/ 
/*article page*/
.article{padding:0px 15px;float:left;}
.article__title{font-size:32px;font-family:"Graphik";font-weight:Bold;margin-top:10px;}
.article__body{font-size:16px;font-family:"Graphik";line-height:24px;}
.eventarticles .article__body h3,.eventarticles .article__body h4{font-family: "Graphik";font-size:14px;font-weight:500;color:#01bbff;margin-bottom:4px;float:left;padding-right: 5px;}
.eventarticles .article__body p{float:left;width:100%;display:block;}
.article-meta{font-size:16px;font-family:"Graphik";color:#53636a;padding:0px 0px 15px 0px;font-weight:500;}

/* Assess Time off Popup*/
.LOAQues a{color:#7b68ee;font-weight:500;}
.LOAQues {
position: relative;
background-color:white;
height:330px;
width:100%;
overflow-y:hidden;
overflow-x:hidden;
font-size:small;
}
.modify{
border-bottom:none;
width:100%;
background-color:white;
}
.tabs_struc{
height:5px;
width:110px;
float:left;
border-radius:3px;
background-color:lightgrey;
}
.tabs1{
height:5px;
width:110px;
font-size:small;
float:left;
margin-left:38px;
border-radius:3px;
background-color:lightgrey;
}
.LOAQues-step {width:100%;
}
.form-group{
min-height:230px;
font-family:"Graphik";
}
.setup-content {
margin-left:5px;
display:none;
}
.setup-content.active{
display:block;
}
.content-footer{width:100%;display:flex;justify-content:space-between;}
.final-content{
display:none;
}
.nextButton{
border-radius:4px;
background-color:#502be2c7;
border:1px solid #502be2c7;
color:#fff;
padding:8px 25px;
font-weight:600;
outline:0 !important;
}
.nextButton[disabled]{
color:#d8dcde;
border:#ccc;
background-color:#f6f6f6;
}
.prevBtn{
float:left;
color:#fff;
background-color:#502be2c7;
border:1px solid #502be2c7;
padding:8px 25px;
border-radius:4px;
font-weight:600;
outline:0 !important;
}
.item_close{
border:1px solid #9b9b9b;
color:#fff;
background-color:#9b9b9b;
padding:8px 25px;
border-radius:4px;
font-weight:600;
outline:0 !important;
}
.closeBtn{
border:1px solid #9b9b9b;
color:white;
background-color:#9b9b9b;
margin-right:40%;
padding:8px 25px;
border-radius:4px;
}
.modal-header.modify{
border-bottom:none;
}
.data-text{
font-weight:200;
clear:left;
}
.structure{
background-color:rgba(0,0,0,0.5);
}
/* Assess Time off Popupends here*/

/*New joiner starts here*/
.taskinnerwrap.ob_completed{margin-top:15px;} 
.ob_progresswrapper_req_NJ{padding:15px;float:left;width:100%;border-bottom:1px solid #e3eaed;}
.ob_progresswrapper_req_NJ #barNj{display:flex;}
.ob_progresswrapper_req_NJ #barNj .line-counters{width:70%;}
.ob_progresswrapper_req_NJ #barNj #progresBar{width:100%;}
.ob_progresswrapper_req_NJ a{color:#01bbff;float:right;}
.ob_progresswrapper_req_NJ a:hover,.ob_progresswrapper_req_NJ a:focus{color:#01bbff;}
/*Progress Bar In Details View*/
.circled-progress .round-counter {
width: 122px;
height: 121px;
}
.circled-progress .round-counter_progress_view_nj {
    float: left;
    margin: 0 15px 0 0;
    width: 120px;
    height: 120px;
    display: -webkit-box;
    /* display: flex; */
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    /* align-items: center; */
    position: relative;
    border: 5px solid white;
    border-radius: 100%;
    box-shadow: 0px 0px 20px -7px grey;
    background: #ffffff;
}
.circled-progress .round-counter_progress_view_nj svg {
width: 110px;
height: 111px;
}
.round-counter_progress_view_nj svg {
width: 110px;
height: 110px;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.circled-progress .round-counter_progress_view_nj circle {
stroke-width: 15px;
}
.round-counter_progress_view_nj circle:nth-child(2) {
stroke: #7ec344;
stroke-dasharray: 292;
stroke-dashoffset: 0;
}
.round-counter_progress_view_nj span {
  position:absolute;
    font-size: 1.375rem;
    font-weight: bold;
    z-index: 1;
    left: 3px;
    top: 0; 
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.circled-progress .round-counter_progress_view_nj span {
font-size: 1.600em;
font-weight: bold;
}
.round-counter_progress_view_nj circle {
width: 100%;
height: 100%;
fill: none;
stroke: #ececec;
stroke-width: 16px;
stroke-linecap: round;
transition: stroke-dashoffset .5s;
stroke-width: 15px;
}

.modal-title{display:inline-block;}
.modal-body a,.modal-body a:hover,.modal-body a:visited,.modal-body a:focus{font-weight:500;color:#01bbff;}
/*New joiner starts here*/
/***** Forms *****/
.form {
  max-width: 100%; 
}

.form-field ~ .form-field {
  margin-top: 25px;
}
.form-field{
      max-width: 550px;
}
.form-field label {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "Graphik";
  font-weight:bold;
}

.form-field input {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}

.form-field input:focus {
  border: 1px solid #0072EF;
}

.form-field input[type="text"] {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.form-field input[type="text"]:focus {
  border: 1px solid #0072EF;
}

.form-field input[type="checkbox"] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}

.form-field .nesty-input:focus {
  border: 1px solid #0072EF;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #0072EF;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type="checkbox"] + label {
  margin: 0 0 0 10px;
}

.form-field.required > label::after {
  content: "*";
  color: #f00;
  margin-left: 2px;
}

.form-field .optional {
  color: #666;
  margin-left: 4px;
}

.form-field p {
  color: #666;
  font-size: 12px;
  margin: 5px 0;
}
.form-field.formcusfield{width:100%;max-width:100%;margin-top:10px;}
.form-field.formcusfullfield{width:100%;max-width:100%;margin:20px 0px;float:left;position:relative;min-height:30px;}
.form-field.formcusfullfield label{position:absolute;left:20px;}
[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url(//theme.zdassets.com/theme_assets/9610266/6aae8ce36967837f706ac36deff4b753e43977a4.gif) 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  padding: 30px 0px;
}

.form footer a {
  color: #666;
  cursor: pointer;
  margin-right: 15px;
}

/*.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}

.form .suggestion-list label {
  font-size:16px;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list a{color:#7B68EE;}

.form .suggestion-list li {
  padding: 10px 0;
}

.form .suggestion-list li a:visited {
  color: #3318d8;
}*/

/*Suggested articles hidden during ticket form submission starts here*/
 .form .suggestion-list {
display:none;
}
/*Suggested articles hidden during ticket form submission ends here*/

.request-form textarea {
  min-height: 120px;resize:none;width:100%;
}
.form input[type="submit"],.form input[type="submit"]:hover{
color:#fff;font-weight: 500;background-color: #7B68EE;border:none;border-radius: 30px;padding: 9px 30px 11px 30px;
font-size: 14px;font-size: 14px;min-width: 140px;
}
.upload-dropzone span{color:#333;}
.upload-dropzone span a{color:#7B68EE;}
.readmore,.readmore:hover{color:#7B68EE;cursor:pointer;}
.articlewrapper a{cursor:pointer;} 
.upload-item{font-weight:500;}
/*My Request badge count starts here*/
#tickcount_req{top:3px;right:25%;background: #01bbff;position:absolute;
color: #fff;width: 25px;height: 25px;padding: 0;text-align: center;border-radius: 50%;line-height: 25px;font-size: 12px;
}
/*My Request badge count starts here*/
/*approvals Detail*/
.option-input.fielddata{-webkit-appearance: none;-ms-appearance: none;
appearance: none;position: relative;top: 10.33333px;right: 0;bottom: 0;left: 0;
height: 30px;width: 30px;transition: all 0.15s ease-out 0s;
background: transparent;border: 2px solid #d2d2d2;color: #fff;cursor: pointer;
display: inline-block;margin-right:4px;outline: none;position: relative;z-index:1;outline:none;}
.applabel.labeldata{display: inline-block}
.applabel{font-family:"Graphik";font-size:16px;margin-right:20px;text-transform:uppercase;font-weight:bold;}
.applabel.approve{color:#5db918;}
.applabel.reject{color:#e82020;}
/*textarea#request_comment_body{display:none;height:0px;width:0px;border:none;resize:none;overflow:hidden;padding:0px;}*/
textarea.userview{height:110px;margin-top: 13px;font-weight: 200;}
textarea.userview:focus{outline:none;}
textarea.userview.approved{border:1px solid #5db918;}
textarea.userview.rejected{border:1px solid #e82020;}
@keyframes click-wave {
  0% {
    height: 30px;
    width: 30px;
    opacity:0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    margin-left: -35px;
    margin-top: -35px;
    opacity: 0;
  }
}

.option-input {-webkit-appearance: none;-ms-appearance: none;
appearance: none;position: relative;top: 10.33333px;right: 0;bottom: 0;left: 0;
height: 30px;width:30px;transition: all 0.15s ease-out 0s;
background: transparent;border: 2px solid #d2d2d2;color: #fff;cursor: pointer;
display: inline-block;margin-right:4px;outline: none;position: relative;z-index:1;outline:none;
}
.option-input:focus{outline:none;border:none;}
.option-input.approve:checked {background: #5db918;border:none;}
.option-input.reject:checked {background: #e82020;border:none;position: relative;z-index: 1;}
.option-input:checked::before {height: 30px;width: 30px;position: absolute;content: '✔';
display: inline-block;font-size: 16.66667px;text-align: center;line-height: 32px;}
.option-input.approve:checked::after {
-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;background: #5db918;
content: '';display: block;position: relative;z-index: 100}
.option-input.reject:checked::after {
-webkit-animation: click-wave 0.65s;
-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;background: #e82020;content: '';
display: block;position: relative;z-index: 100;}
.option-input.radio {border-radius: 50%;display:inline-block;}
.option-input.radio::after {border-radius: 50%;}

/*Footer Css starts here*/
.termtitle{font-family:"Graphik";font-size:21px;font-weight:bold;}
.termbody{font-family:"Graphik";font-size:16px;max-height:400px;overflow:auto;padding:20px 20px 20px 0px;}
.termfooter{padding:0px !important;}
.termfooter a,.termfooter a:hover{padding:10px 0px;color:#fff;font-family:"Graphik"; background:#7B68EE; display:block; width:100%; font-size:16px; margin:0px;text-align:center;font-weight:500;} 
/*Footer Css starts here*/
/*category page*/
.section-tree{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section-tree section{background:#fff;padding:15px;flex: 0 0 32%;margin-bottom:20px;}
.section-tree section .article-list a,.section-tree section .article-list a:visited{color:#333;font-size:14px;}
.section-tree section .article-list a:hover{color:#7B68EE;}
.section-tree section h3{margin:0px;margin-bottom:15px;}
.section-tree section h3 a,.section-tree section h3 a:hover{font-size:21px;font-weight:bold;color:#7B68EE;}
.section-tree section li{margin-bottom:6px;}
.section-tree section  a.see-all-articles,.section-tree section  a.see-all-articles:hover{color:#7B68EE;float:right;}
/***** Icons *****/
[class^="icon-"]::before,
[class*=" icon-"]::before,
.icon,
.search::before,
.recent-activity-item-comment span::before,
.article-vote::before,
.attachments .attachment-item::before,
.share a::before,
.vote-up::before,
.vote-down::before,
.actions .dropdown-toggle::before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title::after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.icon-lock::before {content: "\1F512";}
.icon-star::before {content: "\2605";}
.icon-agent::before {content: "\1F464";}
.icon-close::before {content: "\2715";}
.icon-arrow-up::before {content: "\2B06";}
.icon-arrow-down::before {content: "\2B07";}
.icon-attachments::before {content: "\1F4CE";}
.icon-comments::before {content: "\1F4AC";}
.icon-search::before {content: "\1F50D";}
.icon-vote::before {content: "\1F44D";}
.icon-handle::before {content: "\25BE";}
.icon-check::before {content: "\2713";}
.icon-gear::before {content: "\2699";}
.icon-menu::before {content: "\2630";}
.icon-article::before {content: "\1F4C4";}
.icon-post::before {content: "\1F4D4";}
.icon-notification-alert::before {content: "\26A0";}
.icon-notification-error::before {content: "\00D7";}
.icon-notification-info::before {content: "\2139";}
.icon-notification-success::before {content: "\2714";}
/*User Profile page*/
.Userprofilewrap{padding:0px 15px;height:100%;}
.Userprofilewrap .row{height:100%;display:flex;flex-wrap:wrap;}
.UserImage{padding:15px;text-align:center;position:relative;}
.UserImage img{width:120px;height:120px;border-radius:50%;}
.leftprofile{background:#fff;padding:20px 0px;}
.leftprofile .edit{position:absolute;right:27%;bottom:10%;min-width:17%;min-height:26%;}  
.leftprofile .edit a{font-size:0px;background:#7B68EE;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.leftprofile .edit a:before{font-size:18px;content: "\f304";color:#fff;font-family:"Font Awesome 5 Pro";font-weight:bold;}
.username{font-weight:bold;color:#333;font-size:24px;padding:5px 0px;}
.Proflabel{color:#53636a;font-weight:bold;padding-bottom:5px;font-size:16px;}
.Profdata{font-size:16px;color:#53636a;}
.Designation{font-size:16px;padding-bottom:5px;}
.rightprofile .card{text-align:center;background:#fff;min-height:200px;border-radius: 10px;
box-shadow: 0 2px 35px 0 rgba(0, 0, 0, .1);margin-bottom: 30px;}
.rightprofile .card-header{font-weight:600;font-size:16px;border-radius:10px 10px 0px 0px;border-bottom:1px solid #ddd;padding:10px 0px;}
.rightprofile .card-footer{font-weight:500;font-size:14px;border-radius:0px 0px 10px 10px;padding:10px 0px;color:#333;border-top:1px solid #ddd;}
.rightprofile .card-footer a{color:#7b68ee;}
.rightprofile .card-footer i{padding-left:5px;}
.rightprofile .card-body{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px 0px;
color:#333;font-size:40px;font-weight:bold;}
.rightprofile .card-body .days{color:#53636a;font-size:14px;}
.contactrow{display:flex;padding:8px 10px;border-bottom:1px solid #ccc;align-items:center;}
.cont-detail{text-align:left;width:75%;}
.cont-detail p.headerName{margin:0;font-weight:500;font-size:14px;}
.cont-detail p.role{margin:0;}
.contactimage{margin-right:10px;}
.contactimage i{font-size:15px;background: #bcbcbc;border-radius:50%;width:30px;height:30px;
color: #fff;display: flex;align-items: center;justify-content: center;}
.maillink{color:#7b68ee;}
.maillink i,.maillink:hover i,.maillink:focus i{color:#7b68ee;font-size:16px;}
.requesthead li:first-child a{text-transform:capitalize;}
  .modal-dialog{margin:60px auto !important;}
.extend_time{margin-bottom:5px;}
.start_effect_date{padding-left:3px;}
.catrootname,.catroottitle{font-size:18px;color:#fff;font-weight:500;width:calc(100% - 180px);text-align:center;}
.mobheaderinnerwrap{display:flex;align-items:center;}
#formspanemob{padding:20px;}
.eep_userinfo{display:flex;align-items:center;}
.mayachat img{width:40px;margin:0px 5px 0px 15px;filter:drop-shadow(-1px -1px 3px #eee);transition:transform 0.5s, box-shadow 0.5s, -webkit-transform 0.5s;cursor:pointer;}
.mayachat img:hover{transform: translateY(-5px) translateZ(0) scale(1.01);}
/*moments carousel starts here*/
.carousel-items-container {display: flex;flex-direction: row;transition: transform 0.5s;position: relative; }
.carousel-items-container > div {padding: 0 15px;display: flex;}
.carousel-items-container .c-item {flex-shrink: 0;width: 250px; }
.carousel-screen {overflow: hidden;width: 100%;display: flex;padding:20px 15px; }
.custom-carousel {position: relative;display: flex;background:#fff;width:100%;}
.custom-carousel .carousel-control-button {position: absolute;align-items: center;justify-content: center;z-index: 1;
opacity: 0.5;transition: opacity 0.3s, transform 0.3s;display: none;top: calc(50% - 50px); border:none;}
.custom-carousel .carousel-control-button[data-active="false"] {transform: scale(0); }
.custom-carousel[data-carousel-active="true"] .carousel-control-button {display: flex; }
.prev-button {left: 0;border-bottom-right-radius: 100px;border-top-right-radius: 100px;border-right: 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.next-button {right: 0;border-bottom-left-radius: 100px;border-top-left-radius: 100px;border-left: 0;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.prev-button:hover,.prev-button:focus,.next-button:hover,.next-button:focus {opacity: 1; }
.prev-button,.next-button {background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);width:40px;height:70px;}
.prev-button i,  .next-button i {color: #8c8585;margin-top: 7px;font-size: 18px; }
.prev-button i {margin-right: 10px; }
.next-button i {margin-left: 10px; }
.hover-animated:hover{transform: scale(1.01);box-shadow: 0px 2px 14px 0px rgba(0, 0, 0,0.1);}
.card-sm{transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;padding:15px;border-radius:8px;}
.HomepageCarousel .c-item{flex-direction:column;align-items:center;font-weight:500;width:175px;text-align:center;}
.HomepageCarousel .c-item img{width:80px;height:80px;}
.SlideTitle{font-size:38px;color:#7B68EE;margin:0px 30px;font-weight:bold;}
section.topcaurosel{background:#fff;padding:20px 0px;}
.HMtitle,.tableheadertitle{display:none;}
.showdevice,.mobile-block{display:none;}
.hidebox{margin:10px 0px;font-weight:500;}
.hidebox input{height:34px;width:238px;}
#user #user-dropdown{left:unset;}
.requestdetailwrapper{height:calc(100% - 120px);}
.biowrap a,.biowrap a:hover,.biowrap a:focus{color:#7b68ee;} 
.biowrap.boldlabel{font-weight:500;}
.biowrap img{max-width:100%;}
/*Mobile responsive CSS starts here*/ 
@media (min-width:768px){ 
  .col-sm-6{width: 85%!important;float:left;} 
  .col-sm-8{width: 121%!important;flex-wrap:wrap;display:flex;float:right;}
}  
 
@media (max-width: 1024px){
  .header_top_wrap{flex-direction:column;}
 #head_task_left{width:100%;margin-bottom:20px;}
  #name_details,#name_ob_user{width:150px;margin-right:15px;}
  #dashboardTable_table th{font-size:12px;}
  #email_rec{word-break:break-all;}
  #preboarding_activities_ob_user, #checklist_activities_ob_user{width:150px;}
  .section-list__item{flex: 0 0 33%;}
  .leftprofile .edit{right:20%;bottom:12%;}  
} 
@media (max-width: 991px){
  /*header*/
  .global-header{padding:15px !important;min-height:0px;}
.global-header .row {display: flex;justify-content: space-between;}
.global-header .row:before, .global-header .row:after {display: none; }
.global-header .row > * {width: auto !important;padding: 0;position: static;}
.global-header .brand-section{background:none;}
.global-header .brand-section .toggler,.toggler.m-search-toggle{display:block;background: transparent;border: 0;box-shadow: none;} 
  .global-header .brand-section a{width:40px;height:40px;box-shadow:0px 2px 20px 0px rgba(0, 0, 0, 0.15);}
.brand-section .main-logo img{max-height:20px;left:1px;}
  /*search*/
.search-and-user,.eep_userinfo{display:flex;align-items:center;}
.eep_search-box {position: absolute;left: 0;top: 0;height: 100%;width: 100%;transform: scale(0);
transition: transform 0.3s;display: -webkit-box;display: flex;align-items: center;background-color: white;padding: 15px;z-index: 1; }
.eep_search-box.active {-webkit-transform: scale(1);transform: scale(1); }
.eep_search-box .search{width:100%;}
#user #user-name{display:none;}
#user #user-dropdown{left:unset;right:0;}
.toggler.m-search-toggle{color:#53636a;margin-right:15px;padding:0;}
.toggler.m-search-toggle i{font-size:26px;}
 /*nav*/ 
.main-content .page-specific-content{width:100%;}
  .main-content .main-navigation {width: 100vw;overflow:auto;}
.main-content .main-navigation {position: fixed;background-color:#212529;z-index: 9;height: 100vh;padding: 0;
left:-100vw;top:0;bottom:0;transition: left 0.3s;box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.15); }
.main-content .main-navigation.active {left: 0; }
.main-content .main-navigation nav {border-top: 1px solid white;display: -webkit-box;display: flex;
flex-direction: column;align-items: center; }
.main-content .main-navigation nav a {display: -webkit-box;display: flex;flex-direction: row;align-items: center;
color: white;font-size:16px;transition: border 0.5s, background-color 0.5s;border-left: 2px solid transparent;
text-align: center;padding: 20px;cursor: pointer;width: 100%;border-bottom: 1px solid white; }
.main-content .main-navigation nav a i {font-size: 30px;margin-right: 10px; }
.main-content .main-navigation nav a:hover {background-color: rgba(0, 0, 0, 0.35);border-left: 2px solid #01bbff; }
  .main-navigation.active .navigation-mobile-header{display:block;background:#212529;border: 0;box-shadow: none;}
.main-content .main-navigation .navigation-mobile-header {color: white; }
  .main-content .main-navigation .navigation-mobile-header  button{background:transparent;border:none;}
.main-content .main-navigation .navigation-mobile-header i {font-size: 30px;padding: 20px;}
.main-content .main-navigation .navigation-mobile-header  .toggler-back i{padding:20px 10px;font-size:23px;}
  .main-navigation nav a i{margin-bottom:0px;}
  #tickcount_req{right:5%;top:30%;}
    .leftprofile{display:flex;}
  .UserImage{margin-right:15px;}
  /*page stylings starts here*/
  .hometitlewrap{padding-top:0px;}
  .latest-news__cols{display:block;}
  .latest-news__cols .latest-news__col{width:100%;}
  .latest-news-item.index0{margin-right:0px;}
  .flexdisplay{flex-direction:column;}
  .ticdetails{display:flex;flex-wrap:wrap;width:100%;}
  .MomentsHeaderSection{height:auto;background-size:cover;}
  .MomentsWelcomeWrapper, .GFWelcomeWrapper{width:100%;padding:10px 30px 30px 30px;}
  .sectiontwocolumn{flex-direction:column;}
  .Breadcrumbdesc{width:100%;}
  .TransferRoleHeaderSection,.NJHeaderSection,.GFHeaderSection,.RTWMTMHeaderSection{height:auto;padding-bottom:30px;}
    .requestdetailwrapper{height:auto;} 
  .ticket_detail_wrap{flex-direction:column;}
   .taskwrap {width: calc(93% / 2);}
  #dashboard_record_view{flex-wrap:wrap;}
  #dashboardTable_table td{min-width:0px;width:100%;justify-content:flex-start;}
  .status_width,.date_width,.location_user_width{border-bottom:1px solid #ddd;padding:5px 0px;
  justify-content:space-between !important;}
  #dashboardTable_table .HM_activities{width:50%;margin:5px 0px;flex-wrap:wrap;}
  .HMtitle{display:block;font-weight:500;color:#333;text-transform:uppercase;width:60%;font-size:12px;}
  #dashboardTable_table .HM_activities  .HMtitle{margin-bottom:8px;}
  .hidedevice{display:none;}
  .tableheadertitle{font-weight:500;display:inline-block;position:relative;top:25px;}
  #name_ob_user{width:auto;text-align:center;}
  #dashboardTable_table thead tr{justify-content:flex-end;}
  #dashboardTable_table th{text-align:right;min-width:15%;font-weight:400;}
  .main-content .main-navigation nav a.hidedevice{display:none;}
  .showdevice{display:block;}
  .mobile-block .tabs,.mobcategory-tabs{position: fixed;background-color:#212529;z-index: 11;height: 100vh;padding: 0;
left:-110vw;top:0;bottom:0;transition: left 0.3s;box-shadow: 4px 0px 15px 0px rgba(0, 0, 0, 0.15);width:100%; }
  .mobile-block{display:block;}
  .mobcategory-tabs{z-index:12;background-color:#fff;}
.mobile-block .tabs.active,.mobcategory-tabs.active{left:0px;height:100%;overflow:auto;}
  .mobile-block .tabs li a  {display: -webkit-box;display: flex;flex-direction: row;align-items: center;
color: white;font-size:16px;transition: border 0.5s, background-color 0.5s;border-left: 2px solid transparent;
text-align: center;padding: 20px;cursor: pointer;width: 100%;border-bottom: 1px solid white; }
  .mobile-block .tabs li .rightarrow{position:absolute;right:25px;}
.mobile-block .tabs li a i{color:#fff;font-size:18px;}
.mobile-block .tabs li{position:relative;}
  .section-list__item{flex: 0 0 50%;}
  #name_details, #name_ob_user{width:100%;margin-right:0px;}
  .mayachat img{width:35px;}
  .Event_summary p{height:40px;overflow:hidden;margin:0px;padding:0px;}
  .leftprofile .edit{right:10%;bottom:23%;}
}
@media (max-width:768px){
  .leftprofile .edit{right:11%;bottom:23%;} 
}

@media (max-width:767px){
  .Event_summary p{max-height:40px;overflow:hidden;}
   .main-footer .row{display:block;text-align:center;}
  .footer-navigation{text-align:center;margin-top:10px;}
  .section-tree section{flex:0 0 48%;}
 .body-list{padding:20px;}
  .homemain_title,.latest-news-item.index0 .latest-news-item__title,.breadcrumb-title{font-size:22px;}
  .footer-disclaimer div{margin-top:10px;}
  div.VirtualWrapper{flex-direction:column;padding:15px;}
  div.Virtual_Wrapper_box{width:100%;margin:0px 0px 15px 0px;}
  .breadcrumbheader{padding:15px 15px 0px 15px;}
  .breadcrumbheader.nosubs{padding:15px 15px 15px 15px;}
  .todotop{display:flex;flex-wrap:wrap;}
  .ticketdetailwrap .ticid{font-size:16px;line-height:18px;}
  .taskwrap {width: calc(92% / 2);}
  .my-activities-item{display:block;}
  .my-activities-item__icon i{font-size:26px;margin-left:0px;}
  .mobilereqhead{display:flex;align-items:center;}
  .mobilereqdetail.ticid{font-size:14px;font-weight:500;color:#333;margin-top:-2px;}
  .mobticstatus{margin:5px 0px;}
  .barprogress li::after{right:-60px;}
  .barprogress li img{left:20%;}
  .barprogress li{width:80px;}
  .dropdown.language-selector{display:none;}
  .mayachat img{margin:0px 5px 0px 0px;}
  button.btn--footerbar,button.btn--footerbar:hover,button.btn--footerbar:focus{background:transparent;border:none;border-bottom:1px solid #666;font-size:12px; border-radius:0px;
  font-weight:500;box-shadow:none;color:#7b68ee;padding:6px 2px;margin-left:3px;}
  button.btn--footerbar.dropdown-toggle::after{color:#333;}
  footer .visible-xs{display:inline-block !important;}
  footer .dropdown-menu-top{top:unset !important;padding:0px;font-size:12px;}
  footer .dropdown-menu [role="menuitem"]{font-size:12px;}
  footer .dropdown-menu-end{left:unset !important;}
  .footer-language-selector{margin:10px 0px;}
  .footer-language-selector span{font-weight:500;}
  #TimeOff .modal-header{display:flex;justify-content:space-between;}
 .toggler.m-search-toggle i{padding:4px;}
  ._57cc449db5927a01afc2f36c9bbbc87d-css ._2285741a565e9ea18e7f06adc0b7da64-css{max-height:100% !important;}
  .leftprofile .edit{right:10%;bottom:23%;} 
} 
@media (max-width:720px){
  .ticupdated { float: right; font-size: 12px; font-weight: 400; margin-right: 13px;}
  .leftprofile .edit{right:10%;bottom:21%;}
}
@media (max-width:576px){
  .request-table-filters{display:block;}
  .request-table-filters__item select, .request-table-filters input{width:100%;margin:0px;}
  .request-table-filters__item{margin-bottom:20px;}
  .AngularJSBlock span.history-icos{padding:0px 10px;}
  .ticketdetailwrap .ticdetails span{margin-right:0px;width:100%;margin-bottom:8px;}
  .ticketdetailwrap .ticdetails span label{margin-bottom:0px;}
  .leftprofile .edit{right:10%;bottom:23%;}
} 

@media (max-width:480px){
  .SlideTitle{font-size:24px;}
  .latest-news__list .latest-news-item{width:100%;}
  .latest-news__list{flex-direction:column}
  .Event_title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
  .formbtn, .formbtn:hover{width:100%;margin-right:0px;margin-bottom:15px;}
   .request-table-filters{display:block;}
  .request-table-filters__item{margin-bottom:20px;}
  .request-table-filters__item select,.request-table-filters input{width:100%;margin:0;} 
   .ticdetails span{margin-right:0px;margin-bottom:5px;line-height:18px;width:100%;}
  .ticketdetailwrap .ticdetails span{margin-right:0px;width:100%;margin-bottom:8px;}
  .ticketdetailwrap .ticdetails span label{margin-bottom:0px;}
  .ticketdetailwrap .ticupdated{color:#53636a;}
  .ticketdetailwrap .ticdetails .ticstatus{display:flex;align-items:center;margin-top:5px;}
  .ticupdated{float:left;margin-right:0px;margin-bottom:5px;font-weight:500;}
  .ticketdetailwrap .ticdetails{padding:0px;}
  nav.footer-navigation{display:flex;justify-content:center;flex-wrap:wrap;}
  .main-footer a{margin-bottom:5px;}
  .taskwrap{margin: 15px 0px;width: 100%;}
  .section-tree section{flex:0 0 100%;}
  .main_usr{flex-direction:column;}
  #name_details_usr{margin-bottom:10px;}
  .mob_usr_db{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ddd;padding:5px 0px;}
  .mob_usr_db label{font-weight:400;margin:0px;}
  .counters-container{display:flex;}
  .circled-progress .round-counter_progress_view{margin-right:10px;}
  .line-counters{width:100%;}
  #progresBar{width:100%;}
  .barprogress li{width:50px;}
  .barprogress li::before,.barprogress li img{width:30px;height:30px;}
  .barprogress li img{left:22%;}
  .barprogress li::after{top:14px;right:-40px;}
  .state_name{font-size:8px;}
  #dashboardTable_table .HM_activities{width:100%;padding:5px 0px;}
    #dashboardTable_table .HM_activities .round-counter-info{display:flex;}
  #dashboardTable_table .HM_activities .round-counter-info span{margin-right:5px;}
  .NJActivitiesDetail, .ChecklistDetail{width:auto;}
 #dashboardTable_table thead tr{justify-content:space-between;}
  .tableheadertitle{top:0px;}
  .catrootname,.catroottitle{width:calc(100% - 160px);}
    .section-list__item{flex: 0 0 100%;}
  footer .footer-navigation{padding:0px;}
  .history-icos i{font-size:30px;height:28px;}
  .history-icos:before{top:13px;left:-33px;}
  .AngularJSBlock span p{font-size:8px;}
  .AngularJSBlock span.history-icos{padding:0 3px;}
  .HMtitle{width:70%;}
  ._63983a716933a264792c2d8aeb1396b7-css{width:calc(100% - 10px)!important;right:5px !important;left:5px !important;}
  .toggler.m-search-toggle i{font-size:24px;padding:4px;}
  .leftprofile .edit{right:10%;bottom:29%;}  
}
@media (max-width:380px){
  .leftprofile .edit{right:10%;bottom:29%;} 
}  
@media (max-width:360px){
  .leftprofile .edit{right:10%;bottom:28%;} 
}
@media (max-width: 320px){
  .main-navigation nav a strong{white-space: nowrap;
    font-size: 13px;}   
  .leftprofile .edit{right:10%;bottom:33% !important;}   
} 
@media (max-width: 280px){
  .leftprofile .edit{right:10%;bottom:41% !important;}    
} 
/*Return to Work MTM*/
.rtwpend.pending_task a,.rtwpend.pending_task a:hover{color:#01bbff;} 
.rtwpend.pending_task a{display:flex;}  
.rtw_body{padding-left: 20px;}
.rtw_li{list-style-type: disc;}   
.rtw_content{font-size:16px;font-weight:700;margin-top:-25px;}  
#request_custom_fields_360026466473{text-transform:capitalize;}  
 /*Return to Work MTM ends here*/   
/*Job transfer*/
.jt_task_align{display:contents;} 
.jt_content{font-size: 15px;font-weight: 700;margin-top:-25px;} 
/*Job transfer ends here*/