html,body {
    height:100%;
}
html.dark_mode {
  -webkit-filter: invert(100%);
   -moz-filter: invert(100%);
   -o-filter: invert(100%);
   -ms-filter: invert(100%); 
  }
*{/*! outline: none; */word-wrap: break-word;}
a:hover{ opacity: 0.8; transition: 0.4 linear; }
body {
  background: #fff;
  padding: 0;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  text-align: center;
  overflow-x: hidden;
  height: 100%;
  overflow-y: auto;
  position: relative;
}.superActionsWrap.mainContentArea.zchat .cList.zcolumn {
  position: fixed;
  top: 0;
  background: #fff;
  max-height: 100vh;
}#dark_mode {
  background: #000;
  padding: 2px 4px;
  border-radius: 50%;
  color: #fff;
  font-size: 20px;
  margin-right: 5px;
  cursor: pointer;
}#notificationArea span {
  position: absolute;
  background: #067fff;
  height: 15px;
  width: 15px;
  border-radius: 102px;
  line-height: 16px;
  color: #fff;
  left: 34px;
  top: -8px;
  font-size: 11px;
  box-shadow: 0 0px 9px 1px #0000003b;
  padding: 4px;
}#notificationArea {
  line-height: 30px;
  text-align: center;
  color: #282828;
  font-size: 24px;
  margin-top: 10px;
  border-radius: 8px;
  position: absolute;
  right: 180px;
  top: 7px;
  padding: 5px 10px;
  box-shadow: 0 0px 6px 3px #00000012;
  z-index: 100000;
}
#schedulingCalendar .calHeader h2 small {
  text-transform: capitalize;
  padding: 5px 10px;
  border-radius: 30px;
  background: #014cac;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 1px;
  position: relative;
  top: -3px;
  left: 5px;
}.notificationsBox {
  position: absolute;
  border: 0;
  width: 420px;
  background: #fff;
  top: 69px;
  text-align: left;
  padding: 0;
  border-radius: 1px;
  z-index: 1200000;
  display: none;
  box-shadow: 0 3px 19px 6px #00000008;
  max-height: 500px;
  overflow: auto;
  border-top: 0 !important;
  right: 205px;
  border: 1px solid #eee;
  border-bottom: 0;
  border-top: 3px solid #dbdbdb !important;
  border-radius: 0;
  overflow: visible;
}.mainWrap > div.mainContent .ls_account_status p {
  line-height: initial;
  margin: 0;
}
.notification::before {
    content: "\f129";
    font-family: 'Line Awesome Free';
    background: #434141;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    padding: 0px;
    margin-bottom: 5px;
    color: #fff;
    font-weight: 900;
}

.notification.reservation::before {
    content: "\f2c1";
}

.notification.driver::before {
    content: "\f213";
}

.notification.rideChanges::before {
    content: "\f1e0";
}



.notificationsBox .notification {
    padding: 15px 20px;
    line-height: normal;
    border-bottom: 1px solid #eee;
    position: relative;
}
.notificationsBox .notification p {
    margin: 5px;
    line-height: 23px;
    font-size: 14px;
    letter-spacing: .3px;
    color: #434141;
    margin-bottom: 6px;
    padding-right: 0;
    font-weight: 400;
}
.notificationsBox .notification .controls a {
    display: inline-block;
    border: none;
    background: #eee;
    line-height: normal;
    margin: 0;
    padding: 10px 20px;
    font-size: 13px;
    letter-spacing: .2px;
    color: #3e3e3e;
    font-weight: 300;
    margin: 0 2px;
    border-radius: 30px;
}

.notificationsBox.active {
    display: block;
}
.notificationsBox a {
}
.notificationsBox a span {
    font-size: 15px;
    color: #333;
}
.notificationsBox a strong {
    float: right;
    font-size: 13px;
    letter-spacing: .3px;
    color: #8a8a8a;
}
.notificationsBox a strong i {
    margin-left: 8px;
    position: relative;
    top: 1px;
    color: #bdbdbd;
}
.friendlyReqDateTime {
  font-size: 12px;
  display: inline-block;
  margin: 0;
  position: absolute;
  bottom: 13px;
  right: 15px;
  line-height: 15px;
  font-weight: 500;
  color: #717171;
  letter-spacing: .5px;
  font-size: 10px !important;
  margin: 0 !important;
}.classicJstTable td small.employeeId {
  background: #00a20a;
  padding: 5px;
  border-radius: 5px;
  color: #fefeff;
  font-weight: 100;
  letter-spacing: .3px;
  width: 198px !important;
  display: inline-block;
  box-sizing: border-box;
}.classicJstTable td a.plain_btn i {
  font-size: 23px;
  position: relative;
  top: 4px;
  margin-right: 3px;
}.admin.basic_call_dbl {
/*   cursor: progress; */
}.mainNav .menu a.templatesMenuLink.active span {
  color: #fff;
}#schedulingCalendar .calWrapper {
  text-align: center;
  margin: 10px;
}#schedulingCalendar .calWrapper .calControls span {
  float: right;
  padding: 10px;
  font-weight: lighter;
  color: #014cac;
  letter-spacing: .3px;
}
.add_schedule_event_calendar h1{
  color: #006ccd;
  margin: 5px 0 0;
}
.add_schedule_event_calendar {
  text-align: left;
  width: 500px;
  height: 100%;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift a.view_shift_note {
  position: absolute;
  background: #fefeff;
  padding: 0px 2px;
  font-size: 18px;
  border-radius: 1px;
  color: #313131;
  cursor: pointer;
  right: 2px;
  bottom: 0;
}
.add_schedule_event_calendar h5 {
  margin: 0 0 0px;
  font-size: 16px;
  letter-spacing: .1px;
  color: #004c8d;
  display: inline-block;
  /* vertical-align: top; */
  width: 22%;
  vertical-align: middle;
  margin-top: 10px;
}.add_schedule_event_calendar h5 small{
font-weight: 100;
font-size: 12px;
}#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift {
  background: #00AFEA;
  padding: 3px;
  box-sizing: border-box;
  margin: 5px 3px 0px 0px;
  display: inline-block;
  color: #fff;
  line-height: 15px;
  border-radius: 2px;
  max-height: 50px;
}#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift h6 {
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}#schedulingCalendar .calWrapper .calControls a {
  border: 1px solid #014cac;
  padding: 8px 15px;
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 2px;
  color: #014cac;
  font-weight: 100;
  letter-spacing: .2px;
}#schedulingCalendar .calWrapper .calControls {
  text-align: left;
  margin-bottom: 10px;
  padding-left: 7px;
}
.add_schedule_event_calendar a.remove_shift {
  background: none;
  color: #000;
  padding: 0;
  margin: 10px auto 0;
  letter-spacing: 0;
  color: red;
  font-weight: 500;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift.bling {
  border: 3px double #fff;
  box-shadow: 0 4px 57px rgba(69, 79, 124, 0.5);
  border-radius: 30px;
  padding: 6px 15px;
  text-shadow: 0px 2px 10px #40404005;
  margin: 1px;
}#addShiftGlobaly {
  margin-left: 5px;
  background: #e0e7ee;
  border: 1px solid #b0c1d2;
  border-radius: 7px;
  color: #00274f;
  font-size: 16px;
  cursor: pointer;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift.bling .view_shift_note{
display: none;
}

.add_schedule_event_calendar.global p.globalNotice {
  display: block;
  text-align: center;
  margin: 0;
  font-size: 13px;
  color: #ff2c2c;
  margin-top: 10px;
}
.add_schedule_event_calendar .globalNotice {
  display: none;
}
.add_schedule_event_calendar .globalSelectedDays {
  font-size: 13px;
  margin: 15px 0 0;
  text-align: center;
  border: 1px dashed #eee;
  padding: 15px 0;
  border-radius: 5px;
  color: #424242;
}
.add_schedule_event_calendar .globalSelectedDays input {
  margin: 0 3px 0 20px;
}
.SatDayShift .shift, .Sat {
  background: #854D27 !important;
  color: #fff !important;
}

.WedDayShift .shift, .Wed {
  background: #00A0D6 !important;
  color: #fff !important;
}
.ThuDayShift .shift, .Thu {
  background:  #BB342F !important;
  color: #fff !important;
}

.FriDayShift .shift, .Fri {
  background: #DD7230 !important;
  color: #fff !important;
}

.MonDayShift .shift, .Mon {
  background: #9B5DE5 !important;
  color: #fff !important;
  margin-left: 4px !important;
}
.SunDayShift .shift, .Sun {
  background: #00a82a !important;
  color: #fff !important;
}

.TueDayShift .shift, .Tue {
  background:  #F15BB5 !important;
  color: #fff !important;
}
.add_schedule_event_calendar .scheduleDayNote {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  margin-top: 10px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  height: 100px;
}
.add_schedule_event_calendar a {
  background: #006ccd;
  padding: 20px 0px;
  color: #fff;
  font-size: 14px;
  border-radius: 45px;
  display: block;
  text-align: center;
  max-width: 180px;
  margin: 10px auto 0;
  letter-spacing: .5px;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay {
  display: inline-block;
  vertical-align: top;
  width: 13%;
  height: 50px;
  box-sizing: border-box;
  border-right: 1px solid #c8d6e6;
  position: relative;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay:last-child {
  border: 0;
}
#schedulingCalendar .calHeader{
  text-align: left;
  background: #f5faff;
  padding: 10px 30px;
  border-bottom: 1px solid #c8d6e6;
}#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek {
display: block;
text-align: left;
border-bottom: 1px solid #c8d6e6;
}
#schedulingCalendar .calHeader p {
  text-align: right;
  margin: 5px 0;
  display: block;
  margin-right: 10px;
  color: #003e82;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: .4px;
  /* margin: 5px 0; */
}#schedulingCalendar .calHeader a {
  font-size: 14px;
  letter-spacing: .3px;
  width: 160px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  position: relative;
  border-radius: 30px;
  margin-left: 10px;
  font-weight: normal;
  background: #e0e7ee;
  color: #91a5b9;
  pointer-events: none;
}#schedulingCalendar .calHeader a.updated {
  background: linear-gradient(#006fdf,#0064ff);
  color: #fff;
  pointer-events: initial;
}#schedulingCalendar .calWrapper .calControls em {
  font-size: 13px;
  margin-left: 5px;
}
#schedulingCalendar .calWrapper .calControls a .spin_el {
  font-size: 20px;
  line-height: 0;
  position:relative;
  top: 3px;
}
#schedulingCalendar .calHeader h2{
  text-align: left;
  font-size: 20px;
  margin: 5px 0 0px;
  color: #014cac;
  font-weight: lighter;
  display: inline-block;
  width: 87%;
}

#schedulingCalendar {
  text-align: left;
}
#schedulingCalendar .calWrapper .employeesColumn{
  max-width: 250px;
  text-align: left;
  box-sizing: border-box;
  border: 1px solid #c8d6e6;
  display: inline-block;
  border-bottom: none;
  width: 19%;
}

#schedulingCalendar .calWrapper .employeesSchedulingPanel{
  display: inline-block;
  vertical-align: top;
  width: 81%;
  margin-left: -5px;
  border-right: 1px solid #c8d6e6;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .calendarWeeks{
  width: 100%;
  display: block;
  height: 50px;
  border-bottom: 1px solid #c8d6e6;
  line-height: 40px;
  text-align: left;
  border-top: 1px solid #c8d6e6;
}
#schedulingCalendar .calWrapper .employeesColumn .employeeBox {
  border-bottom: 1px solid #c8d6e6;
  font-size: 14px;
  height: 51px;
  box-sizing: border-box;
  padding: 5px 10px;
}

#schedulingCalendar .calWrapper .employeesSchedulingPanel .calendarWeeks p{
  display: inline-block;
  width: 13%;
  margin: 0;
  font-size: 14px;
  border-right: 1px solid #c8d6e6;
  box-sizing: border-box;
  height: 100%;
  padding-left: 0.5%;
  padding-top: 6px;
  position: relative;
  box-sizing: border-box;
}
#schedulingCalendar .calWrapper .employeesSchedulingPanel .calendarWeeks p:last-child{
border: none;
}

.onboardingStepsFrontWrapper.schedule .topBar p {
  background: #1d3344 !important;
  font-size: 14px !important;
  padding: 5px 10px !important;
  color: #fff !important;
}
.onboardingStepsFrontWrapper.schedule .topBar p small {
  background: #fff;
  color: #213544;
  padding: 3px 5px;
  border-radius: 2px;
  border-top: 3px solid #afc6d7;
}

.onboardingStepsFrontWrapper.schedule .leftSideBar.applicants {
  min-width: 160px !important;
  width: 19%;
}
.onboardingStepsFrontWrapper.schedule .employee {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  padding: 5px 10px;
}
.onboardingStepsFrontWrapper.schedule .employee > a {
  font-size: 12px;
  color: #207ef1;
  margin-top: 0px;
}
.onboardingStepsFrontWrapper.schedule .employee p {
  margin: 0;
  font-size: 14px;
  margin-top: 5px;
}

#loadMessageNotifications {
  display: none !important;

  display: block;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
  background: #f3faff;
  border-radius: 20px;
  color: #fff;
  padding: 5px 5px;
  border: 1px solid #0467b0;
  box-shadow: 0px 2px 5px #04040426;
  cursor: pointer;
  width: 85%;
  box-sizing: border-box;
  margin: 2px auto;
}.templatesMenuLink.chat {
/*   border-bottom: 0 !important; */
}#loadMessageNotifications.active {
  border: none;
  box-shadow: none;
}#loadMessageNotifications i {
  color: #0053df;
  margin: 0;
  display: block;
  position: initial;
}.error-notice, .success-notice {
  background-color: #cc3434;
  color: #fff;
  padding: 27px 31px;
  font-size: 14px;
  bottom: unset !important;
  position: absolute;
  display: none;
  z-index: 2000;
  letter-spacing: .5px;
  width: 286px;
  margin: 28px auto 0;
  padding-right: 0;
  right: 14px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 1000000;
}.error-notice::before, .success-notice::before {
  content: "";
  position: absolute;
  left: -12px;
  width: 12px;
  top: 0;
  bottom: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-image: linear-gradient(45deg,rgba(255,255,255,.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.4) 75%,transparent 75%,transparent);
  background-size: 14px 14px;
  background-color: green;
}.error-notice::before {
  background-color: red;
}.success-notice {
  background: #239d09;
}.error-notice, .success-notice {
  top: 0 !important;
}
input:focus {
  border: 1px solid #3e3e3e !important;
}
textarea:focus {
  border: 1px solid #e8ecff !important;
}
select:focus {
  border: 1px solid #e8ecff !important;
}.actionBtns .inputWrapper a.skip_and_proceed_question{
  margin-top: 15px;
}textarea.application_success_code {
  width: 100%;
  height: 150px;
  margin-top: 10px;
  border-radius: 5px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 12px;
  border: 1px solid #e0e0e0 !important;
  background: #eee;
  color: #6b6b6b;
}.mainNav .menu a b.ur_bubble {
  background: #45b514;
  width: 12px;
  float: left;
  opacity: 0.7;
  font-size: 0px;
  height: 12px;
  line-height: 22px;
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: 0;
  margin: 5px;
  color: #fff;
  box-shadow: 0px 2px 4px 2px #0000001c;
  font-weight: bold;
  text-align: center;
}
.hd.applicationFormArea p {
  text-align: right !important;
}.rejectionModalWrapper .inputWrapper.reasonForRejectingWrap {
  width: 100%;
  box-sizing: border-box;
  position: initial;
  margin-top: 20px;
}.profileSettup.accSettingsOptions a.twLink {
  font-size: 12px;
  text-decoration: underline !important;
  position: relative;
  top: -10px;
  color: #001cff;
  display: block;
  margin: 15px 0;
}.accSettingsOptions span.en_service {
  display: flex;
  font-size: 13px;
  position: relative;
  top: -50px;
  width: 120px;
  line-height: 19px;
  font-weight: bold;
  float: right;
}
.uniformSizes.applicationFormArea p {
  border-bottom: 1px solid #eee;
  padding: 15px 10px;
  box-sizing: border-box;
  font-size: 14px;
  color: #4a4a4a;
}.rejectionModalWrapper label.sppps strong{
  float: right;
  z-index: 10000;
  position: relative;
  letter-spacing: .3px;
  color: #1d1d1d;
  font-size: 15px;
}
.rejectionModalWrapper label.sppps{
  color: #4a4a4a;
  font-size: 13px;
}
.uniformSizes.applicationFormArea p strong {
  float: right;
  color: #464646;
  text-decoration: underline;
}.rejectionModalWrapper p.notes{
  font-size: 11px;
  letter-spacing: .6px;
  margin-top: 10px;
  text-align: center;
}.rejectionModalWrapper .reject_applicant_close {
  background: #000;
  padding: 10px 20px;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 12px;
  margin: 5px;
  border-radius: 30px;
}.rejectionModalWrapper .submitForm{
  width: 400px;
  margin: 0 auto;
  margin-top: 40px;
  background: #fff;
  padding: 20px;
  border-radius: 4px;
  position: relative;
}.rejectionModalWrapper {
  position: absolute;
  background: #070707a1;
  width: 100%;
  height: 100%;
  z-index: 10000000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}.rejectionModalWrapper form.submitForm input[type="submit"]{
  width: 130px;
  display: inline-block;
  background: linear-gradient(#eef8ff,#c8e7ff) !important;
  float: none;
  margin: 0 auto !important;
  padding: 15px;
  border-radius: 40px;
  color: #005eff !important;
  font-size: 13px;
  margin-top: 20px !important;
  border: 1px solid #abcaff;
}.rejectionModalWrapper .applicationFormArea {
  border: 0;
  text-align: center;
  background: #0000;
}.rejectionModalWrapper .errorFieldErrorTxt {
  display: block;
  width: 300px;
position: absolute;
 bottom: -30px;
  right: 0;
  }.onboardingStepsFrontWrapper .onboardingStepsFrontWrapperLeft .reject_applicant{
  display: block;
  background: #d5d5d5;
  text-align: center;
  padding: 7px;
  font-weight: lighter;
  letter-spacing: .3px;
  color: #2d2d2d;
  font-size: 14px;
}
.addNotesToProcessWrapper a.open_chat {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  background: #e5ffe8;
  font-size: 12px;
  color: #31a23d;
  border-bottom: 1px solid #5eb667;
}
.this_chat .frwdMessage {
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(#fafafa,#f6f6f9);
  z-index: 10000;
  box-sizing: border-box;
}.schedule_sms a.block_numbr {
  background: #ffe7e7;
  padding: 9px 15px;
  text-align: center;
  color: #c24747;
  font-size: 11px;
  margin: 5px;
  position: relative;
  width: 80px;
  display: block;
  box-sizing: border-box;
  border-radius: 30px;
  font-weight: bold;
  letter-spacing: .6px;
  float: right;
  top: 10px;
}#schedulingCalendar .calWrapper .employeesSchedulingPanel .scheduleWeek .scheduleDay .shift h6 strong {
  text-decoration: underline;
  color: #fff;
}#schedulingCalendar .calWrapper .employeesSchedulingPanel .calendarWeeks p span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  margin-right: 1px;
  position: relative;
  top: -1px;
}.mainJObLinkHeader span.companyName {
  float: right;
  margin: 9px 10px;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd .inputWrapper {
  width: 50%;
  margin: 0 auto;
  margin-top: 20px;
}.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd .cancelFrwdBtn{
  position: relative;
  z-index: 10;
  background: #9b9b9b;
  margin: 5px 0 0;
  padding: 9px 15px;
  text-align: center;
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  margin: 5px;
  position: absolute;
  left: 15px;
  top: -23px;
}
.applicationFormArea.defaultResponse {
  position: relative;
  border: none;
  overflow: visible;
  padding-bottom: 23px;
}.applicationFormArea.defaultResponse .inputWrapper label .errorFieldErrorTxt {
  position: absolute;
  top: 15px;
  width: 176px !important;;
  left: -22px;
  background: red;
  color: #fff !important;
  font-weight: 500 !important;
  letter-spacing: 0.6px;
  text-align: center;
  border-radius: 3px;
}

.applicationFormArea {
  background: #fff;
  border-bottom: 1px solid #eee;
  margin: 30px 0 30px;
  padding-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
}
.workExperience.applicationFormArea {
border-bottom: 0;
}
.accSettingsOptions .inputWrap > div input[type="submit"] {
  background: #2183ff !important;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
  border: none;
}
.rejectionModalWrapper .errorFieldErrorTxt {
  display: block;
  width: 180px;
position: absolute;
 bottom: -25px;
left: 10px;  

  }
.chartAReaDasWrap > div.pieChartWrapDashboard .chartMainWrapper {
  display: block;
  width: 600px;
  text-align: center;
  margin: 0 auto;
}

.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 small {
  display: block;
  position: relative;
  color: #acacac;
  left: 36px;
  top: 2px;
}
#dyn_note_by_user {
  width: 100%;
  font-weight: normal;
  background: #fffffb;
  padding-top: 6px;
}

.dashboardWrapper .mainNav.small .userArea a span {
  display: none;
}
.mainNav.small .menu a span {
  display: none;
}
.mainNav.small .menu a {
  font-size: 23px;
  text-align: center;
}
.mainNav.small .menu {
  width: auto;
}
.mainNav .menu a.templatesMenuLink.active {
  background: #0094ee;
}

