.mo_empdir_div_body{font-family: 'Poppins', sans-serif;display:flex;justify-content:center;align-items:center;}.mo_empdir_card {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;padding: 30px;display: flex;flex-direction: column;align-items: center;width: 500px;}.mo_empdir_card .text{display: flex;flex-direction: column;align-items: center;}.mo_empdir_card .text img{height: 170px;border-radius: 50%;margin-bottom:10px;}.mo_empdir_card .text h3{font-size: 40px;font-weight: 400;}.mo_empdir_card-text-ptype {color: rgb(35, 182, 219);font-size: 12px;margin-top: -5px;}.mo_empdir_card-text-bio {font-size: 12px;margin-top: -5px;color: #989898;}.mo_empdir_card-text-type {margin: 10px;width: 90%;text-align: center;}.mo_empdir_required:after {content:" *";color: red;}.mo_empdir_pro {font-size: 10px;background: #236d31;color: white;font-weight: 600;padding: 1px 4px;border-radius: 4px;font-family: monospace;margin-left: 6px;}.mo_empdir_instruction {max-width: 95%;padding-left: 20px;}.mo_empdir_instruction .mo_empdir_header {font-size: 35px;font-weight: normal;margin-bottom: 40px;margin-top: 40px;}.mo_empdir_instruction .mo_empdir_tagline {color: #555d66;font-size: 14px;min-height: 60px;}.mo_empdir_instruction .mo_empdir_body {background-color: white;border: 1px solid lightgray;padding: 20px 30px 40px;}.mo_empdir_jump_links {padding-top: 50px;margin-top: -50px;}.mo_empdir_instruction .three_col {margin-bottom: 40px;}.mo_empdir_instruction .continue_to_settings {border-top: 1px solid #eee;font-size: 16px;margin-top: 40px;padding-top: 20px;}.mo_empdir_instruction .three_col .col {display: inline-block;width: 29%;margin-right: 6%;min-width: 270px;vertical-align: top;}.mo_empdir_instruction .three_col .col:last-child {margin-right: 0;}.mo_empdir_instruction .mo_empdir_tip {display: block;background-color: #ebf6fc;padding: 10px;border: solid 1px darkblue;}.mo_empdir_pro_button {position: absolute;text-decoration: none;background-color: #2271b1;font-weight: bolder;color: white;border: 2px solid #e7e7e7;padding: 5px;padding-left: 19px;padding-right: 19px;border-top: 6px solid #999ea8;transform-origin: 50% 5em;margin-left: 80%;border-radius: 999px;animation: mo_empdir-wiggle 1.5s infinite;top: 60px }.mo_empdir_pro_button:hover {background-color:#2271b1 ;border-top: 6px solid #999ea8;border: 3px solid #999ea8;color: white;box-shadow:0px 0px 5px grey;}@keyframes mo_empdir-wiggle {0% {transform: rotate(0deg);}80% {transform: rotate(0deg);}85% {transform: rotate(5deg);}95% {transform: rotate(-5deg);}100% {transform: rotate(0deg);}}.tooltip {position: relative;display: inline-block;}.tooltip .tooltiptext {visibility: hidden;width: 120px;background-color: #bebecc;color: #ffffff;text-align: center;border-radius: 6px;padding: 5px 0;position: absolute;z-index: 1;top: 150%;left: 50%;margin-left: -60px;opacity: 1;}.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent #bebecc transparent;}.tooltip:hover .tooltiptext {visibility: visible;}.mo_empdir_title_position {margin-top: -12px;padding-bottom: 2px;padding-left: 0;font-size: 1.5em !important;z-index: 2001;position: relative;top: 16px;}#mo_empdir_snackbar_g {visibility: hidden;min-width: 250px;margin-left: -125px;background-color: #4CAF50;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 1;top: 8%;right: 30px;font-size: 17px;}#mo_empdir_snackbar_g.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;animation: fadein 0.5s, fadeout 0.5s 3.5s;}#mo_empdir_snackbar_r {visibility: hidden;min-width: 250px;margin-left: -125px;background-color: #c02f2f;color: #fff;text-align: center;border-radius: 2px;padding: 16px;position: fixed;z-index: 1;top: 8%;right: 30px;font-size: 17px;}#mo_empdir_snackbar_r.show {visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 3.5s;animation: fadein 0.5s, fadeout 0.5s 3.5s;}@-webkit-keyframes fadein {from {right: 0;opacity: 0;}to {right: 30px;opacity: 1;}}@keyframes fadein {from {right: 0;opacity: 0;}to {right: 30px;opacity: 1;}}@-webkit-keyframes fadeout {from {right: 30px;opacity: 1;}to {right: 0;opacity: 0;}}@keyframes fadeout {from {right: 30px;opacity: 1;}to {right: 0;opacity: 0;}}.mo_empdir_list {background: white;border-radius: 2px;list-style: none;padding: 10px 20px;margin-top: 0px;}.mo_empdir_list-item {display: flex;margin: 10px;padding-bottom: 5px;padding-top: 5px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}.mo_empdir_list-item-image {border-radius: 80%;width: 150px;}.mo_empdir_list-item-content {margin-left: 50px;}.text-emp-list{margin: 0;}.text-emp-list{margin-top: 10px;font-size: 18px;}.mo_empdir_list-para {margin-top: 5px;color: #aaa;font-size: 14px;}.mo_empdir_list-para-filter {color: #1d3d6e;font-size: 12px;}#employee-directory-category_filter {width: 30%;padding: 10px;}#taxonomy_dropdown_filter {width: 40%;padding: 10px;margin-right: 5px;}.emp-filter-btn {padding: 10px;color: white;background: cadetblue;border: none;}.mo-empdir-advt-card {box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 27%;margin-left: 24px;padding: 15px;}.mo-empdir-advt-card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);background: white;transition: 1s cubic-bezier(.4,0,.2,1);}.mo-empdir-advt-card-container {padding: 2px 16px;}.mo-empdir-display-inline {display: inline-flex;height: 370px;margin-left: 90px;}.btn-add {font-family: 'Open Sans';transition: transform 0.3s;display: inline-block;padding: 9px 20px;font-size: 14px;margin: 0;border: 1px solid #75a9d6;background: transparent;font-weight: 700;transform: translateY(0px);border-radius: 25px;position: relative;overflow: hidden;cursor: pointer;text-decoration: none;}.btn-add:hover {transform: translateY(-6px);color: #4cadc9;}.mo-empdir-separator {border-top: 1px solid #75a9d6;} .cards-head1{border-radius:999px !important; width:20% !important;} .cards-head2{border-radius:999px !important; width:20% !important; height: 20% !important;} .mo-empdir-font18 {font-size: 18px;} .mo-empdir-font13 {font-size: 13.5px}

 .gradient-border {
     --border-width: 3px;
     position: relative;
 }

 .gradient-border::after {
     position: absolute;
     content: "";
     top: calc(-1 * var(--border-width));
     left: calc(-1 * var(--border-width));
     z-index: -1;
     width: calc(100% + var(--border-width) * 2);
     height: calc(100% + var(--border-width) * 2);
     background: linear-gradient( 60deg, hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%), hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%));
     background-size: 300% 300%;
     background-position: 0 50%;
     border-radius: calc(2 * var(--border-width));
     animation: moveGradient 4s alternate infinite;
 }

 @keyframes moveGradient {
     50% {
         background-position: 100% 50%;
     }
 }

 .mo-empdir-sidebar {
     margin: 0;
     padding: 0;
     width: 100%;
     background-color: #f1f1f1;
     height: 100%;
 }

 .mo-empdir-sidebar a {
     display: block;
     color: black;
     background: #f5f7fa;
     padding: 16px;
     text-decoration: none;
     width: 85.5%;
 }

 .mo-empdir-sidebar a.active {
     background-color: white;
     width: 84%;
     color: #7E92BC;
     border-left: 3px solid #7E92BC;
 }

 .mo-empdir-sidebar a:hover:not(.active) {
     color: #7E92BC;
     cursor: pointer;
     box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
 }

 div.content {
     margin-left: 200px;
     padding: 1px 16px;
     height: 1000px;
 }

 @media screen and (max-width: 700px) {
     .mo-empdir-sidebar {
         width: 100%;
         height: auto;
         position: relative;
     }
     .mo-empdir-sidebar a {
         float: left;
     }
     div.content {
         margin-left: 0;
     }
 }

 @media screen and (max-width: 400px) {
     .mo-empdir-sidebar a {
         text-align: center;
         float: none;
     }
 }

 .mo-empdir-td-tab {
     width: 15%;
     height: 500px;
     background: #f5f7fa;
     font-size: 16px;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 "

 }

 .mo-empdir-top-spacing {
     margin-top: 3px;
 }

 .mo_empdir_note {
     display: block;
     background-color: #ebf6fc;
     padding: 10px;
     border: solid 1px darkblue;
 }


 #mo-empdir-employees {
     font-family: Arial, Helvetica, sans-serif;
     border-collapse: collapse;
     width: 100%;
 }

 #mo-empdir-employees td,
 #mo-empdir-employees th {
     border: none;
     padding: 8px;
 }

 .mo-empdir-employees-td {
     text-align: right;
 }

 #mo-empdir-employees tr:nth-child(odd) {
     background-color: #f2f2f2;
 }

 #mo-empdir-employees tr:hover {
     background-color: #ddd;
 }

 #mo-empdir-employees th {
     text-align: left;
     background-color: #ddd;
     color: black;
 }


 .tooltip_cshortcode {
     position: relative;
     display: inline-block;
 }

 .tooltip_cshortcode .tooltiptext_cshortcode {
     visibility: hidden;
     width: 120px;
     background-color: #bebecc;
     color: #ffffff;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     top: 150%;
     left: 98%;
     margin-left: -60px;
     opacity: 1;
 }

 .tooltip_cshortcode .tooltiptext_cshortcode::after {
     content: "";
     position: absolute;
     bottom: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: transparent transparent #bebecc transparent;
 }

 .tooltip_cshortcode:hover .tooltiptext_cshortcode {
     visibility: visible;
 }


 .mo_empdir_int_slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: .4s;
     transition: .4s;
 }

 .mo_empdir_int_slider:before {
     position: absolute;
     content: "";
     height: 26px;
     width: 26px;
     left: 4px;
     bottom: 4px;
     background-color: white;
     -webkit-transition: .4s;
     transition: .4s;
 }

 input:checked+.mo_empdir_int_slider {
     background-color: #2196F3;
 }

 input:focus+.mo_empdir_int_slider {
     box-shadow: 0 0 1px #2196F3;
 }

 input:checked+.mo_empdir_int_slider:before {
     -webkit-transform: translateX(26px);
     -ms-transform: translateX(26px);
     transform: translateX(26px);
 }

 .mo_empdir_int_slider.round {
     border-radius: 34px;
 }

 .mo_empdir_int_slider.round:before {
     border-radius: 50%;
 }

 .mo_empdir_int_switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 30px;
 }

 .mo_empdir_int_switch input {
     opacity: 0;
     width: 0;
     height: 0;
 }


 .gradient-border {
     --border-width: 3px;
     position: relative;
 }

 .gradient-border::after {
     position: absolute;
     content: "";
     top: calc(-1 * var(--border-width));
     left: calc(-1 * var(--border-width));
     z-index: -1;
     width: calc(100% + var(--border-width) * 2);
     height: calc(100% + var(--border-width) * 2);
     background: linear-gradient( 60deg, hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%), hsl(44, 85%, 66%), hsl(89, 85%, 66%), hsl(134, 85%, 66%), hsl(179, 85%, 66%));
     background-size: 300% 300%;
     background-position: 0 50%;
     border-radius: calc(2 * var(--border-width));
     animation: moveGradient 4s alternate infinite;
 }

 @keyframes moveGradient {
     50% {
         background-position: 100% 50%;
     }
 }

 .wsk-float{
     position: fixed;
     bottom: 20px;
     right: 20px;
 }
 .wsk-float a, .wsk-float a img{
     display: block;
 }


 .pulse-button {
     position: relative;
     width: 70px;
     height: 70px;
     border: none;
     box-shadow: 1px 1px 10px 3px #8e8e9c;
     border-radius: 50%;
     background-color: #2271b1;
     cursor: pointer;

 }

 .tttooltip {
     position: relative;
     display: inline-block;
 }

 .tttooltip .tttooltiptext {
     width: 200px;
     background-color: #2271b1;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 14px 5px;
     margin-left: -260px;
     margin-top: 3px;
     font-size: 15px;
     /* Position the tooltip */
     box-shadow: 1px 1px 10px 3px #8e8e9c;
     position: absolute;
     z-index: 1;
 }


 .pulse-button .tttooltiptext:before  {
     content: "";
     width: 0;
     height: 0;
     position: absolute;
     left: 200px;
     bottom: 21px;
     border-top: 10px solid transparent;
     border-left: 15px solid #2271b1;
     border-bottom: 10px solid transparent;

 }
 .support-form-container {
     background: #fafbfb;
     width: 430px;
     border-radius: 5px;
     box-shadow: 10px 10px 50px 7px grey;
     right: 4.9%;
     color: #172b4d;
     font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Oxygen,Ubuntu,Droid Sans,Helvetica Neue,sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 1.42857142857143;
     letter-spacing: -.005em;
     bottom: 0;
     position: fixed;
     z-index: 12;
     overflow-y: hidden;
     overflow-x: hidden;
     padding: 0px;
     transform: scale(.9);
 }

 .loading-inner {
     box-sizing: border-box;
     display: none;
     padding: 1.25rem 0.83333rem 0;
     margin-left: 0.83333rem;
     margin-right: 0.83333rem;
     max-height: 37.16667rem;
     overflow-y: auto;
     overflow-x: hidden;
 }

 .widget-header-text {
     color: #fff;
     padding: 10px;
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
     flex-grow: 1;
     text-overflow: ellipsis;
     text-align: center;
 }

 .prem-icn{
     position:absolute;
     z-index:10;
     display:inline-flex;
     right:32.5%;
     filter:drop-shadow(#f6f6f6 9px 4px 1px)
 }
 .empdir_col_name {
      left: 91.5% !important; margin-top: -7px !important;
  }
 .sso-btn-prem-img{
     left: 34.5%;
     margin-top: -47px;
 }

 .nameid-prem-text{
     display: none;
     width: 400px;
     background-color: #000000d4;
     color: #fff;
     font-size: 1.1rem;
     text-align: center;
     border-radius: 6px;
     padding: 0.6em 0.5em;
     left: 19em;
     bottom: -0.2em;
     position: absolute;
     z-index: 1;
 }
 .prem-info:hover .nameid-prem-text {
     display: block!important;
 }

 .mo-empdir-faq-btn {
     border: none!important;
     background-color: #ffa500;

     overflow: hidden;
     padding: 0.7rem 2rem;
     color: #000;
     text-decoration: none;
     font-size: 1rem;
     font-weight: 600;
     margin-top: 10px;
 }

 .mo-empdir-btn-free {
     cursor: pointer;
     transition: all .3s ease;
     border-radius: 50px;
     display: inline-block;
     box-shadow: inset 2px 2px 2px 0 rgb(255 255 255 / 50%), 7px 7px 20px 0 rgb(0 0 0 / 10%), 4px 4px 5px 0 rgb(0 0 0 / 10%);
 }

 .prem-btn-cstm {
     border: none;
     background: #ffa500;
     color: #fff;
     overflow: hidden;
 }


 .mo_empdir_search_box {
     background-color: #fff;
     border-radius: 6px;
     padding: 20px 20px 20px 20px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     border: 1px solid #bfbfbf;
     align-self: center;
     width: 80%;
     margin-bottom: 10px;
 }

.mo_empdir_support_icon {
    color:white !important;
    font-size:50px !important;
    padding:0.6rem !important;
}
.mo_empdir_close_support {
    margin-right: 5px;
    float: right;
    font-size: 25px;
    cursor:pointer;
    color: #ae5555;
}