.templatesMenuLink.active {
}
.mainNav .menu a.templatesMenuLink.active i {
  color: #fff;
}
.mainNav .menu a:last-child {
  border: 0;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ p.note{
  font-size: 12px;
  display: block;
  color: #1079ff;
  text-decoration: underline;
  margin: 0;
  padding: 0 5px 20px;
  line-height: 19px;
}
div.message_templates * {
  box-shadow: none !important;
}.send_sms_panel_wrapper .pt a.trig.active {
  background: white;
  font-size: 18px;
  transition: .4s linear;
}
.send_sms_panel_wrapper h3 {
  font-size: 14px;
  float: left;
  font-weight: 10;
  position: relative;
  top: 10px;
}.message_templates .chosen-single.chosen-default,.message_templates .chosen-container-single .chosen-single,.message_templates .chosen-container,#message_templates_select___chosen{
  border: none !important;
  background: no-repeat !important;
  box-shadow: none !important !important;
  color: #4b4b4b !important;
  height: auto !important;
}.send_sms_panel_wrapper .pt{
  display: inline-block;
  margin-bottom: 10px;
} div.message_templates{
  margin-top: 0;
  text-align: center;
  background: white;
  border-radius: 4px;
  width: 200px;
  margin-right: 5px;
  padding: 0;
  border: 1px solid #ececec;  
}
#dyn_note_by_user textarea.dyn_note_user_comment {
  width: 90%;
  box-sizing: border-box;
  padding: 10px;
  height: 110px;
  margin: 0 auto 20px;
  display: block;
  border: 1px solid #e3e3e3;
  border-radius: 7px;
  color: #535353;
  font-weight: 100;
  font-size: 16px;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson em.ur_msgs{
  font-size: 11px;
  text-align: right;
  width: 180px;
  display: block;
  color: #424242;
  padding: 8px;
  background: #f0f0f0;
  border-radius: 30px;
  margin: 10px auto 0;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson.unread em.ur_msgs {
  background: #fff;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson em.ur_msgs b.ur_msgs_count{
  background: linear-gradient(#007cff,#00abff);
  width: 19px;
  font-size: 12px;
  height: 19px;
  line-height: 19px;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  float: right;
  position: relative;
  top: -5px;
  margin-left: 10px; 
  padding: 2px;
}
.superActionsWrap.mainContentArea.zchat .cList .zheader .bookmarkedChats strong {
  float: right;
  background: #0848b5;
  padding: 3px 8px;
  border-radius: 4px;
  margin: -4px 10px;
  color: #fff;
}
.superActionsWrap.mainContentArea.zchat .cList .zheader .bookmarkedChats {
  font-size: 12px;
  color: #4a587b;
}
.mainNav .menu a.templatesMenuLink i.js_instant_loading_icon {
  color: #fff;
  background: none;
  margin: 0;
  box-shadow: none;
  width: auto !important;
  height: auto !important;
  font-size: 23px;
  padding: 0 !important;
  line-height: 0;
  position: relative;
  top: -12px;
}.notificationsBox .notification .controls {
  margin: 10px 0 0;
}
.dashboardWrapper .mainNav button {
  border: none;
  font-size: 14px;
  cursor: pointer;
  background: none;
}
.submitForm.validate.purgeReason input[type="submit"] {
  width: 100px;
  box-sizing: border-box;
  display: block;
  margin: 0 !important;
  background: #fff3f3 !important;
  padding: 11px 0;
  border: none;
  color: #ff3636 !important;
  float: none;
  border-radius: 5px;
  font-size: 13px;
  border: 1px solid #ffdbdb;
}
.superActionsWrap.mainContentArea.zchat .zcolumn {
  border: 1px solid #ccc;
  width: 24.5%;
  min-height: 100vh;
  text-align: left;
  box-sizing: border-box;
  display: inline-block;
  border-left: 0;
  min-width: 180px;
  overflow-y: auto;
  vertical-align: top;
  overflow-x: hidden;
  border-bottom: none;
  z-index: 1000;
}
.superActionsWrap.mainContentArea.zchat {
text-align: left; 
}.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .no_convo_selected {
  font-size: 15px;
  color: #6b6b6b;
  font-weight: 100;
  text-align: center;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .no_convo_selected img {
  width: 300px;
  margin: 0 auto;
  display: block;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn {
  width: 74.2%;
  border-right: 0;
  border-top: 0;
  margin-left: 26.5%;
}
.superActionsWrap.mainContentArea.zchat .cList .zheader {
  padding: 2px 0px 0 8px;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson.active {
  background: linear-gradient(-147deg,#dbf2ff,#e4f5ff) !important;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson.new {
  background: linear-gradient(#efffd8,#c9ff7b);
}
.superActionsWrap.mainContentArea.zchat .cList .zheader input {
  width: 86%;
  padding: 8px;
  box-sizing: border-box;
  border: 1px solid #aeaeae;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson:last-child {
  display: ;
  border-bottom: 1px solid #ccc;
}
.superActionsWrap.mainContentArea.zchat .cList .zheader a {
  font-size: 32px;
  position: relative;
  top: 6px;
  left: 3px;
  color: #8087ff;
}#confirmRecordedVideoTrig {
  font-size: 14px;
  color: #e9e6ff;
  background: #2b2a35;
  padding: 20px;
  line-height: 50px;
  border-radius: 5px;
  font-weight: 100;
  letter-spacing: .7px;
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
}
.contentGConsole .mainApplicationFormWrapper div > h3 em.opt{
  font-weight: lighter;
  color: #d0d0d0;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist {
  margin-top: 14px;
/*   max-height: 600px; */
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson {
  border-top: 1px solid #ccc;
  padding: 10px;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 {
  font-size: 14px;
  margin: 0px 0 9px;
  color: #333;
  font-weight: normal;
  position: relative;
}
#applying_for_job_application_form {
  max-width: 1200px;
  margin: 0 auto;
  border: 1px solid #eee;
  position: relative;
  border-bottom: 0;
  border-top: 0; 
  background: #fff;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 span i {
  background: #ececec;
  padding: 2px;
  font-size: 21px;
  border-top: ;
  border-radius: 50%;
  color: #818181;
  font-weight: ;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 span b {
  background: #ff5252;
  padding: 1px 4px;
  color: #fff;
  font-size: 11px;
  position: absolute;
  right: -4px;
  top: -14px;
  border-radius: 3px;
}.classicJstTable td:last-child {
  border-right: 1px solid #eee;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 span {
  position: relative;
  margin-right: 8px;
  top: 10px;
  left: -3px;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson p {
  margin: 20px 0 0;
  font-size: 12px;
  line-height: 22px;
  margin-left: 35px;
  color: #8c8c8c;
  letter-spacing: .3px;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd .inputWrapper label {
  font-size: 17px;
  text-align: ;
  margin: 0 auto;
  display: block;
  margin-bottom: 10px;
  font-weight: 100;
  letter-spacing: .4px;
  color: #206dff;
}
.frwd .chosen-container-multi .chosen-choices {
  padding: 20px 15px;
  border-radius: 3px;
  box-shadow: 0px 5px 8px 2px #0000000f !important;
  border: 1px solid #d0d0d0 !important;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message{

}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd .frwdMessageTxt {
  max-width: 270px;
  display: block;
  background: #fff;
  padding: 0 10px 15px;
  font-size: 12px;
  margin-top: 30px !important;
  border: 1px solid #eee;
  margin: 0 auto;
  line-height: 22px;
  box-sizing: border-box;
  border-radius: 5px;
  letter-spacing: 0.3px;
  box-shadow: 0px 10px 11px #0000002e;
}.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message.frwd .frwdMessageTxt i {
  background: #caffca;
  height: 35px;
  width: 35px;
  text-align: center;
  border-radius: 50%;
  line-height: 35px;
  font-size: 17px;
  color: #005100;
  display: block;
  margin: 10px 0;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd {
  padding: 20px 6px 0px;
  letter-spacing: .4px;
  box-sizing: border-box;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd h3 {
  font-size: 17px;
  margin: 0px 0px 20px;
  color: #4e4e4e;
  position: relative;
  font-weight: normal;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd h3 span {
  position: relative;
  margin-right: 8px;
  top: 16px;
  left: 2px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd h3 span i {
  background: #ececec;
  padding: 6px;
  font-size: 25px;
  border-radius: 50%;
  color: #818181;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd h3 small {
  display: block;
  position: relative;
  color: #bfbfbf;
  left: 50px;
  top: -1px;
  font-weight: 100;
  font-size: 12px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd .ct a.active{
  border-bottom: 2px solid #d38532;
  position: relative;
  top: 1px;
  color: #202020;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel {
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mims {
  overflow-y: auto;
  height: 480px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo p {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #f4f4f4;
  font-size: 12px;
  color: #3b3b3b;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo p strong {
  float: right;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mims .eims {
  background: #eeeeee21;
  padding: 20px;
  box-sizing: border-box;
  border-bottom: 1px solid #eee;
  color: #686868;
  font-size: 9px;
  text-align: right;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mims .eims .e_mms_image {
  width: 50px;
  height: 50px;
  background-color: #f3f3f3;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
  float: left;
  position: relative;
  top: -8px;

}
.superActionsWrap.mainContentArea.zchat .zinfo .hd .ct {
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd .ct a {
  width: 49%;
  display: inline-block;
  padding: 7px 0;
  color: #888;
  font-size: 14px;
  box-sizing: border-box;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 strong {
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 11px;
  color: #8c8c8c;
  font-weight: normal;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson h3 strong b{
display: block;
}
#dyn_note_by_user em {
  font-weight: 100;
  color: #bdbdbd;
}

.newSmsTraking {
  text-align: left;
  margin-top: 60px;
  display: block;
  background: #f8f9ff;
  padding: 7px 23px;
  border-radius: 10px;
  border: 1px solid #e4e8ff;
}
.newSmsTraking h3 {
  color: #000a61;
}
.newSmsTraking .rows_msg {
  background: #f5f6ff;
  padding: 5px 19px;
  border-radius: 10px;
  margin-bottom: 25px;
  border: 1px solid #e4e8ff;
}
.newSmsTraking .rows_msg p strong {
  float: right;
}
.newSmsTraking .rows_msg p {
  background: #fcfcff;
  padding: 15px 13px;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
  font-size: 12px;
  color: #353c72;
}
.currentStep .finalNoti.rejcted span.reason {
  display: block;
  background: #fff;
  padding: 12px 8px;
  margin-top: 10px;
  border-radius: 7px;
  color: #8a8a8a;
  font-weight: normal;
  font-size: 12px;
}

.newSmsTraking .rows_msg .mms_body_image {
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: cover;
  background-color: #eaecff;
  border-radius: 7px;
}.newSmsTraking .rows_msg strong.cnt {
  color: #747fe3;
  margin: 20px 5px 0;
  display: inline-block;
}.schedule_sms {
  display: inline-block;
  padding: 0 15px 10px;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 20px;
  text-align: right;
}.newSmsTraking .rows_msg.bling {
  background: #fffbf6;
  border: 1px solid #ffce91;
}.schedule_sms > label {
  float: left;
  font-weight: normal;
  color: #191919;
}.schedule_sms .inputWrapper {
  vertical-align: top !important;
  text-align: left;
  margin-top: 11px;
}.schedule_sms .inputWrapper label {
  font-weight: 1000 !important;
  color: #191919;
}.schedule_sms .inputWrapper input {
  background: #fff;
  border: none;
  height: 50px !important;
  padding: 13px 16px;
  box-sizing: border-box;
  border-radius: 7px;
  letter-spacing: .5px;
  border: 1px solid #d8d8d8;
  width: 100%;
  text-transform: uppercase;
  margin-top: 22px;
}  .paginationLinks p {
    padding: 10px;
  }

.classicJstTable td{
  padding: 20px 5px;
  color: #001b31;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  max-width: 70px;
  box-sizing: border-box;
  line-height: 20px;
  border-left: 1px solid #eee;
}
.schedule_sms .inputWrapper label {
  font-weight: 1000 !important;
  margin: 3px 0;
}.accSettingsOptions .inputWrap > div #editCompanyLogo {
  display: block;
  left: 80px;
  background: #343e5a;
  width: 30px;
  border-radius: 50%;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #fff;
  margin: 0 auto;
  position: relative;
  font-size: 16px;
}.schedule_sms .inputWrapper .timeFieldControls {
  border: none;
  margin-top: -11px;
  background: no-repeat;
}
.newSmsTraking .rows_msg a.call {
  background: #fff7f7;
  padding: 11px 0px;
  border-radius: 4px;
  font-size: 13px;
  letter-spacing: .6px;
  color: #d50000;
  border: 1px solid #ffbdbd;
  display: block;
  width: 80px;
  text-align: center;
  margin: 16px 0 8px;
}
.digitalSignature .inputWrapper .errorFieldErrorTxt {
  margin: 0;
  width: 100%;
}

#contract_signature {
  width:auto;
  box-shadow: 0 0 5px 1px #ddd inset;
  border:dashed 2px #53777A;
  border: dashed 1px #53777A;
  margin:0;
  text-align:center;
  min-height:80px;
  min-width:340px;
  transition:.2s;
}

#contract_reset_panel {
  float: right;
  margin: 7px 0;
  background: #cee4ff;
  padding: 6px 16px;
  border-radius: 24px;
  color: #0067e9;
  font-weight: normal;
  cursor: pointer;
  letter-spacing: .5px;
  border: 1px solid #9cc2f1;
  text-transform: capitalize;
  font-size: 12px;
}

#contract_signature_capture {
  height: 0px;
  visibility: hidden;
}

.digitalSignature .inputWrapper {
  border: none !important;
}

#sendInboundSmsForm .inputWrapper {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
}.send_sms_panel_wrapper .pt{
}#sendInboundSmsForm .im{
  text-align: center;
  background: #f9f9ff;
  padding: 18px 0 15px;
  border-radius: 7px;
  margin-bottom: 20px;
}#sendInboundSmsForm .im img{
  width: 100px;
  border-radius: 10px;
  display: inline-block;
}#sendInboundSmsForm .im a{
  vertical-align: top;
  display: inline-block;
  text-align: center;
  background: #616161;
  margin: 10px 1px 0;
  width: 33px;
  height: 33px;
  line-height: 33px;
  font-size: 18px;
  border-radius: 36px;
  color: #eee;
}

.schedule_sms label {
  margin: 5px 0;
}.schedule_sms label.send_later {
  margin: 0 0 20px;
}

.send_sms_panel_wrapper .pt a.trig{
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-align: center;
  margin: 10px 1px 0;
  width: 25px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  border-radius: 6px;
  color: #0d0d0d;
  transition: 0.4s ease-out;
}.accSettingsOptions .inputWrap > div.actionBtns{
  width: 100%;
  text-align: center;
}#companyLogoShow {
  width: 150px;
  display: block;
  margin: 0 auto 12px;
  padding: 10px;
} .this_chat div.mms_image_wrapper {
  display: inline-block;
  border-radius: 10px;
  padding: 20px;
  width: 300px;
  text-align: right;
  background: #fbfbfb;
} .this_chat div.mms_image_wrapper p{
  display: block;
  max-width: 100%;
  vertical-align: top;
} .this_chat .outbound a.sms_body_link{
  color: #161616;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ {
  display: ;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ h3 {
  font-size: 15px;
  margin: 20px 5px 10px;
  color: #3b3b3b;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled {
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  cursor: pointer;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled p {
  border: none;
  padding: 20px 8px 5px;
  font-size: 12px;
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 12px;
}

ol.askinQues li:first-child {
border: none !important;
}
ol.askinQues li {
  padding: 20px 0;
  border-top: 1px solid #eee;
  text-align: left;
  font-size: 14px;
  font-weight: initial;
}.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled .in a.call {
  padding: 7px 0;
  background: #fee;
  color: #ff5a5a;
  margin: 0 auto;
  display: block;
  width: 70px;
  border-radius: 28px;
  border: 1px solid #ffd9d9;
  font-size: 12px;
  text-align: center;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled p span {
  float: right;
  color: #3b3b3b;
  font-size: 10px;
  font-weight: bold;
}.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled p.active {
  background: #fffefb;
  border-bottom: 1px solid #c5ab5e;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled p span strong {
  display: block !important;
  float: none;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled p strong {
  float: none;
  display: block;
  text-align: right;
}
 .this_chat div.mms_image {
  width: 120px;
  height: 120px;
  border-radius: 9px;
  background-color: #f3f3f3;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: inline-block;
} .this_chat a.sms_body_link {
  color: #0062fa;
  font-size: 13px;
  text-decoration: underline !important;
  font-weight: normal;
  letter-spacing: -.6px;
  font-size: 12px;
  display: block;
}
 .this_chat .inbound div.no_text_mms_image_wrapper{
  text-align: left;
}
 .this_chat div.no_text_mms_image_wrapper{
  padding: 0 !important;
  margin: 0 !important;
}
#sm_user_success_msg_front{
  background: #f8fffa;
  width: 90%;
  padding: 15px 0;
  padding-left: 10px;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 900;
  border-radius: 3px;
  color: #00a12e;
  border: 1px solid #28b50024;
  margin: 24px auto 10px;
  max-width: 250px;
  box-shadow: 0px 15px 18px -17px #0000009e;
}

.add_schedule_event_calendar .inputWrapper {
  margin: 20px 0 0;
}
.twilioSettings {
  width: 100% !important;
  display: inline-block !important;
  color: #2b2d4d;
  font-size: 18px;
}
.twilioSettings .inputWrapper.inputArea {
  font-weight: normal;
}

 form.submitForm input[type="submit"] {
  position: relative;
  color: #fff !important;
  display: block;
  width: 240px;
  margin: 10px auto 0 !important;
  
  border-radius: 40px;
  letter-spacing: .6px;
  font-size: 15px;
  background: #191c37 !important;
}
 .chat_selection_head label {
  font-size: 15px;
  display: block;
  text-align: left;
  width: auto;
  margin: 0 auto;
  color: #5b5b5b;
  margin-bottom: 3px;
  margin-top: 17px;
  font-weight: 500;
  letter-spacing: .4px;
  text-transform: unset;
}.send_sms_panel_wrapper {
  background: #fcfcff;
  display: block;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  text-align: right;
}
.errorFieldErrorTxt {
  max-width: 300px;
  border: 1px solid #fff2f2;
}
 .this_chat .inbound {
  text-align: right;
}
 .this_chat .inbound {
  text-align: left;
}
 .this_chat .this_chat div {
  display: block;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
 .this_chat div p {
  background: #edeff2;
  max-width: 60%;
  display: inline-block;
  padding: 11px 13px;
  font-size: 14px;
  min-width: 10px;
  border-radius: 10px 10px 0px 10px;
  margin: 0;
  line-height: 22px;
  letter-spacing: .4px;
  color: #4c4c4c;
  text-align: left;
  box-sizing: border-box;
}
.this_chat .timestamp {
  display: block;
  font-size: 12px;
  color: #b8b8b8;
  margin-top: 8px;
  letter-spacing: .3px;
  padding: 0 20px;
} .this_chat .inbound p {
  background: #2c7cb5;
  color: #fff;
  box-shadow: 1px 2px 6px 2px #2a3a531f;

}.this_chat a.call.mark_as_unread {
  display: block;
  color: #4d4d4d;
  font-size: 13px;
  width: 50px;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson .call.mark_as_unread {
  float: right;
  font-size: 14px;
  color: #303030;
  background: #f5f5f5;
  border-radius: 5px;
  position: relative;
  top: -10px;
  right: -10px;
  z-index: 1000;
  border: 1px solid #f2f2f2;
}ul.dynamicVarAutoInsertList {
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: .3px;
  color: #003f64;
  background: #f3f7ff;
  padding: 20px 30px;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}ul.dynamicVarAutoInsertList h4{
  margin: 0 0 4px;
  font-size: 14px;
  color: #05f;
  position: relative;
  left: -20px;
}
.zlist .eperson.unread{
  background: linear-gradient(-20deg,#ffc800,#ffee59);
}
.zlist .is_marked_msg {
  border-radius: 3px;
  font-size: 11px;
  color: #040404;
  text-decoration: underline;
  font-weight: bold;
  display: block;
  text-align: right;
}
.this_chat a.frwdMessage {
  position: relative;
  top: -17px;
  color: #2d2d2d;
}
 .this_chat strong.chating_with_name{
display: none;
}.chat_model.chat_selection_wrapper  .chat_top_bar p{
  background: #2b2d4d;
  padding: 20px;
  text-align: left;
  font-size: 14px;
  border-radius: 6px;
  margin: 0;
  color: #92a3ff;
}.chat_model.chat_selection_wrapper  .chat_top_bar p span{
  float: right;
}

 .this_chat .inbound strong.chating_with_name{
  display: block;
  margin-top: 10px;
  color: #65bcff;
} .this_chat div {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  text-align: right;
  margin-top: 10px;
}.send_sms_panel_wrapper label {
  color: #38424d;
  font-size: 15px;
  position: relative;
  top: 15px;
  letter-spacing: 1px;
  display: block;
  margin: 9px 0 0;
  font-weight: normal;
  /* left: 5px; */
  box-sizing: border-box;
  padding-left: 6px;
  margin-bottom: 40px;
}.send_sms_panel_wrapper form textarea {
  width: 97%;
  height: 50px;
  font-size: 14px;
  margin-top: 10px;
  border: 1px solid #cdcdcd;
  padding: 13px 14px;
  box-sizing: border-box;
  margin: 15px auto 0;
  display: block;
  border-radius: 7px;
  letter-spacing: .5px;
  color: #5c5c5c;
  height: 123px;
  margin-top: 40px;
} .this_chat {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px dashed #5f5f5f;
}.chat_model.chat_selection_wrapper {
}
.dashboardWrapper > div.theContARs {
  z-index: 1;
  position: relative;
  display: table-cell;
  width: 94%;
}
 .controls a.active {
  background: #4e7aff;
  color: #fff;
}
.tableFilters .js_instant_loading_icon {
  position: absolute;
  left: 10px;
  top: 100px;
  z-index: 11;
}
body.outsider {
  text-align: left;
}body.outsider .custFormArra {
  width: 100% !important;
}body.outsider .onboardingStepsFrontWrapperLeft{
  width: 25%;
  display: inline-block;
  border-right: 1px #ececec solid;
}body.outsider .onboardingStepsFrontWrapperRight {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
}
.errorFieldErrorTxt {
  color: #ff7575 !important;
  font-size: 12px !important;
  font-weight: 100 !important;
  letter-spacing: .6px;
  line-height: 20px !important;
  background: #fff8f8;
  padding: 10px;
  border-radius: 3px;
}.addNotesToProcessWrapper video{
  border: none !important;
  position: relative;
  top: -12px;
}
.contentGConsole .mainApplicationFormWrapper .inputWrapper label span.required_staric {
color: #ff6262 !important;
}
.contentGConsole .mainApplicationFormWrapper .inputWrapper strong {
  font-size: 11px;
  display: block;
  margin-top: 5px;
  color: #0047a2;
  line-height: 16px;
  text-decoration: underline;
  font-weight: 500;
  margin-left: 10px;
}#addNewusers input,#addNewusers select {
  width: 88%;
  max-width: 180px;
  margin-top: -6px;
  min-width: 130px;
}
.errorFieldErrorTxt {
  color: #f44;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0.7px;
  margin:5px;
}
.fileUploadingArea .infoCapsule p{
  font-size: 13px;
  margin: 10px;
  border-bottom: 1px #cecece solid;
  padding-bottom: 18px;
  margin-bottom: 19px;
  letter-spacing: .3px;
  color: #333;
}
.fileUploadingArea .infoCapsule p strong{
  display: inline-block;
  color: #282828;
  display: block;
  margin-top: 9px;
  font-size: 12px;
}
.fileSystemViewWrapper .fileEach{
  display: inline-block;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  padding: 0px 10px;
  box-sizing: border-box;
}
.fileSystemViewWrapper .fileEach a {
  color: #4f598c;
  font-size: 13px;
  font-weight: normal;
  margin-left: 7px;
  font-weight: 7;
}
.fileSystemViewWrapper .fileEach a.call.callConfirmFirst {
  float: right;
  font-size: 20px;
  color: #ff2424;
  position: absolute;
  top: 10px;
  right: -3px;
}
.fileSystemViewWrapper .fileEach p {
position: relative; 
}
.fileSystemViewWrapper .fileEach p strong {
  color: #fff;
  display: inline-block;
  background: #c8c8c8;
  height: 17px;
  width: 17px;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  font-size: 10px;
  padding: 2px;
  float: right;
  position: relative;
  top: -13px;
  right: -3px;
}
form.submitForm input[type="submit"] {
  cursor: pointer;
  background:  #0094ee !important;
  letter-spacing: .7px;
  padding: 17px 0;
  border-radius: 6px;
  position: relative;
  display: block;
  width: 100%;
  border: none;
  margin-left: 0 !important;
  color: #fff !important;
  max-width: 200px;
  float: right;
  margin-bottom: 20px !important;
  margin-right: 8px !important;
}
.liveWebVideoRecorder {
  background: #fff;
  border-radius: 18px;
  margin-bottom: 140px;
  text-align: center;
  box-sizing: border-box;
  border: none;
  margin-top: 10px !important;
}


.inputWrapper {
  position: relative;
}
.onboardingStepsWrapperStepsEach.imp {
  background: linear-gradient(#ffeca1,#fff8d8);
  border-color: #d5a900;
}
.liveWebVideoRecorder a {
  color: #4183c4;
  font-weight: 300;
  text-decoration: none;
}

.liveWebVideoRecorder a:hover {
  color: #3d85c6;
  text-decoration: underline;
}

.liveWebVideoRecorder a#downloadLink {
  display: block;
  margin: 0 0 1em 0;
  min-height: 1.2em;
}

.liveWebVideoRecorder div#container {
  margin: 0 auto 0 auto;
  max-width: 720px;
  padding: 1em 1.5em 1.3em 1.5em;
}

.liveWebVideoRecorder h3 {
  border-top: 1px solid #eee;
  color: #666;
  font-size: 0.9em;
  font-weight: 500;
  margin: 20px 0 10px 0;
  padding: 10px 0 0 0;
  white-space: nowrap;
}

.liveWebVideoRecorder p#data {
  border-top: 1px dotted #666;
  font-family: Courier New, monospace;
  line-height: 1.3em;
  min-height: 6em;
  max-height: 1000px;
  overflow-y: auto;
  padding: 1em 0 0 0;
}


.liveWebVideoRecorder #controls {
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}
.liveWebVideoRecorder #live,#playback{
       -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
} 
.onboardingStepsFrontWrapperRight .applicationFormArea {
  border: none;
  width: 95%;
  background: none;
}.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson span.mtype {
  transform: rotate(40deg);
  color: #006de0;
  display: inline-block;
  font-size: 14px;
  float: left;
}
.superActionsWrap.mainContentArea.zchat .cList .zlist .eperson span.mtype.inbound {
color: #30b700;
}
.errorFieldFormBlingCI {
  background: #fffbfb !important;
  border-color: #ffe3e3 !important;
}.ftrJL p.powBy a {
  font-weight: bold;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
}
.liveWebVideoRecorder button:hover, button:focus {
  outline: none;
  background: #818a93;
}
.liveWebVideoRecorder button::-moz-focus-inner {
  border: 0;
}
.liveWebVideoRecorder button:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
  line-height: 3rem;
}
.liveWebVideoRecorder button:disabled {
  pointer-events: none;
  background: lightgray;
  color: #a8a8a8;
}#downloadLink {
  display: none !important;
}.chatSelectBoxOptions .js_instant_loading_icon_wrapper {
  text-align: right;
  position: absolute;
  bottom: -70px;
  right: 10%;
} .chatSelectBoxOptions{
  position: relative;
  max-width: 680px;
  margin: 0 auto;
}
 .chat_selection_head{
background: #fefeff;
padding: 10px;
}

 .chat_selection_head select{
width: 100%;
margin-top: 10px;
height: 50px;
padding: 0 15px;
background: #fff;
border: 1px solid #969696;
font-size: 15px;
border-radius: 5px;
box-sizing: border-box;
color: #303030;
letter-spacing: .5px;
}

.liveWebVideoRecorder button:first-child {
  margin-left: 0;
}
.mainBasicArea .GraphsAreaa > div:hover span.origNumb{ display: block; }
.mainBasicArea .GraphsAreaa > div span.origNumb{ display: none; }
.mainBasicArea .GraphsAreaa > div span.origNumb{
  position: absolute !important;
  bottom: 22px;
  left: 0;
  right: 0;
  top: auto !important;
  letter-spacing: 0.2px !important;
  color: #ffaeae !important;
}
.childWrapperForStatsRows div{position: relative;}
.childWrapperForStatsRows div a {
  position: absolute;
  right: 3px;
  top: 5px;
  font-size: 15px !important;
  padding: 2px !important;
}.classicJstTable .paginationLinks a, .classicJstTable .paginationLinks strong {
  display: inline-block;
  color: #fff;
  margin: 0 2px;
  font-size: 13px;
  background: #001b31;
  padding: 5px 10px;
  border-radius: 3px;
}

#attendenceAddForm img.attThumbVector{
  width: 112px;
  margin: 50px auto 0;
  display: inherit;
  border-radius: 50%;
  border: 6px solid #e1e1e1;
}
form.saveStatsReport input[type="submit"] {
  border: none;
  background: #7bbb3b;
  color: #fff;
  padding: 36px 118px;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  border-radius: 6px;
  transition: ease-in-out .3s;
  margin: 0 auto;
  display: inherit;
  margin-top: 20px;
}
.diff {
  top: 25px !important;
  padding: 10px;
  position: absolute !important;
  display: inline-block;
  right: 15px;
}
.diff.stable {
  color: #eee !important;
}.diff.stable::after {
  content: "Change";
  font-size: ;
  position: relative;
}.diff.positive::before {
  content: "+";
}.diff.negative::before {
  content: "-";
}
.diff.positive {
  color: #ff7c09 !important;
}
.diff.negative {
  color: #5fb8ef !important;
}
.dashboardFilters p.error {
  padding: 10px 15px;
  color: #fff;
  letter-spacing: .6px;
  border-radius: 2px;
  background: #6d6d6d;
  font-size: 14px;
  box-shadow: 0px 2px 5px #434343;
  display: block;
  max-width: 400px;
  width: 100%;
  margin: 10px auto;
}
.closeonPageEditForm, .saveOnPageEditForm {
  position: absolute;
  right: -11px;
  font-size: 13px !important;
  width: 26px !important;
  height: 26px !important;
  line-height: 27px !important;
  top: -10px;
  background: #ff4040 !important;
  color: #ffdbdb !important;
  border: 2px solid #fff;
}
.inputWrapper.bigSelect{
height: 200px;
}
.defaultJobQuestionsWrappers p.note {
  font-size: 14px;
  color: #009fff;
  text-decoration: underline;
}

.inputWrapper p.spLabel {
  font-size: 14px;
  color: #444;
  letter-spacing: .3px;
}
.defaultJobQuestionsWrappers .defaultJobQuestions li {
list-style: none;
padding: 20px 0;
border-bottom: 1px solid #eee;
}ul.defaultJobQuestions {
  padding: 0;
  /*! border: 1px solid #eee; */
  margin-bottom: 30px;
  display: none;
}
.defaultJobQuestionsWrappers .defaultJobQuestions li label {
  display: block !important;
  width: 100% !important;
}
.defaultJobQuestionsWrappers .defaultJobQuestions li strong.helpMePop {
  display: none;
}
.defaultJobQuestionsWrappers .defaultJobQuestions li label input {
  margin: 0 5px 0 0px !important;
}
.inputWrapper strong.helpMePop {
}
.inputWrapper strong.helpMePop span {
}
.inputWrapper strong.helpMePop:hover span{
  display: inline-block;
}
.inputWrapper.bigSelect input,
.inputWrapper.bigSelect select{
height: 100% !important;
}
.saveAllAddFormsAtOnceTrigger{
  background: none !important;
  width: auto !important;
  height: auto !important;
}
.saveOnPageEditForm {
  right: 19px;
  background: #1694f7 !important;
  color: #fff !important;
}
.mainWrapper {
  padding: 0 !important;
  margin: 0 !important;
  }
.dashboardWrapper .mainNav {
  text-align: center;
  background: #fff;
  z-index: 1051;
  padding: 0 !important;
  /*! box-shadow: 0 0 26px 2px #00000036; */
  width: 6%;
  height: 100%;
  top: 0;
  left: 0px;
  bottom: 0px;
  display: table-cell;
  position: relative;
  z-index: 2;
  border-right: 1px solid #d8e8f4;
}
.dashboardWrapper .mainNav.fixed{
  position: fixed;
}
.dashboardWrapper .mainNav.fixed .expand {
  color: #ddd;
  pointer-events: none;
}
#updateSortables{display: none;}
#sortable{
  color: #6b6a6a;
  font-size: 13px;
  line-height: 20px;
}.allCatsMainWrap ul#sortable h3 {
  pointer-events: none;
  position: relative;
  text-align: center;
  margin: 9px 0 2px;
  text-indent: 8px;
  letter-spacing: .3px;
  word-spacing: 0;
  text-align: center;
  display: block;
  font-size: 17px;
  color: #56b52c !important;
  border-bottom: 1px #d5d5d5 solid;
  padding-bottom: 19px;
} 
.allCatsMainWrap ul#sortable {
  background: #fff;
  padding: 40px 20px;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  display: block;
  width: 400px;
  border: 1px #e3e3e3 solid;
  margin: 0 auto;
}
.classicJstTable .tableFilters .tableType i.tl {
  font-size: 20px;
  position: relative;
  top: 3px;
  right: 6px;
  color: #56b52c;
  display: none;
}
ul#sortable li.groupTitle {
  pointer-events: none;
  background: #7b7b7b !important;
  color: #fff;
  letter-spacing: 1px;
  border-radius: 5px !important;
  margin-top: 30px !important;
  border: none;
  padding: 14px 15px;
  font-size: 13px;
  letter-spacing: .4px;
  margin-top: 10px !important;
}
.groupStart.ui-sortable {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin-right: 13px;
}#sortable input {
  width: 330px;
  height: 59px;
  border: none;
  border-bottom: 1px solid;
  border: 1px #e3e3e3 solid;
  text-align: center;
  letter-spacing: .4px;
  box-sizing: border-box;
  display: block;
  margin: 0 auto 25px;
  border-radius: 7px;
}
a.jstGoBack {
  background: #56b52c;
  position: relative;
  padding: 8px 13px;
  border-radius: 6px;
  top: -60px;
  color: #eee;
  letter-spacing: 1px;
  font-size: 12px;
  float: left;
}

#savePurchaseOrder {
  display: inline-block;
  font-size: 13px;
  width: 100px;
  border-radius: 7px;
  background: #16990b;
  color: #fff;
  margin: 30px;
  cursor: pointer;
  letter-spacing: 1px;
  padding: 22px 43px;
}
.dmHd.automateInstaTmp .contentfieldArea {
  margin-bottom: 70px;
}
tr.newOrder {
  border: 2px solid #ff7c2e !important;
}
.dashboardWrapper .mainNav .userArea img {
  /*! border-radius: 100px; */
  width: 50px;
  display: block;
  margin: 0 auto;
  padding-top: 10px;
  margin-bottom: 7px;
  }
  .dashboardWrapper .mainNav .userArea span {
  }
  .topBarData {
    background: #d4e3ff;
    padding: 5px 10px 4px;
    color: #464646;
  }
  .superActionsWrap.automation .inputWrap.sega p.brnd{
    color: #5973ff;
    margin: 10px;
    border-left: 2px solid;
    padding-left: 5px;
  }
  .topBarData p {
    display: inline-block;
    font-size: 13px;
  }.moduleDescription {
    background: #fff;
    padding: 30px;
    border-top: 5px solid #2570ff;
    box-shadow: 0px 2px 10px 2px #00000014;
    }.moduleDescription p{
      text-align: center;
      line-height: 29px;
      letter-spacing: 0.5px;
      font-size: 13px;
      word-spacing: 1px;
      color: #838282;
    }
    .topBarData span {
      background: #357aff;
      height: 20px;
      width: 20px;
      display: inline-block;
      line-height: 20px;
      text-align: center;
      border-radius: 100px;
      padding: 3px;
      margin-right: 5px;
      font-weight: 700;
      color: #fff;
      border: 3px white solid;
  }
  .superActionsWrap.mainContentGenWrap .topBar > h2 {
    background: #666886;
    border-color: #5e5c5c;
  }
  .topBarData strong {
    color: #343f5e;
  }
  .topBarData a {
    background: #3c64ff;
    display: inline-block;
    box-shadow: 0 4px 5px 0px #0003;
    padding: 10px 18px 13px;
    border-radius: 6px;
    color: #ffffffcf;
    font-size: 13px;
    float: right;
    position: relative;
    top: 3px;
    margin-right: 2px;
  }
  .topBarData a i {
    margin-right: 2px;
    font-size: 22px;
    position: relative;
    top: 3px;
    color: #fff;
  }
  .schedule > h2 i {
    margin-right: 8px;
    color: #40464d;
  }
.dashboardWrapper .mainNav .userArea span::before {
}
.mainNav .menu {
  margin-top: 21px;
  width: 180px;
  text-align: left;
}
  .mainNav .menu a {
    display: block;
    text-decoration: none;
    margin: 0 0 23px;
  }.dmHd .topBar, .postNowMainWrap .topBar, .superActionsWrap .topBar {
    padding: 0;
    display: none;
    }.settingsArea .accSettingsOptions {
      border: 1px #d2d2d2 solid;
      margin: 20px;
      padding: 20px;
      background: #fff;
      border: none;
      border-radius: 10px;
    }
    .mainNav .menu a {
      font-size: 11px;
  }
  .mainNav .menu a img {
    width: 14px;
    background: white;
    padding: 8px;
    border-radius: 9px;
  }
  .mainNav .cUrl {
    position: absolute;
    bottom: 15px;
    left: 14px;
  }
  .mainNav .cUrl a img {
    width: 37px;
  }
  .dashboardWrapper .contentAreaWrapper {
    margin-left: 75px;
    background: #f7f7f7;
    height: 100vh;
  }
.contentAreaWrapper > .topBar {
  background: #fff;
  padding: 6px 20px 8px;
  text-align: left;
  min-height: 45px;
}
  .mainContentArea .loadUpStuff{
    height: 100%;
    position: absolute;
    width: 100%;
    text-align: center;
    padding-top: 120px;
    font-size: 100px;
  }
  .contentAreaWrapper .topBar > div {
    display: inline-block;
  }.contentAreaWrapper .topBar div.instagramAccounts{
    display: inline-block;
    position: relative;
    }.contentAreaWrapper .topBar div.instagramAccounts .eachAcc {
      display: inline-block;
      margin-right: 7px;
      position: relative;
    }.contentAreaWrapper .topBar div.instagramAccounts .eachAcc img {
      width: 32px;
      border-radius: 50%;
      padding: 2px;
      border: 2px solid #959595;
      box-shadow: 0 2px 6px 2px #00000029;
      background: #fff;
    }
.contentAreaWrapper .topBar div.instagramAccounts .eachAcc.active img {
  border-color: #7f99ff;
}
.contentAreaWrapper .topBar div.instagramAccounts .eachAcc a {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  height: 40px;
  width: 41px;
  background: transparent;
  position: absolute;
  left: 0;
  border-radius: 100%;
  border: #494949;
  }
  .contentAreaWrapper .topBar div.instagramAccounts .eachAcc p{
    font-size: 9px;
    letter-spacing: 1px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 6px 0 0 0;
    position: absolute;
    top: 0;
    right: 7px;
    color: #5578ff;
    text-decoration: underline;
    display: none;
  }.contentAreaWrapper .topBar div.instagramAccounts .eachAcc.active p{
    display: block;
    background: #3164ff;
    height: 10px;
    width: 10px;
    font-size: 0px;
    border-radius: 100px;
    margin-right: -6px;
    text-decoration: navajowhite;
    margin-top: 2px;
    box-shadow: 0 0 5px 2px #334071a1;
    border: 1px #fff solid;
    transition: ease-in-out .3s;
    }
    #toggleNav {
      background: #56575b;
      height: 30px;
      width: 30px;
      line-height: 34px;
      display: inline-block;
      border-radius: 100px;
      text-align: center;
      position: relative;
      top: 9px;
      margin-right: 15px;
      margin-left: 8px;
  }
  #toggleNav img {
    width: 15px;
  }
  #addInstaAcc {
    display: inline-block;
    border: 1px #94b9ff solid;
    font-size: 13px;
    padding: 9px 8px 6px;
    border-radius: 36px;
    vertical-align: top;
    margin-left: 5px;
  }
  #addInstaAcc img {
    display: inline-block;
    width: 22px;
    border-radius: 5px;
    background: #e8a016;
    padding: 1px;
  }
  #addInstaAcc span {
    font-size: 12px;
    color: #5084ff;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: -5px;
    margin-right: 8px;
    letter-spacing: .3px;
    font-weight: 300;
  }
  .contentAreaWrapper .topBar .right {
    float: right;
    position: relative;
    top: 5px;
  }
  #support, #notifications, #logout {
    background: #ffc24f;
    height: 30px;
    width: 30px;
    line-height: 32px;
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    color: #73563d;
    font-size: 15px;
  }
.swal2-styled.swal2-cancel {
  font-size: 13px !important;
}
.swal2-content {
  font-size: 13px !important;
  color: #282828 !important;
  font-weight: 500 !important;
}
  #support img, #notifications img, #logout img {
    width: 15px;
  }
  #logout {
    margin-right: 60px;
    background: transparent;
    color: #c4c4c4;
    padding: 0;
    width: auto;
    font-size: 25px;
    position: relative;
    left: 14px;
    margin-left: 0px;
    margin-right: 20px;
    font-weight: 700;
    }.selectWmood {
  display: inline-block;
  position: relative;
  top: 11px;
  left: 10px;
  letter-spacing: 0.6px;
  }.selectWmood p{
    margin: 0;
    display: inline-block;
    }.selectWmood select{
      background: no-repeat;
      border: none;
      border-bottom: 1px solid;
      padding-bottom: 5px;
      color: #9f9f9f;
    }
    #logout span {
      position: absolute;
      font-size: 11px;
      text-transform: uppercase;
      font-weight: 700;
      color: #424242;
      margin-left: 5px;
      letter-spacing: .5px;
      position: relative;
      top: -2px;
  }
  #support {
    background: #7ac94d;
  }
  .dashboardWrapper > div {
    /*! text-align: center; */
  }
  .mainNav .cUrl a {
    display: block;
    width: 100%;
  }
.schedule {
  }
  .schedule > h2 {
    text-align: center;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: .2px;
    color: #939393;
    margin: 60px 0 0px;
  }
  .dashboardWrapper {
    width: 100%;
    /*! text-align: left; */
  }
  .schedWraper.active {
    display: block;
    background: #ffffffc2;
  }
  .schedule .day-event .close {
    text-decoration: navajowhite;
    font-size: 13px;
    color: #3c3c3e;
    text-transform: uppercase;
    letter-spacing: .6px;
    position: relative;
    top: -1px;
    margin-bottom: 4px;
    display: inline-block;
  }
.mainModel, .schedWraper {
  text-align: center;
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #fffc;
  z-index: 1000;
  display: none;
  box-sizing: border-box;
}.add_schedule_event_calendar h3 {
  font-weight: 100;
  font-size: 18px;
  color: #002a4e;
  margin-bottom: 35px;
  text-align: center;
  border-bottom: 1px dashed #002a4e;
  padding-bottom: 10px;
  text-align: left;
  margin: 15px 0 0;
}
ul.defaultJobQuestions input[type="checkbox"] {
  float: right;
}
.add_schedule_event_calendar .timeFieldControls {
  color: #000;
  padding: 0;
  border: none;
  background: none;
  text-align: left;
  width: 100%;
  display: inline-block;
  margin: 0px 0;
  width: 75%;
  display: inline-block;
  vertical-align: middle;
}
  .contentGConsole .jstFormParent {
  text-align: left;
  background: #fff;
  padding-top: 7px;
}
.schedWraper .closeWrap a,.mainModel #closeModel ,#closeParentWrapper{
  display: inline-block;
  color: #dfe3ffc7;
  font-size: 24px;
  position: absolute;
  right: 24px;
  top: 20px;
  background: #eee;
  height: 30px;
  text-align: center;
  width: 30px;
  line-height: 0px;
  border-radius: 30px;
  color: #9aafc1;
  }
  .schedWraper .closeWrap a i,.mainModel #closeModel i ,#closeParentWrapper i{
    position: relative;
    top: 3px;
  }
.schedWraper  .scheNew.active {
  display: inline-block;
  margin-top: 7px;
  }
  .topArea .reportsArea table tbody tr th, .topArea .reportsArea table tbody tr td {
    width: 300px;
    background: #fff;
    padding: 20px;
    color: #848484;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
    border-bottom: 1px solid #80acff;
    border-right: 1px solid #80acff;
    font-size: 12px;
  }
  .topArea .reportsArea table tbody tr th{
    background: #80acff;
    color: #fff;
    font-weight: normal;
  }
  .schedWraper .schedulePostOptions.active {
    display: inline-block;
  }
  .mainModel > .modalContainer {
      display: inline-block !important;
  }
.schedWraper .scheNew, .mainModel > .modalContainer {
  background: #fff;
  display: none;
  padding: 15px 25px 10px;
  margin: 30px 0 0 0;
  border: 1px #f2f2f2 solid;
  box-shadow: 0 4px 57px rgb(69 79 124/10%);
  border-radius: 23px;
  max-width: 550px;
}
.add_schedule_event_calendar .timeFieldControls span {
  margin: 0 !important;
  display: none;
}
.add_schedule_event_calendar .timeFieldControls select {
  margin: 0 !important;
}
  .mainModel.active {
    display: block;
  }
.schedWraper .scheNew > h2 {
  margin: 10px 0 19px;
  font-size: 12px;
  font-weight: 700;
  color: #6a88ff;
  text-transform: uppercase;
  letter-spacing: 1px;
  }
  .schedWraper .scheNew .scheOptions {
    position: relative;
  }
  .schedWraper .scheNew div > div {
    border: 1px #d5d5d5 dashed;
    height: 120px;
    width: 120px;
    display: inline-block;
    vertical-align: top;
    border-radius: 100px;
    margin: 0 15px;
    padding: 12px;
    cursor: pointer;
    transition: ease-in-out .4s;
  }
  .schedWraper .scheNew div > div:hover {
    border-color: #444a68;
  }
.schedWraper .scheNew div > div.selected {
  border: 1px solid #3e7cf4;
  background: #3e7cf4;
  }
  .schedWraper .scheNew div > div::before {
    content: "";
    height: 7px;
    width: 25px;
    background: #ccc;
    position: absolute;
    bottom: -24px;
    border-radius: 100px;
    cursor: pointer;
    margin-left: -5px;
  }
.schedWraper .scheNew div > div.selected::before {
  background: #a9cfff;
  }
  .schedWraper .scheNew div > div i {
    font-size: 20px;
    display: inline-block;
    margin: 30px 0 6px;
    color: #848484;
  }
  .schedWraper .scheNew div > div a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .7px;
    color: #9b9b9b;
    padding: 0 0 59px;
  }
  .schedWraper .scheNew #scheduleStageBeta {
    background: #3986ff;
    display: inline-block;
    color: #fff;
    padding: 8px 32px 7px;
    border-radius: 28px;
    margin: 40px 0 8px;
  }
  .schedWraper .scheNew > h3 {
    font-size: 25px;
    font-weight: 100;
    margin: -11px 0 31px;
    color: #6f6f6f;
  }
.schedulePostOptions {
  background: #fff;
  display: inline-block;
  padding: 20px 25px 20px;
  margin: 30px 0 0;
  border: 1px #f2f2f2 solid;
  box-shadow: 0 15px 21px -15px #484b53a3;
  border-radius: 23px;
    max-width: 500px; display: none;
  }
  .schedulePostOptions #regularPostArea > div > a {
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: .4px;
    padding: 0 22px;
    position: relative;
    color: #7d7d7d;
  }
  .schedulePostOptions #regularPostArea > div > a.active {
    color: #2868ff;
  }
  .schedulePostOptions #regularPostArea > div > a.active::before {
    border-color: #8ea5ff;
    background: #1c67d9;
  }
  .schedulePostOptions #regularPostArea > div > a::before {
    content: "";
    height: 11px;
    width: 11px;
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    border-radius: 100px;
    bottom: -1px;
    border: 3px #cecece solid;
    background: #fff;
  }
#regularPostArea .regularPostOptionsPanel > div {
  margin-top: 12px;
  display: none;
  }
  #regularPostArea .regularPostOptionsPanel > div.active {
    display: block;
  }
  .schedulePostOptions > div {
    display: none;
  }
  .schedulePostOptions > div.active {
    display: block;
  }
  .UploaderWarper > div > h3 {
    margin: 0;
    color: #dddcdc;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .7px;
  }
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .no_convo_selected.blast {
  margin: 90px 10px 30px;
  color: #424242;
  display: block;
  text-align: center;
  border-radius: 7px;
  font-weight: 1000;
  font-size: 22px;
}.superActionsWrap.mainContentArea.zchat .zinfo.blk .hd .ct a.active{
  width: 100%;
  color: #d38532;
  font-weight: 500;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mcmms.bx p {
  background: #fcfcfc;
  margin: 0;
  padding: 20px 15px;
  border-bottom: 1px solid #dedede;
  font-size: 15px;
  font-weight: 500;
  color: #444;
  letter-spacing: .6px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mcmms.bx pstrong {
  font-size: 11px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mcmms.bx p strong {
  display: block;
  margin-top: 5px;
  font-weight: 100;
  font-size: 10px;
  color: #777;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .chatMenu {
  position: absolute;
  right: 15px;
  top: 5px;
  color: #1f1f1f;
  font-size: 25px;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .no_convo_selected.blast span {
  display: block;
  width: 350px;
  margin: 15px auto 0;
  color: #959595;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
  text-decoration: underline;
  font-weight: 100;
}.this_chat div.mms_image a {
  width: 100%;
  height: 100%;
  display: inline-block;
}.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mims .eims .e_mms_image a {
  width: 100%;
  height: 100%;
  display: inline-block;
}
  .UploaderWarper > div > a {
    text-decoration: navajowhite;
  }
  .UploaderWarper > div > button {
    margin: 7px 0 8px;
    font-weight: 100;
    color: #fff;
    font-size: 22px;
  }
  a,a:hover,a:focus,a:active{text-decoration: none !important;outline: none !important;}
  .UploaderWarper > div > button > i{
    font-size: 62px;
    color: #e1e1e1;
  }
.UploaderWarper p {
  color: #fff;
  font-weight: normal;
  letter-spacing: .8px;
  text-transform: capitalize;
  font-size: 18px;
  margin: 7px 0 0;
  }
  .dropzone .dz-preview {
    border-radius: 20px !important;
    margin: 5px;
    margin: 25px 0 0;
  }
  .UploaderWarper {
    background: #697480 !important;
    width: 100%;
    height: 300px;
    display: inline-block;
    overflow: hidden;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    overflow-y: auto;
  }
  .schedulePostOptions .actions {
    display: block;
  }
  .schedulePostOptions .actions > a {
    background: #6181ff;
    display: inline-block;
    color: #fff;
    padding: 14px 35px 11px;
    border-radius: 28px;
    margin: 10px 0px 8px;
  }
  #backToScheduleStageBeta {
    background: #ff7e90 !important;
  }
  .schedulePostOptions > div.active {
    display: block;
  }
  #regularPostArea .regularPostOptionsPanel > div.actions {
    display: block;
  }
  .schedulePostOptions > div.storyArea h2 {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #ff8fa9;
  }
  .schedulePostOptions > div.storyArea > h3 {
    margin: 3px 0 25px;
    font-weight: 100;
    font-size: 28px;
    color: #343539;
    letter-spacing: -.1px;
  }
  .regularPostsTriggerList {
    margin: 0 0 18px;
  }
  #regularPostArea > h2 {
    font-size: 12px;
    margin: 15px 0 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6a88ff;
  }
  #regularPostArea > h3 {
    margin: 6px 0 15px;
    font-weight: 500;
    font-size: 14px;
    color: #121213;
    letter-spacing: .4px;
  }
.defaultJobQuestionsWrappers h5 {
  text-align: right;
  position: relative;
  right: 10px;
  margin: 0;
}
.defaultJobQuestionsWrappers h5 span {
  font-size: 13px;
  color: #93a3c3;
  letter-spacing: .2px;
  position: relative;
  top: 4px;
  font-weight: 100;
  cursor: pointer;
}
.storyArea .mediaLib img {
  display: inline-block;
  width: 30%;
  border-radius: 15px;
  margin: 7px;
  box-shadow: 0 15px 16px -5px #0003;
  }
  .schedulePostOptions > div.storyArea > h4 {
    font-size: 12px;
    margin: 22px 0 20px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: #ff8fa9;
  }
  .directMessages .inputWrap span:hover {
    background: transparent;
  }
  .directMessages {
    min-width: 500px;
  }
  .directMessages > h2 {
    font-size: 12px;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ff8fa9;
  }
  .directMessages > h3 {
    margin: 6px 0 25px;
    font-weight: 100;
    font-size: 24px;
    color: #343539;
    letter-spacing: -.1px;
  }
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled a img {
  width: 80px;
  margin: 15px auto 0;
  display: block;
}
  .dmHd.automateInstaTmp .contentfieldArea a {
  background: #ffb04a;
  color: #fff;
  display: inline-block;
  padding: 19px 30px;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  border-radius: 100px;
  transition: ease-in-out .3s;
  margin-top: 4px;
}
#noRecordFound {
  background: #fff1f4;
  max-width: 591px;
  margin: 15px auto 0;
  color: #e60000;
  padding: 23px 15px;
  border-radius: 7px;
  width: 90%;
  box-sizing: border-box;
  letter-spacing: .6px;
  font-size: 12px;
}
#noRecordFound i {
  margin-right: 5px;
}

.saveAllAddFormsAtOnceTrigger{
  color: #1970df !important;
  letter-spacing: 1px !important;
  border: none !important;
}
.directMessages .inputWrap {
  text-align: left;
  position: relative;
  margin-bottom: 20px;
  }
  .directMessages .inputWrap span {
    display: block;
    font-size: 11px;
    letter-spacing: .9px;
    margin: 0 0 11px;
    color: #a6a6a6;
    text-transform: uppercase;
  }.NewMessageWrap .actionProgress {
    width: 300px !important;
    margin-left: 15px !important;
    }
    .directMessages .inputWrap strong {
      float: right;
      font-size: 11px;
      color: #4a4a4a;
  }
  .directMessages .inputWrap i {
    color: #5094ff;
    font-size: 14px;
    margin-right: 6px;
    position: relative;
    top: 1px;
  }
  .directMessages .inputWrap input {
    display: block;
    width: 100%;
    border: 1px #d9d9d9 solid;
    font-size: 12px;
    letter-spacing: .3px;
    font-weight: 500;
    padding: 17px 13px 18px;
    padding-right: 0;
    border-radius: 4px;
    color: #92939b;
    box-sizing: border-box;
  }
  .directMessages .inputWrap textarea {
    display: block;
    width: 100%;
    border: 1px #d9d9d9 solid;
    font-size: 12px;
    letter-spacing: .3px;
    font-weight: 500;
    padding: 12px 13px 12px;
    padding-right: 13px;
    padding-right: 0;
    border-radius: 6px;
    
    color: #9594a8;
    min-height: 110px;
    box-sizing: border-box;
    margin-bottom: -7px;
  }
  .reviewAndSubmit.active {display: inline-block;}
  .reviewAndSubmit {
    background: #fff;
    padding: 20px 25px 20px;
    margin: 30px 0 0;
    border: 1px #f2f2f2 solid;
    box-shadow: 0 15px 21px -15px #484b53a3;
    border-radius: 23px;
    max-width: 550px;
    display: none;
    width: 370px;
    height: 337px;
  }
  .reviewAndSubmit > h2 {
    margin: 10px 0 19px;
    font-size: 13px;
    font-weight: 500;
    color: #3f9cff;
  }
  .reviewAndSubmit > h3 {
    font-size: 20px;
    font-weight: 100;
    margin: -11px 0 31px;
  }   
.spin_el{
-webkit-animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}.cautionNote {
  color: #8f0000 !important;
  width: 100%;
  margin: 17px 0 24px !important;
  border-bottom: 1px #ddd solid;
  padding-bottom: 18px;
}
i.js_instant_loading_icon {
  font-size: 27px;
  position: relative;
  color: #1593f6;
  background: #fff;
  width: 40px;
  height: 40px;
  box-shadow: 0px 0px 14px -4px #c3c3c3;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  margin: 10px;
}

.selectingJobForSchedulingWrapper {
  width: 550px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
  padding: 20px 40px;
  border-radius: 30px;
  box-sizing: border-box;
  margin-top: 50px;
  box-shadow: 0 4px 57px rgb(69 79 124/10%);
}
.selectingJobForSchedulingWrapper h1 {
  color: #2183ff;
  text-align: center;
  margin: 0;
}
.selectingJobForSchedulingWrapper h1.icon {
  font-size: 100px;
}
.selectingJobForSchedulingWrapper select {
  width: 100%;
  padding: 12px 20px;
  box-sizing: border-box;
  font-size: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #ebf3f9;
  border: 1px solid #bad0e1 !important;
  border-radius: 3px;
  color: #003479;
}
.selectingJobForSchedulingWrapper label {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #003479;
  text-align: left;
  margin-top: 25px;
}

.selectingJobForSchedulingWrapper form.submitForm input[type="submit"] {
  width: 50%;
  display: block;
  margin: 10px auto !important;
  float: none;
  max-width: inherit;
  margin-top: 20px !important;
  border-radius: 30px;
}#schedulingCalendar .calWrapper .calControls a.back {
  background: #eee;
  border-color: #eee;
  color: #000;
}

em.full_page_loading i.js_instant_loading_icon {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
  .dateTimePickerWrap {
    display: inline-block;
    padding: 20px;
    border-radius: 15px;
    background: #515e6f;
    margin-bottom: 20px;
    text-align: left;
  }.accSettingsOptions span.en_service input {
  display: inline-block !important;
  width: 15px !important;
}
  .dateTimePickerWrap label {
    display: block;
    font-size: 11px;
    margin: 0 0 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #effaff;
  }
  .dateTimePickerWrap input {
    border: 1px #cbe7ff solid;
    width: 221px;
    border-radius: 6px;
    padding: 15px 15px;
    font-size: 12px;
    font-weight: 300;
    color: #868686;
    text-align: center;
  }
  .reviewAndSubmit .inputWrap .loadContentOptions {
    float: right;
    position: relative;
    top: -38px;
    background: #6b97ff;
    height: 30px;
    width: 50px;
    line-height: 30px;
    text-align: center;
    left: -6px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px;
  }
  .reviewAndSubmit .inputWrap {
    width: 278px;
    margin: 0 auto 14px;
    text-align: left;
  }
  .reviewAndSubmit .inputWrap span {
    display: block;
    font-size: 11px;
    margin: 0 0 10px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #303c42;
    background: transparent !important;
  }
  .reviewAndSubmit .inputWrap span i {
    margin-right: 7px;
    font-size: 16px;
    color: #6b97ff;
    position: relative;
    top: 1px;
  }
  .scheduleSumm {
    border: 1px #e6e6e6 solid;
    width: 278px;
    border-radius: 12px;
    margin: 0 auto;
  }
  .scheduleSumm > h3 {
    font-size: 15px;
    color: #1f6cff !important;
    letter-spacing: .2px !important;
    text-align: left;
    padding: 0 18px;
    font-weight: 300 !important;
    margin: 14px 0 6px !important;
  }
  .scheduleSumm .smryWrap {
    padding: 0 20px 20px;
  }
  .scheduleSumm .smryWrap .items {
    border-bottom: 1px #e1e1e1 solid;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .scheduleSumm .smryWrap span {
    font-size: 12px;
    text-align: left;
    letter-spacing: .5px;
    color: #353637;
    padding: 0 0 0;
  }
  .scheduleSumm .smryWrap strong {
    font-size: 12px;
    font-weight: 500;
    display: block;
    color: #999;
    letter-spacing: .8px;
    margin: 5px 0 0;
  }
  .scheduleSumm .smryWrap strong span {
    color: #76b2ff;
    margin: 8px 0 0;
    display: block;
    word-break: break-all;
  }
  .reviewAndSubmit .actions {
    margin: 15px 0 0;
  }
  .reviewAndSubmit .actions a {
    background: #5a7bff;
    display: inline-block;
    color: #fff;
    padding: 8px 30px 8px;
    border-radius: 28px;
    margin: 10px 0px 8px;
    font-size: 12px;
    text-transform: uppercase;
  }
  .reviewAndSubmit .actions a#scheduleToStageAlpha {
    padding: 7px 18px 8px;
  }
  .reviewAndSubmit .actions i.ion-checkmark-circled {
    margin-right: 2px;
    position: relative;
    top: 2px;
  }
.reviewAndSubmit .actions a#scheduleToStageGama {
  font-size: 0;
  }
  .reviewAndSubmit .actions i {
    font-size: 18px;
  }
  .reviewAndSubmit .inputWrap input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    letter-spacing: .3px;
    border: 1px #d5d5d5 solid;
    padding: 16px 13px;
    color: #7b7b7b;
    border-radius: 8px;
  }
.dmMainWrap {
  text-align: center;
}
.dmMainWrap .mainDmArea {
  display: inline-block;
  padding: 20px 25px 20px;
  margin: 26px 0 0;
  border: 1px #f2f2f2 solid;
  box-shadow: 0 15px 21px -15px #484b53a3;
  border-radius: 23px;
  width: 727px;
  background: #fff;
  }
  .mainDmArea .controls {
    text-align: left;
    border-bottom: 1px #e8e8e8 solid;
    padding-bottom: 10px;
  }
  .mainDmArea .controls a {
    display: inline-block;
    font-size: 12px;
    border-right: 1px #d0d0d0 solid;
    padding-right: 12px;
    margin-right: 11px;
    color: #777;
    letter-spacing: .5px;
  }
  .mainInbox .NewMessageWrap h2 span {
    color: #333;
    float: right;
    font-weight: 500;
  }
  .mainDmArea .controls a i {
    margin-right: 6px;
    font-size: 17px;
  }
  .mainDmArea .controls a i.ion-android-inbox {
    font-size: 14px;
  }
  .mainDmArea .controls a.active {
    color: #4372ff;
    font-weight: 600;
  }
.mainDmArea .controls a span {
  font-weight: 700;
  letter-spacing: -0.9px;
  color: #4a91ff;
  }
  .mainDmArea .controlConsoleArea .mainInbox {
    height: 500px;
    margin-top: 5px;
    overflow: auto;
    text-align: left;
  }
  .mainDmArea .controlConsoleArea .mainInbox > div.allDM {
    background: #fbfbfb;
    width: 29%;
    border-radius: 7px;
    height: 99%;
    display: block;
    border: 1px #e1e1e1 solid;
    overflow: hidden;
  }
  .mainInbox .mCSB_inside > .mCSB_container {
    margin-right: 0px;
  }
.mainDmArea .controlConsoleArea .mainInbox > div {
  text-align: left;
  display: none;
  width: 70%;
  vertical-align: top;
  height: 500px;
  float: left;
  background: ;
  overflow: auto;
}
.mainDmArea .controlConsoleArea .mainInbox > div.active {
  display: block !important;
  position: relative;
  }
  .superActionsWrap .topBar.invert{
    margin: 20px 0;
  }
.mainDmArea .allDM .mainNotices {
  background: #3177ff;
  margin: 0;
  }
  .mainDmArea .allDM{
    position: relative; 
  }
  .mainDmArea .allDM .mainNotices p {
    margin: 0;
    font-size: 11px;
    padding: 13px 10px;
    color: #fff;
    letter-spacing: .3px;
  }
  .mainDmArea .allDM .mainNotices span {
    display: inline-block;
    background: #fff;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 26px;
    letter-spacing: -0.9px;
    font-weight: 700;
    text-indent: -2px;
    color: #4898ff;
    margin-right: 1px;
  }
  .mainDmArea .allDM a {
    display: block;
    border-bottom: 1px #e1e1e1 solid;
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 5px;
    padding-left: 12px;
    letter-spacing: 0.2px;
    color: #acacac;
    padding-top: 8px;
    margin-right: 30px;
  }
.mainDmArea .allDM a.open img {
  border-color: #3783f9;
}
.mainDmArea .allDM a.notify {
  font-weight: 700;
  color: #2a2a2b;
  }
  .mainDmArea .allDM a.open {
    color: #5185ff;
    font-weight: 500;
    background: #fff;
  }
  .mainDmArea .allDM a img {
    width: 23px;
    border-radius: 100px;
    display: inline-block;
    box-shadow: 0 2px 6px -1px #0000004d;
    border: 2px #b0b0b0 solid;
    padding: 3px;
  }
  .mainDmArea .allDM a span {
    position: relative;
    top: -7px;
    margin-left: 2px;
    letter-spacing: .6px;
    height: 15px;
    overflow: hidden;
    display: inline-block;
    width: 100px;
  }
  .allDM .dmLoader {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000000ba;
    text-align: center;
    color: #fff;
    font-size: 20px;
    padding-top: 60px;
  }
  .mainDmArea .allDM a strong {
    width: 61%;
    display: inline-block;
    margin: 10px 0;
    letter-spacing: .6px;
    color: #4a4a4a;
    font-size: 11px;
    height: 10px;
    overflow: hidden;
    font-weight: normal;
    display: none;
  }
  .mainDmArea .controlConsoleArea .mainInbox > div.mainMessageArea {
      padding: 0px;
          padding-bottom: 0px;
      padding-bottom: 22px;
      border-radius: 2px;
  }
  .mainDmArea .mainMessageArea .allChat{
    display: inline-block;
  width: 100%;
  }
  .mainDmArea .mainMessageArea .allChat > div {
    background: #e2e9ff;
    padding: 20px;
    margin: 0 20px 39px;
    float: right;
    border-radius: 8px;
    font-size: 12px;
    letter-spacing: .4px;
    line-height: 22px;
    box-shadow: 0 13px 25px -9px #c4c4c4f7;
    width: 50%;
    max-width: 203px;
    position: relative;
    border: 1px #dfdfdf solid;
  }
  .mainDmArea .mainMessageArea .allChat div a {
    display: block;
  }
  .mainDmArea .mainMessageArea .allChat div a img {
    width: 30px;
    border-radius: 29px;
    box-shadow: 0px 2px 4px 0px #0000006b;
    border: 2px #ffffff solid;
    width: 17px;
    position: absolute;
    right: -7px;
    bottom: -6px;
  }
  .mainDmArea .mainMessageArea .allChat div a span {
    font-size: 11px;
    color: #272835;
    position: relative;
    top: -8px;
    left: 6px;
    font-weight: 600;
    display: none;
  }
  .mainDmArea .mainMessageArea .allChat div p {
    margin: 0;
    color: #474955;
  }
  .mainDmArea .mainMessageArea .allChat .adminChat {
    float: left;
    background: #ececec;
    margin-right: 32px;
  }
  .mainDmArea .mainMessageArea .allChat .UserChat img {
    width: ;
  }
  .mainDmArea .mainMessageArea .allChat .UserChat p {
    color: #54638e;
    letter-spacing: .8px;
  }
  .mainDmArea .mainMessageArea .allChat .UserChat span {
    color: #3d4fb0;
  }
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .zconvo .chat_model.chat_selection_wrapper {
  width: 68%;
  display: inline-block;
  overflow: hidden;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .zconvo .zinfo {
  width: 29.3%;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #ccc;
  min-height: 100vh;
  overflow: hidden;
  overflow-y: auto;
}
.mainDmArea .mainMessageArea > div.sendMessageArea {
  max-width: unset;
  margin: 0;
  border-radius: 0;
  box-sizing: border-box;
  background: #e3e3e3;
  width: 100%;
  display: block;
  bottom: 0;
  position: relative;
  
  border-top: 1px #d2d2d2 solid;
  padding: 15px 20px 45px;
  }
  .mainDmArea .mainMessageArea > div.sendMessageArea label {
    display: block;
    width: 100%;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #2c61ff;
  }
  .mainDmArea .mainMessageArea > div.sendMessageArea textarea {
    width: 95%;
    display: block;
    border: none;
    
    font-size: 12px;
    letter-spacing: .4px;
    padding: 20px;
    padding-right: 0;
    min-height: 80px;
    margin: 10px 0 10px;
    border-radius: 8px;
    color: #686868;
    resize: none;
  }
  .mainDmArea .mainMessageArea > div.sendMessageArea a#sendMsg {
    background: #1a89ff;
    color: #fff;
    display: inline-block;
    padding: 11px 17px;
    border-radius: 34px;
    text-transform: uppercase;
    letter-spacing: .7px;
    float: right;
    font-size: 11px;
  }
  .mainDmArea .mainMessageArea > div.sendMessageArea a#sendMsg i {
    margin-right: 5px;
  }
.mainDmArea .allDM > a.open span::before {
  height: 15px;
  width: 15px;
  background: #fff;
  position: absolute;
  content: "";
  left: -60px;
  border-radius: 10px;
  top: -1px;
}
.mainDmArea .allDM > a.open span::after {display: none;}
.mainDmArea .allDM > a.open img {
  border: 3px #fdfdfd solid;
  width: 25px;
  }
  .mainDmArea .allDM > a.open span {
    color: #fff;
  }
.onboardingStepsFrontWrapperLeft li .timeStamp {
  font-size: 11px;
  line-height: ;
  color: #a4b0b8;
}
  .mainDmArea .mainMessageArea > div.introBar {
    width: 100%;
    max-width: 98%;
    margin: 0 0 10px;
    box-sizing: border-box;
    border-radius: 7px;
    background: #e6e6e6;
    padding: 5px 12px;
    margin-left: 6px;
  }
.classicJstTable .tableStats h3 span {
  margin-left: 5px;
  color: #56b52c;
}
.classicJstTable .tableFilters .actions a.applyFilters {
}
.classicJstTable tr:hover td {
  background: #f6fbff;
  /*! color: #fff; */
}
.logoutSession {
  float: right;
  position: relative;
  top: -4px;
  background: #ffebeb;
  box-shadow: 0px 2px 4px #b0b0b0;
}
.classicJstTable .tableFilters select {
  width: 115px;
  text-align: left;
  padding: 14px 6px !important;
}

.classicJstTable .tableStats a.placeNewFormBelow {
  background: #3e89ff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  line-height: 36px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  float: right;
  position: relative;
  top: -10px;
  margin: 0;
  transition: ease-in-out .3s;
}
.classicJstTable .tableFilters .tableType > p {
  font-weight: 500;
  letter-spacing: .4px;
  color: #22252a;
  font-size: 14px;
  margin: 18px 2px 9px;
  padding-left: 29px;
}
.noRecordsFound p::before {
  content: "\f119";
  font-family: 'Line Awesome Free';
  margin-right: 5px;
}
.classicJstTable .tableFilters .tableType.one::before ,.classicJstTable .tableFilters .tableType.two:before{
  content: "\f002";
  display: inline-block;
  position: absolute;
  font-family: 'Line Awesome Free';
  font-weight: 900;
  font-size: 24px;
  color: #555;
  margin-top: 13px;
}
.classicJstTable .tableFilters .tableType.two::before {
  content: "\f073";
  margin-top: 11px;
  font-size: 25px;
}
  .mainDmArea .mainMessageArea > div.introBar h2 {
    font-size: 12px;
    color: #666;
    font-weight: 500;
    letter-spacing: .3px;
    position: relative;
  }
  .mainDmArea .mainMessageArea > div.introBar h2 span {
    color: #0f0f0f;
    font-weight: 500;
    letter-spacing: .7px;
    font-size: 11px;
    background: #6d83ff;
    border-radius: 3px;
    padding: 4px 10px;
    color: #fff;
  }
  .mainDmArea .mainMessageArea > div.introBar img{
    width: 20px;
    border-radius: 50%;
    float: right;
    position: relative;
    top: -6px;
    border: 2px solid #468eff;
    padding: 2px;
    background: #fff;
  }
  .mainDmArea .mainMessageArea > div.introBar a.clearWholeChat {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
  }
  .mainDmArea .mainMessageArea > div.introBar a.clearWholeChat i {
    display: inline-block;
    height: 15px;
    width: 15px;
    background: #ff6e6e;
    text-align: center;
    border-radius: 15px;
    padding: 6px;
    position: absolute;
    font-size: 18px;
    margin-left: -32px;
    line-height: 8px;
    margin-top: -3px;
  }
.mainInbox .NewMessageWrap h2 {
  margin: 0 0 15px;
  font-size: 12px;
  padding: 16px 10px 15px;
  font-weight: 700;
  border-bottom: 1px #d2d2d2 solid;
  color: #3986ff;
  letter-spacing: -.1px;
}
.mainInbox .NewMessageWrap label {
  display: block;
  padding-left: 12px;
  font-size: 12px;
  color: #53555b;
  letter-spacing: .3px;
  }
  .mainInbox .NewMessageWrap input {
    border: 1px #d9d9d9 solid;
    font-size: 12px;
    color: #333;
    letter-spacing: .5px;
    padding: 15px 12px 16px;
    width: 300px;
    margin-left: 13px;
    margin-top: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .mainInbox .NewMessageWrap textarea {
    border: 1px #dfdfdf solid;
    padding: 11px 12px;
    width: 300px;
    border-radius: 6px;
    
    font-size: 12px;
    margin-left: 11px;
    margin-top: 10px;
    min-inline-size: ;
    min-height: 100px;
  }
  .mainInbox .NewMessageWrap #sendSingleMsg ,#sendBulkMsg,#welcomeMsgSend{
    background: #3986ff;
    display: inline-block;
    padding: 12px 20px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 10px;
    letter-spacing: .5px;
  }
  #sendSingleMsg i,#sendBulkMsg i {
    margin-right: 5px;
  }
  .mainDmArea .controlConsoleArea .mainInbox > div.NewMessageWrap {
    display: none;
  }
  .dmHd .topBar,
  .postNowMainWrap .topBar,
  .superActionsWrap .topBar {
    padding: 0;
  }
  .dmHd .topBar h2 ,
  .postNowMainWrap .topBar h2 ,
  .superActionsWrap .topBar h2 {
    margin: 0;
    background: #d4e3ff;
    padding: 7px 20px 20px;
    font-size: 13px;
    font-weight: normal;
    color: #5f6b82;
  }
  .dmHd .topBar h2 i,
  .postNowMainWrap .topBar h2 i,
  .superActionsWrap .topBar h2 i {
    color: #5079f7;
    font-size: 33px;
    margin-right: 10px;
    position: relative;
    top: 6px;
    line-height: 5px;
  }.mainContentArea {
    padding-bottom: 100px;
    position: relative;
    }
    .errorAccount {
      position: absolute !important;
      background: #ff00005c !important;
      width: 50px !important;
      height: 50px !important;
      border-radius: 50% !important;
      text-align: center;
      z-index: 1000;
      left: -5px !important;
      color: yellow;
      box-sizing: border-box;
      padding-top: 6px;
      border: 7px solid #fff;
      top: -5px;
  }
  .dmHd.automateInstaTmp .contentfieldArea {
    text-align: center;
    color: #33313b;
    letter-spacing: 0.5px;
    word-spacing: 1px;
  }
.contentfieldArea .eachServiceBox {
  display: inline-block;
  width: 100%;
  text-align: left;
  background: #fdfffb;
  border-bottom: 1px solid #d9d9d9;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
  position: relative;
}
.contentfieldArea .eachServiceBox h3 {
  font-weight: 100;
}
.mediaPic {
  height: 80px;
  background-size: cover;
  background-position: center;
  margin: 0 0 15px;
  width: 80px;
  border-radius: 50%;
  box-shadow: 0 5px 8px 2px #0000000f;
}
.dmHd.automateInstaTmp .contentfieldArea img{
  width: 80px;
  }
  .dmHd.automateInstaTmp .contentfieldArea h1{
    color: #4959ff;
  }
  .eachServiceBox .pr .list p {
  font-size: 13px;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 8px;
  color: #797979;
  padding: 10px 0 20px;
}
.contentfieldArea .eachServiceBox h3 i {
  color: #797979;
  font-size: 18px;
}
.eachServiceBox .pr {
  padding: 3px;
  overflow-y: auto;
}
.eachServiceBox .pr .list {
  display: inline-block;
  width: 100%;
  overflow-y: auto !important;
  overflow: hidden;
  padding: 0;
  box-sizing: border-box;
}
.dmHd.automateInstaTmp .contentfieldArea p strong {
}
.dmHd.automateInstaTmp .contentfieldArea .btnControllers a{
  background: #33313b;
  padding: 15px 40px;
  margin: 5px;
  border-radius: 7px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  display: inline-block;
  }
  .dmHd.automateInstaTmp .contentfieldArea .btnControllers a:nth-child(2){
    background: #4959ff;
  }
  .errorAccount i{font-size: 16px !important; }
  .superActionsWrap .topBar select {
    font-size: 11px;
    margin-left: 6px;
    padding: 10px 5px;
    border: none;
    border-radius: 5px;
    width: 175px;
    color: #666;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .superActionSingle {
    text-align: center;
  }
  .superActionSingle .actionBox {
    border: 1px #cecece solid;
    display: inline-block;
    width: 370px;
    padding: 20px;
    background: #e8e8e8;
    border-radius: 10px;
    margin-top: 40px;
    box-shadow: 0 15px 15px -9px #1b38571f;
    position: relative;
    text-align: left;
    display: none;
    vertical-align: top;
    margin-bottom: 20px;
  }
  .superActionSingle .actionBox.active {
    display: inline-block;
  }
.superActionSingle h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .7px;
  color: #2671ff;
  text-transform: uppercase;
  position: absolute;
  width: 100%;
  margin-top: -50px;
  margin-left: -21px;
  text-align: center;
  }
  .superActionSingle label {
    display: block;
    font-size: 12px;
    letter-spacing: .3px;
    color: #828282;
  }
  .superActionSingle label span {
    float: right;
    color: #5889ff;
  }
  .superActionSingle textarea {
    display: block;
    width: 100%;
    font-size: 12px;
    
    padding: 20px;
    box-sizing: border-box;
    margin: 12px 0 0;
    border: 1px #dfdfdf solid;
    border-radius: 6px;
    height: 125px;
    background: #e1eeff;
    color: #4f5966;
    letter-spacing: .5px;
    line-height: 19px;
    color: #183768 !important;
    resize: none;
  }
  .superActionSingle .triggerSuperAction {
    font-size: 12px;
    background: #0093ff;
    color: #fff;
    letter-spacing: .4px;
    padding: 20px 15px;
    border-radius: 4px;
    display: block;
    margin: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
  }
  .superActionSingle label.toReplies,.superActionSingle label.custmC {
    margin: 12px 0 0 !important;
  }
  .likeTheComment > p {
    font-size: 12px;
    margin: 22px 0 12px;
  }
  .likeTheComment > p::before {
    height: 15px;
    background: #9ddf7f;
    position: absolute;
    content: "";
    display: inline-block;
    width: 28px;
    margin-left: 93px;
    border-radius: 12px;
    cursor: pointer;
    border: 1px #7ab969 solid;
    transition: ease-in-out .4s;
  }
.likeTheComment > p::after {
  height: 13px;
  background: #46ac31;
  position: absolute;
  content: "";
  display: inline-block;
  width: 13px;
  margin-left: 7px;
  border-radius: 12px;
  margin-top: 2px;
  cursor: pointer;
  transition: ease-in-out .4s;
}
.likeTheComment > p span {
  letter-spacing: .4px;
  }
  .likeTheComment > p span::before {
    content: "Enable";
    color: #4eae40;
    position: absolute;
    margin-left: 127px;
    letter-spacing: .3px;
    margin-top: 1px;
    font-weight: 700;
    transition: ease-in-out .4s;
  }
.likeTheComment > p.disable::before {
  background: #979797;
  border-color: #888;
  }
  .likeTheComment > p.disable::after {
    background: #fff;
    margin-left: 18px;
  }
.likeTheComment > p.disable span::before {
  content: "Disable";
  color: #95959d;
}
.superActionsWrap.automation {
  border: 1px #ececec solid;
  margin: 30px 0;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  text-align: left;
  width: 90%;
  box-sizing: border-box;
  height: 600px;
  }
  .superActionsWrap .topBar h2 > span {
    float: right;
    margin: -2px 0 0;
    text-transform: uppercase;
    letter-spacing: .3px;
  }
  .superActionsWrap .topBar h2 > span strong {
    background: #336edd;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 100px;
    padding: 4px;
    letter-spacing: 0;
  }
  .superActionsWrap.automation .intr {
    border-bottom: 1px #e6e6e6 solid;
    padding: 20px 40px 29px;
    position: relative;
    text-align: center;
  }
  .superActionsWrap.automation .intr > span {
    display: inline-block;
    border: 4px #4f9cff solid;
    height: 52px;
    width: 52px;
    text-align: center;
    line-height: 56px;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 18px;
    border-radius: 100px;
    padding: 10px;
    color: #2f6ce6;
    background: #fff;
    text-shadow: 1px 2px 2px #0000003d;
    box-shadow: 0 5px 10px 2px #519dff1c;
  }
  .superActionsWrap.automation .intr > img{
    width: 60px;
    border: 2px solid #5679ff;
    border-radius: 50%;
    height: 60px;
    position: relative;
    top: 25px;
    padding: 2px;
  }
  .superActionsWrap.automation .intr span strong {
    font-size: 13px;
    font-weight: 500;
    margin-left: -2px;
  }
  .superActionsWrap.automation .intr h3 {
    display: block;
    font-weight: 300;
    margin-left: 12px;
    color: #808080;
    margin: 9px 0 17px;
  }
  .superActionsWrap.automation .intr .actions {
    display: inline-block;
    height: auto;
    margin-left: -8px;
  }
  .superActionsWrap.automation .intr .actions a,#showReports {
    background: #f97878;
    font-size: 11px;
    color: #fff;
    padding: 16px 21px;
    letter-spacing: .4px;
    border-radius: 7px;
    box-shadow: 0 7px 7px -4px #0000002b;
  }
  .superActionsWrap.automation .intr .actions a.saveChanges,#showReports {
    margin-right: 0px;
    margin-left: 1px;
    background: #2570ff;
    margin-left: 10px;
    text-transform: uppercase;
    letter-spacing: .8px;
  }
  .superActionsWrap.automation .intr .actions a.saveChanges{
  }
  #showReports {
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #ffd044;
    padding: 15px 13px;
    color: #71541d;
  }
  .superActionsWrap.automation .superActionSingle {
    overflow: auto;
  }
  .superActionsWrap.automation .superActionSingle .actionBox {
    margin: 0px 25px 40px;
    width: 92%;
    box-sizing: border-box;
  }
  .superActionsWrap.automation .superActionSingle .actionBox.active {
  }
  .superActionsWrap.automation .actionBox .topBar span {
    display: inline-block;
    font-size: 12px;
    color: #4395ff;
    letter-spacing: .4px;
    font-weight: 700;
  }
  .superActionsWrap.automation .topBar p {
    display: inline-block;
    color: #6a6a6a;
    border-left: 1px #a6a6a6 solid;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 13px;
  }
  .superActionsWrap.automation .topBar p strong {
    color: #638aff;
  }
  .superActionsWrap.automation .topBar .actiovation {
    float: right;
    border: 1px #48aa52 solid;
    height: 23px;
    width: 52px;
    border-radius: 35px;
    background: #41d00c;
    margin-right: 41px;
    margin-top: 9px;
  }
  .superActionsWrap.automation .topBar .actiovation a::before {
    height: 10px;
    width: 10px;
    content: "";
    display: inline-block;
    background: red;
    border-radius: 100px;
    margin-right: ;
    position: absolute;
    margin-left: 7px;
    margin-top: 6px;
  }
.superActionsWrap.automation .topBar .actiovation a.active::before {
  background: white;
}
.superActionsWrap.automation .topBar .actiovation a::after {
  content: "";
  font-size: 12px;
  margin-left: 62px;
  position: relative;
  top: 0px;
  color: #333;
}
.superActionsWrap.automation .topBar .actiovation a.active::after {
  content: "";
  color: #02b502;
  font-weight: 700;
  letter-spacing: .4px;
}
.superActionsWrap.automation .topBar .actions {
  position: absolute;
  right: 0;
  bottom: -45px;
  font-size: 12px;
  border: 1px #dfdfdf solid;
  border-radius: 4px;
  overflow: hidden;
}
.superActionsWrap.automation .topBar .actions a {
  padding: 9px 12px;
  display: inline-block;
  color: #8c8c8c;
  border-right: 1px #dfdfdf solid;
  background: #fff;
  margin-left: -3px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .4px;
  background: #f2f2f2;
  display: none;
  }
  .superActionsWrap.automation .inputWrap {
    margin: 0 0 12px;
    position: relative;
  }
  .superActionsWrap.automation .inputWrap label {
    display: block;
    margin: 0 0 10px;
    color: #4169ca;
    font-weight: 500;
    letter-spacing: .7px;
    font-size: 12px;
    background: #cfe3ff;
    text-align: left;
    padding: 10px 9px;
    border-radius: 4px;
  }
  .inputs{text-align: left;}
  .superActionsWrap.automation .inputWrap input, .superActionsWrap.automation .inputWrap select, .superActionsWrap.automation .inputWrap textarea {
    border: 1px #d2d2d2 solid;
    font-size: 12px;
    letter-spacing: .8px;
    
    padding: 13px 12px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    color: #757575;
  }
  .schedWraper .scheNew div > div.selected i {
    color: #fff;
    transition: ease-in-out .3s;
  }
  .schedWraper .scheNew div > div.selected a {
    color: #fff;
  }
  .superActionsWrap.automation .inputWrap.optionTags.active {
    display: block;
  }
  .superActionsWrap.automation .inputWrap.optionTags {
    display: none;
    height: ;
  }
  .superActionsWrap.automation .inputWrap {
    margin: 0 0 12px;
    position: relative;
  }
  .superActionsWrap.automation label span {
    color: #4b617d;
    font-weight: 500;
    font-size: 10px;
  }
  .superActionsWrap.automation .inputWrap.sega {
    border: 1px #f4f4f4 solid;
    padding: 20px;
    border-radius: 5px;
  }
  .superActionsWrap.automation .inputWrap.sega p {
    font-size: 12px;
    margin: 0 0 12px;
    letter-spacing: .5px;
    color: #736d6d;
  }
.userNotifications{
  position: absolute;
  width: 300px;
  background: #fff;
  padding: 20px 0;
  right: 70px;
  top: 55px;
  z-index: 100000;
  box-shadow: -2px 7px 14px 3px #8383839c;
  border-radius: 9px;
  text-align: center;
}
.userNotifications span.barr{
  width: 20px;
  height: 20px;
  display: inline-block;
  background: #fff;
  position: absolute;
  right: 30px;
  top: -9px;
  transform: rotate(45deg);
}
.userNotifications h3{
  margin: 0;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: normal;
  border-bottom: 1px solid;
  padding-bottom: 8px;
  color: #a3a3a3;
}
.userNotifications .barsWrapper div.eachRow{
  padding: 10px;
  text-align: left;
  background: #fff;
  color: #4c8aff;
  margin: 10px 0;
  border-bottom: 1px solid #d0d0d0;
  position: relative;
}
.userNotifications .barsWrapper div.eachRow a.del{
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-size: 10px;
  background: #eee;
  padding: 3px 7px;
  border-radius: 50%;
  color: #4a4a4a;
}
.userNotifications .barsWrapper div.eachRow div.imgry{
  display: inline-block;
  width: 20%;
  vertical-align: top;
}
.userNotifications .barsWrapper div.eachRow div.imgry img{
  width: 100%;  
  }
  .userNotifications .barsWrapper div.eachRow div.content{
    display: inline-block;
    font-size: 10px;
    width: 78%;
    vertical-align: top;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    word-spacing: 1px;
  }.mainTpoestBar .offtheSystem > a {
  font-size: 36px;
  position: relative;
  top: -8px;
  color: #adb2bb;
  float: right;
  margin-left: 5px;
}.mainTpoestBar .offtheSystem > i {
  margin-right: 3px;
}
  .userNotifications .barsWrapper div.eachRow div.content a{
    font-weight: bolder;
    text-decoration: underline !important;
    color: #737373;
  }
  .userNotifications .barsWrapper div.eachRow p.date{
    margin: 0;
    font-size: 10px;
    color: #dbd8d8;
    letter-spacing: 0.8px;
    position: relative;
    top: 3px;
  }
 .actionStatus a {
  height: 11px;
width: 30px;
background: #d6dce6;
display: inline-block;
position: absolute;
right: 19px;
border-radius: 25px;
bottom: 66px;
padding: 2px 0;
top: 21px;
border: 1px #06060659 solid;
}
.actionStatus a.active {
  background: #6aff81;
  }
  .actionStatus a.active::before {
    background: #529524;
    right: 0 !important;
    position: relative;
  }
   .actionStatus a.active::after {
    content: "Enable";
    color: #13234a;
    margin-left: -68px;
  }
 .actionStatus a::after {
  content: "Disable";
  position: absolute;
  font-size: 11px;
  margin-left: -48px;
  margin-top: 0px;
  color: #7e87ac;
  letter-spacing: .7px;
}
.actionStatus a::before {
  content: "";
  display: inline-block;
  height: 10px;
  width: 10px;
  background: #fff;
  border-radius: 100px;
  margin-left: 3px;
  box-shadow: 0 1px 3px 1px #0000001c;
  left: 1px;
  position: absolute;
  } .actionStatus a.active::before {
  margin-right: 5px;
  float: right;
    } .actionStatus a.active::after {
      margin-left: -45px;
    }
    .superActionsWrap.automation .superActionSingle .topBar {
      background: #fff;
      padding: 3px 20px;
      position: relative;
      border-radius: 4px;
      box-shadow: 0 6px 11px 0px #00000012;
      border: 1px #d5d5d5 solid;
      margin: 0 0 16px;
  }
  .automationWrap{text-align: center;}
  .automationControles {
    text-align: center;
    font-size: 12px;
    letter-spacing: .4px;
    margin: 30px 0 -1px;
    padding-bottom: 22px;
  }
  .automationControles > a.active{
    background: #3e89ff;
    border-color: #3b62f9;
    color: #fff;
  }
  .automationControles > a {
    color: #b9b9b9;
    padding: 0 12px;
    display: inline-block;
    padding-bottom: 13px;
    border: 1px #ccc solid;
    line-height: 40px;
    padding: 0 35px;
    background: #fff;
    color: #fff;
    color: #686868;
    transition: ease-in-out .3s;
  }
  .actionBox .allAutoLikeUsersWrap {
    text-align: center;
  }
  .allAutoLikeUsersWrap > h2 {
    position: inherit;
    margin: 0;
    text-align: left;
    padding: 0;
  }
  .allAutoLikeUsersWrap > h2 > span {
    color: #61a6ff;
    font-weight: 700;
    letter-spacing: 0.3px;
  }
  .allAutoLikeUsersWrap .usersWrap h2.hd {
    position: relative;
    margin: 0;
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
    background: #e1e1e1;
    margin-top: 10px;
    border-radius: 4px;
  }
  .allAutoLikeUsersWrap .usersWrap h2.hd > span {
    display: inline-block;
    text-align: center;
    width: 33%;
    padding: 17px 0;
    color: #616d73;
  }
  .allAutoLikeUsersWrap .usersWrap h2.hd > span:nth-child(2) {
    border-left: 1px #cecece solid;
    border-right: 1px #cecece solid;
  }
  .allAutoLikeUsersWrap .usersWrap > div {
    border-bottom: 1px #d7d7d7 solid;
    padding: 10px 0 7px;
  }
  .allAutoLikeUsersWrap .usersWrap > div > div {
    display: inline-block;
    width: 32%;
    text-align: center;
    font-size: 12px;
    vertical-align: top;
    letter-spacing: .4px;
    color: #333;
  }
  .allAutoLikeUsersWrap .usersWrap > div img {
    width: 30px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 6px;
    margin-top: 5px;
  }
.allAutoLikeUsersWrap .usersWrap > div .left span {
  font-size: 12px;
  position: relative;
  top: -9px;
  letter-spacing: .4px;
  color: ;
  }
  .allAutoLikeUsersWrap .usersWrap > div .center, .allAutoLikeUsersWrap .usersWrap > div .right {
    padding: 13px 0 10px;
  }
  .allAutoLikeUsersWrap .usersWrap > div .center span {
    color: #6a8fff;
    letter-spacing: -0.7px;
    font-weight: 600;
  }
  .allAutoLikeUsersWrap .usersWrap > div .right a {
    color: #8e8e8e;
    font-size: 16px;
  }.automationSettingsSnippits .actionBox {
    display: none;
    }
    .autoLikeUser div.addUsers a.addNew {
      font-size: 26px;
      display: inline-block;
      margin: 21px 0 0;
      color: #a2a0a0;
  }
  .mainNav .menu a {
    color: #001345b8;
    position: relative;
    font-size: 19px;
    margin: 0;
    border-bottom: 1px solid #d8e8f4;
    padding: 15px 5px;
    padding: 15px;
  }
.mainNav .menu a i {
  display: inline-block;
  transition: ease-in-out .3s;
  margin: 0px;
  vertical-align: bottom;
  position: relative;
  left: -3px;
  top: -1px;
}.profileSettup.accSettingsOptions h3 i {
  font-size: 16px;
  color: #789cb7;
}
.mainNav .menu a.active i {
  color: #5772ff;
}

  .superActionsWrap.mainContentGenWrap .contentGcontrols {
    margin: 20px;
    text-align: center;
    overflow: hidden;
  }
  .superActionsWrap.mainContentGenWrap .contentGcontrols a {
    border: 1px #d2d2d2 solid;
    display: block;
    float: left;
    width: 149px;
    font-size: 11px;
    color: #98a4b5;
    letter-spacing: .4px;
    padding: 18px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .superActionsWrap.mainContentGenWrap .contentGcontrols a.active {
    background: #687fff;
    font-weight: 500;
    color: #fff;
    border-color: #687fff;
  }
.contentGConsole .hd p {
  display: ;
  text-align: right;
}
  .hashTagsArea .hdr, .hashTagsArea .gDataAr .rowD {
    display: table;
    width: 100%;
    text-align: center;
  }
  .hashTagsArea .hdr > span, .hashTagsArea .gDataAr .rowD span {
    border-bottom: 1px #e1e1e1 solid;
    font-size: 12px;
    display: table-cell;
    padding: 16px 0;
    color: #687fff;
    letter-spacing: .7px;
    text-transform: uppercase;
    font-weight: 700;
  }
  .hashTagsArea .hdr > span:nth-child(1), .hashTagsArea .hdr > span:nth-child(3), .hashTagsArea .gDataAr .rowD span:nth-child(1), .hashTagsArea .gDataAr .rowD span:nth-child(3) {
    width: 20%;
  }
  .hashTagsArea .gDataAr .rowD span {
    color: #575757;
    text-transform: capitalize;
    font-weight: 300;
    letter-spacing: 1px;
    word-break: break-all;
  }.schedWraper .scheNew div > div.comingSoon:before {
    display: none;
    }
    .hashTagsArea .gDataAr .rowD a {
      color: #828282;
      font-size: 17px;
      display: inline-block;
      margin: 0 4px;
  }
  .mainModel.quotes.active,.mainModel.tags.active {
    top: -118px;
    padding-top: 100px;
  }
.hashTagsArea .trig {
  text-align: center;
  }
  .hashTagsArea .trig a {
    display: inline-block;
    font-size: 29px;
    color: #797979;
    margin: 20px 0 16px;
    transition: ease-in-out .4s;
    background: #687fff;
    color: #fff;
    padding: 9px 15px 9px;
    border-radius: 10px;
  }
  .hashTagsArea .trig a.addNew.active {
    transform: rotate(45deg);
  }
.hashTagsArea .addGNew {
  border: 1px #ccc solid;
  margin: 0px 30px 15px;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  }
  .hashTagsArea .addGNew label {
    font-size: 13px;
    letter-spacing: .3px;
    color: #3e77ff;
    font-weight: 700;
  }
  .hashTagsArea .addGNew > p {
    margin: 11px 0 0;
    font-size: 13px;
    letter-spacing: .4px;
    color: #575757;
  }
  .hashTagsArea .addGNew input {
    border: 1px #ccc solid;
    padding: 20px;
    width: 300px;
    text-align: center;
    letter-spacing: .7px;
    color: #515151;
    display: inline-block;
    margin: 26px 0 17px;
    font-size: 12px;
    border-radius: 100px;
  }
  .hashTagsArea .addGNew {
    text-align: center;
    display: none;
  }
  .hashTagsArea .addGNew.active{
    display: block;
  }
  .hashTagsArea .addGNew .sub a {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    background: #373535;
    display: inline-block;
    padding: 13px 30px;
    border-radius: 100px;
    color: #fff;
  }
  .hashTagsArea .addGNew .results {
    border: 1px #acacac solid;
    margin: 16px 0 0;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
  }
  .hashTagsArea .addGNew .results input {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    border: navajowhite;
    border-bottom: 1px #acacac solid;
  }
  .hashTagsArea .addGNew .tags p {
    margin: 0;
    padding: 20px;
    border-bottom: 1px #acacac solid;
    font-size: 12px;
    letter-spacing: .7px;
  }
  .hashTagsArea .addGNew .results.active{display: block;}
  .hashTagsArea .addGNew .results {
    text-align: left; display: none;
  }
  .hashTagsArea .addGNew .tags p span {
    font-weight: 500;
    color: #8a8a8a;
    display: inline-block;
    float: left;
    width: 43%;
  }
  .hashTagsArea .addGNew .tags p span:nth-child(1) {
    color: #4a91ff;
  }
  .hashTagsArea .addGNew .tags p strong {
    letter-spacing: .3px;
    color: #222;
  }
  .hashTagsArea .addGNew .tags p {
    margin: 0;
    padding: 20px;
    border-bottom: 1px #acacac solid;
    font-size: 12px;
    letter-spacing: .7px;
  }
  .hashTagsArea .addGNew .tags p span {
    font-weight: 500;
    color: #8a8a8a;
    display: inline-block;
    float: left;
    width: 43%;
  }
  .hashTagsArea .addGNew .tags p span:nth-child(1) {
    color: #4a91ff;
  }
  .hashTagsArea .addGNew .tags p strong {
    letter-spacing: .3px;
    color: #222;
  }
  .superActionsWrap.mainContentGenWrap.settingsArea .contentGcontrols a {
    width: 22%;
  }
.settingsArea .accSettingsOptions {
  border: 1px #e6e6e6 solid;
  margin: 20px;
  padding: 20px 20px 100px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.accSettingsOptions .profileSettup .hdr img {
  display: inline-block;
  width: 180px;
  float: right;
  position: relative;
  top: -10px;
}
.accSettingsOptions .profileSettup .hdr input {
  border: none;
  border-bottom: 1px #cecece solid;
  font-size: 34px;
  font-weight: 100;
  color: #282828;
  padding-bottom: 10px;
  display: inline-block;
  position: relative;
  top: -21px;
  margin-left: 16px;
  width: 100%;
  margin-right: 0 !important;
  font-weight: 100;
  background: no-repeat;
  border-top: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
}

.accSettingsOptions .inputWrap.selectBox > div label {
  display: ;
  position: relative;
  left: -4px;
}
  .accSettingsOptions .inputWrap {
  }
  .accSettingsOptions .inputWrap > div {
    display: inline-block;
    width: 100%;
  }
.accSettingsOptions .inputWrap > div label {
  display: block;
  font-size: 12px;
  text-align: left;
  color: #5a678b;
  font-weight: normal;
  letter-spacing: 0.2px;
  position: relative;
}


.profileSettup.accSettingsOptions h3 {
  font-size: 21px;
  margin-bottom: 20px;
  color: #001962;
  font-weight: 500;
}
  .accSettingsOptions .inputWrap > div input ,.accSettingsOptions .inputWrap > div select{
    display: block;
    width: 100%;
    border: 1px #d8e8f4 solid;
    padding: 17px 8px;
    color: #6b6b6b;
    letter-spacing: .3px;
    font-size: 13px;
    background: #fcfeff;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 3px;
    position: relative;
    margin-bottom: 20px;
  }
.accSettingsOptions .inputWrap.selectBox {
  margin: 0;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
  margin-left: 5px;
}
  .accSettingsOptions .inputWrap.selectBox > div{
    width: 100%;
    margin: 0;
  }
  .accSettingsOptions .inputWrap > div:nth-child(2) {
    margin: 0;
  }
  .accSettingsOptions .subm, .accSettingsOptions .pasChang {
    display: block;
    text-align: center;
    font-size: 12px;
    letter-spacing: .8px;
  }
  .accSettingsOptions .pasChang a, .accSettingsOptions .subm a {
    background: #1d1d32;
    display: inline-block;
    width: 180px;
    color: #c8ccd6;
    padding: 20px 22px;
    text-transform: uppercase;
    border-radius: 4px;
  }
  .accSettingsOptions .subm a {
    background: #547fff;
    color: #fff;
    border-radius: 50px;
    width: 200px;
    box-sizing: border-box;
    float: right;
  }
  .settingsArea .accSettingsOptions > div{display: none;}
  .settingsArea .accSettingsOptions > div.active{display: block;}
  .connectIgAccs .accWrapBox h2 {
    margin: 0;
    font-size: 12px;
    color: #6c6c6c;
    font-weight: 700;
    letter-spacing: .6px;
    border-bottom: 1px #e3e3e3 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .connectIgAccs .accWrapBox p {
    margin: 8px 0 20px;
    font-size: 12px;
    letter-spacing: .4px;
    color: #a6a6a6;
  }
  .connectIgAccs .singIgAcc {
    border-bottom: 1px #e6e6e6 solid;
    margin-bottom: 4px;
  }
.connectIgAccs .singIgAcc.disabled {
  border-left: 2px solid #ff92ae;
  padding-left: 8px;
  }
  .connectIgAccs .singIgAcc.disabled p{
    color: #ff7e7e;
    margin: 15px 0;
    letter-spacing: 1px;
  }
  .connectIgAccs .singIgAcc.disabled p a{
    display: inline-block !important;
    float: none !important;
  }
  .connectIgAccs .singIgAcc img {
    width: 32px;
    border-radius: 100px;
    border: 3px #89b1ff solid;
    padding: 3px;
  }
  .connectIgAccs .singIgAcc span {
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .3px;
    position: relative;
    top: -16px;
    margin-left: 3px;
    color: #8e8e8e;
  }
  .connectIgAccs .singIgAcc a {
    font-size: 11px;
    float: right;
    display: inline-block;
    background: #ee5259;
    color: #fff0f0;
    padding: 11px 15px;
    border-radius: 6px;
    letter-spacing: .5px;
    margin-top: 4px;
    display: none;
    margin: 3px;
  }
  .connectIgAccs .sub {
    text-align: center;
  }
  .connectIgAccs .sub a {
    font-size: 11px;
    display: inline-block;
    background: #2f2f2f;
    color: #fff;
    padding: 11px 42px 15px;
    border-radius: 10px;
    letter-spacing: .5px;
    margin-top: 13px;
    line-height: 25px;
    text-transform: uppercase;
    box-shadow: 0 9px 9px 3px #0000002b;
  }
  .connectIgAccs .sub a i {
    font-size: 26px;
    position: relative;
    top: 5px;
    left: -4px;
  }
  .modalContainer .changePassWrap {
    width: 300px;
    color: #686868;
  }
  .modalContainer .changePassWrap > h2 {
    margin: 14px 0 18px;
    font-size: 19px;
    letter-spacing: .1px;
    color: #3885ff;
    font-weight: 300;
  }
  .modalContainer .changePassWrap .inputArea {
    text-align: left;
    margin-bottom: 24px;
  }
  .modalContainer .changePassWrap .inputArea label {
    display: block;
    font-size: 15px;
    letter-spacing: .2px;
    font-weight: 500;
  }
  .modalContainer .changePassWrap .inputArea label i {
    font-size: 24px;
    margin-right: 0;
    color: #c8c8c8;
  }
  .modalContainer .changePassWrap .inputArea input {
    border: none;
    font-size: 15px;
    letter-spacing: .5px;
    padding: 8px 0 15px;
    width: 100%;
    color: #2e2c2c;
    background: #fff !important;
    border: none !important;
    border-bottom: 1px #e1e1e1 solid !important;
  }
  .modalContainer .changePassWrap .action a {
    background: #242730;
    font-size: 14px;
    display: block;
    padding: 18px 32px;
    color: #fff;
    letter-spacing: .8px;
    border-radius: 6px;
    text-align: center;
    width: 121px;
    margin: 0 auto;
  }
.modalContainer .newIgAccUi {
  width: 395px;
  text-align: left;
  }
  .modalContainer .newIgAccUi > h2 {
    margin: 14px 0 18px;
    font-size: 21px;
    letter-spacing: -.3px;
    color: #5baaff;
    font-weight: 700;
  }
  .modalContainer .newIgAccUi > div.markItUp img {
    display: inline-block;
    width: 75px;
    border-radius: 100px;
    border: 1px #7da3ff solid;
    padding: 10px;
    float: right;
  }
  .modalContainer .newIgAccUi > div.markItUp label {
    display: block;
    font-size: 12px;
    margin: 12px 0 8px;
    color: #141517;
    letter-spacing: .4px;
  }
  .modalContainer .newIgAccUi > div.markItUp input {
    display: inline-block;
    padding: 17px 42px;
    border: 1px #d5d5d5 solid;
    font-size: 12px;
    letter-spacing: .5px;
    color: #7d7d7d;
    border-radius: 6px;
  }
  .modalContainer .newIgAccUi > div.markItUp.alpha .gotoBetaIgAccAddup {
    display: inline-block;
    background: #5074ff;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .9px;
    padding: 2px 29px 10px;
    border-radius: 8px;
    margin: 13px 0 0;
  }
.modalContainer .newIgAccUi > div.markItUp.alpha .gotoBetaIgAccAddup i {
  font-size: 28px;
  position: relative;
  top: 6px;
  left: -5px;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta {
    position: relative;
  }
.modalContainer .newIgAccUi > div.markItUp {
  display: none;
}
.modalContainer .newIgAccUi > div.markItUp.active {
  display: block;
  }
  .modalContainer .newIgAccUi > div.markItUp .accFound {
    position: absolute;
    font-size: 11px;
    letter-spacing: .4px;
    background: #38bb40;
    right: 6px;
    color: #fff;
    padding: 7px 13px 10px;
    border-radius: 34px;
    top: 18px;
    box-shadow: 0 4px 7px 3px #00000026;
  }
  .modalContainer .newIgAccUi > div.markItUp .accFound i {
    font-size: 18px;
    margin: 0 4px;
    position: relative;
    top: 3px;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta img {
    border-color: #2ee65c;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta strong {
    display: block;
    font-size: 13px;
    letter-spacing: .8px;
    margin: 9px 0 -6px;
    color: #202635;
  }
  .modalContainer .newIgAccUi > div.markItUp label {
    display: block;
    font-size: 12px;
    margin: 12px 0 8px;
    color: #558eff;
    letter-spacing: .7px;
  }
  .modalContainer .newIgAccUi > div.markItUp input, .modalContainer .newIgAccUi > div.markItUp select {
    display: inline-block;
    padding: 17px 42px;
    border: 1px #d5d5d5 solid;
    font-size: 12px;
    letter-spacing: .5px;
    color: #444;
    border-radius: 6px;
    background: #e8e8e8;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta .actions {
    margin: 17px 0 0;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta .actions a.connectNewIgAccD {
    display: block;
    margin: 15px 70px;
    padding: 18px 0px;
    font-size: 12px;
    border-radius: 100px;
    background: #3571ff;
    text-align: center;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta .actions a {
    background: #858a93;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    letter-spacing: .8px;
    padding: 4px 24px;
    border-radius: 43px;
    text-transform: uppercase;
    margin-top: 10px;
  }
  .modalContainer .newIgAccUi > div.markItUp.beta .notice {
    font-size: 12px;
    width: 200px;
    letter-spacing: .4px;
    color: #8ab7a4;
    line-height: 16px;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
  }
.billingAndPlansWrap .planBar {
  background: #79798a;
  color: #fff;
  font-size: 12px;
  letter-spacing: .4px;
  padding: 17px 15px;
  border-radius: 5px;
}
.billingAndPlansWrap .planBar p {
  margin: 0;
  }
  .billingAndPlansWrap .planBar strong {
    background: #648bff;
    padding: 5px 7px;
    border-radius: 4px;
  }
  .billingAndPlansWrap .planBar a {
    float: right;
    background: #f6fff0;
    color: #4baa37;
    padding: 11px 23px;
    position: relative;
    top: -11px;
    right: -9px;
    border-radius: 4px;
  }
  .billingAndPlansWrap .billlingAReaWrap > h2 {
    margin: 0;
    font-size: 14px;
    color: #3c3232;
    margin: 17px 0 0;
  }
  .billingAndPlansWrap .billlingAReaWrap > h2 i {
    font-size: 23px;
    position: relative;
    bottom: -3px;
    margin-right: 7px;
  }
  .billingAndPlansWrap .billingMetaDeta {
    border: 1px #d5d5d5 solid;
    padding: 6px 20px 10px;
    margin-top: 16px;
  }
  .billingAndPlansWrap .billingMetaDeta > div p {
    margin: 0;
    border-bottom: 1px #eaeaea solid;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 18px 0 16px;
  }
  .billingAndPlansWrap .billingMetaDeta > div p strong {
    font-weight: 500;
    color: #202020;
  }
  .billingAndPlansWrap .billingMetaDeta > div a {
    background: #6190ff;
    padding: 6px 12px;
    color: #fff;
    border-radius: 3px;
    margin-left: 9px;
    float: right;
    position: relative;
    top: -7px;
  }
  .billingAndPlansWrap .billingMetaDeta > div span {
    float: right;
    color: #888;
  }
  .billingAndPlansWrap .billingMetaDeta > div p {
    margin: 0;
    border-bottom: 1px #eaeaea solid;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 18px 0 16px;
  }
  .billingAndPlansWrap .billingMetaDeta > div p strong {
    font-weight: 500;
    color: #202020;
  }
  .billingAndPlansWrap .billingMetaDeta > div a.changePayPalAcc {
    background: #ff4b6dbd;
  }
.postNowMainWrap .schedWraper {
  display: block;
  position: relative;
  padding: 0;
  background: transparent;
}
.postNowMainWrap .schedWraper {
    display: block;
    height: auto;
  }
  #support i {
    color: #fff;
    position: relative;
    top: -1px;
    font-size: 17px;
  }
._mCS_1 .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #a6a8aa !important;
  margin-left: -1px !important;
  width: 10px !important;
}
.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail {
  width: 4px !important;
  background: transparent;
  }
  .mCSB_scrollTools .mCSB_draggerRail{background: transparent !important;}
  #mCSB_1_scrollbar_horizontal .mCSB_dragger{ width: 100px !important; }
.mCSB_1_scrollbar .mCSB_dragger .mCSB_draggerRail{ width: 4px !important; }
.mCSB_draggerContainer {
  right: 12px !important;
  top: 70px !important;
  border-right: 1px #bfbfbf solid;
  }
  .superActionsWrap.automation .intr .actions a i {
    margin-right: 7px;
    font-size: 18px;
    position: relative;
    top: 3px;
  }
  .superActionsWrap.mainContentGenWrap .contentGcontrols a.gHashs {
    border-right: none;
  }
  .dmMainWrap.ticketSUpportCenter .mainDmArea .allDM > a.notify span::after {
    content: "Answered";
    margin-right: -7px;
    margin-top: -4px;
    background: ;
  }
.dmMainWrap.ticketSUpportCenter .mainDmArea .allDM > a span {
  top: 3px;
  }
  .dmMainWrap.ticketSUpportCenter .mainDmArea .allDM > a {
    padding: 15px 13px;
  }
  .schedulePostOptions .actions > a#backToScheduleStageAlpha {
    background: #ff7e90;
  }
  .reviewAndSubmit h2 {
    font-size: 12px;
    margin: 15px 0 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #6a88ff;
  }
  .reviewAndSubmit h3 {
    color: #2a2a2f;
    margin: 9px 0 12px;
    font-weight: 300;
    letter-spacing: -.3px;
  }
  .superActionsWrap.mainContentGenWrap .contentGcontrols a i {
    margin-right: 10px;
    font-size: 17px;
    position: relative;
    top: 2px;
  }
  .accSettingsOptions .inputWrap > div label i {
    font-size: 28px;
    position: relative;
    top: 4px;
    margin-right: 7px;
    color: #aeaeae;
  }
/*action progress css */
.actionProgress {
  border: 1px solid #d0d0d0;
  padding: 10px;
  margin: 10px 0;
  border-radius: 10px;
  font-size: 12px;
  letter-spacing: 1px;
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
  }
  .actionProgress h3{
    text-align: center;
    color: #606060;
  }
  .actionProgress p {
    padding: 10px;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    color: #6a6a6a;
    position: relative;
    text-align: left;
  }.actionProgress p > span{
    position: relative;
    top: -18px;
    left: 3px;
    }
    .actionProgress p span.msg{
      position: initial;
      width: 100%;
      margin: 10px 0;
      border: 1px solid #d0d0d0;
      padding: 10px;
      box-sizing: border-box;
      font-size: 10px;
      display: none;
  }
  .actionProgress p span.msg.show{
    display:inline-block; 
  }
  .actionProgress p strong{
    float: right;
    cursor: pointer;
  }
  .actionProgress p.imgie strong{
    line-height: 50px;
  }
  .actionProgress p strong:hover{
    color: #1a1a1a;
  }
.actionProgress p img{
  width: 40px;
  border-radius: 50%;
  border: 2px solid #3b7fff;
  padding: 2px;
  height: 40px;
}
.actionProgress p a{
  color: #4183ff;
  }
  .hidden{display: none;}
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1{
  border: 1px solid #d8d8d8;
  padding: 20px;
  border-radius: 5px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .inputWrapper {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .inputWrapper input{
  width: 100%;
  padding: 15px 5px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #e0e0e0;
  margin: 7px 0;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia{
    text-align: center;
    width: 100%;
  }
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost {
  display: inline-block;
  margin: 6px;
  border: 1px solid #c9cacc;
  width: 90px;
  height: 90px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost img {
    width: 100%;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 90px;
    font-size: 17px;
    background: #ffffffd9;
    pointer-events: none;
  }
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed i{ display: none;}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed.loading i.fa-spinner{ display: inline-block;}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed.loaded i.fa-check{ display: inline-block;}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed.loaded{
  background: #80acffde;
  color: #fff;
}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView{
  display: inline-block;
  border: 1px solid #d8d8d8;
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
  margin: 10px 0;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView img.thumbnail {
    width: 40px;
    border-radius: 50%;
    padding: 3px;
    border: 1px solid #80acff;
    position: relative;
    top: 7px;
    right: 2px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView a.trigger{
    float: right;
    line-height: 50px;
    color: #535252;
    font-size: 12px;
    letter-spacing: 1px;
    font-size: 22px;
  }
.mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent{
  margin-top: 20px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent {
    margin-top: 20px;
    display: none;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent.show{
    display: block;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent .ImageArea img{
    border-radius: 8px;
    width: 100% !important;
    margin: 10px 0;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent .infoArea{
    border: 1px solid #d8d8d8;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    margin: 20px 0;
    font-size: 11px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent .infoArea p {
    padding: 0 0 8px 0;
    border-radius: 2px;
    color: #919191;
    border-bottom: 1px solid;
    margin: 20px 0;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .postContent .infoArea p  span {
    float: right;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView img{ width: 20px !important; }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView p {
  font-size: 9px !important;
  color:#7a7a7a !important; 
  line-height: 15px;
  letter-spacing: 0.2px;
}.chartAReaDasWrap > div h2 small {
  font-weight: normal;
  font-size: 11px;
  margin-left: -1px;
  color: #808080;
  font-weight: bold;
}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView strong {
  color: #4584fb !important;
  margin-right: 2px;
  text-shadow: 0px 2px 5px #00000030;
}
.mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView textarea {
  height: 40px;
  resize: none;
  padding: 5px;
  width: 90%;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .commentsWrapper{
    height: 150px;
    display: inline-block;
    overflow: hidden;
    overflow-y: auto;
    background: #fdfdfd;
    padding: 10px;
    border-radius: 7px;
    width: 100%;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .commentsWrapper .eachComment{
    border-bottom: 1px solid #80acff;
    padding-bottom: 10px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .commentsWrapper .eachComment .replies{
    width: 90%;
    border-left: 1px solid #d0d0d0;
    padding-left: 10px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .commentsWrapper .eachComment .replies .addReply{
    display: flex;
    line-height: 60px;
    padding: 5px;
    border-radius: 5px;
    background: #ececec;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.rigthContentArea .postView .commentsWrapper .eachComment .replies .addReply a{
    color: #373737;
    margin-left: 5px;
  }
.postContent .ImageArea span {
  margin: 0 1px;
  color: #646262;
  font-weight: lighter;
  background: #f9f9f9;
  padding: 5px 19px;
  border-radius: 5px;
  }.hashTagsArea .gDataAr .rowD.bling {
    background: #fff9da;
  }
.gDataAr {
  max-height: 280px;
  overflow-y: auto;
  }
.dashboardWrapper .mainNav .userArea strong {
}
.mainModel.quotes.active .searchBox ,.mainModel.tags.active .searchBox {
  border-bottom: 1px solid #c1c1c1;
  text-align: center;
  padding: 20px;
  background: #b7b7b7;
  } 
  .schedWraper .scheNew div > div.comingSoon::after {
    color: #ff70a6;
    background: transparent;
    content: "Coming Soon";
    position: absolute;
    width: 100px;
    font-size: 11px;
    letter-spacing: .4px;
    margin-left: -49px;
    margin-top: 10px;
  }
.schedWraper .scheNew div > div.storyPost.comingSoon a, .schedWraper .scheNew div > div.storyPost.comingSoon i {
  color: #9b9b9b;
  cursor: no-drop;
  }
  .schedWraper .scheNew div > div.storyPost.comingSoon {
    background: white;
    border-color: #d5d5d5;
    border-style: dashed;
    cursor: no-drop;
  }
  .mainModel.quotes.active .mainModelClose ,.mainModel.tags.active .mainModelClose {
    font-size: 0;
  }
  .mainModel.quotes.active .mainModelClose i,.mainModel.tags.active .mainModelClose i {
    font-size: 10px;
    color: #686868;
    background: white;
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 100px;
    font-size: 17px;
    padding: 17px;
  }
  .mainModel.quotes.active > h2,.mainModel.tags.active > h2 {
    color: #b8c3ff;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: 300;
    margin: 13px 0 15px;
  }
  .mainModel.quotes.active .maintableWrapper,.mainModel.tags.active .maintableWrapper {
    background: #fff;
    width: 500px;
    display: inline-block;
    padding: 20px;
    border-radius: 13px;
  }
.searchBox input {
  border: none;
  padding: 20px 50px;
  border-radius: 10px;
  color: #555;
}
.hashTagsArea .gDataAr .rowD span {
  color: #575757;
  text-transform: capitalize;
  font-weight: 300;
  letter-spacing: 1px;
  word-break: break-all;
  text-align: center;
  padding-right: 10px;
  }
  .mainContentArea .superActionsWrap .superActionSingle .actionBox.customCommentsReplies .step1 .instagramMedia .eachPost .boxed.loaded.fail {
    background: #ff000075 !important;
  }
  .contentAreaWrapper .topBar div.instagramAccounts > span {
    font-size: 12px;
    vertical-align: top;
    display: inline-block;
    margin-top: 14px;
    letter-spacing: .5px;
    color: #9d9d9d;
    margin-right: 10px;
  }
  #addInstaAcc i {
    font-size: 21px;
    color: #3f81ff;
    position: relative;
    margin-left: 7px;
  }
  .mainInbox .noProfileLoaded {
    display: block !important;
    text-align: center !important;
    overflow: hidden !important;
    background: #f2f2f2;
  }
  .mainInbox .noProfileLoaded .els {
    margin-top: 137px;
  }
.mainTpoestBar > div.loginedUser i {
}

  .mainInbox .noProfileLoaded i {
    display: inline-block;
    border: 1px #b2b8bd solid;
    height: 50px;
    width: 50px;
    padding: 10px;
    line-height: 50px;
    border-radius: 100%;
    color: #000000b8;
    font-size: 38px;
  }
  .mainInbox .noProfileLoaded h2 {
    margin: 10px 0 6px;
    font-size: 18px;
    letter-spacing: .5px;
    color: #222739;
  }
  .mainInbox .noProfileLoaded p {
    margin: 0;
    font-size: 12px;
    letter-spacing: .6px;
    color: #828282;
  }
  .mainInbox .noProfileLoaded .actions {
    margin: 16px 0 0;
  }
  .mainInbox .noProfileLoaded a {
    display: inline-block;
    background: #abb1bd;
    font-size: 12px;
    color: #fff;
    padding: 10px 13px;
    border-radius: 6px;
    letter-spacing: .4px;
  }
  .mainDmArea .allDM > a.notify::after {
    content: "";
    background: #448dff;
    display: inline-block;
    height: 10px;
    width: 9px;
    border-radius: 100px;
    right: ;
    position: relative;
    right: -37px;
    top: -9px;
    box-shadow: 0 0 7px 4px #00000012;
  }
.mainInbox ._mCS_1 .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #7d7d7d !important;
  width: 3px !important;
  margin-left: 2px !important;
}
.hashTagsArea .searchBox {
  background: #e3e3e3;
  text-align: center;
  }
  .hashTagsArea .searchBox input {
    border: 1px #86b0ff solid;
    margin: 10px 0;
  }
  .hashTagsArea .gDataAr .rowD span:first-child {
    color: #ff5595;
    font-weight: 500;
  }
  .hashTagsArea .gDataAr .rowD span.copier {
    font-size: 11px;
    line-height: 24px;
    color: #828282;
  }
  .bnrArea {
    margin-top: 15px;
    text-align: center;
  }
  .bnrArea img {
    width: 280px;
    margin-bottom: -25px;
    margin-top: -23px;
  }
  .automationSettingsSnippits .actionBox > .inputWrap {
    border: 1px #d5d5d5 solid !important;
    width: 45% !important;
    vertical-align: top;
    margin: 0 5px 10px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    display: inline-block !important;
    background: #fff;
  }
  .bnrArea.automation img {
    width: 115px;
  margin: 8px 0 0;
  }
  .automationSettingsSnippits .actionStatus a {
    margin-top: -5px;
  }
  .automationSettingsSnippits .inputWrap .actionStatus a {
    top: 26px;
  }
.schedule .list.active .day-event {
  display: block;
  padding-right: 0;
  padding-top: 12px;
  }
  .responseArea{
    background: linear-gradient(#f3f3f3,#e4e4e4);
    padding: 5px 10px;
    border-radius: 10px;
  }
  .responseArea p{
    background: #4959ff;
    padding: 10px !important;
    border-radius: 10px;
    color: #fff;
    font-weight: bold !important;
    letter-spacing: 1px !important;
  }
.responseArea a {
  background: #fb5757;
  width: 100%;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: normal;
  }
  .responseArea p.error{
    background: #fa3b3b;
  }
  .responseArea p.warning {
    background: #fdb86f;
    color: #363434;
  }
.mainPreviewWraper {
  background: #e8e8e8;
  margin-top: 22px;
  }
  .mainPreviewWraper .boxWrap {
    border: 1px #b0d6ff solid;
    display: inline-block;
    width: 250px;
    padding: 10px;
    margin: 19px 0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 20px 3px #8e949f59;
  }
  .mainPreviewWraper .actionNav {
    border: 1px #c1c1c1 solid;
    text-align: left;
    margin-bottom: 10px;
    border-radius: 4px;
  }
  .mainPreviewWraper .actionNav a {
    display: inline-block;
    color: #828282;
    border-right: 1px #b3b3b3 solid;
    padding: 2px 13px 5px;
    font-size: 13px;
    font-weight: 700;
  }
  .actionNav a i {
    font-weight: 100;
    font-size: 20px;
    position: relative;
    top: 3px;
    margin-right: 4px;
    color: #676b75;
  }
  .mainPreviewWraper .singR.active {
    display: block;
  }
  .mainPreviewWraper .singR {
    border: 1px #cacaca solid;
    display: none;
    border-radius: 6px;
    overflow: hidden;
  }
  .mainPreviewWraper .singR .hdr span {
    height: auto;
    padding: 0;
    background: transparent;
    color: #333;
    font-size: 12px;
    text-align: left;
    padding: 7px 8px;
    background: #353535;
    width: auto;
    border-radius: 0px;
    color: #fff;
    letter-spacing: .4px;
    margin-bottom: 10px;
    line-height: normal;
  }
  .mainPreviewWraper .singR .hdr span strong {
    float: right;
    font-size: 11px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    top: 2px;
  }
  .mainPreviewWraper .singR .postCont {
    text-align: left;
    padding: 0 10px;
  }
  .mainPreviewWraper .singR .postCont .header img {
    width: 31px;
    border-radius: 100px;
    border: 2px #ff638f solid;
    padding: 4px;
  }
  .mainPreviewWraper .singR .postCont .header strong {
    vertical-align: top;
    font-size: 11px;
    letter-spacing: .7px;
    margin-top: 14px;
    display: inline-block;
    margin-left: 7px;
  }
  .mainPreviewWraper .singR .postCont > img {
    width: 100%;
  }
  .mainPreviewWraper .singR .postCont > p {
    padding: 0;
    line-height: 21px;
    color: #313131;
    font-size: 12px;
    letter-spacing: .5px;
    overflow: hidden;
  }
  .mainPreviewWraper .singR .postCont > p strong {
    color: #0d0d0d;
    font-weight: 700;
    margin-right: 13px;
  }
  .mainPreviewWraper .singR .postCont > p span {
    padding: 0;
    text-align: left;
    color: #4d8aff;
    height: auto;
    line-height: 20px;
    background: transparent;
    font-weight: 500;
    font-size: 12px;
  }
  .schedule .day-event {
    height: 520px;
  }
  .mainPreviewWraper .mltiNav a {
    display: inline-block;
    font-size: 13px;
    padding: 18px 11px 8px;
    color: #999;
  }
  .mainPreviewWraper .mltiNav a.active {
    color: #5570ff;
  }
  .mainPreviewWraper .hdz {
    background: #fff;
    margin: 15px;
    position: relative;
    top: 15px;
    border: 1px #dbdbdb solid;
    border-radius: 9px;
  }
  .mainPreviewWraper .hdz > h2 {
    font-size: 14px;
    letter-spacing: .6px;
    color: #242424;
    margin: 20px 0 16px;
  }
  .mainPreviewWraper .hdz .smry {
    text-align: left;
  }
  .mainPreviewWraper .hdz .smry p {
    margin: 0 12px;
    border-bottom: 1px #c8c8c8 solid;
    padding: 10px 17px 7px;
    border: ;
    display: inline-block;
    width: 36%;
  }
  .schedule .day-event p strong {
    color: #5578ff;
  }
  .mainPreviewWraper .hdz .smry p span {
    padding: 0;
    height: auto;
    line-height: normal;
    display: inline-block;
    float: right;
    width: auto;
    color: #4a4a4a;
    background: transparent;
    font-size: 12px;
    
    letter-spacing: .7px;
    font-weight: 500;
    margin-top: 4px;
  }
  .mainPreviewWraper .hdz > h3 {
    margin: 16px 0 0;
    font-size: 13px;
    letter-spacing: .6px;
    color: #0f0f0f;
  }
  .mainPreviewWraper .hdz > h4 {
    margin: 6px 0 18px;
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #8a8a8a;
  }
  .mainPreviewWraper .hdz > h4 span {
    line-height: normal;
    height: 20px;
    width: auto;
    display: inline-block;
    width: 20px;
    line-height: 20px;
    border-radius: 100px;
  }
.automationMappingWrap {
  background: #fff;
  display: inline-block;
padding: 20px 25px 20px;
margin: 100px 0 0;
border: 1px #d2d2d2 solid;
box-shadow: 0 15px 56px -15px #0000004a;
border-radius: 23px;
width: 392px;
display: none;
}
.automationMappingWrap .meta span {
  display: block;
  font-size: 12px;
letter-spacing: .4px;
color: #2f2f2f;
margin: 16px 0 14px;
font-weight: 700;
  }
  .automationMappingWrap .meta span strong {
    font-weight: 500;
  font-size: 18px;
  color: #1570ff;
  margin: 4px 0 15px;
}
.automationMappingWrap .meta img {
  width: 60px;
  border-radius: 100px;
border: 2px #3597ff solid;
padding: 4px;
  }
  .automationMappingWrap .meta strong {
    display: block;
  font-size: 12px;
  letter-spacing: .5px;
  color: #6c6c6c;
}
.automationMappingWrap .mainINputARea {
  text-align: left;
  margin-top: 23px;
  }
  .automationMappingWrap .mainINputARea .singleIn {
    position: relative;
  margin-bottom: 15px;
  }
  .automationMappingWrap .mainINputARea .guide {
    position: absolute;
  right: 0;
  font-size: 21px;
  color: #a4a4a4;
  border: 1px #5e9dff solid;
  border-radius: 100px;
  padding: 0 4px;
  }
  .automationMappingWrap .mainINputARea .singleIn label {
    display: none;
  }
  .automationMappingWrap .mainINputARea .singleIn p{
    margin: 0 0 8px;
  font-size: 12px;
  letter-spacing: .4px;
  font-weight: 500;
  line-height: 20px;
  padding-right: 50px;
  color: black;
  }
  .automationMappingWrap .mainINputARea p span {
    display: block;
  }
  .automationMappingWrap .mainINputARea .tokenize ul {
    margin: 0;
  padding: 10px 15px 9px;
  border: 1px #c8c8c8 solid;
  }
  .automationMappingWrap .mainINputARea .tokenize li.token {
    font-size: 12px;
  background: #737373;
  border-color: #686868;
  color: #fff;
  padding: 4px 13px;
  padding-left: 7px;
  padding-right: 22px;
  border-radius: 4px;
  }
  .automationMappingWrap .mainINputARea .tokenize li a::after {
    color: #fff;
  }
  .automationMappingWrap .mainINputARea .singleIn.autoFl select {
    border: 1px #c8c8c8 solid;
  color: #333;
  display: inline-block;
  padding: 8px 15px;
  }
  .automationMappingWrap .mainINputARea .singleIn.autoFl > span {
    font-size: 12px;
  letter-spacing: .3px;
  margin-left: 6px;
  font-weight: 700;
  color: #2b2b2b;
}
.automationMappingWrap .mainINputARea .singleIn textarea {
  border: 1px #c8c8c8 solid;
  padding: 10px 10px 30px;
width: 100%;
box-sizing: border-box;
font-size: 12px;
letter-spacing: .4px;
color: #333;
}
.automationMappingWrap .mainINputARea .singleIn input.postCom {
  border: 1px #c8c8c8 solid;
  font-size: 12px;
letter-spacing: .4px;
padding: 13px 12px;
box-sizing: border-box;
width: 100%;
color: #333;
}
.automationMappingWrap .mainINputARea .mActions {
  text-align: center;
  }
  .automationMappingWrap .mainINputARea .mActions a {
    background: #c8c8c8;
  font-size: 12px;
  color: #646464;
  display: inline-block;
  padding: 16px 21px;
  border-radius: 5px;
  letter-spacing: .4px;
  }
  .automationMappingWrap .mainINputARea .mActions .acceptAuto {
    background: #387cff;
  color: #fff;
  }
  .automationMappingWrap .mainINputARea .mActions a i {
    font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 6px;
  }
  .connectIgAccs .singIgAcc .modificationsAccs {
    display: inline-block;
  float: right;
}
.connectIgAccs .singIgAcc .modificationsAccs a#editAcc {
  margin-left: 7px;
  }
  .connectIgAccs .singIgAcc .modificationsAccs a {
    display: inline-block;
  background: #777;
}
.mainModel.editExistingAcc .modalContainer {
  width: 280px;
}
.mainModel.editExistingAcc .dp img {
  width: 50px;
  border-radius: 100px;
border: 2px #4b81ff solid;
padding: 5px;
margin-top: 9px;
  }
  .mainModel.editExistingAcc .dp span {
    display: block;
  font-size: 13px;
  letter-spacing: .9px;
  font-weight: 700;
  color: #2b2b2b;
  margin: 4px 0 20px;
  }
  .mainModel.editExistingAcc .InputArea {
    text-align: left;
  }
  .mainModel.editExistingAcc .inputs label {
    font-size: 12px;
  letter-spacing: .4px;
  color: #1b1d20;
  display: block;
  }.accSettingsOptions .subm, .accSettingsOptions .pasChang .changePassword {
  margin: 0;
  display: block;
  background: none;
  padding: 0;
  text-transform: initial;
  color: #9f9f9f;
  position: relative;
  left: -28px;
  top: -4px;
}
.chosen-container-single .chosen-single {
  height: 60px !important;
  background: #fcfeff !important;
  text-align: left !important;
  line-height: 57px !important;
  padding-left: 10px !important;
  border: 1px solid #d8e8f4 !important;
  box-shadow: none !important;
}#selectJobTypeOnChangeJs_chosen {
  width: 300px !important;
  display: block;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}
  .mainModel.editExistingAcc input {
    border: 1px #b9b9b9 solid;
  font-size: 13px;
  letter-spacing: .4px;
  color: #333;
  padding: 11px 14px;
  margin: 9px 0;
  border-radius: 4px;
  box-sizing: border-box;
  width: 100%;
  }
  .mainModel.editExistingAcc .svAct {
    text-align: center;
  }.accSettingsOptions .call.companySettings {
  border: 1px solid #f2cdb0;
  padding: 11px 20px;
  border-radius: 7px;
  color: #ff7204;
  font-size: 11px;
  float: left;
  margin-top: 12px;
  background: #ffeddf;
  font-weight: bold;
  letter-spacing: 1px;
}
  .mainModel.editExistingAcc .svAct a {
    background: #0f6dff;
  font-size: 12px;
  color: #fff;
  letter-spacing: .4px;
  padding: 11px 20px;
  display: inline-block;
  border-radius: 37px;
  }
  .mainModel.changeExistingAcc .modalContainer {
    width: 300px;
  }
  .mainModel.changeExistingAcc h2 {
    font-size: 20px;
  color: #353535;
  text-transform: capitalize;
  }
  .mainModel.changeExistingAcc p {
    font-size: 13px;
  letter-spacing: .4px;
  font-weight: 300;
  line-height: 20px;
  color: #333;
  margin-bottom: 24px;
  }
  .mainModel.changeExistingAcc p span {
    display: block;
  color: #2385ee;
  margin: 19px 0 0;
  line-height: 17px;
  font-weight: 500;
  }
  .mainModel.changeExistingAcc .actions a.cancel {
    background: #89ffa1;
  color: #1a6826;
  }
  .mainModel.changeExistingAcc .actions a {
    background: #ff9ec2;
  font-size: 13px;
  margin: 0 3px;
  padding: 12px 21px;
  display: inline-block;
  color: #88133f;
  letter-spacing: .4px;
}
.mainModel.addNewCard .modalContainer {
  border: 1px #333 solid;
  padding: 0;
width: 429px;
border-radius: 0;
border-radius: 23px;
}
.mainModel.addNewCard .StripeArea {
  text-align: left;
  }
  .mainModel.addNewCard .StripeArea > h2 {
    margin: 0;
    background: #fff;
    font-size: 15px;
    letter-spacing: .2px;
    color: #282828;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px #ddd solid;
  }
  .mainModel.addNewCard .StripeArea > h2 i {
    font-size: 23px;
    color: #486dff;
    position: relative;
    top: 3px;
    margin-left: ;
    margin-right: 8px;
  }
  .mainModel.addNewCard.active .pricSumm {
    border: 1px #d0d0d0 solid;
    margin: 0 15px 20px;
    padding: 4px 15px 17px;
    border-radius: 8px;
  }
  .mainModel.addNewCard.active .pricSumm p {
    margin: 0;
    font-size: 13px;
    letter-spacing: .4px;
    color: #000;
    border-bottom: 1px #d7d7d7 solid;
    padding: 15px 0 14px;
    font-weight: 500;
  }
  .mainModel.addNewCard.active .pricSumm p span {
    color: #606060;
    float: right;
    font-weight: 300;
    font-size: 12px;
  }
  .mainModel.addNewCard.active .pricSumm p span strong {
    color: #2f2f2f;
    font-weight: 500;
    margin-left: 4px;
  }
  .mainModel.addNewCard.active .pricSumm p.totalPay {
    color: #486dff;
    border: navajowhite;
    padding: 14px 0 0;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .1px;
  }
  .mainModel.addNewCard.active .pricSumm p.totalPay > span {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .1px;
    color: #4d4d4d;
  }
  .mainModel.addNewCard.active .pricSumm p.totalPay strong {
    font-weight: 700;
    letter-spacing: -.5px;
    color: #486dff;
    font-size: 22px;
    margin-left: 3px;
  }
  .mainModel.addNewCard.active h3 {
    margin: -9px 0 0;
    font-size: 13px;
    letter-spacing: .4px;
    color: #2e55ee;
  }
  .mainModel.addNewCard.active h3 i {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin-right: 8px;
  }
  .mainModel.addNewCard .StripeArea .inputWrps {
    padding: 0 15px;
  margin: 34px 0 0;
  }
  .mainModel.addNewCard .StripeArea .inputWrps .singInput {
    border-bottom: 1px #d2d2d2 solid;
  margin: 12px 0 11px;
  padding-bottom: 12px;
  }
  .mainModel.addNewCard .StripeArea .inputWrps label, .mainModel.addNewCard .StripeArea > div.billingAreaWr .singInput label {
    display: inline-block;
  font-size: 12px;
  letter-spacing: .4px;
  color: #2b2b2b;
  font-weight: 500;
  }
  .mainModel.addNewCard .StripeArea .inputWrps select, .mainModel.addNewCard .StripeArea .inputWrps input, .mainModel.addNewCard .StripeArea > div.billingAreaWr .singInput input {
    display: inline-block;
  border: 1px #b3b3b3 solid;
  float: right;
  padding: 7px 9px;
  font-size: 12px;
  letter-spacing: .4px;
  color: #828282;
  position: relative;
  top: -5px;
  }
  .mainModel.addNewCard .StripeArea .inputWrps span.compare {
    font-size: 11px;
  display: block;
  letter-spacing: .4px;
  margin: 2px 0 -6px;
  }
  .mainModel.addNewCard .StripeArea .inputWrps span.compare a {
    color: #486dff;
  }
  .mainModel.addNewCard .StripeArea .inputWrps .singInput {
    border-bottom: 1px #d2d2d2 solid;
  margin: 12px 0 11px;
  padding-bottom: 12px;
  }
  .mainModel.addNewCard .StripeArea .inputWrps input {
    width: 44px;
  }
  .mainModel.addNewCard .StripeArea > div.billingAreaWr {
    margin: 0 15px;
  border: 1px #d9d9d9 solid;
  padding: 12px;
  border-radius: 7px;
  }
  .mainModel.addNewCard .StripeArea > div.billingAreaWr .singInput {
    vertical-align: top;
  display: block;
  overflow: hidden;
  }
  .mainModel.addNewCard .StripeArea > div.billingAreaWr .singInput label {
    display: inline-block;
  position: relative;
  margin: 15px 0 0;
  }
  .mainModel.addNewCard .StripeArea > div.billingAreaWr .singInput input {
    width: 104px;
  border: none !important;
  border-bottom: 1px #717171 solid !important;
  top: 0 !important;
  }
  .mainModel.addNewCard .CardInfInputs form {
    margin: 24px 0 0;
  text-align: center;
  }
  .mainModel.addNewCard .CardInfInputs #card-element {
    background: #eee;
  color: #171717;
  font-size: 12px;
  padding: 14px 15px;
  box-shadow: 0 5px 12px 5px #0000002b;
  border: 1px #d5d5d5 solid;
  }
  .mainModel.addNewCard .CardInfInputs form #card-button {
    background: #486dff;
    border: none;
    display: inline-block;
    color: #fff;
    font-weight: 500;
    padding: 14px 43px 15px;
    margin: 13px 0 0;
    letter-spacing: .6px;
    border-radius: 100px;
  }
  .mainModel.addNewCard .StripeArea .notice {
    font-size: 12px;
  text-align: center;
  letter-spacing: .4px;
  color: #464141;
  padding: 8px 0 5px;
}
.proxyArea{ margin: 15px 0; }
.proxyArea .proxyBanner p{ margin: 0; letter-spacing: 2px; }
.proxyArea .proxyInputs div.inputWrps {
  display: inline-block;
  width: 47.4%;
  overflow: hidden;
  text-align: left;
  margin: 4px;
  }
  .proxyArea .proxyInputs div.inputWrps input {
    width: 100% !important;
    display: inline-block !important;
    box-sizing: border-box;
  }
  .proxyArea .proxyBanner .actionStatus a {
    padding: 0;
    margin: -19px !important;
  }
  .proxyArea .proxyBanner {
    position: relative;
  }
.billingMetaDeta .payPalMeta .crntPlan .connectCard .payed {
  float: none;
  font-weight: 700;
  color: #ff5373;
  font-size: 16px;
  position: relative;
  top: -5px;
  }
  .billingMetaDeta .payPalMeta .crntPlan .payed > strong {
    color: #686868;
    font-size: 12px;
  }
  .billingMetaDeta .payPalMeta .crntPlan .connectCard a {
    background: #6190ff;
  }
  .billingAndPlansWrap .billingMetaDeta > div a#addMoreAcc {
    float: right;
  }
  .cof > span {
    border: 1px #92b2ff solid;
    display: inline-block;
    padding: 8px 28px;
    border-radius: 6px;
    position: relative;
    top: -10px;
    background: #f2f2f2;
    color: #4a62c1 !important;
  }
  .sts span::before {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #2ece29;
    content: "";
    border-radius: 21px;
    margin-right: 6px;
    box-shadow: 0 0 4px 2px #736f6f38;
    top: 1px;
    position: relative;
  }
.billingMetaDeta .payPalMeta .crntPlan .connectCard .payed {
  float: none;
  font-weight: 700;
  color: #ff5373;
  font-size: 16px;
  position: relative;
  top: -5px;
  }
  .mainModel.addNewCard.active .pricSumm > h2 {
    margin: 9px 0 0;
    font-size: 20px;
    letter-spacing: .4px;
    color: #939ba6;
  }
  .mainModel.addNewCard.active .pricSumm p.totalPay strong var {
    font-style: normal;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .3px;
    color: #333;
  }
  .toCheckOut {
    text-align: center;
  }
  .toCheckOut a {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .4px;
    background: #3d76ff;
    color: #fff;
    padding: 16px 38px;
    border-radius: 7px;
  }
  .contentGConsole .canvasTop{
    background: #1c1c1c;
    text-align: center;
    letter-spacing: 0.5px;
    padding: 20px;
    border-radius: 10px 20px 0px 0px;
    position: relative;
    z-index: 10;
  }
.contentGConsole  .canvasTop a{
  margin: 15px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
.contentGConsole  .canvasRigth {
  float: right;
  width: 15%;
  font-weight: normal;
  font-size: 10px;
  background: #1c1c1c;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  box-sizing: border-box;
  position: relative;
  z-index: 10;
  padding-left: 10px;
  height: 70vh;
  }
  .contentGConsole .canvasRigth a{
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 20px;
    color: #c3c3c3;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: left;
    margin: 10px;
  }
  .contentGConsole .canvasTop a::before ,.contentGConsole .canvasRigth a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    border: ;
    background: #4959ff;
    margin: ;
    position: relative;
    right: 5px;
    border: 2px solid #fff;
    top: 2px;
  }
.contentGConsole .canvasBody {
  width: 85%;
  background: #5a5a5a;
  height: 70vh;
  position: absolute;
  z-index: 1000000;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 20px;
  }
  .contentGConsole .canvasBody .elBox {
    border: 2px dashed #8d8d8d;
    margin: 30px;
    border-radius: 10px;
    text-align: center;
    font-size: 13px;
    letter-spacing: 1px;
    color: #eee;
    font-weight: normal;
    text-transform: capitalize;
    padding: 60px 0 20px 0;
    position: relative;
    border-top: none;
  }
  .contentGConsole .canvasBody .elBox .controllsBar a {
    color: #c3c3c3;
    background: #5a5a5a;
    height: 40px;
    width: 40px;
    display: inline-block;
    border-right: 1px solid;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
  }
  .contentGConsole .canvasBody .elBox .controllsBar {
    position: absolute;
    width: 100%;
    left: 0;
    top: 5px;
    right: 0;
    text-align: left;
    box-sizing: border-box;
    border-radius: 0px;
    background: #474747;
  }
  .saveAllAddFormsAtOnceTrigger{
  font-size: 15px !important;
  left: 10px;
  position: relative;
}
.classicJstTable td a {
  background: transparent;
  display: inline-block;
  text-align: center;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .3px;
  font-size: 23px;
  background: #ffebd6;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  font-size: 18px;
  margin-bottom: ;
  z-index: 100;
  transition: ease-in-out .4s;
  margin-right: 5px;
  border: 1px solid #eee;
  line-height: 34px;
}
.classicJstTable {
  width: 100%;
  margin: 0 auto;
  padding: 10px 5px;
  box-sizing: border-box;
  border-radius: ;
  padding: 0;
  -webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.classicJstTable table {
  /*! table-layout: fixed; */
animation-name: fadeInUp;
  margin: 0 auto;
  border-spacing: 0;
  padding: 0 25px;
  border-bottom: 0;
  width: 100%;
}

.jstFormParent a.jstGoBack{display: none !important;}
tr{position: relative;}
.formActionButtons{
display: inline-block;  
}

.onPageEditPopUp {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0d0d0dc9;
  z-index: 999;
}.onPageEditData {
  position: absolute;
  z-index: 999;
  width: 97%;
  display: inline-block;
  left: 17px;
  box-shadow: 0px 3px 13px #3d3d3d38 !important;
  background: #fff;
  border-radius: 2px;
  box-sizing: border-box;

-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;


  top: 0;
}
.onPageEditData form {
  display: inline-block;
  width: 100%;
  margin: 10px 6px;
}
div.mediaPrev {
  width: 35px;
  height: 35px;
  background-size: cover;
  background-position: center;
  border-radius: 50%;
  margin: 0 auto;
  border: 2px solid #ffbce5;
}
td > a.tdPunchBtn_edit {
  color: #80693c;
  background: #ffc12f;
}
.mainFormWrapper h3 {
  margin: 0;
  margin-bottom: 10px;
  color: #6c6c6c;
  letter-spacing: 1px;
  font-size: 15px;
  text-transform: uppercase;
}
ion-icon {
  color: ;
  position: relative;
  top: 2px;
}
.addNewOrderMain {
  text-align: center;
  margin: 0 auto;
  background: #f0f0f0;
  min-height: 100vh;
  display: block;
  padding: 25px 30px;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainWrapperHeader span {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  background: #fff;
  color: #4d4d4d;
  border-right: none !important;
  width: 24.8%;
  border: 1px solid #eee;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 2px;
}
.addNewOrderMain > .mainWrapperHeader {
  display: block;
  width: auto;
  text-align: left;
  margin: 17px 0;
  background: #444;
  border-radius: 5px;
  box-sizing: border-box;
  color: #626262;
  font-size: 12px;
  padding: 26px 25px;
}

.addNewOrderMain > .mainWrapperHeader a {
  background: #e88787;
  color: #fff;
  border-radius: 5px;
  width: auto;
  display: inline-block;
  text-align: center;
  height: 29px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 28px;
  position: relative;
  top: -12px;
  right: -6px;
}
.addNewOrderMain > .mainWrapperHeader div {
  vertical-align: middle;
}

.addNewOrderMain > .mainWrapperHeader .logoPt {
  display: inline-block;
  width: 8%;
}
.addNewOrderMain > .mainWrapperHeader .logoPt img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.addNewOrderMain > .mainWrapperHeader .navPt {
  display: inline-block;
  width: auto;
}

.addNewOrderMain > .mainWrapperHeader .navPt span {
  margin-right: 8px;
  letter-spacing: 1px;
  text-transform: capitalize;
  color: white;
  font-size: 13px;
}

.addNewOrderMain > .mainWrapperHeader .outPt{
  display: inline-block;
  width: auto;
  text-align: center;
  float: right;
}

.addNewOrderMain > .mainWrapBody {
display:inline-block;
width:100%;
height: 100%;
} 

.addNewOrderMain > .mainWrapBody > .triggerMainForm{
display:inline-block;
position: relative;
top: 100px;
} 
a.customAddIcon {
  background: #50bf1d;
  width: 25px;
  display: inline-block;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  padding: 10px;
  margin-left: 7px;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainFormRows .mainFormBasicRow span.countInt {
  position: relative;
  left: -3px;
  background: #737373;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  border-radius: 50%;
}
.addNewOrderMain > .mainWrapBody > .triggerMainForm.hidden{ display: none !important; }

.addNewOrderMain > .mainWrapBody > .triggerMainForm a{
  background: #1db910;
  color: #fff;
  border-radius: 5px;
  width: 210px;
  display: inline-block;
  text-align: center;
  height: 50px;
  line-height: 50px;
  letter-spacing: 1px;
} 
#syncOrder {
  background: #a4a4ff;
}
#logout {
  background: #ffa0a0;
}

.addNewOrderMain > .mainWrapBody > .mainFormWrapper{
display:inline-block;
width:100%;
text-align: left;
padding: 20px;
box-sizing: border-box;
background: #fff;
border: 1px solid #f0f0f0;
color: #626262;
letter-spacing: 0.6px;
font-size: 15px;
display: none;
} 
.select2-container--default .select2-selection--single .select2-selection__rendered {
  text-align: left !important;
}
.tdPunchBtn_open {
  background: #6593ff !important;
  color: #2c5282 !important;
}
.mainContentArea.grey{
  background: #d5d5d5 !important;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper.show {
  display: inline-block !important;
  position: relative; overflow: hidden;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper.show .viewOrderPageOverlay{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ecfdec33;
  z-index: 9999;
  color: white;
  cursor: help;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d7ffd18c;
  z-index: 100;
  color: #fff;
}
.overlay .orderPop .inputWrapper {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
  text-align: left;
  font-size: 13px;
  letter-spacing: .6px;
}.purchaseOrderControls {
  width: 100%;
  display: inline-block;
  background: #71cc33;
  margin-bottom: 30px;
  border-radius: 5px;
  overflow: hidden;
}.purchaseOrderControls a {
  width: 49.1%;
  display: inline-block;
  text-align: center;
  height: 70px;
  line-height: 70px;
  background: #1c1c1c;
  color: #868686;
  font-size: 14px;
  letter-spacing: .4px;
  font-weight: normal;
  border: 1px solid #71cc33;
  border-radius: 5px;
}.fullPageFormForSingleForm .inputWrapper {
  width: 49.5% !important;
  margin-bottom: 10px;
}.select2-container--classic .select2-selection--multiple {
  background: none !important;
  border: none !important;
}.select2-selection__choice {
  background: #272727 !important;
  color: #71cc33;
  border: 1px solid !important;
  height: 40px;
  position: relative;
  top: 11px;
  letter-spacing: 1px;
}
.select2-search__field {
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 17px !important;
  border-radius: 6px !important;
}.fullPageFormForSingleForm .vendorContent .inputWrapper {
  width: 100% !important;
}.select2-search__field.err{
  border: 1px solid red !important;
  }.fullPageFormForSingleForm h3 {
  text-align: left !important;
  font-size: 20px !important;
  color: #727272 !important;
  margin: 0 !important;
  margin-top: 10px !important;
}
#.ullPageFormForSingleForm .brandContent .inputWrapper span {
  color: #6aaa3e;
  letter-spacing: 1px;
  font-size: 12px;
  position: relative;
  top: -15px;
  left: 5px;
}
#.ullPageFormForSingleForm .brandContent .inputWrapper {
  width: 32.5% !important;
}.fullPageFormForSingleForm .formActionButtons.show input {
  display: inline-block;
  font-size: 12px;
  margin: 0 !important;
}element {
  background: #fff;
}.fullPageFormForSingleForm .inputWrapper input,#fullPageFormForSingleForm .inputWrapper select {
  font-size: 14px !important;
}.fullPageFormForSingleForm .formActionButtons {
  display: block;
  text-align: center;
  margin-top: 30px;
}.fullPageFormForSingleForm {
  width: 70% !important;
  margin: 0 auto !important;
  padding: 20px !important;
  max-width: 500px !important;
  background: linear-gradient(#3c3c3c,#1c1c1c);
  border-radius: 10px;
  margin-top: 50px !important;
  -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
.purchaseOrderControls a.active {
  background: #71cc33;
  color: #10731a;
}#compareTwoReports {
  background: #6b89ff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 0;
  line-height: 36px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  position: relative;
  margin: 0;
  display: inline-block;
  left: 10px;
}td > a.tdPunchBtn_del {
  color: #972a2a;
  background: #ff7676;
}
.overlay .orderPop .inputWrapper input:not(input[type="checkbox"]) {
  font-size: 12px;
  float: right;
  width: 50%;
  padding: 12px 10px;
  box-sizing: border-box;
  border: none;
  background: #ffffff38;
  color: #fff;
  border-radius: 3px;
  position: relative;
  top: -8px;
}.swal2-icon {
  margin: 0 0 10px !important;
}.swal2-popup {
  width: 24em !important;
  border-radius: 15px !important;
}
#swal2-content:first-letter {
  text-transform: uppercase !important;
}.swal2-styled.swal2-confirm {
  background:linear-gradient(#307dff,#0048cc) !important;
}.swal2-actions {
  margin-top: 8px !important;
}
.overlay .orderPop {
  background: #1a1a1a;
  width: 460px;
  text-align: center;
  padding: 60px 20px;
  border-radius: 13px;
  margin: 0 auto;
  margin-top: 100px;
  box-sizing: border-box;
  box-shadow: 0px 18px 41px 5px #0000004a;
  font-size: 18px;
}
.overlay .orderPop form input[type="submit"]{
  background: #33a62f;
  color: #fff;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  padding: 12px;
  position: relative;
  top: 35px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm{
display:inline-block;
width:100%;
margin-bottom: 20px;
background: #fbfbfb;
padding: 20px;
box-sizing: border-box;
border-radius: 7px;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainWrapperHeader{
display:inline-block;
width:100%;
border: 1px solid;
border-right: 0;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainWrapperHeader{
display:block;
width:100%;
background: transparent;
color: #fff;
height: 60px;
line-height: 60px;
margin-bottom: 22px;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainFormRows{
border: 1px solid #fff;
display:inline-block;
width:100%;
border-bottom: none;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainFormRows .mainFormBasicRow {
  display: inline-block;
  width: 100%;
  background: #fff;
  color: #fff;
  height: 130px;
  line-height: 133px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;


}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainFormRows .mainFormBasicRow input, .addNewOrderMain > .mainWrapBody > .mainFormWrapper .mainForm .mainFormRows .mainFormBasicRow select {
  display: inline-block;
  color: #757575;
  width: 24%;
  border: none;
  border: 1px solid #ddd;
  text-align: left;
  background: no-repeat;
  padding-left: 1px;
  padding: 5px;
  border-radius: 4px;
  box-sizing: border-box;
  margin: 5px;
  height: 50px;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0 18px;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .chnagesBoxForOrder{
  background: #fbfbfb;
  padding: 40px 20px 30px;
  box-sizing: border-box;
  border-radius: 6px;
}

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .summaryArea {
  display: inline-block;
  width: 100%;
  background: #fbfbfb;
  padding: 26px 30px 15px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 30px;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .paymentArea{
display:inline-block;
width:100%;
padding: 40px 20px;
box-sizing: border-box;
border-radius: 6px;
background: #fbfbfb;
margin-top: 30px;
}   

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .agentInfo{
display:inline-block;
width:100%;
width: 100%;
padding: 40px 20px;
box-sizing: border-box;
border-radius: 6px;
background: #fbfbfb;
margin-top: 30px;
}   

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .generateReport {
  text-align: center;
  margin: 20px 0;
  border-top: 1px solid #fff;
}


.addNewOrderMain > .mainWrapBody > .mainFormWrapper .chnagesBoxForOrder > div {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .summaryArea strong {
  float: right;
}


.addNewOrderMain > .mainWrapBody > .mainFormWrapper .agentInfo input {
  width: 80%;
  height: 30px;
  float: right;
}


.addNewOrderMain > .mainWrapBody > .mainFormWrapper .agentInfo p{
  margin: 20px 0;
  line-height: 30px;
}

#generateBill{
  background: #50d744;
  color: #fff;
  border-radius: 5px;
  width: 306px;
  display: inline-block;
  text-align: center;
  height: 77px;
  line-height: 79px;
  letter-spacing: 1px;
  margin-right: 13px;
} 

.addNewOrderMain > .mainWrapBody > .mainFormWrapper .paymentArea strong {
  float: right;
}



/* Zebra striping */
.classicJstTable tr:nth-of-type(odd) { 
  background: #fff; 
  }
body .classicJstTable th {
  background: #001b31;
  color: #eaeaea;
  text-transform: capitalize;
  font-size: 13px !important;
  padding: 15px 0px !important;
  font-weight: 500;
  border-right: 1px solid #000;
}
  

.classicJstTable .tableFilters h3 {
  color: #606060;
  letter-spacing: .2px;
  font-weight: normal;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 15px;
  text-align: center;
  display: none;
}
.classicJstTable .tableFilters input, .classicJstTable .tableFilters select {
  padding: 15px 30px;
  display: inline-block;
  background: #fff;
  border-radius: 2px;
  color: #8c8c8c;
  width: 36%;
  box-sizing: border-box;
  border: 1px #d2d2d2 solid;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: .5px;
  margin: 5px 0;
}
.classicJstTable .tableFilters .actions {
}
ul#sortable  {
  background: #fff;
  padding: 20px 20px;
  border-radius: 20px;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
ul#sortable h3 {
  text-align: center;
  font-size: 22px;
  letter-spacing: .3px;
  color: #56b52c;
}
ul#sortable li {
  background: #fff;
  border: 1px #e8e8e8 solid;
  margin: 10px 0;
  list-style: none;
  border-radius: 37px;
  cursor: move;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .4px;
  padding: 21px 0;
  text-align: center;
}
.classicJstTable .tableFilters {
  background: ;
  margin: 0 0 20px;
  padding-top: 1px;
  text-align: left;
  width: 100%;
  padding-left: 20px;
  box-sizing: border-box;
  padding: 0;
  position: relative;
  padding-bottom: 40px;
}
.classicJstTable .tableFilters .actions a {
  margin: 20px 3px;
  width: 90px;
  height: 54px;
  line-height: 56px;
  font-size: 13px;
  background: #3e3e3e;
  border: none;
  color: #fff;
  letter-spacing: 1.5px;
  border-radius: 5px;
  font-weight: 500;
  margin: 0;
  margin-top: -1px;
  display: none;
}
.classicJstTable .paginationLinks {
  border-radius: 10px;
  text-align: right;
  margin: 0px 25px 10px 0px;
}
.classicJstTable .paginationLinks strong {
background:#0085ee;
}
.classicJstTable .tableStats {
  border-bottom: 1px solid #d8dae6;
  width: 100%;
  color: #0085ee;
  font-size: 14px;
  letter-spacing: .4px;
  text-transform: capitalize;
  margin-bottom: 0;
  background: #f8fbff;
  margin: 0 0;
  border-radius: 1px;
  position: relative;
  box-sizing: border-box;
  text-align: left;
  padding: 29px 26px 25px;
  text-transform: capitalize;
}
.classicJstTable .tableStats h3{
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
  .classicJstTable .tableStats a{

  }
  .tableStats strong span{
  margin: 0 0px 0px 10px;
  color: #a0adc0;
  font-weight: lighter;
  letter-spacing: .3px;
  }
.classicJstTable .tableFilters .tableType {
  display: inline-block;
  letter-spacing: 2px;
  font-size: 14px;
  font-weight: lighter;
  font-weight: normal;
  color: #7a7878;
  border-radius: 10px;
  text-align: left;
  width: 388px;
}
  .classicJstTable .tableFilters .tableType.active {
  }
  .contentGConsole .jstFormParent {
  }
  .contentGConsole .jstFormParent form .inputWrapper {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-right: 9px;
  }
.contentGConsole .jstFormParent form .inputWrapper input, .contentGConsole .jstFormParent form .inputWrapper select, .contentGConsole .jstFormParent form .inputWrapper textarea {
  border: 1px #aeadad solid;
  padding: 14px 14px;
  border-radius: 6px;
  letter-spacing: .4px;
  font-size: 14px;
  margin: 0px 10px 15px;
  margin-left: 0;
  width: 100%;
  background: #fffbfb;
  vertical-align: top;
  margin-right: 0;
}
.saveAllAddFormsAtOnceTrigger {
  color: #fff !important;
  background: #001b31 !important;
  padding: 13px 25px;
  border-radius: 35px;
  border: 1px solid #d2e2cb !important;
  font-size: 14px !important;
  box-shadow: 0px 4px 12px -4px #0606061c;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .ztopBar {
  background: #f9ffff;
  padding: 15px 55px;
  border-bottom: 1px solid #dee;
  text-align: right;
  display: none;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .ztopBar a {
  background: linear-gradient(#fff,#eee);
  padding: 8px 20px;
  border: 1px solid #cccc;
  border-radius: 3px;
  font-size: 12px;
  color: #00295c;
}
.contentGConsole .jstFormParent form .inputWrapper.full_width textarea {
  width: 100% !important;
  box-sizing: border-box;
  height: 150px;
  height: ;
  margin: 0 !important;
}.contentGConsole .jstFormParent form .inputWrapper.full_width {
  width: 100%;
  margin: 0 !important;
}
.exelFormTriggerDiv span.thisAddFormCount {
  display: none;
}

.contentAreaWrapper > .topBar h3 {
  display: inline-block;
  margin: 0;
  position: relative;
  top: 12px;
  letter-spacing: 0.3px;
  font-weight: normal;
  color: #595959;
  font-size: 15px;
}
.contentAreaWrapper > .topBar h3 span {
  color: #56b52c;
}

tr.new {
  border: 2px solid;
  color: #c19100;
  }
  .contentAreaWrapper > .topBar h3 i {
    color: #acacac;
    font-size: 16px;
    margin-right: 10px;
  display: inline-block;
}
.classicJstTable .tableFilters .tableType > p.error {
  width: 100%;
  box-sizing: border-box;
  color: red;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid;
  text-align: left !important;
  padding: 13px 7px;
  font-weight: bolder;
  background: #fff7f7;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  font-weight: 100;
}
.ullPageFormForSingleFormTrigger {
  display: inline-block !important;
  line-height: 57px;
  text-align: center;
  color: #3c3c3c;
  width: 210px;
}
.brandContainers{
position: relative; 
}.brandContainers .inputWrapper {
  width: 32% !important;
}
.brandContainers a.brandContainersDiscard{
  position: absolute;
  right: -90px;
  top: 20px;
  background: #71cc33;
  padding: 5px 10px;
  border-radius: 19px;
  font-size: 13px;
  color: #1d1d1d;
}#addMoreBrandsContainer {
  background: #000;
  font-size: 13px;
  text-transform: uppercase;
  padding: 8px 10px;
  letter-spacing: 1px;
  border-radius: 3px;
  float: right;
  color: #71cc33;
}
.offtheSystem a {
}
.contentGConsole .jstFormParent form .inputWrapper textarea {
  position: relative;
  width: 200px;
}. .jstFormParent form .formActionButtons input,#fullPageFormForSingleFormTrigger{
    border: none;
    width: 169px;
    height: 54px;
    margin-top: 20px;
    border-radius: 26px;
border-radius: 26px;
background: #71cc33;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 700;
    display: none;
  }
  .contentGConsole .jstFormParent form .inputWrapper label {
    font-size: 14px;
    width: auto;
    text-align: left;
    display: inline-block;
    position: relative;
    left: 0;
    top: 2px;
    letter-spacing: .4px;
    font-weight: normal;
    color: #4a4a4a;
  }
  .contentGConsole .jstFormParent form .imageGallery{
    text-align: left;
    padding-left: 10px; 
  }
  .contentGConsole .jstFormParent form .imageGallery div{
    display: inline-block;
    margin: 0 2px;
  }.send_sms_panel_wrapper .pt {
}.newSmsTraking .rows_msg p span {
  display: block;
  margin-top: 10px;
  border-top: 1px solid #eee;
  padding-top: 10px;
}
.contentGConsole .jstFormParent h3 {
  font-weight: 700;
  letter-spacing: .2px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 15px;
  color: #1f1f1f;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  top: -10px;
  font-size: 17px;
  text-align: center;
  text-transform: capitalize;
  font-weight: 500;
  font-size: 22px;
  text-align: right;
  border: navajowhite;
}
  .dmHd .topBar h2 a {
    float: right;
    position: relative;
    top: 12px;
    font-size: 13px;
    background: #9ebdf7;
    padding: 5px 10px;
    border-radius: 6px;
    color: #fff;
    letter-spacing: 1px;
    display: none;
  }
  .viewImageModal{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: #fffc;
    text-align: center;
    border-radius: 70px;
    z-index: 1;
    max-width: 900px;
    margin: 0 auto !important;
  }
  .viewImageModal a.cls{
    background: #fff;
    width: 50px;
    display: inline-block;
    height: 50px;
    line-height: 47px;
    border-radius: 50%;
    font-size: 30px;
    color: #6f6f6f;
    box-shadow: 0px 3px 6px 1px #0000004a;
    position: absolute;
    right: 0;
  }
  .viewImageModal img{
    width: 70%;
    position: relative;
    top: 100px;
    border-radius: 10px;
    max-width: 600px;
  }
  .imageGallery .addFiles input{ display: none; }
  .contentGConsole .jstFormParent form .imageGallery .addFiles{
  float: right;
  line-height: 45px; }
  .contentGConsole .jstFormParent form .imageGallery .addFiles a{
  letter-spacing: 1px;
  color: #3b3939;
  font-weight: normal;
  }
  .contentGConsole .jstFormParent form .imageGallery {
    background: #eee;
    padding: 20px;
    border-radius: 10px;
  }
  .contentGConsole .jstFormParent .formError {
    letter-spacing: 0.6px;
    text-transform: capitalize;
  }
  .contentGConsole .jstFormParent .formError p {
    background: #ffa0a0;
    padding: 10px 5px;
    color: #fff;
    border-bottom: 3px solid #f95d5d;
    border-radius: 5px;
    font-size: 13px;
    text-align: left;
  }
.eachOrder {
  margin: 10px;
  background: #fff;
  padding: 10px;
  border-radius: 10px;
  color: #727272;
}
 .eachOrder .orderHead {
  background: #3d3d3d42;
padding: 5px 10px;
box-sizing: border-box;
color: #fff;
font-size: 11px;
font-weight: normal;
letter-spacing: 0.7px;
position: relative;
z-index: 1;
}
 .eachOrder.active .orderHead {
  background: #3d3d3deb;
}
.eachOrder .orderHead p a{
  float: right;
  color: #fff;
}
 .eachOrder .orderContent .orderDiscription{
  padding: 5px 10px;
border-radius: 15px;
margin: 10px 0;
border: 1px solid #d0d0d0;
}
.eachOrder .orderContent .orderDiscription p span{
  float: right;
}
 .eachOrder .orderContent .orderDiscription p {
  margin: 10px 0;
border-bottom: 1px solid #d0d0d0;
padding-bottom: 10px;
color: #8e8e8e;
}
 .eachOrder .orderContent .products{
  text-align: center;
}
 p.mm{
  letter-spacing: 2px;
font-weight: normal;
text-align: center;
}
.headr span, .itemsData span {
  display: inline-block;
  width: 24.5%;
  text-align: left;
  letter-spacing: .6px;
  font-weight: 700;
  padding: 13px 0;
  border-bottom: 1px #ccc solid;
  }
  .mainOrdersWrap .cont .eachOrder .orderContent .products {
    text-align: center;
  }
  .dmHd.automateInstaTmp .contentfieldArea .log {
  margin: 0 0 54px;
  color: #eee;
  font-size: 23px;
}






.submitForm.fullSizeForm{
}
.submitForm.fullSizeForm .inputWrapper{
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
}
.submitForm.fullSizeForm h3{
  font-weight: 700;
  letter-spacing: .2px;
  padding-bottom: 15px;
  color: #56b52c;
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-size: 27px;
}
.submitForm.fullSizeForm .inputWrapper label {
}
.select2-selection__rendered {
    line-height: 53px !important;
}
.generalPrintBtn {
  display: inline-block ;
  width: 80px ;
  border-radius: 7px ;
  background: #0db940;
  color: #fff ;
  margin: 0 ;
  cursor: pointer ;
  text-align: center;
  height: 33px;
  line-height: 33px;
  font-size: 17px ;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  padding: 7px 18px;
}
.select2-container .select2-selection--single {
    height: 53px !important;
}
.select2-selection__arrow {
    height: 53px !important;
}.err {
  border: 1px solid red !important;
  box-shadow: 0px 5px 13px #0006;
}#attReportCalendar{
  background: #fff;
  padding: 38px;
  margin: 45px 50px;
  border-radius: 43px;
}.calendar .event-container .event-summary {
  font-size: 13px !important;
  text-transform: initial !important;
  font-weight: 300 !important;
  letter-spacing: .8px !important;
  color: #c3ffc6 !important;
}.calendar .day {
background: #e1ffd0;
}
.absentDayByEmploee{
  background: #fff5f5 !important;
  color: #a8324e !important;  
}.autocomplete-suggestion { 
    cursor: pointer;
}.autocomplete-suggestions {
  background: #f6fff6;
  overflow: hidden;
  height: 300px;
  overflow-y: auto;
  box-shadow: 0px 3px 11px #0000004a;
  border-radius: 4px;
}.autocomplete-suggestion {
  cursor: pointer;
  border-bottom: 1px solid #eee;
  text-align: left;
  font-size: 14px;
  padding: 15px 5px;
  color: #818181;
}
.submitForm.fullSizeForm .inputWrapper textarea, .submitForm.fullSizeForm .inputWrapper input, .submitForm.fullSizeForm .inputWrapper select {
  height: 53px;
  box-sizing: border-box;
  cursor: text;
  border: 1px #aaa solid;
  background: #fff;
  display: block;
  width: 100% !important;
  font-size: 18px;
  letter-spacing: .4px;
  font-weight: 100;
  color: #595959;
  margin-bottom: 20px;
  border-radius: 4px;
  padding-left: 15px;
}
.ullPageFormForSingleForm .brandContent .inputWrapper select.err {
  border: 3px solid !important;
  background: #ffecec !important;
  color: #f66 !important;
} .jstFormParent form .formActionButtons.show input {
  display: inline-block !important;
  font-size: 12px;
  margin-top: 30px;
}
.mainListParent h3.title {
  text-align: left;
  margin: 10px;
  font-size: 14px;
  color: #fff;
}.classicJstTable .infoBox strong {
  float: right;
  font-weight: 500;
  letter-spacing: .5px;
}.classicJstTable .infoBox h3 {
  margin: 10px 0 35px;
  color: #5e5e5e;
  font-size: 21px;
  border-bottom: 1px #0000002b solid;
  padding-bottom: 32px;
}
.classicJstTable .infoBox p {
  border-bottom: 1px solid #c4ecc2;
  padding-bottom: 20px;
  margin: 0 0 23px;
  color: #333;
  letter-spacing: .3px;
  font-weight: 700;
}.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mcmms.bx p.unknownNumber {
  font-size: 12px;
  font-weight: lighter;
  color: #919191;
  background: #fafafa;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mcmms.bx p.unknownNumber strong {
  font-weight: bold;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd.is_unknown{
  background: #fff7f7;
  padding-bottom: 10px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd.is_unknown h3 {
  color: #6a0000;
  font-weight: lighter;
  font-size: 11px;
}
.superActionsWrap.mainContentArea.zchat .zinfo .hd.is_unknown h3 small {
  font-weight: bold;
  color: #350000;
}
.classicJstTable .infoBox {
  border: 1px solid;
  width: 100%;
  font-size: 13px;
  text-align: left;
  border-radius: 2px;
  color: #1db910;
  background: #efffee;
  margin-bottom: 15px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 14px;
  padding: 69px;
}
.mainListParent h3.title input {
  float: right;
  position: relative;
  top: -5px;
  color: #d9d9d9;
  background: none;
  border: none;
  padding: 4px;
  border-radius: 0px;
  width: 60px;
}
.dmHd.automateInstaTmp .contentfieldArea .log span {
}
.dashboardFilters{
}
#dashboardMonthsFilter, .contentfieldArea input,.contentfieldArea select {
  padding: 17px 29px;
  border: 10px #fff solid;
  box-shadow: 0 3px 5px 3px #00000003;
  cursor: pointer;
  color: #959595;
  letter-spacing: .4px;
  border: 1px solid white;
  border-radius: 2px;
  border-radius: 5px;
}
.searchThisList input{
  padding: 14px 21px;
  box-shadow: 0 3px 5px 3px #00000003;
  color: #959595;
  letter-spacing: .4px;
  border: 1px solid #eee;
  border-radius: 5px;
  position: relative;
  top: -13px; 
  cursor: auto;
  text-align: center;
  letter-spacing: .5px;
}

.contentfieldArea h3#hd {
  margin: 19px 0 40px;
  font-size: 14px;
  font-weight: 500;
  color: #868686;
}
.eachServiceBox h3 strong {
  position: absolute;
  right: 5px;
  color: #56b52c;
  font-weight: normal;
}
.eachServiceBox .pr > p {
  margin: 2px 0 10px;
  font-size: 12px;
  font-weight: 700;
  color: #4f4f4f;
  line-height: 20px;
}
.eachServiceBox .pr p strong {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #757575;
}
.eachServiceBox .pr .list p strong {
  color: #575757;
  float: right;
  font-weight: 700;
}
.mainNav .menu a span {
  color: #262a6b;
  text-transform: capitalize;
  font-size: 13px;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block;
  /*! font-weight: 100; */
  letter-spacing: .3px;
  margin-top: 5px !important;
  vertical-align: top;
  font-weight: 100;
}
.mainNav .menu a:hover{
opacity: 1; 
}
.mainNav .menu a:hover span {
}

.profileSettup .hdr {
  /*! margin: 44px 0 0; */
}
.contentGConsole {
  display: inline-block;
  width: 100%;
}
.addFormErrorMsg {
  margin: 0;
  font-size: 12px;
  text-align: left;
  background: #f43636;
  padding: 10px;
  margin-bottom: 10px;
  color: #fff;
  letter-spacing: .6px;
  border-radius: 5px;
  text-transform: inherit;
  box-sizing: border-box;
  display: inline-block;
}.call.addtoC {
  background: #f4fbff;
  padding: 8px 4px;
  border-radius: 4px;
  font-size: 9px;
  margin-top: 20px;
  display: block;
  width: 80px;
  text-align: center;
  border: 1px solid #cbd8e0;
  color: #185d85;
  letter-spacing: .4px;
}.superActionsWrap.mainContentArea.zchat .zinfo .desc {
  background: #fffdfa;
  font-size: 11px;
  padding: 10px 15px;
  border-top: 1px solid #ccc;
  color: #2e1f00;
  border-bottom: 1px dashed #ccc2b2;
}input.highlight {
  background: #fffcf8 !important;
  box-shadow: 0px 5px 9px -1px #ff900024;
  border: 1px solid #ffd081 !important;
}.superActionsWrap.mainContentGenWrap a.back {
  float: left;
  position: relative;
  z-index: 10;
  background: #00245d;
  margin: 5px 0 0;
  padding: 9px 15px;
  text-align: center;
  border-radius: 6px;
  color: #fff;
  font-size: 11px;
  margin: 5px;
  position: absolute;
  left: 15px;
  top: -23px;
}.jstFormParent .jstViewMode {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #71cc330f;
  left: 0;
  cursor: help;
}.jstFormParent .unitsAvailable {
  background: #d5ffd5;
  padding: 10px 15px;
  position: relative;
  border-radius: 3px;
  color: #32b532;
  border: 1px solid;
  width: 150px;
  text-align: center;
  margin: 0px auto;
  margin-top: 12px;
}
.autocomplete-selected {
  background: #56b52c85 !important;
  color: #fff !important;
}.classicJstTable .pendingDeliveryOrdersCount {
  background: #ffebd6;
  float: left;
  margin-bottom: 10px;
  padding: 10px 20px;
  border-radius: 6px;
  color: #fb6900;
}
.noAnimation{
animation: none !important; 
}
strong.priceBoxMain,strong.stockBoxMain {
  display: inline-block;
  width: 21%;
  background: #edffed;
  color: #7d7d7d;
  padding: 0;
  height: 62px;
  line-height: 62px;
}
.exelFormTriggerDiv {
-webkit-animation-duration: .2s;
animation-duration: .2s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}


input[name="productOrignalPrice"] {
  color: #0c9b00 !important;
  cursor: not-allowed !important;
  font-weight: bolder;
  font-size: 24px;
  position: relative;
  top: 4px;
  border: none !important;
  text-align: center !important;
}
.exelFormTriggerDiv span {
}
.select2.select2-container.select2-container--classic{
  margin-bottom: 20px;
}
.superActionsWrap .jstFormParent {
  width: 350px;
  display: inline-block;
  border-radius: 4px;
  padding: 30px;
  box-sizing: border-box;
  margin-top: 30px;
  position: relative;
  width: 100%;
}
.superActionsWrap .jstFormParent form .inputWrapper textarea {
  width: 140px;
}

.exelFormTriggerDiv .jstFormParent form .inputWrapper textarea ,.onPageEditData .jstFormParent form .inputWrapper textarea {
  width: 200px;
}
.exelFormTriggerDiv .jstFormParent, .onPageEditData .jstFormParent {
  width: 95%;
  display: block;
  border-radius: 0px;
  padding: 0px 30px 15px;
  box-sizing: border-box;
  margin-top: 0px;
  /* margin: 0; */
  border-left: 5px #001b31 solid !important;
  margin: 20px auto 10px;
  background: #f8fbff;
  margin-bottom: -1px;
  border: 1px solid #eee9;
}
.select2.select2-container.select2-container--classic.err{
  border: 1px solid red !important;
  box-shadow: 0px 5px 13px #0006;
}
.brandContainers .inputWrapper strong {
  position: relative;
  top: -15px;
  left: 3px;
  color: #545454;
  font-size: 14px;
  letter-spacing: 1px;
}
.basicBtn {
}.calendar .day.has-event::after {
  width: 5px !important;
  height: 5px !important;
  /*background: #FF1616 !important;*/
}
.exelFormTriggerDiv span.removeAddForm {

  position: relative;
}
.exelFormTriggerDiv span.removeAddForm a {
  background: #f8fbff;
  display: inline-block;
  color: #001b31;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 3px;
  letter-spacing: .5px;
  border-top: 0 !important;
  border: 1px solid #eee;
  cursor: pointer;
}


.removeIcon {
  background: #a6a6a6;
  width: 18px;
  display: inline-block;
  height: 18px;
  text-align: center;
  line-height: 19px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
}

.checkoutFlagMsg {
  padding: 12px 25px;
  margin-bottom: 12px;
  background: #7be17b;
  color: #2e8c26;
  font-size: 14px;
  letter-spacing: .3px;
  border-radius: 8px;
  margin-bottom: 22px;
        -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}


.checkoutFlagMsg.error {
  background: #fff5f5 !important;
  color: #f88 !important;
}
.checkoutFlagMsg.update {
  background: #f5f8ff;
  color: #48a0ff;
}
span.smallPrefixText {
  color: #90a290;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  position: relative;
  right: 3px;
  text-transform: uppercase;
}
span.smallPercentageText {
  color: #df2c2c;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  position: relative;
  left: 12px;
  top: 0px;
  border: ;
  padding: ;
}
form{text-align: left;}
body .profileSettup .hdr > input {
  margin-left: 0 !important;
  margin-right: 91px !important;
}
.eachServiceBox.No.Sales{
  background: #ffdede !important;
}
.eachServiceBox.No.Sales strong{
  color: red;
}
.mainListParent {
  width: 80%;
  margin: 0 auto;
  color: #000;
  border: 1px solid #f4f4f4;
  margin-bottom: 20px;
  background: #7d7d7d;
}
.dz-default.dz-message {
  border: 1px #e1e1e1 solid;
  padding: 60px 0;
  border-radius: 10px;
  margin: 16px 31px 0;
  font-size: 13px;
  letter-spacing: .8px;
  color: #6f6f6f;
  font-weight: 700;
  width: 423px;
  display: block;
  margin: 24px auto 0;
}
.dz-remove {
  color: #ff7c7c;
  margin: 9px 0 5px;
}
.mainTpoestBar {
  background: #fff;
  padding: 25px 20px;
  text-align: left;
  border-bottom: 1px solid #d8e8f4;
}
.mainTpoestBar > div {
  display: inline-block;
}

.mainTpoestBar .loginedUser span, .mainTpoestBar .machoneSt span {
  color: #161a6a;
  letter-spacing: .3px;
  font-size: 14px;
  font-weight: bold;
}
.mainTpoestBar .loginedUser strong {
  color: #00055c;
  letter-spacing: .4px;
  font-size: 13px;
}
.mainTpoestBar .machoneSt i {
  font-size: 20px;
  position: relative;
  top: 3px;
  left: 1px;
}
.mainTpoestBar .offtheSystem {
  float: right;
  font-size: 14px;
  letter-spacing: .8px;
  position: relative;
  color: #00055c;
  width: 200px;
  font-weight: 1000;
  text-align: right;
}
.mainTpoestBar .offtheSystem i {
}
.dmHd.automateInstaTmp {
  padding-top: 110px;
}
.dmHd.automateInstaTmp .contentfieldArea .log {
  margin: 0 0 54px;
  color: #eee;
  font-size: 23px;
}
.dmHd.automateInstaTmp .contentfieldArea .log i {
  font-size: 40px;
  margin-right: 9px;
  position: relative;
  top: 4px;
  color: #fff;
}
.dmHd.automateInstaTmp .contentfieldArea .log span {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}
.dashboardFilters {
  width: 100%;
  margin: 0 auto 70px;
}
.dashboardFilters > div.from {
  margin-right: 1px;
}
.dashboardFilters > div {
  display: inline-block;
  text-align: left;
}
.dashboardFilters > div label {
  display: block;
  font-size: 14px;
  color: #8e8e8e;
  margin: 0 0 9px;
  letter-spacing: 2px;
}
.filterRange {
  color: #a2a2a2;
  font-size: 14px;
  letter-spacing: .4px;
}
.filterRange span {
  margin-right: 12px;
  font-size: 16px;
  letter-spacing: .3px;
  font-weight: 300;
  color: #fff;
}
.filterRange i {
  font-size: 28px;
  position: relative;
  top: 3px;
}
.dashboardFilters > div.to {
  margin-right: 0px;
}
.mainTpoestBar .machoneSt {
  margin-left: 130px;
  color: #23243b;
  font-size: 15px;
  letter-spacing: .5px;
}
.mainBasicArea, .ProdSTats, .TopPrsN {
  width: 80%;
  background: #fff;
  margin: 0 auto;
  padding: 20px 20px 59px;
  border-radius: 19px;
  min-width: 700px;
}
.mainBasicArea > h2 {
  margin: 30px 0 37px;
  font-size: 19px;
  letter-spacing: 1px;
  color: #a8a8a8;
  text-transform: uppercase;
}
.mainBasicArea .GraphsAreaa > div {
  border: 7px #717171 solid;
  display: inline-block;
  height: 132px;
  width: 132px;
  padding: 0;
  border-radius: 100%;
  margin: 0 12px;
  position: relative;
}
.mainBasicArea .GraphsAreaa > div span {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -.3px;
  position: relative;
  top: 57px;
  color: #595959;
}
.mainBasicArea .GraphsAreaa > div > strong {
  display: block;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 500;
  position: relative;
  top: 141px;
}
.horizGr {
  border: 1px #bfbfbf solid;
  margin: 96px auto 0;
  width: 500px;
  border-bottom: none;
}
.horizGr > p {
  display: block;
  border-bottom: 1px #bfbfbf solid;
  text-align: left;
  margin: 0 0;
  padding: 23px 18px;
  font-size: 14px;
  position: relative;
}.horizGr > p .diff{
  right: 0px;
  top: 0 !important;
}
.horizGr > p i {
  font-size: 27px;
  position: relative;
  top: 4px;
  margin-right: 17px;
  color: #888;
}
.horizGr > p strong {
  letter-spacing: .6px;
  font-weight: 500;
}
.horizGr > p span {
  float: right;
  position: relative;
  top: 10px;
  font-size: 16px;
  letter-spacing: .1px;
  color: #2b2b2b;
  font-weight: 700;
}
.ProdSTats {
  margin: 40px auto;
  background: transparent;
  width: auto;
  padding-bottom: 0;
  margin-bottom: 0;
}
.ProdSTats > div, .TopPrsN > div {
  display: inline-block;
  border: 15px white solid;
  vertical-align: top;
  height: 492px;
  overflow: auto;
  box-shadow: 0 12px 21px 3px #00000024;
  padding: 10px;
  width: 80%;
  margin: 27px 30px;
  border-radius: 12px;
  padding-right: 19px;
  background: white;
  box-sizing: border-box;
}
.ProdSTats > div h3, .TopPrsN > div h3 {
  font-size: 14px;
  letter-spacing: .6px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.ProdSTats > div h3 i, .TopPrsN > div h3 i {
  display: block;
  font-size: 28px;
  color: #333;
  margin: 0 0 13px;
  background: #8ce125;
  height: 50px;
  width: 50px;
  margin: 0 auto;
  line-height: 50px;
  padding: 20px;
  color: #3c8046;
  border-radius: 100%;
  margin-bottom: 17px;
}
.ProdSTats > div .data, .TopPrsN > div .data {
  border-right: 1px #e6e6e6 solid;
  border-bottom: 1px #e6e6e6 solid;
  width: 100%;
  box-sizing: border-box;
  border-radius: 16px;
  overflow: hidden;
}
.ProdSTats > div .data > div.hds, .TopPrsN > div .data > div.hds,
.ProdSTats > div .data > div.child div, .TopPrsN > div .data > div.child div{
  display: table;
  width: 100%;
  font-size: 14px;
  letter-spacing: .2px;
}

.ProdSTats > div .data > div span, .TopPrsN > div .data span {
  border: 1px #e6e6e6 solid;
  display: table-cell;
  border-right: none;
  border-bottom: none;
  color: #464646;
  vertical-align: middle;
  width: 20%;
  font-size: 14px;
  box-sizing: border-box;
  height: 60px;
}
.stocksAdd .data .child div span ,.purchaseOrdersMade .data .child div span{
  width: 20% !important;
}.TopPrsN > div {
}
.ProdSTats > div .data > div.hds span, .TopPrsN > div .data > div.hds span {
  background: #f0f0f0;
  color: #686868;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
.mainBasicArea .GraphsAreaa > div.totalxP {
  border-color: #ffbf6c;
}
.mainBasicArea .GraphsAreaa > div.totalxP span, .mainBasicArea .GraphsAreaa > div.totalxP strong {
  color: #e88504;
}
.mainBasicArea .GraphsAreaa > div.netTo {
  border-color: #4bd200;
}
.mainBasicArea .GraphsAreaa > div.netTo span, .mainBasicArea .GraphsAreaa > div.netTo strong {
  color: #08bd00;
  letter-spacing: .6px;
}
.classicJstTable .tableFilters .tableType.one, .classicJstTable .tableFilters .tableType.two {
  border: 1px white solid;
  padding: 4px 20px 20px;
  margin: 0;
  background: #fff;
  -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;

}.classicJstTable .tableFilters .tableType.two {
  float: right;
  width: 382px;
  -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.classicJstTable .tableFilters .tableType.two input {
  width: 133px;
  padding: 15px 9px;
  margin: 0;
}
.classicJstTable .tableFilters .actions {
  /*! position: absolute; */
  right: 41px;
  z-index: 1100;
  margin-top: -75px;
}
.classicJstTable .tableFilters .actions a.clearInputsData {
  display: none;
}
.noRecordsFound p {
  margin: 0;
  text-align: center;
}.noRecordsFound {
  background: #f5f9ff;
  color: #4496ff;
  letter-spacing: .6px;
  padding: 17px 10px;
  font-weight: normal;
  border: 1px solid #dbeaff;
  border-radius: 4px;
  margin: 12px auto;
  font-size: 16px;
  width: 80%;
  box-sizing: border-box;
}
.ProductsModsInc {
  text-align: left;
  padding-left: 14px;
}
.ProductsModsInc > a {
  display: inline-block;
  background: #2f2f2f;
  font-size: 14px;
  letter-spacing: .6px;
  margin: 25px 5px 7px;
  padding: 20px 30px;
  border-radius: 7px;
  color: #939393;
  transition: ease-in-out .4s;
  -webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-duration: var(--animate-duration);
animation-duration: var(--animate-duration);
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
.classicJstTable .tableFilters .tableType a.apply {
  display: inline-block;
  border: 1px solid;
  font-size: 12px;
  letter-spacing: .8px;
  padding: 12px 19px;
  color: #00055c;
  transition: ease-in-out .3s;
  border-radius: 30px;
}
.classicJstTable .tableFilters .tableType a.clear {
  float: right;
  position: relative;
  top: 5px;
  color: #f00;
  right: 15px;
}
.ProductsModsInc > a.active {
  background: #ffc230;
  color: #575757;
}
.TopPrsN {
  width: auto;
  background: transparent;
  padding: 0;
}
.classicJstTable td input,.classicJstTable td select {
  padding: 13px 11px;
  color: #848484;
  border: 1px #e3e3e3 solid;
  border-radius: 4px;
  display: block;
  margin: 5px 0 8px;
  width: 82%;
  font-size: 13px;
  letter-spacing: .5px;
}

.classicJstTable td input.neededStockUnitsTrigger {
  width: 45px;
}
.inputWrapper strong.helpMePop i {
  display: inline-block;
  position: relative;
  top: 16px;
  right: 12px;
  font-size: 8px;
}
.onPageEditData .inputWrapper strong.helpMePop i {
  top: -1px;
  right: 0;
}
.inputWrapper strong.helpMePop {
  text-transform: capitalize;
  font-size: 15px;
  color: #001333;
  display: block;
  letter-spacing: .2px;
  pointer-events: none;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 3px;
}
.onPageEditData .jstFormParent {
  margin: 0;
  padding: 15px 20px 0px;
  box-shadow: none;
  margin-bottom: 15px;
  background: #fff;
  border: none;
  border-left: 0 !important;
}
.onPageEditData #addNewusers input, .onPageEditData #addNewusers select {
  margin-top: 0;
}
.exelFormTriggerDiv span {
  margin-bottom: 10px;
  display: block;
}
.addNewOrderMain > .mainWrapperHeader .navPt span strong {
  background: #ffaa26;
  padding: 9px 12px;
  border-radius: 4px;
}
.summaryArea p, .paymentArea p {
  font-size: 13px;
  border-bottom: 1px #dfdfdf solid;
  padding: 10px 0 19px;
  color: #333;
}
.chnagesBoxForOrder i {
  font-size: 20px;
  display: inline-block;
  border: 1px #d2d2d2 solid;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 50px;
  margin-right: 7px;
  border-radius: 100px;
  background: #fff;
}
.chnagesBoxForOrder span input, .eachRowMisc input {
  display: inline-block;
  border: 1px #f0f0f0 solid;
  position: absolute;
  margin-top: -65px;
  margin-left: 172px;
  padding: 20px;
  border-radius: 6px;
  width: 50px;
}
.addNewOrderMain > .mainWrapBody > .mainFormWrapper .chnagesBoxForOrder > div.inputWrapper.misc {
  text-align: left;
  width: 281px;
  float: right;
}
.eachRowMisc input {
  margin-left: 190px;
}
.chnagesBoxForOrder h3 {
  font-size: 12px;
  color: #3e3e3e;
}
.paymentArea p strong {
  letter-spacing: .2px;
  font-size: 16px;
  color: #4f4f4f;
}
.addNewOrderMain > .mainWrapperHeader div.xtrStats {
  position: relative;
  display: inline-block;
  margin-left: 104px;
}
.addNewOrderMain > .mainWrapperHeader div.xtrStats span {
  text-transform: uppercase;
  font-size: 12px;
  color: #eee;
}
.addNewOrderMain > .mainWrapperHeader div.xtrStats i {
  display: inline-block;
  font-size: 34px;
  position: absolute;
  top: -5px;
  margin-left: -51px;
  color: #fff;
}
.addNewOrderMain > .mainWrapperHeader div.xtrStats strong {
  height: 30px;
  width: 37px;
  display: inline-block;
  line-height: 30px;
  padding: 0;
  text-align: center;
  letter-spacing: -.5px;
  border-radius: 6px;
  margin-left: 9px;
  background: white;
  color: #fd0000;
  font-size: 15px;
}
#generatePayRoll h2, #generatePayRoll h3 {
  margin: 8px 0 28.1px;
  font-size: 22px;
  color: #eee !important;
  letter-spacing: .4px;
}
#generatePayRoll label {
  font-size: 13px;
  color: #b9b9b9;
  letter-spacing: .5px;
  font-weight: 300;
}
#generatePayRoll h3 {
  margin: 0 0 9px !important;
  font-size: 14px !important;
  font-weight: 300;
  letter-spacing: 0.7px;
}
#generatePayRoll {
  padding: 82px !important;
}
.employeeByReport.inputWrapper select {
  font-size: 14px !important;
  text-align: center;
  border: none !important;
  height: auto !important;
  padding: 33px 0 !important;
  border-radius: 60px !important;
}
h1.log {
}
.formActionButtons {
  display: block;
}

#attendenceAddForm h2 {
  text-align: center;
  font-size: 17px;
  letter-spacing: .7px;
  color: #eee;
  margin: 0px 0 33px;
}
#attendenceAddForm h3 {
  text-align: center !important;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px !important;
  letter-spacing: 5px;
  margin-top: 60px !important;
}
#attendenceAddForm {
  padding: 100px !important;
}
.onboardingStepsFrontWrapper {
  background: #fff;
  display: table;
  width: 100%;
}
.onboardingStepsFrontWrapper > div {
  display: table-cell;
  text-align: left;
  vertical-align: top;
}
.onboardingStepsFrontWrapper .leftSideBar.applicants {
}
.onboardingStepsFrontWrapper .onboardingStepsFrontWrapperLeft {
  width: 21%;
  border-left: 1px #dbdbdb solid;
  border-right: 1px #dbdbdb solid;
}
.onboardingStepsFrontWrapperRight {
  width: 55%;
  padding-right: 0;
}
.addNotesToProcessWrapper {
  border: 1px #dbdbdb solid;
  position: absolute;
  right: 0px;
  background: #fff;
  width: 293px;
  border-top: none;
  top: 0;
  display: none;
}
.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mvinfo .scheduled_ .escheduled .in {
  background: #fff;
  padding-bottom: 15px;
}

.leftSideBar.applicants .controls {
  border-bottom: 1px #d9d9d9 solid;
  padding: 9px 14px 16px;
  line-height: 39px;
}
.leftSideBar.applicants .controls p {
  margin: 0;
  display: inline-block;
  font-size: 14px;
  letter-spacing: .3px;
  color: #333;
  position: relative;
  top: 3px;
}
.leftSideBar.applicants .controls .controlSideBarByStatus {
  border: 1px #aeaeae solid;
  background: #fff;
  font-size: 13px;
  padding: 15px 12px;
  border-radius: 6px;
  color: #4d4d4d;
  float: right;
  cursor: pointer;
  letter-spacing: .6px;
  font-weight: 500;
}
.applicationsArea .eachStep {
  border-bottom: 1px #cecece solid;
  padding: 0;
  position: relative;
}
.applicationsArea .eachStep .topBar p {
  margin: 0;
  font-size: 14px;
  letter-spacing: .5px;
  color: #fff;
  background: #e19a66;
  padding: 6px 20px;
  font-weight: 500;
  text-shadow: 0 1px 1px #0000;
  line-height: 23px;
}.applicationsArea .eachStep .topBar p small{
  font-weight: bold;
  color: #575757;
  font-size: 11px;
  background: #fff;
  padding: 3px 8px;
  border-radius: 25px;
}
.applicationsArea .eachStep .topBar{
position: relative; 
}
.applicationsArea .eachStep .topBar p strong {
  display: inline-block;
  text-align: center;
  font-size: 11px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.applicationsArea .eachStep a p sup {
  font-weight: normal;
  color: #ccc;
  font-size: 11px;
}
.applicationsArea .eachStep a {
  display: block;
  position: relative;
  color: #fff;
}
.applicationsArea .eachStep a p {
  margin: 0;
  font-size: 14px;
  color: #323642;
  letter-spacing: .4px;
  font-weight: 500;
  border-bottom: 1px #c8c8c8 solid;
  padding: 26px 16px 43px;
}
.applicationsArea .eachStep a p strong {
  font-size: 11px;
  letter-spacing: 0px;
  color: #323859;
  font-weight: 100;
  position: absolute;
  bottom: 7px;
  right: 4px;
}
.applicationsArea .eachStep a p span {
  color: #fff;
  font-weight: 700;
  margin-left: 1px;
  display: inline-block;
  background: #ccc;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 4px;
  font-size: 9px;
}
.applicationsArea .eachStep .applicants:last-child p {
  border: none;
}

.onboardingStepsFrontWrapperLeft {
}
.onboardingStepsFrontWrapperLeft > h3, .onboardingStepsFrontWrapperRight > h3.mainHdon,.addNotesToProcessWrapper > h3 {
  font-size: 15px;
  letter-spacing: .1px;
  margin: 0;
  color: #23272f;
  padding: 25px 20px;
  border-bottom: 1px #d0d0d0 solid;
  width: 100%;
  font-weight: normal;
}
.onboardingStepsFrontWrapperLeft li {
  display: block;
  font-size: 14px;
  letter-spacing: .6px;
  border-bottom: 1px #e6e6e6 solid;
  padding: 25px 15px;
  color: #464646;
  position: relative;
  padding-left: 70px;
  line-height: 19px;
}
.onboardingStepsFrontWrapperLeft ul {
  padding: 0;
  margin: 0;
}
.onboardingStepsFrontWrapperLeft input {
  border: 1px red solid;
}
.onboardingStepsFrontWrapperRight {
}
.onboardingStepsFrontWrapperRight .frontControls {
  border-bottom: 1px #e6e6e6 solid;
}

body.outsider .onboardingStepsFrontWrapperRight .frontControls{
  text-align: center;  
}

.onboardingStepsFrontWrapperRight .frontControls a {
  font-size: 13px;
  letter-spacing: .2px;
  color: #514f4f;
  padding: 24px 16px;
  display: inline-block;
  margin: 0;
}
.currentStep {
  padding: 20px;
  max-width: 350px;
  border: 1px #e3e3e3 solid;
  border-top: none;
  border-left: none;
  position: relative;
  display: none;
  border-right: none;
  border-bottom: 0;
  width: 100%;
}
.addNotesToProcessWrapper {
}
.applicantDetails {
  display: none !important;
  padding: 20px;
}.onboardingStepsFrontWrapperLeft li span.stepSt {
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  border: none;
  position: relative;
  padding: 4px;
  position: absolute;
  left: 14px;
}
.onboardingStepsFrontWrapperLeft li span.stepSt.disabled{
background: #fff !important;
border-color: #bfbfbf !important;
}
.onboardingStepsFrontWrapperRight > h3.mainHdon {
  width: auto;
}
.onboardingStepsFrontWrapperRight h3 span {
  color: #b1b1b1;
  font-size: 13px;
  margin-left: 10px;
}
.onboardingStepsFrontWrapperRight .frontControls a.currentStepTrigger {
  border-right: 1px #dfdfdf solid;
}
.currentStep .currentStep {
}
.currentStep img {
  width: 200px;
  border-radius: 9px;
}
.currentStep .title {
  margin: 15px 0 0;
  font-size: 18px;
  color: #333;
  letter-spacing: .3px;
}
.currentStep .about {
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 26px;
  color: #4f4f4f;
}
.currentStep .desc {
  margin: 0;
}
.currentStep .quests {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
  color: #323232;
}
.currentStep form input {
}
.currentStep .inputWrapper {
  border: 1px #d1d2d2 solid;
  display: inline-block;
  border-radius: 5px;
  margin-right: 5px;
  margin-top: 10px;
}
.currentStep label {
  color: #736d6d;
  font-size: 14px;
  letter-spacing: .3px;
  display: block;
  padding: 14px 12px;
  padding-right: 21px;
}
.currentStep .actionBtns {
  display: block;
  border: none;
  width: auto;
  position: inherit;
  top: unset;
  bottom: unset;
  margin: 0;
}
.currentStep .actionBtns .inputWrapper {
  border: navajowhite;
  padding: 0;
}

.currentStep form input {
  cursor: pointer !important;
}
.currentStep .actionBtns .inputWrapper input {
  border: none;
  cursor: pointer;
  background: #74c158;
  color: #fff;
  letter-spacing: .7px;
  padding: 17px 29px;
  border-radius: 6px;
  position: relative;
  display: block;
  width: 100%;
  margin-top: 14px;
  float: none;
  margin-top: 30px !important;
  float: right;
  z-index: 1000;
}
.addNotesToProcessWrapper h3 {
  width: auto;
  background: #f8fcff;
  color: #1b2f48;
  padding: 16px 0;
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  margin: 0;
  letter-spacing: .4px;
  padding-left: 10px;
  box-sizing: border-box;
  font-weight: normal;
  color: #003964;
}
.addNotesToProcessWrapper .cmntAndVidRightSide {
  display: block;
}
.addNotesToProcessWrapper label {
  color: #5c5c5c;
  font-size: 13px;
  letter-spacing: .4px;
}
.addNotesToProcessWrapper .newComment {
  border: 1px #d7d7d7 solid !important;
  padding: 20px;
  font-size: 14px;
  color: #444;
  letter-spacing: .3px;
  line-height: 22px;
  border-radius: 9px;
  margin: 14px 0 17px;
  width: 100%;
  box-sizing: border-box;
}
.addNotesToProcessWrapper .submitForm.addNotesToProcess.validate input {
  display: inline-block;
  background: #00b568 !important;
  font-size: 14px;
  letter-spacing: .3px;
  padding: 12px 35px;
  border-radius: 100px;
  color: #fff;
  border: none;
  cursor: pointer;
  margin: 0 auto !important;
  float: none;
}p.noInterviewVideo {
  font-size: 12px;
  text-align: center;
  color: red;
  letter-spacing: 0px;
}
.submitForm.addNotesToProcess.validate {
}
.addNotesToProcessWrapper .addNotesForm {
  padding: 15px 10px 10px 10px;
  border-bottom: 1px #f0f0f0 solid;
  text-align: left;
  display: block;
}

.addNotesToProcessWrapper .userVideo {
  /* display: none; */
  background: #fff;
  overflow: hidden;
  position: relative;
}
.addNotesToProcessWrapper video {
  border: 1px red solid;
  width: 100%;
  display: block;
}
.addNotesToProcessWrapper .addedComments {
  padding: 0;
  max-height: 500px;
  overflow: hidden;
  overflow-y: auto !important;
  border: 1px dashed #a8a8a8;
  width: 90%;
  box-sizing: border-box;
  margin: 30px auto;
  background: #fff;
  border-radius: 8px;
}
.addNotesToProcessWrapper .eachComment {
  border: 1px #ddd solid;
  margin: 17px 10px;
  border-radius: 9px;
  overflow: hidden;
}
.addNotesToProcessWrapper .eachComment .commentTitle {
}
.addNotesToProcessWrapper .eachComment .timeStamp {
}
.addNotesToProcessWrapper .eachComment .cmnt {
  margin: 0;
  padding: 16px 19px;
  font-size: 15px;
  line-height: 22px;
  color: #222;
}
.addNotesToProcessWrapper .submitForm.addNotesToProcess.validate .inputWrapper {
  text-align: left;
}.addNotesToProcessWrapper .eachComment p.cmnt {
  display: block;
  font-size: 13px !important;
  line-height: 17px !important;
  font-weight: 500 !important;
}
.addNotesToProcessWrapper .eachComment .commentHeader {
  background: #fafafa;
  margin: 0;
  font-size: 14px;
  padding: 14px 19px;
  line-height: 18px;
  color: #373737;
  letter-spacing: .3px;
}
.purgeStepFormWrapper {
  display: none;
}
.purgeStepFormWrapper.active {
  display: block;
}

.purgeTriger {
  text-align: center;
}
.purgeTriger a {
  background: #5992ff;
  display: block;
  color: #fff;
  padding: 11px 12px;
  letter-spacing: .4px;
  font-size: 14px;
  margin: 13px 0 -17px;
  border-radius: 7px;
  margin-left: -27px;
  font-weight: 700;
  transition: ease-in-out .3s;
  width: 80px;
  border-radius: 30px;
  margin-left: -3px !important;
  font-weight: 100;
}
.purgeTriger a.active {
  display: none;
}
.purgeStepFormWrapper.active {
  text-align: center;
  padding: 5px 12px;
  border-radius: 5px;
  margin: 20px 0 0;
  transition: ease-in-out .3s;
  width: 100%;
  margin-left: -28px;
  text-align: right;
  box-sizing: border-box;
}
.purgeStepFormWrapper #closePurge {
  display: inline-block;
  font-size: 20px;
  color: #3178ff;
}
.purgeStepFormWrapper label {
  display: block;
  font-size: 14px;
  color: #050505;
  padding: 0;
  letter-spacing: 0;
  text-align: left;
  font-weight: 100;
}
.purgeStepFormWrapper textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  border: none;
  margin-bottom: 10px;
  padding: 10px;
  height: 150px;
  border: 1px solid #e6e6e6;
  font-size: 12px;
}
.purgeStepFormWrapper input {
  border: none;
  background: #4585ff;
  display: block;
  margin: 0 auto;
  font-size: 15px;
  letter-spacing: .3px;
  padding: 12px 21px;
  border-radius: 7px;
  cursor: pointer;
  color: #eee;
}
.purgeStepFormWrapper textarea.errorFieldFormBlingCI {
  background: #fee;
}
.purgeStepFormWrapper.active .errorFieldErrorTxt {
  color: #ff9a9a;
  display: block;
  margin: 10px 0;
  font-size: 13px;
  text-align: center;
}
.inputWrapper.reasonForRejectingWrap {
  border: 1px #dbdbdb solid;
  position: absolute;
  z-index: 1100;
  background: #fff;
  padding: 20px;
  box-shadow: 0 0px 20px 3px #00000024;
  border-radius: 16px;
  top: 40px;
  left: -190px;
}
.inputWrapper.reasonForRejectingWrap::before {
  content: "";
  display: inline-block;
  height: 10px;
  background: #fff;
  width: 10px;
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  padding: 10px;
  right: 9px;
}.inputWrapper.reasonForRejectingWrap label {
  padding: 1px 0 15px;
  position: relative;
  z-index: 101;
  font-size: 13px;
  color: #df0a0a;
  font-weight: normal;
}
.inputWrapper.reasonForRejectingWrap textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: 1px #e8e8e8 solid;
  padding: 14px 11px;
  border-radius: 5px;
  font-size: 14px;
  letter-spacing: .3px;
  color: #151515;
  min-height: 132px;
  margin-top: 5px;
}

.frontControls > a.active {
}
.currentStep.active {
  display: block;
  position: relative;
  z-index: 100000;
}
.applicantDetails.active {
  display: block !important;
  padding: 5px;
}
.onboardingStepsFrontWrapper > div.addNotesToProcessWrapper {
  display: none;
}

.onboardingStepsFrontWrapper > div.addNotesToProcessWrapper.active {
  display: block;
  border-right: none;
}
.frontControls > a.active {
  color: #fff;
  /* font-weight: 700; */
  /*! font-weight: 600; */
  letter-spacing: .7px;
  background: #0094ee;
  padding: 10px 20px;
  border-radius: 30px;
  margin: 10px;
}
.onboardingStepsFrontWrapper .leftSideBar.applicants {
  width: 24%;
  min-width: 240px;
}
.onboardingStepsFrontWrapper > div.application_stats {
  border-left: 1px #d2d2d2 solid;
  width: 76%;
  padding: 20px;
  border-bottom: 1px #d2d2d2 solid;
}

.pieChartWraps {
  border: 1px #ececec solid;
  text-align: center;
  overflow: hidden;
  border-radius: 13px;
}
.pieChartWraps > div {
  padding: 0 0 55px;
  display: inline-block;
  width: 49%;
  float: left;
}
.pieChartWraps > div.statsBox.One {
  border-right: 1px #e6e6e6 solid;
}

.eachComment.applicant {
  border-color: #d8e8f4;
}

.eachComment.applicant .commentHeader {
  background: #f8fcff;
  color: #414141;
  font-weight: 100;
}
.eachComment.applicant .commentHeader strong {
  display: block;
  position: relative;
  top: 12px;
  color: #003964;
  font-weight: 500;
}
.eachComment.applicant .commentHeader .timeStamp {
  color: #b5b5b5;
}
.pieChartWraps > div h3,.statsGraph > h3 {
  background: #fafafa;
  margin: 0;
  width: 100%;
  font-size: 14px;
  letter-spacing: .3px;
  height: 65px;
  line-height: 66px;
  color: #303f57;
  margin-bottom: 32px;
  font-weight: 500;
}
.pieChartWraps > div h3 span {
  color: #1d5df7;
  display: inline-block;
  margin-right: 16px;
}
.pieChartWraps > div.statsBox.Two h3 {
  width: 104%;
}
.statsGraph {
  border: 1px #ececec solid;
  border-radius: 15px;
  margin-top: 30px;
  overflow: hidden;
}
.statsGraph > h3 {
  padding: 0 18px;
}
.statsGraph > h3 span, .pieChartWraps > div h3 span {
  background: #0094ee;
  height: 20px;
  line-height: 20px;
  width: 32px;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 11px;
  text-align: center;
}.onboardingStepsFrontWrapperLeft li.step_selected {
  background: #fff9da;
  color: #121212;
  font-weight: normal;
  letter-spacing: .3px;
}
.applicationsArea .eachStep a.applicant_selected {
  background: #fff9da;
}
.addNotesToProcessWrapper.active {
  display: block;
}
.applicantDetails > div {
  border: 1px #d9d9d9 solid;
  display: inline-block;
  width: 35%;
  vertical-align: top;
}
.applicantDetails > div.custFormArra {
  width: 63%;
}
.applicantDetails > div  h3 {
  font-size: 14px;
  margin: 0;
  background: #f8fcff;
  padding: 21px 17px;
  color: #003964;
  letter-spacing: .3px;
  margin-bottom: 10px;
  font-weight: normal;
}
.applicantDetails .inputWrapper {
  display: inline-block;
  width: 44%;
  margin: 11px 10px;
}
.applicantDetails label {
  display: block;
  font-size: 13px;
  color: #2b2f3c;
  letter-spacing: .3px;
  margin-bottom: 9px;
  font-weight: normal;
}
.applicantDetails input,.applicantDetails select,.applicantDetails textarea {
  border-radius: 5px;
  border: 1px #d7d7d7 solid;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 12px;
  font-size: 13px;
  letter-spacing: .3px;
  color: #555;
}
.applicantDetails label span {
  color: red;
  font-size: 22px;
  poa: ;
  position: absolute;
  margin-left: 6px;
}
.applicantDetails select {
}
.applicantDetails {
}
.custFormArra > form > div {
  margin: 0 0 13px;
}
.custFormArra > form > div.actionBtns {
  margin: -14px 0 12px;
  border-top: 1px #d0d0d0 solid;
  padding-top: 15px;
  margin-top: 13px;
  bottom: unset;
  left: unset;
  position: inherit;
}
.custFormArra > form > div.actionBtns .inputWrapper {
  display: block;
  margin: 0;
  text-align: center;
  width: 100%;
}
.custFormArra > form > div.actionBtns input {
  display: inline-block;
  width: 91px;
  margin: 0 auto;
  border: none;
  background: #228dff;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .2px;
  cursor: pointer;
  transition: ease-in-out .3s;
  width: 109px;
  box-shadow: ;
}
.applicantDetails .inputWrapper strong {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  color: #6a6a6a;
  display: block;
}
.applicantDetails .inputWrapper.othersTabS {
  width: 100%;
  box-sizing: border-box;
  margin: 10px 0 2px;
  padding-left: 77px;
  border-top: 1px #b7b7b7 solid;
  padding-top: 13px;
}
.applicantDetails .inputWrapper.othersTabS label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  max-width: 300px;
  margin-bottom: 10px;
}
.applicantDetails .inputWrapper.othersTabS input {
  position: absolute;
  left: 25px;
  width: auto;
  top: 23px;
  cursor: pointer;
}
.availableForTime.applicationFormArea {
}
.availableForTime.applicationFormArea .inputWrapper {
  width: 15%;
  margin: 0 10px;
  height: auto;
}
.availableForTime.applicationFormArea .inputWrapper.fullTime {
  display: block;
  width: auto;
  margin: 0;
  padding: 0 10px;
  border-bottom: 1px #d7d7d7 solid;
}
.availableForTime.applicationFormArea label {
  display: inline-block;
  margin: 0;
  padding: 12px 5px;
  text-align: center;
}.ftrJL p.powBy {
  background: #020202 !important;
  font-weight: bolder !important;
  letter-spacing: 1px !important;
  text-transform: capitalize !important;
  padding: 15px 0 !important;
  color: #fff;
  font-weight: 100 !important;
  font-size: 15px;
  box-sizing: border-box;
}
.availableForTime.applicationFormArea input {
  display: inline-block;
  top: 11px;
  cursor: pointer;
  right: 20px;
}
.availableForTime.applicationFormArea .inputWrapper.fullTime input {
  width: auto;
  position: inherit;
  display: inline-block;
  margin-left: 10px;
}
.workHistory.applicationFormArea {
}
.workHistory.applicationFormArea h4 {
  font-size: 15px;
  padding: 0 15px;
  margin: 20px 0 15px;
  padding-bottom: 18px;
  font-weight: 500;
  color: #5a5a5a;
  letter-spacing: .3px;
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 15px;
  margin-bottom: 10px;
}
.workHistory.applicationFormArea .inputWrapper {
  margin: 13px 17px;
  width: 42%;
}
.new_message .inputWrapper label {
}
.workHistory.applicationFormArea .inputWrapper:nth-child(odd) {
  margin-right: 0;
}

.currentStep .actionBtns .inputWrapper {
  margin: 0;
  display: block;
  width: 100%;
}

.addNotesToProcessWrapper .eachComment .timeStamp {
  font-weight: 700;
  font-size: 11px;
  color: #d57c3b;
  display: block;
  margin-top: 7px;
}
.leftSideBar.applicants .controls p strong {
  color: #0094ee;
}
.applicationsArea .eachStep a.applicant_selected p {
  color: #4f4f4f;
}.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .zconvo{
 
}.send_sms_panel_wrapper .pt {
}
.currentStep p.errorFieldErrorTxt {
  position: absolute;
  width: 264px;
  margin-left: -10px;
  margin-top: -16px;
  margin-left: 204px;
  font-weight: 700;
  letter-spacing: .2px;
  font-size: 13px;
  color: #dd5151;
}


.interview_person_3.applicationFormArea {
}
label {
}
.interview_person_3.applicationFormArea .inputWrapper {
  width: 100%;
  margin-right: 19px;
  vertical-align: top;
  padding: 20px;
  box-sizing: border-box;
  margin: 12px 0;
}
.interview_person_3.applicationFormArea input {
  border: 1px #dfdfdf solid;
  padding: 17px 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 14px;
}
.interview_person_3.applicationFormArea label {
  font-weight: 700;
  padding: 0;
  font-size: 14px;
  color: #515151;
}
.interview_person_3.applicationFormArea h3 {
  margin-bottom: 0px;
  font-weight: 100;
  font-size: 12px;
}
.interview_person_3.applicationFormArea textarea {
  border: 1px #ccc solid;
  border-radius: 8px;
  padding: 20px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 16px;
}
.interview_person_3.applicationFormArea p {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 19px;
  letter-spacing: .3px;
  color: gray;
}


.interview_person_4.applicationFormArea p {
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 26px;
  color: #4f4f4f;
}
.interview_person_4.applicationFormArea h3 {
  font-size: 17px;
  line-height: 23px;
  color: #333;
}
.interview_person_4.applicationFormArea .inputWrapper {
  display: block;
  width: auto;
  margin: 0;
  padding: 0 20px 19px;
}.this_chat div p.msg_failed {
  background: #fff7f7 !important;
  padding: 12px 23px !important;
  color: #ff6161 !important;
  border-radius: 30px !important;
  font-weight: normal;
  font-size: 11px !important;
  letter-spacing: .3px !important;
}.superActionsWrap.mainContentArea.zchat .zinfo .zinfo_panel .mims .noIms {
  font-size: 13px;
  text-align: center;
  background: #f1f4f6;
  padding: 20px;
  line-height: 20px;
  color: #535353;
  font-weight: ;
}.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .no_convo_selected.new_convo img{
  width: 120px;
  margin-bottom: 15px;
  border-radius: 50%;
  height: 115px;
}
.interview_person_4.applicationFormArea .workEmailAddress {
  border: 1px #dfdfdf solid;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  letter-spacing: .3px;
  font-size: 15px;
  color: #333;
  border-radius: 8px;
}
.errorFieldErrorTxt {
}
.interview_person_4.applicationFormArea {
}
.interview_person_4.applicationFormArea .inputWrapper .errorFieldErrorTxt,.currentStep p.errorFieldErrorTxt{
  margin: 20px;
  position: relative;
  z-index: 1100;
}
.currentStep .desc {
  margin: 9px 0;
  font-size: 14px;
  letter-spacing: .3px;
  color: #333;
  font-weight: 700;
  line-height: 22px;
}


.offer_letter_setup_7.applicationFormArea {
}
.offer_letter_setup_7.applicationFormArea .inputWrapper,.drug_screen_17.applicationFormArea .inputWrapper,.person_training_26.applicationFormArea .inputWrapper,.fuel_card_28.applicationFormArea .inputWrapper,.third_party_employee_apps_21.applicationFormArea .inputWrapper,.calendar_event_25.applicationFormArea .inputWrapper{
  width: auto;
  display: block;
  padding: 0 20px 20px;
  margin-bottom: 20px;
}
.offer_letter_setup_7.applicationFormArea label,.drug_screen_17.applicationFormArea label,.person_training_26.applicationFormArea label,.third_party_employee_apps_21.applicationFormArea label,.fuel_card_28.applicationFormArea label,.calendar_event_25.applicationFormArea label {
  padding: 19px 0px;
}
.offer_letter_setup_7.applicationFormArea input,.third_party_employee_apps_21.applicationFormArea input,.calendar_event_25.applicationFormArea input,.drug_screen_17.applicationFormArea input,.fuel_card_28.applicationFormArea input,.calendar_event_25.applicationFormArea textarea,.person_training_26.applicationFormArea input,.person_training_26.applicationFormArea textarea,.drug_screen_17.applicationFormArea textarea{
  border: 1px #d7d7d7 solid;
  width: 100%;
  padding: 19px 15px;
  box-sizing: border-box;
  border-radius: 7px;
  color: #333;
}
.offer_letter_8.applicationFormArea p,.currentStep p{
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 26px;
  color: #4f4f4f;
  font-weight: 500;
}

.cloth_sizes_14.applicationFormArea .inputWrapper {
  display: block;
  padding: 0 20px 20px;
  margin-bottom: 20px;
}
.cloth_sizes_14.applicationFormArea label {
  padding-left: 0;
}
.cloth_sizes_14.applicationFormArea select {
  display: block;
  width: 100%;
  padding: 18px 16px;
  background: #fff;
  border: 1px #bbb solid;
  border-radius: 5px;
  font-size: 13px;
  letter-spacing: .3px;
  text-align: center;
  color: #4d4d4d;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message {
  padding: 0;
  margin: 0;
  display: block;
  border-bottom: 1px dashed #616161;
  padding-bottom: 6px;
  display: none;
}
.superActionsWrap.mainContentArea.zchat .zwindow.zcolumn .new_message .inputWrapper label{
  display: inline-block;
  font-size: 13px;
  color: #252c36;
  font-weight: normal;
  margin: 15px 4px 0px;
}
.chosen-container{
  width: 100% !important;
}
.chosen-container-single .chosen-single {
  height: auto;
}

.chosen-container-single .chosen-single span {
    word-break: break-all;
    white-space: initial;
}
.chosen-container-multi .chosen-choices{
  border: none;
  background: none;
  margin-top: 10px;
  box-shadow: none !important;
  border: none !important;
  background-image: none !important;
}.chosen-container-multi .chosen-choices li.search-choice {
  border-radius: 30px !important;
  padding: 8px 20px 8px 12px !important;
  background: #f1f4f6 !important;
  color: #747577 !important;
  border: 1px solid #e8e8e8 !important;
}.chosen-container .chosen-results li.highlighted {
  background-color: #f1f4f6;
  color: #6f7277;
}.chosen-container .chosen-drop {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid #8f8f8f !important;
}
.chosen-container .chosen-results li.highlighted {
background: #f1f4f6 !important;
color: #6f7277 !important;
}.chosen-container .chosen-results li {
  background: #f9faff !important;
  color: #535353 !important;
  padding: 18px 8px !important;
  border-bottom: 1px solid #ccc;
}

.chosen-container .chosen-results li.result-selected{
background: #fff !important;
color: #c3c3c3 !important;
text-decoration: underline;
}



.currentStep .finalNoti {
  background: #ffeac9;
  display: block;
  padding: 20px 13px;
  border-radius: 7px;
  color: #780000;
  letter-spacing: .5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
}
.currentStep .finalNoti.hired {
  background: #deffcf;
  color: #257700;
  font-weight: normal;
}
.currentStep .finalNoti.rejcted {
  background: #fff1f1;
}

.mainContentArea .dmHd {
}
.onboardingStepsWrapperMain {
  border: ;
}
.onboardingStepsWrapper.left.stepsPageViewArea {
  width: 74%;
  border: 1px #d7d7d7 solid;
  float: left;
  border-left: navajowhite;
}
.onboardingStepsWrapperMain > div {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  text-align: left;
}
.onboardingStepsWrapperTopBar {
  font-size: 13px;
  padding: 21px 15px 45px;
  border-bottom: 1px #d7d7d7 solid;
}
.onboardingStepsWrapperTopBar p {
  font-weight: 500;
  margin: 0;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: 10px;
  letter-spacing: .3px;
  color: #1a1f2b;
}
.onboardingStepsWrapperTopBar a {
  border: 1px #e5c0ff solid;
  display: inline-block;
  float: right;
  font-size: 13px;
  padding: 15px 19px;
  margin-left: 10px;
  color: #9800ff;
  border-radius: 6px;
  background: #f7ebff;
  letter-spacing: .4px;
  transition: ease-in-out .3s;
}
.onboardingStepsWrapperTopBar a.call.updateStepsTree {
  background: linear-gradient(#1697fc,#3046ee);
  color: #fff;
  border-color: #d8e8f4;
  border-radius: 30px;
  border: none;
  padding: 15px 40px;
}
.onboardingStepsWrapperTopBar a.call.discardOnPageStepChanges {
  background: #ffecec;
  color: #c30000;
  border-color: #ffc3c3;
}
.onboardingStepsWrapperSteps {
}
.onboardingStepsWrapperSteps > div {
  border: 1px #d7d7d7 solid;
  margin: 18px 15px;
  border-radius: 14px;
  overflow: hidden;
  padding: 20px;
}
.onboardingStepsWrapperSteps > div>div {
  display: inline-block;
  vertical-align: top;
  width: 80%;
}
.onboardingStepsWrapperSteps > div > div.right {
  width: 19%;
  text-align: right;
}
.onboardingStepsWrapperSteps > div > div.right a {
  border: ;
}
.onboardingStepsWrapperSteps > div > div.right a.call.removeStep {
  display: inline-block;
  font-size: 37px;
  position: relative;
  margin-right: 20px;
  top: 9px;
  left: 12px;
  color: #ff8686;
}
.onboardingStepsWrapperSteps > div > div.right .changeStepIndex {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-weight: 700;
  border-radius: 6px;
  background: #fff;
  color: #000;
  border: none;
  border: 1px solid #ccc;
}
.onboardingStepsWrapperSteps > div > div.right a.call.takeStepUp {
  margin-top: 68px !important;
}
.onboardingStepsWrapperSteps > div > div.right a.call.takeStepUp,.onboardingStepsWrapperSteps > div > div.right a.call.takeStepDown {
  font-size: 26px;
  display: block;
  width: 50px;
  margin-left: 104px;
  margin-top: 15px;
  color: #ccc;
}
.onboardingStepsWrapperSteps > div > div.right a.call.takeStepDown {
}

.mainContentArea .dmHd {
  text-align: left;
  background: #fff;
}
.mainContentArea .dmHd > h1 {
  background: #fafafa;
  margin: 0;
  padding: 20px;
  font-size: 15px;
  color: #424242;
  letter-spacing: .5px;
  text-align: left;
  font-weight: 500;
}
.employeeByReport.inputWrapper label {
  font-size: 13px;
  padding-left: 11px;
  color: #333;
  letter-spacing: .2px;
  margin-top: 20px;
  display: block;
}
.submitForm.fullSizeForm .employeeByReport.inputWrapper select {
  border: 1px #c8c8c8 solid !important;
  border-radius: 6px !important;
  padding: 20px 0px !important;
  width: 266px !important;
  margin-left: 13px;
  margin-top: 14px;
  cursor: pointer;
}
.employeeByReport.inputWrapper {
}
.mainContentArea .dmHd .formActionButtons {
}
.mainContentArea .dmHd .formActionButtons input {
  cursor: pointer;
  background: #66a2ff;
  border: 1px #7692ff solid;
  padding: 19px 20px;
  letter-spacing: .3px;
  font-size: 14px;
  border-radius: 5px;
  position: absolute;
  margin-top: -77px;
  margin-left: 287px;
  color: #fff;
}

.onboardingNewStepForm.right.stepsPageViewArea {
}
.onboardingNewStepForm.right.stepsPageViewArea> h2 {
  background: #fafafa;
  margin: 0;
  font-size: 13px;
  padding: 21px 17px;
  color: #444;
  letter-spacing: .1px;
  font-weight: 500;
}
.onboardingNewStepForm.right.stepsPageViewArea .createNewStepForm {
  padding: 20px;
}
.onboardingNewStepForm.right.stepsPageViewArea .inputWrapper {
  border: 1px #d2d2d2 solid;
  padding: 20px;
  border-radius: 7px;
  margin-bottom: 20px;
}
.onboardingNewStepForm.right.stepsPageViewArea .inputWrapper label {
  font-size: 13px;
  display: block;
  letter-spacing: .4px;
  font-weight: 100;
  color: #142346;
}
.onboardingNewStepForm.right.stepsPageViewArea .inputWrapper select,.onboardingNewStepForm.right.stepsPageViewArea .inputWrapper input, .onboardingNewStepForm.right.stepsPageViewArea .inputWrapper textarea {
  border: 1px #d2d2d2 solid;
  display: block;
  width: 100%;
  padding: 16px 14px;
  box-sizing: border-box;
  border-radius: 6px;
  margin-top: 13px;
}
.stabalize_loading .js_instant_loading_icon {
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  line-height: 0 !important;
  color: white !important;
  position: relative !important;
  left: -6px !important;
  top: 4px !important;
}.classicJstTable td a .js_instant_loading_icon {
  font-size: 26px !important;
  color: #272727 !important;
}
.onboardingNewStepForm.right.stepsPageViewArea .actionBtns .inputWrapper {
  padding: 0;
  border: none;
}
.onboardingNewStepForm.right.stepsPageViewArea .actionBtns input {
  background: #39b04c;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  border-color: #3253b5;
  color: #fff;
  cursor: pointer;
  transition: ease-in-out .3s;
  width: 100px;
  border-radius: 30px;
  border: none;
  font-weight: 500;
  text-transform: capitalize;
}
.onboardingStepsWrapperSteps > div img {
  border-radius: 10px;
  box-shadow: 0 0 14px -6px #00000042;
}
.onboardingStepsWrapperSteps > div h3 {
  font-size: 16px;
  letter-spacing: .3px;
  color: #000;
  font-weight: 500;
}
.onboardingStepsWrapperSteps > div p {
  font-size: 14px;
  letter-spacing: .3px;
  line-height: 23px;
  color: #919191;
}
.onboardingStepsWrapperSteps > div p strong {
  display: block;
  border-bottom: 1px #ececec solid;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #444;
  font-weight: 500;
}
.onboardingStepsWrapperSteps > div .inputWrapper {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .1px;
  color: #3a3a3a;
}

.dmHd.automateInstaTmp.mainDashboard {
  padding: 0;
}
.chartAReaDas {
}
.chartAReaDas h3 {
  font-size: 12px;
  background: #fafafa;
  margin: 0;
  padding: 20px;
  font-size: 15px;
  color: #303f57;
  letter-spacing: .5px;
  text-align: left;
  font-weight: 500;
}
.chartAReaDasWrap > div {
  display: block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.chartAReaDasWrap {
  display: table;
  width: 98%;
  table-layout: fixed;
  box-sizing: border-box;
  margin: 20px auto 0;
  border-radius: 3px;
  border-top: 1px solid #d8e8f4;
  overflow: hidden;
  border: 1px solid #eee;
}
.chartAReaDasWrap > div.pieChartWrapDashboard {
}
.chartAReaDasWrap > div.pieChartWrapDashboard.middle {
  border-left: none;
  border-right: none;
}
.swal2-popup {
  padding: 25px 0px !important;
}
.swal2-title {
  font-size: 20px !important;
  margin: 0 0 10px !important;
  color: #2c79fb !important;
}#schedulingCalendar .calHeader p label.scadf {
  float: left;
  position: relative;
  top: 15px;
  font-weight: 500;
  color: #57576f;
}.classicJstTable td a.plain_btn {
  background: #005ba2;
  width: auto;
  height: auto;
  padding: 0px 8px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: .2px;
  font-weight: 500;
  color: #fff;
  margin-right: 0;
  margin-bottom: 5px;
  box-sizing: border-box;
  text-align: left;
  width: 130px;
}
.swal2-content {
  font-weight: 100 !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.swal2-styled.swal2-confirm {
  border-radius: 30px !important;
  font-size: 13px !important;
}.swal2-icon {
  display: none !important;
}

.chartAReaDasWrap > div h2 {
  background: #fff;
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: #00055c;
  font-weight: 100;
  padding: 21px 17px;
  margin-top: -1px;
  margin-bottom: 50px;
  letter-spacing: .3px;
  border-bottom: 1px solid #eee;
  border-radius: 0;
  background: #fafdff;
  font-weight: normal;
}
.chartAReaDasWrap > div h2 span {
  background: #c8e9ff;
  border-radius: 50%;
  float: right;
  position: relative;
  color: #0060a0;
  width: 30px;
  text-align: center;
  height: 30px;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  top: -3px;
  font-weight: 500;
  border: 1px solid #bedcef;
}





.contentGConsole .mainApplicationFormWrapper {
}
.contentGConsole {
  display: block;
  box-sizing: border-box;
}
.contentGConsole .mainApplicationFormWrapper h1 {
  margin: 25px 0 10px;
  font-size: 20px;
  text-align: center;
  font-weight: 1000;
  font-size: 18px;
  color: #000;
  letter-spacing: .5px;
}
.contentGConsole .mainApplicationFormWrapper p {
  margin: 10px 0;
  letter-spacing: .2px;
  font-size: 13px;
  line-height: 28px;
  color: #3e3d3d;
  text-align: left;
  /* margin: 15px; */
  padding: 0px 19px;
  box-sizing: border-box;
  margin: 0;
  box-sizing: unset;
}
.contentGConsole .mainApplicationFormWrapper .personalInformation.applicationFormArea {
}
.contentGConsole .mainApplicationFormWrapper div > h3 {
  border-bottom: 1px #f4f4f4 solid;
  font-size: 15px;
  letter-spacing: .1px;
  color: #0c0c0c;
  margin: 0;
  padding: 20px 15px;
  background: linear-gradient(#fff,#fafafa);
  font-weight: 1000;
  line-height: 22px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.contentGConsole .mainApplicationFormWrapper .inputWrapper {
  display: inline-block;
  margin: 5px 0px 0 20px;
  vertical-align: top;
  border-radius: 7px;
  background: #ffffff75;
  vertical-align: middle;
  vertical-align: top;
  margin: ;
  min-width: 290px;
  margin-bottom: 20px;
  box-sizing: border-box;
  width: 23%;
}.contentGConsole .mainApplicationFormWrapper .inputWrapper input[type="checkbox"] {
  display: inline-block !important;
  width: 20px !important;
  margin: 0 !important;
}
.contentGConsole .mainApplicationFormWrapper .inputWrapper label {
  font-size: 13px;
  letter-spacing: .2px;
  font-weight: 500;
  color: #484e64;
  line-height: 19px;
}.successProcessSession{
 box-sizing: border-box;
 padding: 20px; 
}
.contentGConsole .mainApplicationFormWrapper .inputWrapper input, .contentGConsole .mainApplicationFormWrapper .inputWrapper select {
  border: 1px #dbdbdb solid;
  padding: 16px 10px;
  display: block;
  margin-top: 5px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  color: #333;
  letter-spacing: .3px;
  background: #eee;
  box-sizing: border-box;
  margin-bottom: 7px;
  font-size: 16px;
}
.contentGConsole .mainApplicationFormWrapper p.askinQues{
  text-align: left;
  color: #c4c4c4;
  font-weight: 100;
  letter-spacing: .8px;
}
.liveWebVideoRecorder.applicationFormArea .questionsForApplicant{
text-align: left; 
}
.liveWebVideoRecorder.applicationFormArea .questionsForApplicant h3 {
  font-size: 15px !important;
  text-align: left;
  width: 100% !important;
  display: inline-block;
  overflow: hidden;
  font-weight: bold;
  text-transform: inherit;
}.video-js {
  background-color: #fafafa !important;
  border: 1px solid #eee;
}
.templatesMenuLink.active {
  font-size: 19px;
  font-weight: 100;
  color: #1b2f48;
  letter-spacing: .7px;
}
.templatesMenuLink.active strong {
  color: #005eff;
}
.liveWebVideoRecorder.applicationFormArea div.questionsForApplicant, .liveWebVideoRecorder.applicationFormArea div.wrapperForRecorderBox {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  box-sizing: border-box;
  min-width: 310px;
  background: no-repeat;
  max-width: 400px;
  border-radius: 3px;
  border: 1px solid #eee;
  padding: 0;
  position: relative;
}.liveWebVideoRecorder.applicationFormArea .wrapperForRecorderBox #myVideo {
  margin: 20px auto 15px;
  border-radius: 4px;
}.liveWebVideoRecorder.applicationFormArea div.questionsForApplicant{
  background: none;
}
.workExperience.applicationFormArea {
}
.workExperience.applicationFormArea .inputWrapper {
  width: auto;
  text-align: left;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 10px 5px 15px;
  margin: 0;
  border-radius: 0;
  background: #f9fcffb3;
}
.contentGConsole .mainApplicationFormWrapper p strong {
  letter-spacing: 0.6px;
  font-size: 15px;
  float: right;
  margin-left: 10px;
  font-weight: normal;
}
.availableForTime.applicationFormArea .inputWrapper {
  width: 105px;
  padding: 7px 3px;
  padding-right: 0;
  margin-left: 10px;
  border: 1px solid #eee;
  margin-right: 0;
}.contentGConsole .mainApplicationFormWrapper p.note {
  font-size: 14px;
  color: #aaa;
  text-decoration: underline;
  margin: 0;
  margin-left: 15px;
}.contentGConsole .jstFormParent form .inputWrapper.full_width .tmplt {
  font-size: 30px;
  color: #a1a1a1;
  float: right;
  top: 14px;
  position: relative;
  background: 0 !important;
}
.workExperience.applicationFormArea .inputWrapper label {
  width: auto;
  display: inline-block;
  text-align: left;
  color: #484848;
  font-weight: 100;
  margin-left: 15px;
  color: #003d7a;
  font-weight: normal;
}
.workExperience.applicationFormArea .inputWrapper input {
  width: auto;
}
.workHistory.applicationFormArea .inputWrapper {
  width: 25%;
  margin: 11px 13px 12px !important;
  max-height: 104px;
  vertical-align: top;
}
.workHistory.applicationFormArea > div {
  padding-bottom: 26px;
  margin-bottom: 26px;
  box-sizing: border-box;
  border-radius: 6px;
}
.workExperience.applicationFormArea .inputWrapper p strong {
  font-weight: normal;
  font-size: 14px;
  letter-spacing: .3px;
  color: #001933;
  line-height: 28px;
  word-break: break-word;
  background: none;
  border: none;
  padding: 0;
  margin-bottom: 10px;
  margin-left: 0px;
  text-align: left;
}
.timeFieldControls {
  background: #f7f7f7;
  padding: 10px;
  color: green;
  margin-top: 20px;
  border-radius: 6px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}.currentStep label span {
  color: red;
  font-size: 18px;
  margin-left: 1px;
}.currentStep form input[type="file"] {
  background: #ffe6d0;
  padding: 20px;
  margin-top: 10px;
  border-radius: 5px;
  letter-spacing: 1px;
  font-weight: normal;
  font-size: 13px;
  text-transform: capitalize;
  color: #d26300;
  border: 1px solid #ffd6b1;
}.downloadThisDocumentAsPdf {
  background: #f2fff1;
  padding: 15px 0;
  box-sizing: border-box;
  text-align: center;
  letter-spacing: .7px;
  font-weight: normal;
  font-size: 15px;
  color: #076200;
  border-radius: 6px;
  border: 1px solid #8bd585;
  margin: 10px 0;
  width: 210px;
  display: block;
}
.timeFieldControls select {
  width: 31%;
  height: 40px;
  background: #fff;
  border: none;
  border-radius: 5px;
  margin-top: 10px;
  padding: 5px;
  box-sizing: border-box;
  border-bottom: 1px dashed #c4c4c4;
  border-radius: 0;
}
.timeFieldControls label {
  width: 100%;
  color: #b5b5b5 !important;
  letter-spacing: 1px;
}
.timeFieldControls label span {
  width: 33.3%;
  display: inline-block;
  margin-top: 5px;
  color: #191919;
  font-size: 13px;
  margin: 0 0 8px;
}

.workHistory.applicationFormArea > div.expComapanyThree {
  margin-bottom: 17px;
}
.contentGConsole .mainApplicationFormWrapper .actionBtns {
  text-align: right;
  margin: 0px 15px 20px;
  padding-bottom: 13px;
}
.actionBtns a, .contentGConsole .mainApplicationFormWrapper .actionBtns input {
  background: #e9e9e9;
  display: inline-block;
  padding: 8px 15px;
  color: #3e3e3e;
  font-size: 13px;
  letter-spacing: .4px;
  border-radius: 4px;
  margin-right: 5px;
  transition: ease-in-out .3s;
  margin-right: 5px;
  border-radius: 2px;
}
.actionBtns .inputWrapper {
  padding: 0;
  width: auto;
  margin: 0;
  border: none;
  background: transparent;
  margin: 0 !important;
}
.contentGConsole .mainApplicationFormWrapper .actionBtns input {
  background: linear-gradient(#0087ff,#054379);
  color: #fff;
  margin: 0;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  padding: 15px 30px;
  font-size: 16px;
  border-radius: 30px;
  font-weight: bold;
}

.waiting_for_video_to_start {
  background: #ffd2c1 !important;
  border-radius: 4px !important;
  padding: 10px !important;
  font-weight: bold !important;
  letter-spacing: .8px !important;
  color: #b33100 !important;
  max-width: 400px !important;
  margin: 0 auto 20px !important;
  transition: .6s all !important;
  animation: ease-in !important;
}
.mainJObLinkHeader img {
  display: inline-block;
  width: 150px;
  min-width: 100px;
}
.mainJObLinkHeader {
  text-align: left;
  padding: 15px 15px 5px;
  border-bottom: 1px solid #eee;
  padding-right: 0;
}
.mainJObLinkHeader span {
  background: white;
  font-size: 20px;
  letter-spacing: .2px;
  color: #2f2f2f;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  text-align: left;
}
body.outsider .onboardingStepsFrontWrapperRight .custFormArra::before {
  content: "\f06a  Read-only information";
  text-align: center;
  display: block;
  font-family: 'Line Awesome Free';
  margin: 20px 0 15px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .3px;
  color: red;
}
.ftrJL:nth-child(2){
display: block;
}
.ftrJL {
  background: #fafafa;
  position: absolute;
  bottom: -100;
  width: 100%;
  border-top: 1px solid #e0e0e0;
  overflow: hidden;
  display: none;
}
.ftrJL p {
  margin: 0;
  font-size: 12px;
  letter-spacing: .5px;
  color: #494949;
  padding: 37px 0;
  text-align: center;
}


.liveWebVideoRecorder #live ,#playback{
  border: none;
  height: 240px;
  width: 100%;
  background: #fafafa;
  margin: 0;
  border: 1px solid #eee;
}

.liveWebVideoRecorder #controls a.m {
  background: #dd4242;
  font-size: 14px;
  border: none;
  font-family: tahoma;
  font-weight: 500;
  letter-spacing: .5px;
  padding: 17px 32px;
  width: auto;
  color: #fff;
  margin: 0 auto 5px;
  border-radius: 6px;
  transition: ease-in-out .3s;
  cursor: pointer;
  line-height: 14px;
  display: block;
  max-width: 200px;
  position: relative;
  top: -30px;
}

.liveWebVideoRecorderRules {
  background: #fff;
  margin: 0 auto;
  text-align: left;
  margin-top: 18px;
  border-radius: 10px;
  margin-bottom: 18px;
  color: #111;
  padding-top: 2px;
}
.contentGConsole .mainApplicationFormWrapper  .liveWebVideoRecorderRules p {
  font-size: 14px;
  line-height: 24px;
  color: #111;
  margin: 22px 0;
}
.contentGConsole .mainApplicationFormWrapper .liveWebVideoRecorderRules h3 {
  border: none;
  color: #eee;
  font-size: 14px;
  letter-spacing: .4px;
}

.liveWebVideoRecorder .prevv {
  z-index: 110;
  font-size: 44px;
  margin-top: 95px;
  color: #a2b0c1;
  position: absolute;
  right: 0;
  top: 80px;
  left: 0;
}
.liveWebVideoRecorder.applicationFormArea.notStarted {
}
.liveWebVideoRecorder.applicationFormArea.notStarted #pauseRes,.liveWebVideoRecorder.applicationFormArea.notStarted #stop {
  display: none;
}
.liveWebVideoRecorder.applicationFormArea.notStarted #stop {
}
.liveWebVideoRecorder.applicationFormArea.notStarted #rec {
  margin-top: -12px;
  border-radius: 100px;
  padding: 21px 50px;
  margin-bottom: 11px;
  background: #378fff;
  color: #fff;
  letter-spacing: .4px;
  transition: ease-in-out .3s;
  cursor: pointer;
  position: inherit;
}
.mainContentArea {
  padding: 0 !important;
  min-height: 100vh;
  height: 100%;
  box-sizing: border-box;
}
.liveWebVideoRecorder h3 {
  border: none !important;
  color: #000 !important;
  font-size: 17px !important;
  font-weight: 700;
  text-transform: capitalize;
  letter-spacing: .5px !important;
  font-weight: 100;
  margin: 10px 0 0;
  font-weight: 1000 !important;
  margin-bottom: 10px;
  text-align: center !important;
}

.liveWebVideoRecorder.applicationFormArea.recStarted::before {
  position: absolute;
  height: 20px;
  width: 20px;
  display: inline-block;
  content: "";
  z-index: 1100;
  background: red;
  border-radius: 30px;
  margin-top: 90px;
  box-shadow: 0 0 7px 3px #00000024;
  right: 40px;
}
.liveWebVideoRecorder.applicationFormArea.recStarted .las.la-video.prevv {
  display: none;
}
.liveWebVideoRecorder.applicationFormArea.recStarted #rec {
  display: none;
}
.liveWebVideoRecorder.applicationFormArea.recStarted #pauseRes {
  background: #eeb342;
  color: #333;
}

.liveWebVideoRecorder.applicationFormArea.notStarted.retake .las.la-video.prevv {
  margin-left: 9px;
  font-size: 27px;
  margin-top: 0;
  color: #ff8e8e;
  text-align: right;
  padding-right: 10px;
  margin: 5px !important;
}
.contentGConsole .mainApplicationFormWrapper .liveWebVideoRecorderRules p.askinQues {
  line-height: normal;
  margin: ;
  text-indent: 5px;
}


.onboardingStepsFrontWrapperLeft li span.stepSt.checked::before {
  content: "";
  font-family: 'Line Awesome Free';
  font-size: 21px;
  display: inline-block;
  background: #31a23d;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100px;
  color: #fff;
}
.stepSt.stepIndex0.checked:before {
  content: "j";
}
.onboardingStepsFrontWrapperLeft li span.stepSt.disabled:before {
  content: "";
  font-family: 'Line Awesome Free';
  font-size: 21px;
  display: inline-block;
  background: #888;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100px;
  color: #fff;
  position: relative;
  top: -9px;
  left: 2px;
}
body.outsider .currentStep.active {
  border: none;
  font-size: 15px !important;
  width: 100%;
  text-align: left;
  max-width: 600px;
}

em.js_instant_loading_icon_wrapper.full_page_loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(#eef6ffe0,#e8f1ff91);
  text-align: center;
  z-index: 10000;
  box-sizing: border-box;
  text-align: center;
}
a.call.stabalized_loading .js_instant_loading_icon {
  width: ;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: white !important;
  height: ;
  line-height: ;
  font-size: 23px !important;
  width: auto !important;
  height: 20px !important;
  line-height: 20px !important;
}
.questionsForApplicant p {
}
.questionsForApplicant .askinQues {
  color: #101010 !important;
  font-weight: 100 !important;
  margin: 0;
}
.questionsForApplicant {
  max-width: 5000px !important;
}
.contentGConsole .jstFormParent form .inputWrapper input, .contentGConsole .jstFormParent form .inputWrapper select, .contentGConsole .jstFormParent form .inputWrapper textarea {
  background: #fff;
  width: auto;
}
.fileSystemUploadWrapper .inputWrapper {
  width: auto;
  display: block;
}
.applicationsArea .eachStep a.applicant_selected span {
  background: #fae39f;
  font-size: 12px;
  color: #615338;
  padding: 2px;
}
.MobileTrigNavSteps a {
  display: none;
}
.dashboardWrapper {
  display: table;
  width: auto;
  /*! text-align: left; */
  width: 100%;
  height: 100vh;
}
.dashboardWrapper > div {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: top;
  width: ;
  z-index: -1;
  position: relative;
}


 .controls a i {
  font-size: 29px;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.modalContainer .changePassWrap h2 {
  font-size: 18px;
  color: #00055c;
  text-align: center;
  margin-top: -1px;
  font-weight: 500;
  margin: 15px 0 20px;
}
.modalContainer .changePassWrap .sp_new{
  background: #fafafa;
  padding: 13px 13px;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}

@media (max-width:880px){

body.outsider .onboardingStepsFrontWrapperLeft {
  border: none;
  width: auto;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding-right: 0;
}
.onboardingStepsFrontWrapperLeft > h3, .onboardingStepsFrontWrapperRight > h3.mainHdon, .addNotesToProcessWrapper > h3 {
  width: auto;
}
.onboardingStepsFrontWrapperLeft li {
}

body.outsider .currentStep.active {
  padding: 0;
}

.onboardingStepsFrontWrapperLeft li.checked,.onboardingStepsFrontWrapperLeft li.step_selected.disabled {
  display: block;
}
.onboardingStepsFrontWrapperLeft li.step_selected.disabled {
}
.onboardingStepsFrontWrapperLeft li {
  display: none;
}
.MobileTrigNavSteps {
  text-align: center;
  margin-top: 24px;
}
.MobileTrigNavSteps a {
  display: inline-block;
  font-size: 12px;
  background: #525e7f;
  color: #fff;
  letter-spacing: .3px;
  padding: 12px 14px;
  border-radius: 5px;
  transition: ease-in-out .4s;
}
.MobileTrigNavSteps.active a::before {
  content: "View Less";
  font-size: 12px;
}
.MobileTrigNavSteps.active a {
  font-size: 0;
  padding-right: 8px;
  background: #d03636;
}
.onboardingStepsFrontWrapperLeft.active {
}
.onboardingStepsFrontWrapperLeft.active li {
  display: block !important;
}
.applicantDetails .inputWrapper {
  width: auto;
  display: block;
  margin: 29px 20px;
}
.availableForTime.applicationFormArea .inputWrapper {
  display: inline-block;
}
.workHistory.applicationFormArea .inputWrapper {
}
body.outsider .currentStep.active {
  padding: 10px;
  border: none;
  width: 100%;
  box-sizing: border-box;
}
.ftrJL p {
  line-height: 24px;
  padding: 28px 25px;
}
body.outsider .onboardingStepsFrontWrapperRight {
  width: auto;
  display: block;
}
body .ftrJL {
  position: relative;
  width: 100%;
}

.mainWrapper,body {
  height: auto;
}
.workHistory.applicationFormArea .inputWrapper:last-child {
  border: none;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}


}


 .direct_call.jstFormParent .inputWrapper {
  width: 100%;
}
.direct_call.jstFormParent .inputWrapper label {
  display: block !important;
  font-weight: 100 !important;
  text-transform: capitalize;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-top: 6px;
}
 .direct_call.jstFormParent .inputWrapper input, .direct_call.jstFormParent .inputWrapper select, .direct_call.jstFormParent .inputWrapper textarea {
  width: 100% !important;
  box-sizing: border-box;
}
 .direct_call.jstFormParent form.submitForm input[type="submit"] {
  border-radius: 30px;
  margin-top: 30px !important;
  text-align: center;
  width: ;
  width: 120px;
  background: linear-gradient(#307dff,#0048cc) !important;
  font-size: 11px;
  font-weight: bold;
}
 .direct_call.jstFormParent form.submitForm input[type="checkbox"] {
  width: 20px !important;
}

body.outsider h3.mainHdon {
  display: none;
}

@media (max-width:400px) {
  #contract_signature {
    min-width:auto !important;
    min-height: auto !important;
  }
}

@media (max-width:480px) {

.mainJObLinkHeader span.companyName{
  float: none;
  text-align: center;
  display: block;
}
.mainJObLinkHeader {
  padding: 15px 0 0;
  text-align: center;
}
.contentGConsole .mainApplicationFormWrapper p strong {
  display: block;
  width: 100%;
  float: none;
  margin: 0;
  text-align: center;
}
.contentGConsole .mainApplicationFormWrapper .actionBtns input {
  margin: 10px auto;
  display: block;
}

.actionBtns a.reset_form{
  width: 100px;
  margin: 15px auto;
  display: block;
}

}

.notificationsBox .notification .controls a:first-child {
  background: #007b00;
  color: #fff;
}

.notificationsBox > b {
  width: 100%;
  display: block;
  background: #d7d7d7;
  padding: 20px 0;
  text-align: center;
  font-size: 21px;
  font-weight: 100;
  color: #515151;
  letter-spacing: .3px;
}

.scheduleDay.dayOff .shift {
  display: none !important;
}
.scheduleDay.dayOff {
/* pointer-events: none; */
}.scheduleDay.dayOff small {
  display: block;
  text-align: center;
  margin-top: 2px;
  font-size: 10px;
  cursor: pointer;
}
.scheduleDay.dayOff:before {
  content: "Day Off";
  background: #eee;
  display: block;
  width: 90%;
  margin: 10px auto 0;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 10;
  letter-spacing: 1px;
  color: #595959;
}
.notificationsBox .notification p a {
  font-weight: 600;
  text-decoration: underline !important;
  color: #0d0d0d;
  font-size: 13px;
}.notificationsBox.active::before {
  position: absolute;
  right: 0;
  top: -15px;
  content: "\f078";
  font-family: 'Line Awesome Free';
  font-weight: 900;
  color: #000;
  font-size: 13px;
}