@font-face {
    font-family: 'Glyphicons Halflings';
  
    src: url('../../fonts/glyphicons-halflings-regular.eot');
    src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
         url('../../fonts/glyphicons-halflings-regular.woff2') format('woff2'),
         url('../../fonts/glyphicons-halflings-regular.woff') format('woff'),
         url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
         url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .glyphicon-asterisk:before {
    content: "\002a";
  }
  .glyphicon-plus:before {
    content: "\002b";
  }
  .glyphicon-euro:before,
  .glyphicon-eur:before {
    content: "\20ac";
  }
  .glyphicon-minus:before {
    content: "\2212";
  }
  .glyphicon-cloud:before {
    content: "\2601";
  }
  .glyphicon-envelope:before {
    content: "\2709";
  }
  .glyphicon-pencil:before {
    content: "\270f";
  }
  .glyphicon-glass:before {
    content: "\e001";
  }
  .glyphicon-music:before {
    content: "\e002";
  }
  .glyphicon-search:before {
    content: "\e003";
  }
  .glyphicon-heart:before {
    content: "\e005";
  }
  .glyphicon-star:before {
    content: "\e006";
  }
  .glyphicon-star-empty:before {
    content: "\e007";
  }
  .glyphicon-user:before {
    content: "\e008";
  }
  .glyphicon-film:before {
    content: "\e009";
  }
  .glyphicon-th-large:before {
    content: "\e010";
  }
  .glyphicon-th:before {
    content: "\e011";
  }
  .glyphicon-th-list:before {
    content: "\e012";
  }
  .glyphicon-ok:before {
    content: "\e013";
  }
  .glyphicon-remove:before {
    content: "\e014";
  }
  .glyphicon-zoom-in:before {
    content: "\e015";
  }
  .glyphicon-zoom-out:before {
    content: "\e016";
  }
  .glyphicon-off:before {
    content: "\e017";
  }
  .glyphicon-signal:before {
    content: "\e018";
  }
  .glyphicon-cog:before {
    content: "\e019";
  }
  .glyphicon-trash:before {
    content: "\e020";
  }
  .glyphicon-home:before {
    content: "\e021";
  }
  .glyphicon-file:before {
    content: "\e022";
  }
  .glyphicon-time:before {
    content: "\e023";
  }
  .glyphicon-road:before {
    content: "\e024";
  }
  .glyphicon-download-alt:before {
    content: "\e025";
  }
  .glyphicon-download:before {
    content: "\e026";
  }
  .glyphicon-upload:before {
    content: "\e027";
  }
  .glyphicon-inbox:before {
    content: "\e028";
  }
  .glyphicon-play-circle:before {
    content: "\e029";
  }
  .glyphicon-repeat:before {
    content: "\e030";
  }
  .glyphicon-refresh:before {
    content: "\e031";
  }
  .glyphicon-list-alt:before {
    content: "\e032";
  }
  .glyphicon-lock:before {
    content: "\e033";
  }
  .glyphicon-flag:before {
    content: "\e034";
  }
  .glyphicon-headphones:before {
    content: "\e035";
  }
  .glyphicon-volume-off:before {
    content: "\e036";
  }
  .glyphicon-volume-down:before {
    content: "\e037";
  }
  .glyphicon-volume-up:before {
    content: "\e038";
  }
  .glyphicon-qrcode:before {
    content: "\e039";
  }
  .glyphicon-barcode:before {
    content: "\e040";
  }
  .glyphicon-tag:before {
    content: "\e041";
  }
  .glyphicon-tags:before {
    content: "\e042";
  }
  .glyphicon-book:before {
    content: "\e043";
  }
  .glyphicon-bookmark:before {
    content: "\e044";
  }
  .glyphicon-print:before {
    content: "\e045";
  }
  .glyphicon-camera:before {
    content: "\e046";
  }
  .glyphicon-font:before {
    content: "\e047";
  }
  .glyphicon-bold:before {
    content: "\e048";
  }
  .glyphicon-italic:before {
    content: "\e049";
  }
  .glyphicon-text-height:before {
    content: "\e050";
  }
  .glyphicon-text-width:before {
    content: "\e051";
  }
  .glyphicon-align-left:before {
    content: "\e052";
  }
  .glyphicon-align-center:before {
    content: "\e053";
  }
  .glyphicon-align-right:before {
    content: "\e054";
  }
  .glyphicon-align-justify:before {
    content: "\e055";
  }
  .glyphicon-list:before {
    content: "\e056";
  }
  .glyphicon-indent-left:before {
    content: "\e057";
  }
  .glyphicon-indent-right:before {
    content: "\e058";
  }
  .glyphicon-facetime-video:before {
    content: "\e059";
  }
  .glyphicon-picture:before {
    content: "\e060";
  }
  .glyphicon-map-marker:before {
    content: "\e062";
  }
  .glyphicon-adjust:before {
    content: "\e063";
  }
  .glyphicon-tint:before {
    content: "\e064";
  }
  .glyphicon-edit:before {
    content: "\e065";
  }
  .glyphicon-share:before {
    content: "\e066";
  }
  .glyphicon-check:before {
    content: "\e067";
  }
  .glyphicon-move:before {
    content: "\e068";
  }
  .glyphicon-step-backward:before {
    content: "\e069";
  }
  .glyphicon-fast-backward:before {
    content: "\e070";
  }
  .glyphicon-backward:before {
    content: "\e071";
  }
  .glyphicon-play:before {
    content: "\e072";
  }
  .glyphicon-pause:before {
    content: "\e073";
  }
  .glyphicon-stop:before {
    content: "\e074";
  }
  .glyphicon-forward:before {
    content: "\e075";
  }
  .glyphicon-fast-forward:before {
    content: "\e076";
  }
  .glyphicon-step-forward:before {
    content: "\e077";
  }
  .glyphicon-eject:before {
    content: "\e078";
  }
  .glyphicon-chevron-left:before {
    content: "\e079";
  }
  .glyphicon-chevron-right:before {
    content: "\e080";
  }
  .glyphicon-plus-sign:before {
    content: "\e081";
  }
  .glyphicon-minus-sign:before {
    content: "\e082";
  }
  .glyphicon-remove-sign:before {
    content: "\e083";
  }
  .glyphicon-ok-sign:before {
    content: "\e084";
  }
  .glyphicon-question-sign:before {
    content: "\e085";
  }
  .glyphicon-info-sign:before {
    content: "\e086";
  }
  .glyphicon-screenshot:before {
    content: "\e087";
  }
  .glyphicon-remove-circle:before {
    content: "\e088";
  }
  .glyphicon-ok-circle:before {
    content: "\e089";
  }
  .glyphicon-ban-circle:before {
    content: "\e090";
  }
  .glyphicon-arrow-left:before {
    content: "\e091";
  }
  .glyphicon-arrow-right:before {
    content: "\e092";
  }
  .glyphicon-arrow-up:before {
    content: "\e093";
  }
  .glyphicon-arrow-down:before {
    content: "\e094";
  }
  .glyphicon-share-alt:before {
    content: "\e095";
  }
  .glyphicon-resize-full:before {
    content: "\e096";
  }
  .glyphicon-resize-small:before {
    content: "\e097";
  }
  .glyphicon-exclamation-sign:before {
    content: "\e101";
  }
  .glyphicon-gift:before {
    content: "\e102";
  }
  .glyphicon-leaf:before {
    content: "\e103";
  }
  .glyphicon-fire:before {
    content: "\e104";
  }
  .glyphicon-eye-open:before {
    content: "\e105";
  }
  .glyphicon-eye-close:before {
    content: "\e106";
  }
  .glyphicon-warning-sign:before {
    content: "\e107";
  }
  .glyphicon-plane:before {
    content: "\e108";
  }
  .glyphicon-calendar:before {
    content: "\e109";
  }
  .glyphicon-random:before {
    content: "\e110";
  }
  .glyphicon-comment:before {
    content: "\e111";
  }
  .glyphicon-magnet:before {
    content: "\e112";
  }
  .glyphicon-chevron-up:before {
    content: "\e113";
  }
  .glyphicon-chevron-down:before {
    content: "\e114";
  }
  .glyphicon-retweet:before {
    content: "\e115";
  }
  .glyphicon-shopping-cart:before {
    content: "\e116";
  }
  .glyphicon-folder-close:before {
    content: "\e117";
  }
  .glyphicon-folder-open:before {
    content: "\e118";
  }
  .glyphicon-resize-vertical:before {
    content: "\e119";
  }
  .glyphicon-resize-horizontal:before {
    content: "\e120";
  }
  .glyphicon-hdd:before {
    content: "\e121";
  }
  .glyphicon-bullhorn:before {
    content: "\e122";
  }
  .glyphicon-bell:before {
    content: "\e123";
  }
  .glyphicon-certificate:before {
    content: "\e124";
  }
  .glyphicon-thumbs-up:before {
    content: "\e125";
  }
  .glyphicon-thumbs-down:before {
    content: "\e126";
  }
  .glyphicon-hand-right:before {
    content: "\e127";
  }
  .glyphicon-hand-left:before {
    content: "\e128";
  }
  .glyphicon-hand-up:before {
    content: "\e129";
  }
  .glyphicon-hand-down:before {
    content: "\e130";
  }
  .glyphicon-circle-arrow-right:before {
    content: "\e131";
  }
  .glyphicon-circle-arrow-left:before {
    content: "\e132";
  }
  .glyphicon-circle-arrow-up:before {
    content: "\e133";
  }
  .glyphicon-circle-arrow-down:before {
    content: "\e134";
  }
  .glyphicon-globe:before {
    content: "\e135";
  }
  .glyphicon-wrench:before {
    content: "\e136";
  }
  .glyphicon-tasks:before {
    content: "\e137";
  }
  .glyphicon-filter:before {
    content: "\e138";
  }
  .glyphicon-briefcase:before {
    content: "\e139";
  }
  .glyphicon-fullscreen:before {
    content: "\e140";
  }
  .glyphicon-dashboard:before {
    content: "\e141";
  }
  .glyphicon-paperclip:before {
    content: "\e142";
  }
  .glyphicon-heart-empty:before {
    content: "\e143";
  }
  .glyphicon-link:before {
    content: "\e144";
  }
  .glyphicon-phone:before {
    content: "\e145";
  }
  .glyphicon-pushpin:before {
    content: "\e146";
  }
  .glyphicon-usd:before {
    content: "\e148";
  }
  .glyphicon-gbp:before {
    content: "\e149";
  }
  .glyphicon-sort:before {
    content: "\e150";
  }
  .glyphicon-sort-by-alphabet:before {
    content: "\e151";
  }
  .glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
  }
  .glyphicon-sort-by-order:before {
    content: "\e153";
  }
  .glyphicon-sort-by-order-alt:before {
    content: "\e154";
  }
  .glyphicon-sort-by-attributes:before {
    content: "\e155";
  }
  .glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
  }
  .glyphicon-unchecked:before {
    content: "\e157";
  }
  .glyphicon-expand:before {
    content: "\e158";
  }
  .glyphicon-collapse-down:before {
    content: "\e159";
  }
  .glyphicon-collapse-up:before {
    content: "\e160";
  }
  .glyphicon-log-in:before {
    content: "\e161";
  }
  .glyphicon-flash:before {
    content: "\e162";
  }
  .glyphicon-log-out:before {
    content: "\e163";
  }
  .glyphicon-new-window:before {
    content: "\e164";
  }
  .glyphicon-record:before {
    content: "\e165";
  }
  .glyphicon-save:before {
    content: "\e166";
  }
  .glyphicon-open:before {
    content: "\e167";
  }
  .glyphicon-saved:before {
    content: "\e168";
  }
  .glyphicon-import:before {
    content: "\e169";
  }
  .glyphicon-export:before {
    content: "\e170";
  }
  .glyphicon-send:before {
    content: "\e171";
  }
  .glyphicon-floppy-disk:before {
    content: "\e172";
  }
  .glyphicon-floppy-saved:before {
    content: "\e173";
  }
  .glyphicon-floppy-remove:before {
    content: "\e174";
  }
  .glyphicon-floppy-save:before {
    content: "\e175";
  }
  .glyphicon-floppy-open:before {
    content: "\e176";
  }
  .glyphicon-credit-card:before {
    content: "\e177";
  }
  .glyphicon-transfer:before {
    content: "\e178";
  }
  .glyphicon-cutlery:before {
    content: "\e179";
  }
  .glyphicon-header:before {
    content: "\e180";
  }
  .glyphicon-compressed:before {
    content: "\e181";
  }
  .glyphicon-earphone:before {
    content: "\e182";
  }
  .glyphicon-phone-alt:before {
    content: "\e183";
  }
  .glyphicon-tower:before {
    content: "\e184";
  }
  .glyphicon-stats:before {
    content: "\e185";
  }
  .glyphicon-sd-video:before {
    content: "\e186";
  }
  .glyphicon-hd-video:before {
    content: "\e187";
  }
  .glyphicon-subtitles:before {
    content: "\e188";
  }
  .glyphicon-sound-stereo:before {
    content: "\e189";
  }
  .glyphicon-sound-dolby:before {
    content: "\e190";
  }
  .glyphicon-sound-5-1:before {
    content: "\e191";
  }
  .glyphicon-sound-6-1:before {
    content: "\e192";
  }
  .glyphicon-sound-7-1:before {
    content: "\e193";
  }
  .glyphicon-copyright-mark:before {
    content: "\e194";
  }
  .glyphicon-registration-mark:before {
    content: "\e195";
  }
  .glyphicon-cloud-download:before {
    content: "\e197";
  }
  .glyphicon-cloud-upload:before {
    content: "\e198";
  }
  .glyphicon-tree-conifer:before {
    content: "\e199";
  }
  .glyphicon-tree-deciduous:before {
    content: "\e200";
  }
  .glyphicon-cd:before {
    content: "\e201";
  }
  .glyphicon-save-file:before {
    content: "\e202";
  }
  .glyphicon-open-file:before {
    content: "\e203";
  }
  .glyphicon-level-up:before {
    content: "\e204";
  }
  .glyphicon-copy:before {
    content: "\e205";
  }
  .glyphicon-paste:before {
    content: "\e206";
  }
  .glyphicon-alert:before {
    content: "\e209";
  }
  .glyphicon-equalizer:before {
    content: "\e210";
  }
  .glyphicon-king:before {
    content: "\e211";
  }
  .glyphicon-queen:before {
    content: "\e212";
  }
  .glyphicon-pawn:before {
    content: "\e213";
  }
  .glyphicon-bishop:before {
    content: "\e214";
  }
  .glyphicon-knight:before {
    content: "\e215";
  }
  .glyphicon-baby-formula:before {
    content: "\e216";
  }
  .glyphicon-tent:before {
    content: "\26fa";
  }
  .glyphicon-blackboard:before {
    content: "\e218";
  }
  .glyphicon-bed:before {
    content: "\e219";
  }
  .glyphicon-apple:before {
    content: "\f8ff";
  }
  .glyphicon-erase:before {
    content: "\e221";
  }
  .glyphicon-hourglass:before {
    content: "\231b";
  }
  .glyphicon-lamp:before {
    content: "\e223";
  }
  .glyphicon-duplicate:before {
    content: "\e224";
  }
  .glyphicon-piggy-bank:before {
    content: "\e225";
  }
  .glyphicon-scissors:before {
    content: "\e226";
  }
  .glyphicon-bitcoin:before {
    content: "\e227";
  }
  .glyphicon-btc:before {
    content: "\e227";
  }
  .glyphicon-xbt:before {
    content: "\e227";
  }
  .glyphicon-yen:before {
    content: "\00a5";
  }
  .glyphicon-jpy:before {
    content: "\00a5";
  }
  .glyphicon-ruble:before {
    content: "\20bd";
  }
  .glyphicon-rub:before {
    content: "\20bd";
  }
  .glyphicon-scale:before {
    content: "\e230";
  }
  .glyphicon-ice-lolly:before {
    content: "\e231";
  }
  .glyphicon-ice-lolly-tasted:before {
    content: "\e232";
  }
  .glyphicon-education:before {
    content: "\e233";
  }
  .glyphicon-option-horizontal:before {
    content: "\e234";
  }
  .glyphicon-option-vertical:before {
    content: "\e235";
  }
  .glyphicon-menu-hamburger:before {
    content: "\e236";
  }
  .glyphicon-modal-window:before {
    content: "\e237";
  }
  .glyphicon-oil:before {
    content: "\e238";
  }
  .glyphicon-grain:before {
    content: "\e239";
  }
  .glyphicon-sunglasses:before {
    content: "\e240";
  }
  .glyphicon-text-size:before {
    content: "\e241";
  }
  .glyphicon-text-color:before {
    content: "\e242";
  }
  .glyphicon-text-background:before {
    content: "\e243";
  }
  .glyphicon-object-align-top:before {
    content: "\e244";
  }
  .glyphicon-object-align-bottom:before {
    content: "\e245";
  }
  .glyphicon-object-align-horizontal:before {
    content: "\e246";
  }
  .glyphicon-object-align-left:before {
    content: "\e247";
  }
  .glyphicon-object-align-vertical:before {
    content: "\e248";
  }
  .glyphicon-object-align-right:before {
    content: "\e249";
  }
  .glyphicon-triangle-right:before {
    content: "\e250";
  }
  .glyphicon-triangle-left:before {
    content: "\e251";
  }
  .glyphicon-triangle-bottom:before {
    content: "\e252";
  }
  .glyphicon-triangle-top:before {
    content: "\e253";
  }
  .glyphicon-console:before {
    content: "\e254";
  }
  .glyphicon-superscript:before {
    content: "\e255";
  }
  .glyphicon-subscript:before {
    content: "\e256";
  }
  .glyphicon-menu-left:before {
    content: "\e257";
  }
  .glyphicon-menu-right:before {
    content: "\e258";
  }
  .glyphicon-menu-down:before {
    content: "\e259";
  }
  .glyphicon-menu-up:before {
    content: "\e260";
  }

:root {
    --widdth: 40px;
    --roundcolor: white;
    --backgroundcolor: #2196F3;
    --uncheckbackgroundcolor: #ccc;
}

.switch {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 21px;
}

.switch input {
    display: none;
}

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

#candidateSearchjob {
    width: 300px;
    max-width: 100%;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13.56px;
    width: 13.56px;
    left: 4.63px;
    bottom: 3.7px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #24bba2;
}

input:focus+.slider {
    box-shadow: 0 0 1px #24bba2;
}

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

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

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


/*******************************************Toggle E****************************************************/

*:focus {
    outline: none !important;
}

.button-blue,
.button-gray {
    font-family: inherit !important;
    font-size: 14px !important;
}

.chat-box .conversation-1 .dialog-chat {
    padding: 20px 15px !important;
}

.modal.modal_fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out !important;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%) !important;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0) !important;
}

.popup-main .modal {
    opacity: 0 !important;
    transition: opacity .15s linear !important;
    overflow-y: visible;
}

.modal_fade {
    opacity: 0 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear !important;
}

.modal_fade.in {
    opacity: 1 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear !important;
}

.filter-box .sort-panel {
    font: inherit !important;
    font-size: 16px !important;
}


.add-candi-input input[type="text"],
.search-candidate input[type="text"],
.linkdinicon-box input[type="text"] {
    font: inherit !important;
    font-size: 14px !important;
}

.chat-box .conversion-left .dialog-chat,
.chat-box .conversion-right .dialog-chat {
    max-width: 70%;
}

.right-sidebar .profile-scetion h3.profile-name {
    margin: 5px 0 0 !important;
}

.note-section textarea {
    color: #000 !important;
}


.chat-relative-time {
    opacity: .7 !important;
}


.chat-box .conversation-1 {
    width: 100%;
}

a.m-collapsed {
    position: relative;
}

.chat-post-section .chat-input {
    background: #f5f4f7 none repeat scroll 0 0;
    min-height: 40px;
    border: 0 none;
    border-radius: 3px;
    color: #000021;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    padding-right: 50px;
    line-height: 20px;
    padding-top: 10px;
    font: inherit !important;
}

.chat-post-section .button-sectionv-to {
    border-bottom: 1px solid #edf0f2;
    float: left;
    width: 100%;
    margin-top: 12px;
}

.chat-post-section .button-sectionv-to a {
    float: left;
    border-bottom: 3px solid #fff;
    border: 0 none;
    color: #2b215b;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.43;
    margin-right: 10px;
    padding: 7px 0px;
    opacity: 0.5;
}

.popup-title h2 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.close {
    opacity: .2;
}

.listing-table-profile-img {
    width: 5% !important;
    overflow: hidden;
}

.job-candidates-listing-table ul li {
    padding: 14px 5px;
}

.listing-table-star-rating {
    min-width: 140px;
    width: 17% !important;
    overflow: hidden;
}

.social-icon-to-li {
    min-width: 110px;
}

.listing-table-candidate-last {
    width: 15% !important;
    overflow: hidden;
}

.listing-table-recruiter-last {
    width: 15% !important;
    overflow: hidden !important;
}

.listing-table-email {
    width: 20% !important;
    overflow: hidden;
}

.job-candidates-listing-table ul li:nth-child(2) {
    width: 5%;
}

.listing-table-profile-img {
    width: 5% !important;
    overflow: hidden;
}

.right-sidebar .profile-scetion {
    padding: 14px;
}

.right-sidebar .profile-scetion .star-rating li {
    padding: 0 6px 0;
}

.right-sidebar .phone-number {
    margin-top: -3px;
}

.right-sidebar .note-section textarea {
    margin-top: 5px;
}

.right-sidebar .social-icon li {
    margin-left: 5px;
}

.job-candidates-listing-table ul li .left-icon img {
    width: 100% !important;
    height: 100% !important;
}

.footer-logo {
    font-size: 30px !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.earror-msg {
    color: #e43465;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
    float: left;
    width: 100%;
}

.form-control.input-large {
    width: 500px;
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.candidate-filterbox {
    width: 335px !important;
    max-width: 100% !important;
}

.candidate-filterbox-sortpanel {
    width: 42%;
}

.candidate-filterpanel {
    font-size: 13px !important;
}

.block-ui-message {
    z-index: 1011 !important;
    position: fixed !important;
    width: 30% !important;
    top: 40% !important;
    left: 35% !important;
    text-align: center !important;
    color: rgb(0, 0, 0) !important;
    border: 3px solid rgb(170, 170, 170) !important;
    background-color: #f7f7f9 !important;
    padding: 20px !important;
    font-size: 36px !important;
    font-weight: 500 !important;
    filter: alpha(opacity=100) !important;
    line-height: 1.1 !important;
    border-radius: 0px !important;
}

.job-title {
    margin-top: 0px !important;
}

.empty-home-page {
    margin: 40px auto;
    width: 465px;
    background: #fff;
    padding: 30px;
}

.empty-home-page .logo-mark {
    text-align: center;
    padding-bottom: 20px;
}

.empty-home-page .logo-mark img {
    width: 74px;
}

.empty-home-page h2 {
    font-size: 36px;
    text-align: center;
    color: #2b215b;
    margin-bottom: 15px;
}

.empty-home-page h2 span {
    opacity: 0.5;
    font-size: 20px;
    text-align: center;
    color: #2b215b;
    padding-top: 20px;
}

.linkdinicon-box input[type="text"]:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.add-signup-input label {
    color: #2b215b;
    opacity: 0.5;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    font-weight: normal;
}

.add-signup-input label:focus {
    color: #2b215b;
    opacity: 1;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    font-weight: normal;
}

.add-signup-input input[type=text]:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.add-signup-input input[type="text"] {
    font-family: "Jaldi", sans-serif;
    color: rgba(43, 33, 91, 1);
    opacity: 1;
    font-size: 14px;
    width: 100%;
    margin: 3px 0 5px 0;
    padding-left: 10px;
    background: rgba(43, 33, 91, 0.05);
    border: 1px #fff solid;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
}

.add-signup-input {
    float: left;
    width: 48%;
    margin-left: 4%;
}

.popup-data .add-signup-input.margin-nill {
    margin-left: 0;
}

.linkdinicon-box {
    width: 100% !important;
    background: rgba(43, 33, 91, 0.1);
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.linkdinicon-box .linkdinicon {
    color: #c2bfd0;
    font-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 2px;
    line-height: normal;
}

.linkdinicon-box input[type="text"] {
    color: #2b215b;
    opacity: 1;
    font-size: 14px;
    width: 100%;
    padding: 0 40px;
    background: #f4f4f7;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    float: left;
    border: 0;
    padding-left: 49px;
}

.add-signup-input input::placeholder {
    color: rgba(43, 33, 91, 0.5);
    font-size: 14px;
    font-family: "Jaldi", sans-serif;
}

.earror-msg span, .paddingRight10 {
    padding-right: 10px;
}

.popup-data h3 {
    color: #2b215b;
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 15px 0;
    width: 100%;
}

.button-gray {
    background: #24bba2;
    border: 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    padding: 0px 20px;
}

.empty-chat-page h2 {
    font-size: 24px;
    text-align: center;
    color: #2b215b;
    margin-bottom: 15px;
    opacity: 0.25;
    margin-bottom: 50px;
}

.mCS-content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.empty-chat-page .logo-mark-to {
    width: 100%;
    float: left;
    text-align: center;
    margin: 80px 0 30px 0;
}

.empty-chat-page .logo-mark-to img {
    width: 80px;
}


.can-port-hr {
    float: left;
    width: 100%;
    margin: 15px 0 11px;
    position: relative;
}

.can-port-hr .bec-can-btn {
    float: left;
    opacity: 0.5;
    font-size: 14px;
    text-align: left;
    color: #2b215b;
    padding-top: 10px;
}

.can-port-hr .bec-can-btn i.fa-chevron-left {
    font-size: 10px;
    padding-right: 5px;
}

.can-port-hr .edit-can-btn {
    float: right;
    opacity: 0.5;
    font-size: 14px;
    text-align: left;
    color: #2b215b;
    padding-top: 10px;
}


.share-can-btn {
    text-decoration: none !important;
    float: right;
    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #24bba2;
    border-radius: 3px;
    color: #fff;
    padding: 0 10px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
}

.share-can-btn:hover,
.share-can-btn:focus {
    color: #fff;
    opacity: 0.6;
}

.share-can-droup-down {
    display: none;
    width: 250px;
    background: #fff;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 45px;
    z-index: 9;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(156, 154, 156, 1);
    -moz-box-shadow: 0px 3px 3px 0px rgba(156, 154, 156, 1);
    box-shadow: 0px 3px 3px 0px rgba(156, 154, 156, 1);
}

ol.manage-btndroup-down {
    display: none;
    width: 250px;
    background: #fff;
    padding: 5px;
    position: absolute;
    right: 60px;
    top: 60px;
    z-index: 9;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

.share-can-droup-down li,
ol.manage-btndroup-down li {
    width: 100%;
    float: left;
    margin: 0 0 5px 0;
}

.share-can-btn img {
    margin-top: -4px;
    padding-right: 10px;
    position: relative;
    width: 32px;
}

.share-can-btn i {
    padding-right: 10px;
}

.share-can-droup-down li a {
    color: #2b215b;
    width: 100%;
    display: block;
    padding: 10px;
}

ol.manage-btndroup-down li a {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    min-height: 40px;
    text-align: left;
    width: 100%;
    float: left;
    margin: 0;
}

ol.manage-btndroup-down li a img {
    width: 33px;
    height: auto;
    padding-right: 10px;
    fill: #c6c4d2;
}

.share-can-droup-down li a:hover,
ol.manage-btndroup-down li a:hover {
    background: #f5f4f7;
}

ol.manage-btndroup-down li a:hover img {
    fill: #000;
}

/* chat drawer msearch boxes 
*/
.chatQues-search-filter-panel {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.chatQues-search-filter-panel .cQsearch-box {
    font-family: "Jaldi", sans-serif;
    float: left;
    width: 300px;
    height: 42px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid transparent;
}

.chatQues-search-filter-panel .cQsearch-box button {
    float: left;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: rgba(43, 33, 91, 0.25);
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border: 0;
    background: #fff;
    opacity: 0.25;
}

.chatQues-search-filter-panel .cQsearch-box input[type="text"] {
    float: left;
    border: 0;
    width: 170px;
    font-family: "Jaldi", sans-serif;
    ;
    max-width: 80%;
    height: 40px;
    color: rgba(43, 33, 91, 0.5);
    background-color: rgb(245, 245, 247);
    font-size: 16px;
    text-align: left;
    line-height: 40px;
    padding-left: 10px;
}

.chatQues-search-filter-panel .cQsearch-box.cQsearch-white input[type="text"] {
    background-color: #fff;
}

.chatQues-search-filter-panel .cQsearch-box input::placeholder {
    color: rgba(43, 33, 91, 0.5);
}

.chatQues-search-filter-panel .cQsearch-box input:focus {
    border: 0;
    outline: none;
}

.chatQues-search-filter-panel .cQsearch-box.cQsearch-white button img {
    opacity: 0.25;
    margin-top: -3px;
    vertical-align: middle;
}

.chatQues-search-filter-panel .cQsearch-box.bg-light-gray-to button {
    background-color: rgb(245, 245, 247);
    border-radius: 2px 0 0 2px;
}

.chatQues-search-filter-panel .cQsearch-box.search-white button img {
    opacity: 0.25;
    margin-top: -3px;
}

.chatQues-search-filter-panel .cQsearch-box.bg-light-gray-to button img {
    opacity: 0.25;
    margin-top: -3px;
}

.chatQues-search-filter-panel .cQsearch-box button {
    float: left;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: rgba(43, 33, 91, 0.25);
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border: 0;
    background: #fff;
    opacity: 0.8;
}

.chatRes-search-filter-panel {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.chatRes-search-filter-panel .cRsearch-box {
    font-family: "Jaldi", sans-serif;
    float: left;
    width: 300px;
    height: 42px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid transparent;
}

.chatRes-search-filter-panel .cRsearch-box button {
    float: left;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: rgba(43, 33, 91, 0.25);
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border: 0;
    background: #fff;
    opacity: 0.25;
}

.chatRes-search-filter-panel .cRsearch-box input[type="text"] {
    float: left;
    border: 0;
    width: 170px;
    font-family: "Jaldi", sans-serif;
    ;
    max-width: 80%;
    height: 40px;
    color: rgba(43, 33, 91, 0.5);
    background-color: rgb(245, 245, 247);
    font-size: 16px;
    text-align: left;
    line-height: 40px;
    padding-left: 10px;
}

.chatRes-search-filter-panel .cRsearch-box.cQsearch-white input[type="text"] {
    background-color: #fff;
}

.chatRes-search-filter-panel .cRsearch-box input::placeholder {
    color: rgba(43, 33, 91, 0.5);
}

.chatRes-search-filter-panel .cRsearch-box input:focus {
    border: 0;
    outline: none;
}

.chatRes-search-filter-panel .cRsearch-box.cQsearch-white button img {
    opacity: 0.25;
    margin-top: -3px;
    vertical-align: middle;
}

.chatRes-search-filter-panel .cRsearch-box.bg-light-gray-to button {
    background-color: rgb(245, 245, 247);
    border-radius: 2px 0 0 2px;
}

.chatRes-search-filter-panel .cRsearch-box.search-white button img {
    opacity: 0.25;
    margin-top: -3px;
}

.chatRes-search-filter-panel .cRsearch-box.bg-light-gray-to button img {
    opacity: 0.25;
    margin-top: -3px;
}

.chatRes-search-filter-panel .cRsearch-box button {
    float: left;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: rgba(43, 33, 91, 0.25);
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border: 0;
    background: #fff;
    opacity: 0.8;
}

.m-t-twenty {
    margin-top: 20px !important;
}

.job-title {
    color: #2b215b;
    font-size: 24px;
    font-stretch: normal;
    margin: 0;
    float: left;
    width: 100%;
    font-style: normal;
    font-weight: bold;
    height: 36px;
    letter-spacing: normal;
    line-height: 36px;
}

.topgap {
    margin-top: 100px;
}

.data-loading-page {
    background: #f0f1f3;
    min-height: 320px;
    text-align: center;
    margin-top: 55px;
}

.filter-box {
    border-right: 0px;
}

.filter-box {
    float: right;
    width: 260px;
    max-width: 80%;
}

.contant-tab-menu {
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    background: #ECECF0;
    height: 50px;
    z-index: 12;
    padding: 0 220px;
}

.top-more {
    top: 100px !important;
}

.contant-tab-menu a {
    opacity: 0.5;
    font-size: 14px;
    font-weight: bold;
    color: #2b215b;
    padding: 10px;
    line-height: 53px;
}

.contant-tab-menu a:hover,
.contant-tab-menu a.active {
    opacity: 1;
}

a.add-collection-btn {
    background-color: #fff;
    border: 0 none;
    border-radius: 2px;
    color: #2b215b;
    float: right;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 10px;
    text-decoration: none;
}

a.add-collection-btn:hover {
    background-color: #211754;
    color: #ffffff;
    text-decoration: none;
}

a.add-collection-btn:focus,
a.add-collection-btn:active {
    text-decoration: none;
}

a.add-collection-btn i {
    padding-right: 10px;
}

.question-grid-table {
    width: 102%;
    float: left;
}

.question-grid-table ul {
    width: 100%;
    float: none;
}

.question-grid-table ul li {
    width: 31.3% !important;
    margin-right: 2%;
    margin-bottom: 3%;
    position: relative;
    text-align: center;
    cursor: pointer;
    float: left;
    background-color: #ffffff;
    min-height: 115px;
    border-radius: 3px;
}

.question-grid-table ul li.last {
    margin-right: 0;
}

.question-grid-table ul li:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    -moz-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.question-grid-table ul li a {
    font-size: 20px;
    font-weight: bold;
    color: #2b215b;
    display: block;
    margin-top: 32px;
    text-decoration: none;
}

.question-grid-table.team-grid-table ul li a {
    margin-top: 20px;
}

.question-grid-table ul li span {
    font-size: 14px;
    font-weight: normal;
    color: #2b215b;
    opacity: 0.5;
    display: block;
}

.question-grid-table ul li .edit-icon-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #cac8d6;
    font-size: 12px;
}

#add-collection .question-img {
    float: right;
    margin-right: 30px;
    margin-top: 40px;
    padding-left: 30px;
}

.team-img-icon {
    width: 100%;
    float: left;
    text-align: center;
}

.team-img-icon .team-imgs {
    float: left;
    text-align: left;
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    margin: 15px 3px;
    float: none;
    text-align: center;
    line-height: 32px;
    background: #24bba2;
    color: #fff;
}

.low-oacity-to {
    opacity: 0.5;
}

.add-candi-input.addquestion-name input[placeholder] {
    color: rgba(43, 33, 91, 1);
}

.delete-collection {
    font-size: 14px;
    color: #e21a52 !important;
}

.delete-collection a {
    text-decoration: none;
}

.delete-collection a:hover {
    text-decoration: none;
}

.delete-collection a:focus {
    text-decoration: none;
}

.breadcrumbs {
    width: 100%;
    float: left;
    margin: 70px 0 10px 0;
}

.breadcrumbs .breadcrumb-item {
    float: left;
    color: rgba(43, 33, 91, 0.25);
    font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}

.breadcrumbs .breadcrumb-item a {
    float: left;
    color: rgba(36, 187, 162, 1);
    font-size: 14px;
    padding-right: 20px;
    position: relative;
    cursor: pointer;
}

.breadcrumbs .breadcrumb-item a:hover {
    color: rgba(43, 33, 91, 1);
}

.breadcrumbs .breadcrumb-item a:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 8px;
    top: 1px;
    color: #c4c2d1;
    font-size: 12px;
}

h3.questions {
    width: 100%;
    float: left;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
    color: #2b215b;
    margin: 0;
}

.qustion-edit-box select.role-option {
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #f5f4f7 url("../images/droup-down-icon2.svg") no-repeat scroll 95% center;
    border: 0 none;
    color: rgba(43, 33, 91, 0.25);
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    border-radius: 3px;
}

.conversation-box {
    width: 100%;
    float: left;
    border-top: #eeeff1 solid 2px;
    border-bottom: #eeeff1 solid 2px;
    padding: 15px 0;
    margin: 10px 0;
}

.conversation-box-left {
    width: 49%;
    float: left;
    margin: 4px 0;
}

.conversation-box-right {
    width: 49%;
    float: right;
    margin: 4px 0;
}

.check-style1 {
    width: 100%;
    float: left;
}

.check-style1 input[type=checkbox]:not(old),
.check-style1 input[type=radio]:not(old) {
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
    display: none;
}

.check-style1 input[type=checkbox]:not(old)+label,
.check-style1 input[type=radio]:not(old)+label {
    display: inline-block;
    line-height: 28px;
}

.check-style1 input[type=checkbox]:not(old)+label>span,
.check-style1 input[type=radio]:not(old)+label>span {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 0.25em 0.5em 0.25em 0.25em;
    border: solid 2px #0a0141;
    border-radius: 50%;
    background: #FFF;
    vertical-align: bottom;
}

.check-style1 input[type=checkbox]:not(old):checked+label>span,
.check-style1 input[type=radio]:not(old):checked+label>span {
    background: #FFF;
}

.check-style1 input[type=checkbox]:not(old):checked+label>span:before {
    content: '?';
    display: block;
    width: 1em;
    color: rgb(153, 204, 102);
    text-align: center;
    font-weight: bold;
}

.check-style1 input[type=radio]:not(old):checked+label>span>span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 4px;
    border: #26bda8 solid 1px;
    border-radius: 50%;
    background: #29b99f;
}

div.custom_file_upload {
    width: 100%;
    margin: 10PX 0;
    display: inline-block;
}

input.file {
    font-family: "Jaldi", sans-serif;
    font-size: 14px;
    width: 65%;
    height: 40px;
    border: none;
    color: #888;
    padding: 5px;
    border-radius: 4px;
    float: right;
    background: #f5f5f7;
    outline: none;
}

div.file_upload {
    float: left;
    width: 28%;
    height: 40px;
    background: #25bba2;
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    padding-top: 8px;
}

div.file_upload:before {
    content: 'Browse Files';
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 10px;
    font-size: 15px;
    font-weight: normal;
    background: url("../images/folder-2.svg") no-repeat 10px -2px;
    cursor: pointer;
    height: 25px;
    width: 100%;
    padding-left: 25px;
}

div.file_upload input {
    position: relative;
    height: 30px;
    width: 250px;
    display: inline;
    cursor: pointer;
    opacity: 0;
}

div.file_upload input::placeholder {
    font-family: "Jaldi", sans-serif !important;
    font-size: 16px !important;
}

.add-candi-input.addquestion-name input[placeholder] {
    color: rgba(43, 33, 91, 1);
}

.email-can-port-popup .popup-data .check-style1 label,
.email-can-port-popup .popup-data .conversation-box label,
.email-can-port-popup .popup-data .custom-check label {
    opacity: 1;
}

.pdf-download {
    width: 100%;
    float: left;
    color: #2b215b;
    font-size: 14px;
    margin-top: 20px;
    background: url("../images/tick-mark-icon2.png") no-repeat left center;
    padding-left: 25px;
}

.error-massage-reg {
    width: 100%;
    float: left;
    color: #e21a52;
    font-size: 14px;
    margin-top: 20px;
    background: url("../images/error-icon.png") no-repeat left top;
    padding-left: 25px;
}

.close-btn-reg {
    color: #2b215b;
    font-size: 16px;
    cursor: pointer;
}

.pdf-download .close-btn-reg {
    float: right;
}

.popup-data .label-colr-blue .delet-btn {
    color: #2b215b !important;
}

.margin-top-reg {
    margin-top: 8px !important;
}

.qustion-list .tooltip .tooltip-inner {
    background: #2b215b !important;
}

.qustion-list .tooltip-arrow {
    display: none;
}

.questions-sub {
    width: 100%;
    background: #fff;
    display: table-row;
}

.filter-box2 {
    float: right;
    width: 200px;
    max-width: 80%;
    padding-right: 15px;
    border-right: 1px solid #c4c1d1;
    margin-right: 5px;
}

.filter-box2 .sort-panel {
    float: left;
    width: 170px;
    height: 40px;
    border: 0;
    background: url("../images/droup-down-icon4.svg") no-repeat right center;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-right: 10px;
    color: #7b93a3;
    font-size: 16px;
}

.filter-box2 .sort-panel option {
    padding: 5px 10px;
    border-bottom: 1px solid #edf0f2;
}

.my-popup-style h3 {
    margin: 0px !important;
}

.save-notes select {
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #f5f4f7 url("../images/droup-down-icon2.svg") no-repeat scroll 95% center;
    border: 0 none;
    color: #2b215b;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
    padding-left: 10px;
    text-align: left;
    width: 100%;
    border-radius: 3px;
}

.save-notes option {
    border: 0 none;
    padding: 5px;
}

button.update-candidate {
    background-color: #24bba2;
    margin-bottom: 5px;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.43;
    padding: 8px 20px;
    width: 100%;
}

.search-filter-panel .search-box.bg-light-gray-to button {
    background-color: rgb(245, 245, 247);
    border-radius: 2px 0 0 2px;
}

.search-filter-panel .search-box.search-white button img {
    opacity: 0.25;
    margin-top: -3px;
}

.search-filter-panel .search-box.bg-light-gray-to button img {
    opacity: 0.25;
    margin-top: -3px;
}

.qustion-category,
.qu-Collect-list {
    float: left;
    width: 100%;
}

.search-filter-panel .search-box button {
    float: left;
    border-radius: 3px;
    width: 40px;
    height: 40px;
    color: rgba(43, 33, 91, 0.25);
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    border: 0;
    background: #fff;
    opacity: 0.8;
}

.data-loading-page {
    background: #f0f1f3;
    min-height: 320px;
    text-align: center;
    margin-top: 55px;
}

.data-loading-page .book-icon {
    display: inline-block;
    margin-top: 75px;
}

.data-loading-page h3.Title {
    height: 32px;
    font-size: 20px;
    line-height: 1.6;
    color: #2b215b;
    margin-top: 20px;
}

.data-loading-page p.Description {
    height: 24px;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    margin: 0;
}

.data-loading-page p.Create-a-Collection {
    height: 24px;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
}

.popup-data .add-candi-input.margin-nill {
    margin-left: 0;
}

.modal-dialog .popup-data h3 {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #2b215b;
    margin: 15px 0;
}

.full-width {
    width: 100% !important;
    margin-left: 0;
}

.addresourcepop input[type="text"],
.editresourcepop input[type="text"] {
    color: #2b215b !important;
    font-size: 14px;
    width: 100%;
    margin: 3px 0 5px 0;
    padding-left: 10px;
    background: rgba(43, 33, 91, 0.05);
    border: 1px #fff solid;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    outline: none;
    font-family: "Jaldi", sans-serif;
    border: none;
}

.addresourcepop:focus-within label,
.editresourcepop:focus-within label {
    opacity: 1;
}

.addresourcepop input[type="text"]:focus,
.editresourcepop input[type="text"]:focus {
    border: 1px solid #24bba2;
}

.editresourcepop input[placeholder] {
    color: rgba(43, 33, 91, 1);
}

.addresourcepop label,
.editresourcepop label {
    color: #2b215b;
    opacity: 0.5;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    font-weight: normal;
}

.addresourcepop input[placeholder] {
    color: rgba(43, 33, 91, 1);
}

.question-grid-table ul li.last {
    margin-right: 0;
}

.resource-dialog .extra-padding {
    padding-top: 25px;
}

.resource-dialog-header {
    min-height: 188px;
}

.resource-dialog-header-job {
    min-height: 140px;
}


.resource-dialog .question-img {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    padding-left: 30px;
}

.question-listing-table-resource {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.question-listing-table-resource ul.table-thead {
    background: none;
    margin-bottom: 5px;
}

.question-listing-table-resource ul {
    display: table-row;
    position: relative;
    width: 100%;
    background: #fff none repeat scroll 0 0;
}

.question-listing-table-resource ul.table-thead li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    /*border-bottom: 0 none;*/
    border-bottom: 2px solid #F7F8F9;
    color: #2b215b;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;

    text-align: left;
}

.question-listing-table-resource ul.table-thead li {
    padding-bottom: 20px;
}

.question-listing-table-resource ul li {
    border-bottom: 1px solid #e5eaed;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    padding: 10px 5px;
    text-align: left;
}

.question-listing-table-resource ul li {
    display: table-cell;
    padding: 10px 0;
}


.question-listing-table-resource ul {
    display: table-row;
    position: relative;
    width: 100%;
    background: #fff none repeat scroll 0 0;
}

.resource-item-line {
    cursor: pointer;
}

.question-listing-table-resource ul li.first {
    padding-left: 20px !important;
    white-space: normal;
}

.question-listing-table-resource ul li.first {
    color: #2b215b;
}

.question-listing-table-resource ul.resource-item-line:hover>li {
    background-color: #e6faf7;
}

.question-listing-table-resource ul li {
    border-bottom: 1px solid #e5eaed;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    padding: 10px 5px;
    text-align: left;
}

.question-listing-table-resource ul li {
    display: table-cell;
    padding: 10px 0;
}

.resource-list-name {
    padding-left: 15px !important;
}

.save-add-job,
.cancel-add-job,
.share-can-btn {
    font-weight: normal !important;
}

.add-resource-input input[type="text"] {
    color: rgba(43, 33, 91, 1) !important;
    opacity: 1;
    font-size: 14px;
    width: 100%;
    margin: 3px 0 5px 0;
    padding-left: 10px;
    background: rgba(43, 33, 91, 0.05);
    border: 1px #fff solid;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    outline: none;
    font-family: "Jaldi", sans-serif;
}

.edit-resource-input input[type="text"] , .editMessageTitleInput , .addMessageTitleInput {
    color: rgba(43, 33, 91, 1) !important;
    opacity: 1;
    font-size: 14px;
    width: 100%;
    margin: 3px 0 5px 0;
    padding-left: 10px;
    background: rgba(43, 33, 91, 0.05);
    border: 1px #fff solid;
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    outline: none;
    font-family: "Jaldi", sans-serif;
}

.edit-resource-input input[type="text"]:focus , .editMessageTitleInput:focus , .addMessageTitleInput:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.add-resource-input label,
.edit-resource-input label,
.edit-message-input label,
.add-message-input label {
    color: #2b215b;
    opacity: 0.5;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    font-weight: normal;
}

.add-resource-input input::placeholder {
    color: rgba(43, 33, 91, 0.25);
}

.add-resource-input input[type="text"]:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

textarea::placeholder {
    color: rgba(43, 33, 91, 0.5);
}

.massage-opt-new {
    background: #f5f4f7 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    /* color: #2b215b; */
    font-size: 13px;
    padding: 7px;
    text-align: left;
    width: 100% !important;
    height: 100px;
    font-family: "Jaldi", sans-serif;
}

/* chat fixes*/
/*a.m-collapsed{line-height: 40px;border-radius: 50%;height:40px;width:40px;background:#fff;color:#2b215b;display:block;text-align:center;position:fixed !important;bottom:145px;left:50%;right:50%;z-index: 999;}*/
a.m-collapsed.collapsed {
    text-align: center;
    float: left;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 999;
    line-height: 40px;
    height: 40px;
    background-color: rgba(43, 33, 91, 0.5);
    color: #fff;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    bottom: 0px;
    left: 50%;
    right: 50%;
}

.qu-Collect-list li,
.draw-res-nav li {
    float: left;
    width: 100%;
    margin-bottom: 0px !important;
}

.suggest-resources-right,
.suggest-resources-left {
    max-height: 315px;
    overflow-y: auto;
    overflow-x: hidden;
}

.qu-Collect-list li a:hover,
.qu-Collect-list li.act a,
.draw-res-nav li a:hover,
.draw-res-nav li.act a {
    opacity: 1 !important;
}

.qu-Collect-list li a,
.draw-res-nav li a {
    float: left;
    width: 100%;
    padding: 0;
    display: block;
    color: #2b215b;
    opacity: 0.5;
    font-size: 16px;
    padding-left: 0px !important;
}

/* not found css starts */

.respons-empty-page {
    background: #f0f1f3;
    min-height: 320px;
    text-align: center;
    /*    margin-top: 55px;*/
}

.respons-empty-page h3.Title {
    height: 32px;
    font-size: 20px;
    line-height: 1.6;
    color: #2b215b;
    margin-top: 20px;
    margin-bottom: 10px;
}

.respons-empty-page .book-icon {
    display: inline-block;
    margin-top: 75px;
}

.respons-empty-page p.Description {
    height: 24px;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    margin: 0;
}

.respons-empty-page p.Create-a-Collection {
    height: 24px;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    margin: 0 0 10px;
}

.respons-empty-page p.Create-a-Collection a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

.respons-empty-page p.Create-a-Collection a:hover {

    color: #23527c;
    text-decoration: none;
    background-color: transparent;
}

.rmain-content {
    width: 100%;
    padding-bottom: 70px;
    float: left;
}

.question-listing-table-resource ul li {
    border-bottom: 1px solid #e5eaed;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    padding: 10px 5px;
    text-align: left;
}

.note-section .note-section-data a {
    background: #fafafa none repeat scroll 0 0;
    padding-left: 10px;
    border: 0 none;
    color: #2b215b;
    font-size: 16px;
    height: 40px;
    width: 100%;
    line-height: 40px;
}

.manage-menu {
    position: absolute;
    margin-left: 0px;
    margin-top: -10px;
}

.search-filter-panel .search-box.search-white input[type="text"] {
    background-color: #fff;
}

.search-filter-panel .search-box input[placeholder] {
    color: rgba(43, 33, 91, 0.4);
}

.search-filter-panel .search-box input[type="text"] {
    float: left;
    border: 0;
    width: 170px;
    max-width: 80%;
    height: 40px;
    font-size: 16px;
    text-align: left;
    line-height: 40px;
    padding-left: 10px !important;
    opacity: 0.7;
    font-family: "Jaldi", sans-serif;

}

.search-filter-panel .search-box.search-white button img {
    opacity: 0.25;
    margin-top: -3px;
}

h3.questions {
    width: 100%;
    float: left;
    height: 32px;
    font-size: 20px;
    font-weight: normal;
    color: #2b215b;
    margin: 0;
}

.question-listing-table ul li.last-td {
    text-align: right;
}

.question-listing-table ul li.last-td {
    padding-right: 20px;
}

.question-listing-table ul li.first {
    padding-left: 20px;
}

.question-listing-table ul li.first {
    color: #2b215b;
}

.question-listing-table ul.table-thead li {
    padding-bottom: 20px;
    border-bottom: 2px solid #F7F8F9;
}

.fade {
    opacity: 1;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5;
}

.resource-dialog .question-img {
    float: right;
    margin-right: 30px;
    margin-top: 10px;
    padding-left: 30px;
}

.resource-dialog-header {
    min-height: 188px;
}

.description {
    opacity: 0.5;
}

.massage-opt-new {
    background: #f5f4f7 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 3px;
    color: #2b215b;
    font-size: 13px;
    padding: 7px;
    text-align: left;
    width: 100%;
    height: 100px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

button.close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.add-question-popup-main .add-question-popup .close-btn,
.popup-main .modal-dialog .close {
    color: #fff;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    width: 30px;
    cursor: pointer;
    font-weight: 300;
    opacity: 1;
}

.delete-collection {
    font-size: 14px;
    color: #e21a52 !important;
    text-decoration: none !important;
}

.search-filter-panel .search-box.search-white input[type="text"] {
    outline: none;
}

.mymsg {
    background: #fff url(../images/error-icon-big-fad.png) no-repeat center center;
    display: none;
    padding: 20px;
    box-shadow: 0 24px 32px 0 rgba(43, 32, 91, 0.1);
    border-radius: 5px;
    width: 460px;
    height: 228px;
    margin: 0 auto;
    margin-top: 14%;
}

.add-candi-input input[type=text]:focus,
.linkdinicon-box input[type="text"]:focus {

    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.user-alert-box {
    z-index: 10000;
}

.mymsg p,
.mymsg h1 {
    color: #2b215b;
    text-align: center;
    font-size: 16px;
    font-size: 16px;
    opacity: 0.5;
}

.mymsg h1 {
    color: #2b215b;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.m-t-twenty {
    margin-top: 20px;
}

.mymsg a {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 100px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    background: #24bba2;
}

.note-section-data {
    background: #fafafa;
    border-radius: 3px;
    position: relative;
}

.note-section .note-section-data textarea {
    background: #f5f4f7 none repeat scroll 0 0;
    border: 0 none;
    color: #c2bed0;
    font-size: 14px;
    height: 120px;
    padding: 5px;
    width: 100%;
}

.note-section .note-section-data a {
    background: #fafafa none repeat scroll 0 0;
    padding-left: 10px;
    border: 0 none;
    color: #2b215b;
    font-size: 16px;
    height: 40px;
    width: 100%;
    line-height: 40px;
    display: block;
}

.note-section .note-section-data a:hover {
    background: #f5f4f7
}

#export-transcript-popup {
    width: 100%;
    position: absolute;
    left: 0;
    top: -80px;
}

.note-section textarea {
    color: black;
    height: 210px;
    font-size: 14px;
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    font-family: "Jaldi", sans-serif;

}

.no-resources-found-box {
    min-height: 250px;
}

.resources-foundr {
    background: #f4f4f6 url("../images/no-found-bg.png") no-repeat 95% 82%;
    border-radius: 6px;
    padding: 10px 20px !important;
}

.resources-foundr h2 {
    color: #231a53;
    font-size: 24px;
    height: 50%;
    margin-top: 20px !important;
    margin-bottom: 10px;
    width: 100%;
}

.resources-foundr p {
    color: #86829b;
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: -5.4rem;
    height: 50%;
}

.agent-hyperlink a,
.agent-hyperlink a:hover {
    color: #2b215b;
    text-decoration: underline;
}

.candidate-hyperlink a,
.candidate-hyperlink a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.suggest-icon-right i:hover {
    color: #24bba2;
}

.notes-check {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.notes-times {
    background-color: #fff !important;
    border-color: #ccc !important;
}


.search-for-job-item {
    min-height: 32px;
    height: inherit !important;
}

.potential-jobs-nojobs {
    color: white;
    font-family: "Jaldi", sans-serif;
    font-weight: bold;
    font-size: 14px;

}

.search-for-job-item {
    width: 100%;
    margin-bottom: 5px;
    line-height: 32px;
    padding: 0 8px;
    border-radius: 3px;
    background-color: #40376b;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.resource_dottedicon {
    color: #bfcbd3;
    height: 30px;
    display: block;
    float: right;
    font-size: 32px;
    line-height: 6px;
    width: 15px;
    font-weight: normal;
}

#saveFileDiv {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: rgb(0, 0, 0, 0.6);
    display: none;
}

#saveSpan {
    z-index: 1011;
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 35%;
    top: 346px;
    left: 163px;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 3px solid rgb(170, 170, 170);
    background-color: rgb(255, 255, 255, 1);

}

/* may11 fixes*/
a.m-collapsed {
    line-height: 40px;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #fff;
    color: #2b215b;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 207px;
    left: 50%;
    right: 50%;
    z-index: 999;
    top: -62px;

}

.my-profile-box {
    display: none;
    width: 241px;
    position: absolute;
    float: right;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    -moz-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-radius: 6px;
    z-index: 9;
    margin-left: -210px;
    margin-top: 50px;
}

.custhead {
    margin-top: -30px !important;
}

.breadcust {
    width: 100%;
    float: left;
    margin: -40px 0 10px 0;
    z-index: 100;
    position: relative;
}


.question-listing-table-resource ul li.last-td {
    padding-right: 20px;
}


.question-listing-table-resource ul li.last-td {
    text-align: right;
}

.lib-question-summary-cell {
    width: 50%;
    white-space: pre-line;
}

input::placeholder,
textarea::placeholder {
    color: rgba(43, 33, 91, 0.5);

    font-family: "Jaldi", sans-serif;

}

input[type="text"] {
    font-family: "Jaldi", sans-serif;
}

.chat-wrapper {
    height: auto !important;
    background: #fff !important;
}

.add-comment {
    border-top: solid 1px #e5eaed;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.add-comment i {
    padding-right: 15px;
}

.delete a {
    color: #e21a52;
    font-size: 16px;
}

button.share-candidate {
    font-family: inherit;
}

.popup-data .add-candi-input.margin-nill {
    padding-bottom: 10px;
}

.right-sidebar {
    padding-bottom: 95px;
}

#newImageSize {
    width: 40px;
    height: 40px;
    margin-left: 0% !important;
    margin-top: 0% !important;
    border-radius: 50%;
}

.chatdp {
    border-radius: 50%;
}

.stoppedchatdp {
    border: 2px solid red;
    padding: 1px;
}

.candidatechatdp {
    border: 2px solid black;
    padding: 1px;
}
.optOutChatdp{
    border: 2px solid red;
    padding: 1px;
}

.stoppedcandidatedp {
    border: 2px solid red;
    padding: 3px;
}

.candidateblock {
    border: 2px solid black;
    padding: 3px;
}
.candidateOptout {
    border: 2px solid red;
    padding: 3px;
}

.disabledNotAllowed {
    pointer-events: none;
    cursor: not-allowed;
}

span.paddingClass {
    color: #bfcbd3;
}

.fa-star:before {
    content: "\f005";
    width: 21.03px !important;
    height: 22px !important;
}

.paddingClass .fa-star:before {
    content: "\f005";
    color: #ffc700;
    width: 21.03px !important;
    height: 22px !important;
}

#managetablehead {
    border-bottom: 0 none;
    color: #2b215b;
    font-size: 12px;
    font-weight: bold;
    background-color: #f9f9fa;
}

#managetablebody {
    background-color: #fff;
    border-bottom: 1px solid #e5eaed;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
}

#managetablebody td {
    border-top: none;
    border-bottom: 1px solid #eceeef;
    margin-top: 4%;
    margin-bottom: 1%;
    vertical-align: middle;

}

.manageusername {
    float: left;
    width: 87%;
    height: 40px;
    background-color: rgba(43, 33, 91, 0.05);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 0 8px;
    margin: 5px 0;
    border: 0;
}

.resetmanagepasswd {
    background-color: #2b215b;
    color: white;
    font-size: 14px;
    font-family: inherit;
    border-radius: 3px;
    border: none;
}

.resetmanagepopup {
    position: relative;
    left: -42px;
    height: 30px;
    font-weight: bold;
    white-space: nowrap;
    width: 100px
}

.managelabelstyle {
    float: left;
    width: 100%;
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    margin: 5px 0;
    font-weight: normal;
}

#candidateTableHead {
    border-bottom: 0 none;
    color: #2b215b;
    font-size: 12px;
    font-weight: bold;
}

#candidateTablebody {
    background-color: #fff;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
}

#candidateTablebody td {
    border-bottom: 1px solid #eceeef;
}

.wrap {
    white-space: nowrap;
}

.social-icon-to li a {
    border-radius: 3px !important;
}

.table thead th {
    vertical-align: middle;
    border-bottom: 2px solid #F7F8F9;
    padding-bottom: 2%;
    padding-top: 1%;
    line-height: 154%;
}

.table th,
.table td {
    vertical-align: middle;
    border-top: none !important;
}

.fa-lg {
    font-size: 1.434em;
    line-height: .70em;
}

.doted-icon {
    text-align: center;
    color: #bfcbd3;
    height: 30px;
    display: block;
    float: right;
    font-size: 32px;
    line-height: 6px;
    width: 30px;
    font-weight: normal;
}

.social-icon-to li {
    width: 36px !important;
}

.social-icon-to {
    margin-top: 0;
    margin-bottom: 0;
}

.filter-box .sort-panel {
    width: 150px;
}

#candidateTablebody::hover {
    background-color: #E6FAF7
}

.hover .doted-icon:hover {

    width: 30px;
    float: right;
    text-align: center;
    border: 1px solid #F6FEFD;
    background-color: #F6FEFD;
    border-radius: 50%;
    color: #000;
}

.candidate-doted-overflow:hover {
    border: 0px !important;
}

#candidateTablebody tr:hover {
    background: #E6FAF7
}

.notice-number {
    background: #05c6a7 none repeat scroll 0 0;
    border-radius: 11px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    left: 71%;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
    top: 67%;
    width: 18px;
    position: absolute;
}

.profile-top ul li {
    float: left;
    margin-left: 7px;
    padding-top: 2px;
}

.search-filter-panel #candidate-search1 {
    max-width: none !important;
}

.search-filter-panel #candidate-search {
    max-width: none !important;
}

#candidateTable th {
    box-sizing: border-box;
}

#candidateTablebody td {
    box-sizing: border-box;
}

.add-candi-input input[type="text"] {
    background: rgba(43, 33, 91, 0.05);
}

.collectorLikeCommentBox ul.like-follow li a,
.like-comment-box1 ul.like-follow li a,
.like-comment-box2 ul.like-follow li a,
.like-comment-box-prospects ul.like-follow li a {
    width: 100%;
    display: block;
    padding: 7px 5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.collectorLikeCommentBox,
.like-comment-box1,
.like-comment-box2,
.like-comment-box-prospects {
    width: 215px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    -moz-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-radius: 6px;
    z-index: 9;
}

.collectorLikeCommentBox ul.like-follow,
.like-comment-box1 ul.like-follow,
.like-comment-box2 ul.like-follow,
.like-comment-box-prospects ul.like-follow {
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 0;
}

.collectorLikeCommentBox ul.like-follow li,
.like-comment-box1 ul.like-follow li,
.like-comment-box2 ul.like-follow li,
.like-comment-box-prospects ul.like-follow li {
    width: 100%;
    display: block;
    padding: 0;
    border: medium none;
    background: #fff;
}

.collectorLikeCommentBox ul.like-follow li a i,
.like-comment-box1 ul.like-follow li a i,
.like-comment-box2 ul.like-follow li a i,
.like-comment-box-prospects ul.like-follow li a i {
    color: #cac8d6;
    padding-right: 10px;
}

.collectorLikeCommentBox ul.like-follow li a:hover i,
.like-comment-box1 ul.like-follow li a:hover i,
.like-comment-box2 ul.like-follow li a:hover i,
.like-comment-box-prospects ul.like-follow li a:hover i {
    color: #e21a52;
}

.chat-post-section .button-sectionv-to a {
    border-bottom: 3px solid transparent;
}

.chat-failed-icon {
    float: left;
    padding-right: 10px;
}

#style-15::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

#style-15::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#style-15::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}


.slim_scro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

.slim_scro::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

.slim_scro::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}

.error-message-chat {
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #e21a52;
    width: 100%;
    margin: 10px 0;
    float: right;
    text-align: right;
    padding-right: 70px;
}

.chat-retry {
    color: #099616;
}

.mymsg {
    background: #fff url("../images/error-icon-big-fad.png") no-repeat center center;
    display: none;
    padding: 20px;
    box-shadow: 0 24px 32px 0 rgba(43, 32, 91, 0.1);
    border-radius: 5px;
    width: 460px;
    height: 228px;
    margin: 0 auto;
    margin-top: 14%;
}

.mymsg p,
.mymsg h1 {
    color: #2b215b;
    text-align: center;
    font-size: 16px;
    font-size: 16px;
    opacity: 1;
}

.mymsg h1 {
    color: #2b215b;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

.mymsg a {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 100px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
    background: #24bba2;
}

.error-alert-box {
    z-index: 10000;
}

.error-alert-box .message {
    color: black;
    font-size: 20px;
}

.error-alert-box .user-alert-close {
    bottom: 0;
    margin-top: 50px;
    margin-bottom: 20px;
}

.errorpopupclose {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    background: transparent;
    border: 0;
}

.profile-top ul li {
    float: left;
    margin-left: 7px;
    position: relative;
}

.profile-top ul li.chat-link a {
    color: #24bba2;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

#notice-droupdown-box,
#chat-droupdown-box {
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
}

.notice-droupdown-box {
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    width: 390px;
    border-radius: 3px;
    background-color: #fafafa;
    float: left;
}


.notice-droupdown-box .whiteContainer {
    box-shadow: inset 0 -1px 0 0 rgba(0, 47, 77, 0.1);
    height: 1px;
    margin: 0;
    width: 100%;
    float: left;
}

.profile-top ul li {
    float: left;
    margin-left: 7px;
    position: relative;
}

.whiteContainer li {
    color: rgba(43, 33, 91, 0.5);
    font-size: 14px;
    font-stretch: normal;
    text-align: left;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
}

.wd_lt {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.profile-top ul li a.markall-read {
    border-radius: 0%;
    color: #2b215b;
    display: inline-block;
    font-size: 16px;
    height: auto;
    width: auto;
    line-height: normal;
    margin-top: 0;
    opacity: 0.5;
    overflow: none;
}

.wd_rt {
    width: 9%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    float: right;
}

#notice-droupdown-box .notice-droupdown-table,
#chat-droupdown-box .notice-droupdown-table {
    max-height: 422px;
}

.notice-droupdown-table {
    width: 100%;
    float: left;
    overflow: hidden;
}

ul.notice-droupdown-tr {
    width: 100%;
    float: left;
    padding: 0 6px !important;
    border-bottom: 1px solid #e0e5e8;
    border-top: 1px solid #e0e5e8;
    margin: 0;
    cursor: default;
}

ul.notice-droupdown-tr li {
    padding: 10px 5px !important;
    display: inline-block;
    float: left;
    margin: 0;
}

ul.notice-droupdown-tr li.notify-day-field {
    float: right;
    font-size: 12px;
    color: #2b215b;
    opacity: 0.25;
}

.notice-droupdown-table {
    width: 100%;
    float: left;
}

.notice-droupdown-tr:hover {
    background-color: #E6FAF7;
}

/************* header image********/
.canvas-u a img {
    padding-top: 2px !important;
    opacity: 0.5;
}

#style-1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #DCDCDC;
}

.profile-top ul li a.markall-read {

    padding-left: 9px;

}

ul.notice-droupdown-tr li.notify-name-field {
    font-size: 14px;
    line-height: 1.43;
    color: #2b215b;
}

#chat-droupdown-box .notify-icon-field .image-round img,
#notice-droupdown-box .notify-icon-field .image-round img {
    padding: 0px;
    width: 40px;
}

.notice-droupdown-table.chat-droupdown .left-icon img, .webBotNoActionImage, .newWebBotNoActionImage {
    width: 40px;
    height: 40px;
}

.markall-read:hover {
    opacity: 1 !important;
}

tags-input .tags .tag-item {
    color: #fff;
    background: #2b215b;
    border: 1px solid #2b215b;
    border-radius: 3px;
    font-size: 12px;
    text-align: left;
    margin: 0 3px;
}

tags-input .tags .tag-item .remove-button {
    margin: 0 0 0 5px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    vertical-align: middle;
    font-family: "Jaldi", sans-serif;
    color: #fff;
}

tags-input .tags {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 4px;
    overflow: hidden;
    word-wrap: break-word;
    cursor: text;
    background: #f5f4f7;
    border: 1px solid darkgray;
    box-shadow: 1px 1px 1px 0 lightgrey inset;
    height: 100%;
}

tags-input .tags .tag-item {
    margin: 2px 4px;
}

.input::placeholder {
    background-color: #F5F4F7;
}

.input {
    background-color: #F5F4F7;
}

.resource_dottedicon {
    text-align: center;
    width: 30px;
}

.resource_dottedicon:hover {
    width: 30px;
    text-align: center;
    border: 1px solid #F6FEFD;
    background-color: #F6FEFD;
    border-radius: 50%;
    color: #000;
}

.commentHide ul li a:hover {
    color: #000 !important;
    background-color: #F0EFF2;
}

.iconResourceClass {
    padding-right: 10px;
}

.popup-main .modal-dialog .close-tw {
    color: #2b215b;
    font-family: inherit;
}

.collectorLikeCommentBox ul.like-follow li a,
.like-comment-box1 ul.like-follow li a,
.like-comment-box-prospects ul.like-follow li a,
.like-comment-box2 ul.like-follow li a,
.commentHide ul.like-follow li a {
    width: 100%;
    display: block;
    padding: 7px 5px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.collectorLikeCommentBox,
.like-comment-box1,
.commentHide,
.like-comment-box-prospects {
    width: 215px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    -moz-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-radius: 6px;
    z-index: 9;
}

.prospectcoloumnselector {
    width: 216px;
    background: #fff;
    box-shadow: 2px 2px 17px -9px rgba(43, 33, 91, 1);
    border-radius: 0px;
    z-index: 9;
    position: absolute;
    right: 100%;
    top: 62.1%;
    height: 195px;
}

.like-comment-box2 {
    width: 150px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    -moz-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-radius: 6px;
    z-index: 9;
}

.collectorLikeCommentBox ul.like-follow,
.like-comment-box1 ul.like-follow,
.like-comment-box-prospects ul.like-follow,
.like-comment-box2 ul.like-follow,
.commentHide ul.like-follow {
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 0;
    position: static;
}

.collectorLikeCommentBox ul.like-follow li,
.like-comment-box1 ul.like-follow li,
.like-comment-box-prospects ul.like-follow li,
.like-comment-box2 ul.like-follow li,
.commentHide ul.like-follow li {
    width: 100% !important;
    display: block;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    border-bottom: none !important;
}

.lihover:hover {
    color: #000 !important;
    background-color: #F0EFF2 !important;

}

.collectorLikeCommentBox ul.like-follow li a i,
.like-comment-box1 ul.like-follow li a i,
.like-comment-box-prospects ul.like-follow li a i,
.like-comment-box2 ul.like-follow li a i {
    color: #cac8d6;
    padding-right: 10px;
}


.collectorLikeCommentBox ul.like-follow li a:hover i,
.like-comment-box1 ul.like-follow li a:hover i,
.like-comment-box-prospects ul.like-follow li a:hover i,
.like-comment-box2 ul.like-follow li a:hover i {
    color: #e21a52;
}

.profile-top ul li {
    float: left;
    margin-left: 7px;
    position: relative;
}

.my-profile-box {
    /*  right: 3.5%; */
    right: 1.5%;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

.chat-input-box.fix {
    overflow: hidden;
}

.hoverClassCandi :hover {
    background: #f7f7f9;
}

.add-comment-can {
    border-top: solid 1px #e5eaed;
    padding: 15px 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.add-comment-can a {
    color: #e21a52;
}

.InactivateCandi,
.permanentDelete {
    margin-left: -5px;
    padding-left: 0;
    padding-right: 10px;
}

.reactivateCandi {
    margin-left: 0px;
    padding-left: 0;
    padding-right: 11px;
}

.deleteResourceClass {
    margin-left: -5px;
    padding-left: 0;
    padding-right: 10px !important;
}

.conversation-box-left {
    width: 75%;
    float: left;
    margin: 4px 0;
}

button.cancel-btn.cancel-add-job.newCancel {
    float: none;
}

.profile-top ul li a.opacityOne {
    opacity: 1;
}

tags-input .tags {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    padding: 4px;
    overflow: hidden;
    border: none;
    box-shadow: none;
}

.addCandidate-link {
    border-top: 1px solid #605884;
    padding: 15px 15px;
    width: 220px;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #2b215b;
}

.addCandidate-link a {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #24bba2;
}

.login-box input[type="password"]:focus {
    color: #2b215b;
}

.login-box input[type="password"] {
    color: #2b215b;
}

li.hoverGreen {

    width: 236px !important;
    margin-left: 1% !important;
    margin-right: 4% !important;
}

.newManagerSection {
    border-bottom: 1px solid #605884;
    border-top: 1px solid #605884;
}

.newNoteSection {
    border-bottom: none;
}

.newShareSection {
    border-top: 1px solid #605884;
    bottom: 3%;
    right: 0;
    width: 220px;
    padding: 15px !important;
    background-color: #2b215b;
    margin-top: 10px;
}

button.share-candidate {
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.43;
    padding: 8px 20px;
    width: 100%;
}


.newNoteSectionData {
    bottom: 19.5%;
    width: 190px;
}

.chat-post-section {
    padding-bottom: 0 !important;
}


.recommend-box {
    border-radius: 10px 10px 0;
    border: 1px dashed #2b215b;
    opacity: 0.5;
}

.chat-title {
    opacity: 0.5;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.33;
    text-align: left;
    color: #2b215b;
}

.manageprofilebtn {
    /*width: 74px;*/
    height: 31px;
    background-color: #24bba2;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: 0;
    font-family: inherit;
}

.textboxmanage {
    width: 90%;
    padding: unset;
    font-size: 14px;
    color: #2b215b;
    font-family: inherit;
}

.managetableheadstyle {
    opacity: 0.5;
    width: 30%;
    font-weight: bold;
    font-size: 14px;
    font-family: inherit
}

.manage-user-input {
    float: left;
    width: 40%;
    margin-left: 0%;
}

.manage-user-input label {
    color: #2b215b;
    font-size: 14px;
    display: block;
    width: 100%;
    margin: 10px 0 5px 0;
    font-weight: normal;
    opacity: 0.5;
}

.manage-user-input input[type=text] {
    width: 95%;
    color: #2b215b;
    opacity: 1;
    vertical-align: middle !important;
    background: rgba(43, 33, 91, 0.05);
    border: none;
    height: 34px;
    padding: 4px;
}

.selectmangeruser {
    border: none;
    border-radius: 5%;
    height: 35px;
    width: 95%;
    padding-left: 5px;
    font-family: inherit;
    background: url(../images/arrow-down.svg) no-repeat right center;
    background-color: rgba(43, 33, 91, 0.05);
    -webkit-appearance: none;
    color: #b7b4c7;
}

.selectmangeruser option {
    color: #2b215b;
}

.login-box input[type="text"]::placeholder {
    color: #bfcbd2;
    opacity: 1;
}

.profile-content {
    background: #f7f8f9 none repeat scroll 0 0;
    padding-bottom: 70px;
    position: relative;
    padding-top: 25px;

}

.my-profile .mp-left {
    left: 0;
    padding-bottom: 60px;
    position: absolute;
    top: 0px;
    width: 180px;
    padding-left: 21px;
}

.my-profile .mp-left h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    color: #2b215b;
}

.my-profile .mp-left ul.profile-links {
    width: 100%;
    float: left;
}

.my-profile .mp-left ul.profile-links li {
    width: 100%;
    float: left;
    margin-bottom: 7px;
}

.my-profile .mp-left ul.profile-links li a {
    text-decoration: none;
    width: 100%;
    float: left;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.my-profile .mp-left ul.profile-links li a:hover,
.my-profile .mp-left ul.profile-links li a.active {
    color: #24bba2;
    font-weight: bold;
    opacity: 1;
}

.my-profile .mp-left ul.profile-links li.active-sub>a {
    color: #2b215b;
    font-weight: normal;
    opacity: 1;
}

.my-profile .mp-left ul.profile-links li .profile-links-sub {
    display: block;
    margin-left: 10px;
}

.my-profile .mp-left ul.profile-links li .profile-links-sub li a {
    font-size: 14px;
}

.my-profile .mp-right {
    float: left;
    padding-left: 180px;
    width: 100%;
    margin-bottom: 50px;
}

.my-profile .mp-right .my-profile-main {
    width: 100%;
    float: left;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 15px;
}

.my-profile .mp-right .my-profile-main h2.title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    color: #2b215b;
    margin: 0 0 16px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.my-profile .mp-right .my-profile-main p {
    font-size: 14px;
    line-height: 1.6;
    color: #2b215b;
    margin: 5px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.my-profile .mp-right .my-profile-main h2.title.only-left {
    float: left;
}

.my-profile .mp-right .my-profile-main .profile-details.image-section {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.my-profile .mp-right .my-profile-main .profile-details.image-section .profile-image {
    width: 88px;
    height: 88px;
    border-radius: 3px;
    float: left;
    overflow: hidden;
    margin-right: 15px;
}

.my-profile .mp-right .my-profile-main .profile-details.image-section .profile-image img {
    width: 100%;
}

.my-profile .mp-right .my-profile-main .photo-upload-section {
    float: left;
}

.my-profile .mp-right .my-profile-main .photo-upload-section .upload-btn-design {
    margin-top: 20px;
    float: left;
    position: relative;
    width: 107px;
    height: 36px;
    border-radius: 3px;
    background-color: #2b215b;
    font-size: 14px;
    color: #fff;
    line-height: 36px;
    text-align: center;
}

.my-profile .mp-right .my-profile-main .photo-upload-section .upload-btn-design .upload-btn {
    width: 100%;
    height: 36px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}

.my-profile .mp-right .my-profile-main .take-photo-design {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.my-profile .mp-right .profile-data-section {
    float: left;
    width: 80%;
}

.my-profile .mp-right .profile-data-section .profile-data {
    float: left;
    max-width: 100%;
    width: 76.5%;
}

.my-profile .mp-right .profile-data-section .iput-fild-box-l {
    float: left;
    width: 48%;
}

.my-profile .mp-right .profile-data-section .iput-fild-box-r {
    float: right;
    width: 48%;
}

.my-profile .mp-right .profile-data-section .profile-data .email-fild {
    float: left;
    width: 100%;
}

.my-profile .mp-right .profile-data-section label {
    float: left;
    width: 100%;
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    margin: 5px 0;
    font-weight: normal;
}

.my-profile .mp-right .profile-data-section input[type="text"],
.my-profile .mp-right .profile-data-section input[type="password"] {
    float: left;
    width: 100%;
    height: 40px;
    background-color: rgba(43, 33, 91, 0.05);
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 0 8px;
    margin: 5px 0;
    border: 0;
}

.my-profile .mp-right .profile-data-section input[type="password"]::placeholder {
    font-family: Trebuchet MS;
    font-size: 30px;
    letter-spacing: -4px;
    line-height: 22px;
}

.my-profile .mp-right .profile-data-section .password-section {
    float: left;
    max-width: 100%;
    width: 500px;
}

.my-profile .mp-right .profile-data-section .password-section .n-psw-fild {
    float: right;
    width: 100%;
}

.my-profile .mp-right .profile-btn-section {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 30px;
}

.my-profile .mp-right .profile-btn-section .save-profile {
    width: 96px;
    height: 36px;
    background-color: #24bba2;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    border: 0;
}

.Delete-My-Account {
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #e21a52;
}

.Delete-My-Account:hover {
    color: #24bba2;
}

.profile-top ul li.education-link a img {
    height: 26px;
    position: relative;
    top: 1px;
}

.profile-top ul li.chat-link a img {
    height: 28px;
    position: relative;
    top: 1px;
}

.profile-top ul li a.manage-btn img {
    height: 24px;
    position: relative;
    top: -1px;
}

.profile-top ul li.notice-icon a img {
    height: 24px;
    position: relative;
    top: -1px;
}

.profile-top ul li.search-link a img {
    height: 24px;
    position: relative;
    top: 0;
}

.my-profile .profile-data-left {
    width: 50%;
    float: left;
}

.my-profile .profile-data-left .title {
    margin-bottom: 10px !important;
}

.my-profile .profile-data-left p {
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    margin-bottom: 20px;
}

.my-profile .mp-right .profile-data-left input[type="text"] {
    float: left;
    width: 100%;
    height: 40px;
    background-color: rgba(43, 33, 91, 0.05);
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 0 8px;
    margin: 5px 0;
    border: 0;
}

.my-profile .mp-right .profile-data-left textarea,
.my-profile .mp-right .profile-data-left .textareadiv {
    resize: vertical;
    float: left;
    width: 100%;
    min-height: 90px;
    background-color: rgba(43, 33, 91, 0.05);
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 8px;
    margin: 5px 0;
    border: 0;
}

.my-profile .mp-right .profile-data-left textarea.mid-area {
    min-height: 150px;
}

.my-profile .mp-right .profile-data-left textarea::placeholder {
    opacity: 1;
    color: #2b215b;
}

.custom-check_p-two.clear-div,
.custom-check-four.clear-div {
    float: left;
    width: 100%;
    margin: 10px 0 15px 0;
}

.my-profile .mp-right .profile-data-left .custom-check_p-two.clear-div label,
.my-profile .mp-right .profile-data-left .custom-check-four.clear-div label {
    color: #2b215b;
    font-size: 16px;
    opacity: 1;
}

.my-profile .mp-right .profile-data-right {
    line-height: 0.5px;
    width: 45%;
    float: right;
    min-height: 224px;
    border-radius: 3px;
    border: dashed 1px rgba(0, 47, 77, 0.25);
    padding: 15px;
}

.my-profile .mp-right .profile-data-right h3 {
    font-size: 16px;
    text-align: left;
    color: #2b215b;
    margin: 0 0 10px 0;
}

.my-profile .mp-right .profile-data-right .merga-tag-title {
    float: left;
    width: 40%;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #2b215b;
    margin-bottom: 10px;
}

.my-profile .mp-right .profile-data-right .merga-tag-details {
    float: left;
    width: 60%;
    margin-bottom: 10px;
}

.my-profile .mp-right .profile-data-right .merga-tag-details a {
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #2b215b;
}

.my-profile .mp-right .profile-data-right .merga-tag-details a:hover {
    opacity: 1;
}

.my-profile .mp-right .profile-data-right .merga-tag-details span {
    font-size: 13px;
    line-height: 1.43;
    text-align: left;
    color: #24bba2;
    padding-left: 10px;
}

.my-profile .notice-list-ul {
    width: 100%;
    float: left;
    margin: 5px 0;
    font-size: 14px
}

.my-profile .notice-list-ul li.notify-name {
    width: 80%;
    float: left;
}

.my-profile .notice-list-ul li.notify-button {
    width: 38px;
    float: right;
}

.my-profile .notice-list-ul li.notify-button .custom-check-three {
    margin-top: 0;
}

.my-profile .mp-right .profile-data-left .notice-list-ul label {
    margin: 0;
}

.my-profile .profile-data-left.little-big {
    width: 55%;
}

.my-profile .mp-right .profile-data-left textarea.resize-none {
    resize: none;
}

.empty-textarea {
    display: none;
    height: 1px;
    min-height: 0;
    opacity: 0;
    overflow-y: hidden;
}

input:focus {
    outline: none !important;
    border-color: none;
    box-shadow: none;
}

textarea:focus {
    outline: none !important;
    border-color: none;
    box-shadow: none;
}

.commentcount {
    display: inline-block;
    padding: 20px 10px;
    color: #24bba2;
    font-size: 12px;
}

.rectangle-blue-fade {
    background-color: rgba(43, 33, 91, 0.5) !important;
}

.conversion-right .dialog-chat .icon-box {
    float: left;
    padding-right: 10px;
}

.chat-Content-new {
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.skip-this {
    float: right;
}

.Dismiss {
    float: left;
}

.skip-this a {
    opacity: 0.5;
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #2b215b;
}

.Dismiss a {
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #e21a52;
}

.Dismiss a:hover {
    opacity: 0.25;
}

.low-padding-chat {
    padding: 10px 15px !important;
}

.vip-badge {
    min-width: 24px;
    min-height: 16px;
    background-color: #24bba2;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
    display: inline-block;
    margin-left: 5px;
    border-radius: 3px;
    text-align: center;
}

.conversion-right .error-massage,
.conversion-left .error-massage {
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #e21a52;
    width: 100%;
    margin: 10px 0;
    float: right;
    text-align: right;
    padding-right: 70px;
}

.top-fourty {
    top: 40px;
}

.profile-scetion .online-icon .like-comment-box {
    right: 0;
    left: auto;
    top: 20px;
    width: 200x;
    background: #fafafa;
}

.profile-scetion .online-icon .like-comment-box h2 {
    border-bottom: 1px solid #e0e5e8;
    cursor: pointer;
    font-size: 16px;
    color: #2b215b;
    padding: 5px 0 5px 44px;
    background: url("../images/success-gray.svg") no-repeat 13px center;
    height: auto;
    font-weight: normal;
    text-align: left;
}

.profile-scetion .online-icon .like-comment-box h2.cl1ck-btn,
.profile-scetion .online-icon .like-comment-box h2:hover {
    background: #f0eff2 url("../images/success.svg") no-repeat 13px center;
}

.Archive-Conversation {
    margin-left: -5px;
    padding-left: 0;
    padding-right: 10px;
}

.add-comment a,
.add-comment a:hover {
    color: #e21a52;
}

.online-icon {
    cursor: pointer;
}

.custom-radio-btn {
    float: left;
    height: 20px;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}

.custom-radio-btn input[type="radio"] {
    cursor: pointer;
    height: 21px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-radio-btn [type="radio"]+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-off.svg") no-repeat scroll left top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: 1px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    opacity: 1 !important;
}

.custom-radio-btn input[type="radio"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-on.svg") no-repeat scroll left bottom;
    color: #2b215b;
    height: 20px;
    left: 1px;
    position: relative;
    top: 0;
    width: 100%;
}

.right-sidebar .profile-scetion .profile-dp-img .vipsymbol {
    color: #ff004b;
    font-size: 34px;
    font-family: Georgia;
    line-height: 0;
    display: inline-block;
    position: absolute;
    left: 45%;
    top: -6px;
}

.friend-show-list li a .dpimg {
    border: solid 2px rgba(0, 0, 0, 0);
    position: relative;
}

.friend-show-list li a .dpimg img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.friend-show-list li a .dpimg.vip-ring {
    border: solid 2px #24ab9a;
}

.nodisplay {
    display: none !important;
}

.profile-scetion .weather {
    background: #24bba2;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 12px;
    font-weight: normal;
    margin: 8px 0;
}

.profile-scetion .Maketing-anlt {
    color: #24bba2;
    display: block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    margin: 0px 0;
}

.profile-scetion .weather img {
    margin-right: 10px;
    width: 15px;
    padding: 0 0 3px;
    margin-right: 7px;
}

.custom-check {
    height: 20px;
    position: relative;
    width: 100%;
}

.custom-check input[type="checkbox"] {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-check [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon.png") no-repeat scroll left top;
    color: #ffffff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
}

.qustion-save-add .custom-check [type="checkbox"]+label {
    color: #2b215b;
}

.custom-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon.png") no-repeat scroll left bottom;
    color: #557085;
    height: 20px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.custom-check_p-two {
    height: 20px;
    position: relative;
    width: 100%;
}

.custom-check_p-two input[type="checkbox"] {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-check_p-two [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon3.png") no-repeat scroll left top;
    color: #ffffff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 30px;
    opacity: 1 !important;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
}

.qustion-save-add .custom-check_p-two [type="checkbox"]+label {
    color: #2b215b;
}

.custom-check_p-two input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon3.png") no-repeat scroll left bottom;
    color: #557085;
    height: 20px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.custom-check-three {
    height: 20px;
    position: relative;
    width: 100%;
}

.custom-check-three input[type="checkbox"] {
    cursor: pointer;
    height: 21px;
    left: -23px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-check-three [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon2.jpg") no-repeat scroll left bottom;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 21px;
    left: -24px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 45px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
}

.custom-check-three input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon2.jpg") no-repeat scroll left top;
    color: #2b215b;
    height: 21px;
    left: -24px;
    position: relative;
    top: 0;
    width: 100%;
}

.custom-check-four {
    height: 20px;
    position: relative;
    width: 100%;
}

.custom-check-four input[type="checkbox"] {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-check-four [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon4.png") no-repeat scroll left top;
    color: #2b215b;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 30px;
    opacity: 1 !important;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
}

.qustion-save-add .custom-check-four [type="checkbox"]+label {
    color: #2b215b;
}

.custom-check-four input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/check-box-icon4.png") no-repeat scroll left bottom;
    color: #2b215b;
    height: 20px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.bgimg {
    background: url("../images/background.png") no-repeat right;
    background-size: cover;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.font-family {
    font-family: "Jaldi", sans-serif !important;
}

.error-page {
    text-align: center;
}


.colorwhite {
    color: white;
}

#errbutton {
    background-color: #24BBA2;
    border: none;
    color: white !important;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13.5px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
    margin-top: 7px;
}

.erfontsize {
    opacity: 0.75;
    font-size: 13px;
    padding-left: 6px;
    margin-top: 25px;
}

.erfontsize1 {
    position: relative;
    top: -15px;
    left: 5px;
    font-size: 13.5px;
    cursor: pointer;
}

.erfontsize3 {
    font-size: 20px;
    position: relative;
    top: -17px;
}

.fit {
    margin-top: 22.3%;
    margin-left: -9px;
}

.canvaslogo {
    margin-left: 9px;
    margin-top: -3px;
}

#LoadingDiv {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
}

#loaderImage {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3%;
    z-index: 10001;
}

/****************************Activity Stream Notification Starts*****************************/
#notice-dropdown-box,
#chat-droupdown-box {
    position: absolute;
    right: 0;
    top: 50px;
    display: none;
}

.notice-dropdown-box {
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    width: 468px;
    border-radius: 3px;
    background-color: #fafafa;
    float: left;
    max-height: 457px;
}


.notice-dropdown-box .whiteContainer {
    box-shadow: inset 0 -1px 0 0 rgba(0, 47, 77, 0.1);
    height: 1px;
    margin: 0;
    width: 100%;
    float: left;
}

.notice-dropdown-box .all-notifications {
    padding: 7px 10px;
    border-radius: 0;
    color: #2b215b;
    height: auto;
    font-weight: bold;
    font-size: 14px;
    float: right;
    display: block;
    margin-top: 0;
    overflow: visible;
    text-align: left;
    width: auto;
}

.wd_lt {
    width: 80%;
    vertical-align: middle;
}

.notifyicon {
    width: 16px;
    margin-right: 4px;
}

/****************************Activity Stream Notification Ends*****************************/

.login-box input[type="password"] {
    height: 42px;
    width: 88.5%;
}


.login-box input[type="text"] {
    height: 42px;
    width: 88.5%;
}

.login-box .login-btn {
    height: 42px;
    width: 88.5%;
}

.login-box p {
    opacity: 0.7;
}

.login-box .login-btn {
    margin-bottom: -3px
}

.errorsize {
    height: 42px;
    width: 88.5%;
    margin-left: 18px;
}

.externalloginerrorsize {
    height: auto;
    width: 88.5%;
    margin-left: 18px;
}

.logoutsize {
    height: 42px;
    width: 88.5%;
    margin-left: 18px;
}

.add-candi-input input[type=text] {
    color: #2b215b;
    opacity: 1;
    vertical-align: middle !important;

}

#candidateAnchor:visited,
#libraryAnchor:visited,
#chatAnchor:visited,
#campaignAnchor:visited,
#analyticsAnchor:visited {
    text-decoration: none !important;
}

#candidateAnchor:link,
#libraryAnchor:link,
#chatAnchor:link,
#campaignAnchor:link,
#analyticsAnchor:link {
    text-decoration: none !important;
}

#candidateAnchor:active,
#libraryAnchor:active,
#chatAnchor:active,
#campaignAnchor:active,
#analyticsAnchor:active {
    text-decoration: none !important;
}

#candidateAnchor:visited,
#libraryAnchor:visited,
#chatAnchor:visited,
#campaignAnchor:visited,
#analyticsAnchor:visited {
    text-decoration: none !important;
}

#candidateAnchor:hover,
#libraryAnchor:hover,
#chatAnchor:hover,
#campaignAnchor:hover,
#analyticsAnchor:hover {
    text-decoration: none !important;
}

/******************************27May2017****************************************/
div#loginError {
    padding-top: 8px;
}

div#loggedOut {
    padding-top: 8px;
}

/******************************27May2017****************************************/

.jobtitlewrap {
    white-space: nowrap;
}

/******************************27May2017 Footer Issue****************************************/

html,
body {
    height: 100%;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
    height: 60px;
    position: relative;
}

#footer .footer-logo {
    font-size: 28px !important;
}

#top-nav-canvas-numberid {
    opacity: 1;
}

#snackbar {
    visibility: hidden;
    width: 35%;
    min-width: 250px;
    margin-left: 180px;
    color: #333;
    text-align: center;
    border-radius: 2px;
    padding: 5px 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 100px;
    font-size: 17px;
}

#snackbar1 {
    visibility: hidden;
    width: 35%;
    min-width: 250px;
    margin-left: 180px;
    color: #333;
    text-align: center;
    border-radius: 2px;
    padding: 5px 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    bottom: 100px;
    font-size: 17px;
}

.snackicon {
    float: left;
    float: left;
    width: 13%;
    background-color: #E21A52;
    color: white;
    height: 55px;
    border-radius: 5px 0px 0px 5px;
}

.snackicon1 {
    float: left;
    float: left;
    width: 13%;
    background-color: #24BBA2;
    color: white;
    height: 55px;
    border-radius: 5px 0px 0px 5px;
}

#insnack {
    float: left;
    height: 55px;
    width: 300px;
    border-top-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #AAAAAA;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 0px 5px 5px 0px;
}

#insnack1 {
    float: left;
    height: 55px;
    width: 300px;
    border-top-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: #AAAAAA;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #fff;
    font-size: 12px;
    border-radius: 0px 5px 5px 0px;
}

.snackpara {
    position: relative;
    top: -10px;
}

.snackh2 {
    font-size: 17px;
    margin-top: 19px;
}

#snackpara {
    opacity: 0.5;
}

#snackpara1 {
    opacity: 0.5;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar1.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {
        right: 0;
        opacity: 0;
    }

    to {
        right: 50px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        right: 0;
        opacity: 0;
    }

    to {
        right: 50px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}


/********* input focus******/

#candidateSearch {
    width: 300px;
    max-width: 100%;
}

/********* Recommendation box stylings **********/

#iconContainer {
    width: 100%;
    position: relative;
    float: right;
    margin-bottom: 7px;
    clear: both;
}

#chatDivPlane {
    background: #fff;
    color: #25bba2;
    margin-top: 60px;
    border-radius: 50%;
    float: right;
    height: 48px;
    line-height: 48px;
    margin: 5px -8px 0 0;
    overflow: hidden;
    width: 48px;

}

#Recommendation-chat {
    margin-right: 52px;
}

.top-sixty {
    position: absolute;
    bottom: 11% !important;
    right: 0 !important;
}

#recommendPara {
    margin-top: 0;
    margin-bottom: 5px;
}

#Recommendation-chat {
    padding: 20px 15px 10px !important;
    border-radius: 10px;
    border: 1px dashed rgba(43, 33, 91, 0.4);
    opacity: 1;
    cursor: pointer;
    background-color: #F7F8F9 !important;
    width: 57%;
    position: relative;
    margin-top: 25px;
    float: right;
}

.bott {
    display: none;
}

a.m-collapsed {
    top: -48px;
}

.profileleft {
    margin-top: 25px;
}

#profilesavebutton {
    font-weight: normal;
}

.profilemenu {
    cursor: pointer;
}

.chat-job-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    text-align: center;
    width: 20px;
}

.search-for-job-item {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    min-height: 32px;
    line-height: 1.33;
    padding: 8px 20px 8px 8px;
    border-radius: 3px;
    background-color: #40376b;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
}


.search-for-job {
    width: 100%;
    border: 0;
    margin-bottom: 5px;
    height: 40px;
    padding: 0 8px;
    background-color: #f4f4f7;
    font-family: "Jaldi", sans-serif;
    font-size: 14px;
    border-radius: 3px;
}

.search-for-Message {
    width: 100%;
    border: 0;
    margin-bottom: 5px;
    height: 40px;
    padding: 0 8px;
    background-color: #f4f4f7;
    font-family: "Jaldi", sans-serif;
    font-size: 14px;
    border-radius: 3px;
}

.search-for-Message:focus {
    border: 1px solid #24BBA2;
}

.search-for-Library {
    width: 100%;
    border: 0;
    margin-bottom: 5px;
    height: 40px;
    padding: 0 8px;
    background-color: #f4f4f7;
    font-family: "Jaldi", sans-serif;
    font-size: 14px;
    border-radius: 3px;
}

.search-for-Library:focus {
    border: 1px solid #24BBA2;
}

#recommendationLoader {
    position: absolute;
    left: 80%;
    top: 50%;
}

#recommendationLoader i {
    color: #24BBA2;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.animate-bottom {
    -webkit-animation-name: animatebottom;
    animation-name: animatebottom;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}


/************** old issue***********/

/*selection color issue*/
.msg-alert::selection {
    background-color: transparent;
}

.msg-alert img::selection {
    background-color: transparent;
}

/* resource wrapping issue*/
.noWrapClassQue {
    white-space: nowrap;
}

/* recommendation previous& next*/

.previousRecommend :hover,
.nextRecommend :hover {

    color: #24BBA2;
    text-decoration: none;
}

.previousRecommend {
    pointer-events: none;
}

.RecommendClassDiv {
    float: right;
}

.overClass {
    color: #A9A9A9 !important;
    cursor: pointer;
    border: none;
    background-color: transparent;
    padding: 0 1px;
}

.overClass:focus {
    box-shadow: none;
}

/*********************30.5.2017 : search-box dropdown-box*******************/

.dropdown .mutliSelect {
    float: left;
    width: 100%;
    position: relative;
    height: 1px;
}

.dropdown .mutliSelect ul {

    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);

    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden
}

.dropdown .clsquickEditMulti ul {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden
}



.checkHide {
    height: 40px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
    cursor: pointer;
}

.checkHide1 {
    height: 20px;
    left: 0;
    opacity: 0;
    position: relative;
    width: 100%;
    z-index: 9;
    cursor: pointer;
}

.custom-check6 [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url(../images/bulkCheckboxOff.svg) no-repeat scroll left top 3px;
    color: #2b215b;
    text-align: left;
    width: 100%;
    margin-left: 0px;
}

.custom-check6 input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url(../images/bulkCheckboxOn.svg) no-repeat scroll left 2px top;
    font-style: normal;
    font-stretch: normal;
    color: #2b215b;
    letter-spacing: normal;
    text-align: left;
    width: 100%;
    margin-left: 0px;
}

.custom-check5 input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    margin-left: 8px;
}

.custom-check5 [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    margin-left: 8px;
}

.custom-check4 input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: -6px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: -35px;
    width: 100%;
    margin-left: 8px;
}

.custom-check4 [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    color: #2b215b;
    height: 20px;
    left: -6px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: -35px;
    width: 100%;
    margin-left: 8px;
}

.new-candidate-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: -27px !important;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 0px;
    width: 100%;
    margin-left: 8px;
}

.new-candidate-check [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: -27px !important;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 0px;
    width: 100%;
    margin-left: 8px;
}

.dropdown {
    z-index: 1;

}

#searchcheckbox {
    user-select: none;
}

.searchlist {
    position: relative !important;
    top: -13px !important;
    left: -13px !important;
    padding-right: 100% !important;
    padding-top: 6px !important;
    float: left !important;
    height: 30px !important;
    margin-bottom: 3px;
}

.searchlistprospect {
    top: -12px !important;
    left: -12px !important;
    float: left !important;
    height: 43px !important;
    margin-top: 22px;
}

.searchlistpros {
    top: -13px !important;
    left: -13px !important;
    padding-right: 100% !important;
    float: left !important;
    height: 30px !important;
}

.searchlist:hover {
    background-color: #E6FAF7;
}

#weatherImg {
    width: 15px;
    padding: 0 0 3px;
    margin-right: 7px;
}

#weatherDiv {
    background: #24bba2;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    line-height: 22px;
    padding: 0 10px;
    border-radius: 12px;
    font-weight: normal;
    margin: 8px 0;
}


.custom-overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

.custom-overflow::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.custom-overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}

.notifications-list-page.question-listing-table ul {
    background: none;
}

.notifications-list-page {
    float: left;
}

.question-listing-table ul li {
    display: table-cell;
    padding: 10px 0;
}

#notify-name-field {
    width: 85.6% !important;
    padding-left: 18px;
}

.job-candidates-listing-table ul li.notify-name-field strong {
    color: #2b215b;
    padding-right: 3px;
}

.notifyalign {
    position: relative;
    right: -22px;

}

#notifyhover:hover {
    color: #2b215b;
    cursor: pointer;
}

.profile-top ul li a.chatBubbleMarkAll {
    text-decoration: none;
}

.search-for-job::placeholder {
    color: #B4B3C6;
    font-size: 14px;
    font-family: "Jaldi", sans-serif;
}

.chataddcandidate {
    text-decoration: none !important;
}

.newline-to-break {
    float: none;
}

.wrapLongWord {
    word-wrap: break-word;
}

.profiletags {
    margin-left: 25px;
}


.add-job-link {
    text-decoration: none !important;
}

.placeholderClass::-webkit-input-placeholder {
    line-height: 24px;
}

.respons-empty-page p.Create-a-Job {
    height: 24px;
    opacity: 0.5;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    margin: 0 0 10px;
}

.respons-empty-page p.Create-a-Job a {
    color: #337ab7;
    text-decoration: none;
    background-color: transparent;
}

.respons-empty-page p.Create-a-Job a:hover {

    color: #23527c;
    text-decoration: none;
    background-color: transparent;
}

.navpopup {
    font-size: 16px;
    cursor: default;
}

.navpopupblue {
    width: 576px;
    margin-top: 5%;
    margin-left: 27%;
    height: 40px;
    padding-top: 33px;
    vertical-align: middle;
    border-radius: 4px;
    background: #211754;
}

#navpopupicon {
    position: relative;
    top: -25px;
    left: 6px;
    font-size: 30px;
    color: white;
}

.navpopupdatablue {
    padding-left: 55px;
    margin-top: -25px;
    color: white;
}

.navpopupdatagreen {
    color: white;
    text-decoration: underline;
    cursor: pointer;

}

.navhidegreen {
    cursor: pointer;
    text-decoration: underline;
    color: white !important;
    margin-left: 114px;
}

.navhideblue {
    cursor: pointer;
    text-decoration: underline;
    color: white !important;
    padding-left: 22px;

}

.navpopupgreen {
    width: 390px;
    margin-top: 5%;
    margin-left: 35%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #24BBA2;
}

.navpopupgreenasync {
    width: 420px;
    margin-top: 5%;
    margin-left: 35%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #24BBA2;
}

#navpopupdatagreen {
    position: relative;
    top: -19px;
    left: 10px;
    font-size: 30px;
    color: white;
}

.urlpopupblue {
    width: 420px !important;
    margin-top: 56px;
    height: 40px;
    padding-top: 33px;
    vertical-align: middle;
    border-radius: 4px;
    background: #211754;
}

.urldatablue {
    padding-left: 35px !important;
    margin-top: -25px;
    color: white;
}

.inactivepopupblue {
    width: 593px;
    margin-top: 56px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #211754;
}

.inactivedatablue {
    padding-left: 35px !important;
    margin-top: -25px;
    color: white;
}

.blankmessagedatared {
    padding-left: 35px !important;
    margin-top: -21px;
    color: white;
}

#blankmessageicon {
    position: relative;
    top: -21px;
    left: 6px;
    font-size: 30px;
    color: white;
}

#descriptionwrap {
    white-space: normal;
}

.notifyborder {
    border-top: 1px solid #e5eaed;
    border-bottom: 1px solid #e5eaed;
}

.notifysystem {
    margin-bottom: 5px;
}

.checkBoxClass input[type="checkbox"] {
    height: 21px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 16px;
    width: 100%;
    z-index: 9;
}

.checkBoxClass {
    margin-bottom: -1px;
}


.labelClass {
    background: rgba(0, 0, 0, 0) url(../images/radio_new.png) no-repeat scroll right 14px bottom;
    background-color: #2b215b;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    height: 21px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
}

.divCheckClass {
    height: 20px;
    position: relative;
    width: 100%;
}

.labelClassChecked {
    background: rgba(0, 0, 0, 0) url(../images/radio_new.png) no-repeat scroll right 14px top;
    background-color: #2b215b;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    height: 21px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 15px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;

}

#imageSmile {
    float: right;
}

#edit_socialSiteMap-linkedin::-webkit-input-placeholder {
    line-height: 40px;
}

a.navhideblue:hover {
    text-decoration: underline !important;
}

a.navhidegreen:hover {
    text-decoration: underline !important;
}

a.navhidered:hover {
    text-decoration: underline !important;
}

.navpopupred {
    width: 590px;
    margin-top: 5%;
    margin-left: 25%;
    height: 40px;
    padding-top: 25px;
    vertical-align: middle;
    border-radius: 4px;
    background: #E21A52;
}

.navhidered {
    text-decoration: underline;
    cursor: pointer;
    color: white !important;
    margin-left: 16px;
    margin-top: -15px;
    margin-right: 6px;
    float: right;
}

.navpopupdatared {
    padding-left: 55px;
    margin-top: -17px;
    color: white;
}

#navpopupdatared {
    position: relative;
    top: -19px;
    left: 10px;
    font-size: 30px;
}

input[type=text]::-ms-clear {
    display: none;
}


tags-input .tags .input:focus {
    width: 300px !important;
}

.profile-prefference-wrapping {
    min-width: 1280px;
    overflow-x: scroll;
}

select::-ms-expand {
    display: none;
}

@media only screen and (min-width: 1900px) {
    .my-profile-box {
        right: 1.85% !important;
    }
}

#chatleftnavcheckbox {
    border-bottom: 1px solid #3F366B;
    padding-top: 9px;
    padding-bottom: 4px;
}

.chatleftnavlist {
    margin-top: 20%;
}

.chatswitchLabel {
    display: inline-block;
    position: relative;
    top: -5px;
    left: 60px;
}

.icon-box {
    margin-right: 16px;
}

.recommedationdata {
    margin-left: 3px;

}

.recommendationclose {

    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .75;
}

.recommendationspan {
    margin-top: 1px;
    display: inline-block;
    margin-left: 38px;
}

#recommendationxclose {
    position: absolute;
    right: 2%;
    top: 16px;
}

#recommedationdismiss {

    position: absolute;
    top: -23px;
    background-color: #2b215b;
    right: 0;
    color: white;
    width: 165px;
    height: 30px;
    padding-left: 10px;
    padding-top: 2px;
    border-radius: 4px;
    z-index: 2;
}

#recommendHeading {
    opacity: 0.4;
    position: relative;
    top: -49px;
    margin-left: -15px;
    cursor: default;
}

#recommendmsg {
    font-family: inherit;
    font-size: 12px;
    position: relative;
    top: -1px;
    opacity: 0.4;
    cursor: default;
}

.iconBoxClass {
    margin-left: -163px;
    opacity: 0.4;
}

.overClass+.tooltip>.tooltip-inner {
    opacity: 0.4;
}

.fontFaIcon {
    font-size: 15px;
}

.fontClose {
    font-size: 18px;
}

.custom-check-to {
    height: 30px !important;
    position: relative;
    width: 100%;
}

#ChatloaderImage {
    width: 25px;
    position: relative;
    left: 85px;

}

#chatnewmessageslabel {
    background: rgba(0, 0, 0, 0) url(../images/uparrow.svg) no-repeat scroll right 14px bottom -11px;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    height: 21px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    height: 20px;
}

.chatuparrow {
    margin-left: 34%;
    height: 18px;
}

.chatnewmessages {
    background-color: #24BBA2;
    position: fixed;
    color: white;
    cursor: pointer;
    width: 191px !important;
    height: 39px;
    margin-left: 11px;
    padding-left: 13px !important;
    padding-top: 8px !important;
    border-radius: 4px;
    z-index: 1;
}

.chatnewmessages:hover {
    background-color: #24BBA2 !important;
}

#leftsidecandidatebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

#leftsidecandidatebar::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#leftsidecandidatebar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}


.countryicon {
    position: absolute;
    right: 6%;
    top: 12%;
    cursor: pointer;
}

.countrysearch {
    width: 103%;
    margin-bottom: 10%;
    background-color: rgb(245, 244, 247);
    border: none;
    font-size: 14px;
}

.countrylist ul {
    position: absolute;
    left: -39px;
    padding: 10px;
    top: -6px;
    width: 106%;
    max-height: 111px;
    max-height: 160px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.countrylist {
    float: left;
    width: 48%;
    position: relative;
}

.countryiconinsearch {
    float: right;
    margin-top: -36px;
    margin-right: 8px;
    cursor: pointer;
}

.cursor {
    cursor: pointer;
}

.countryhover:hover {
    background-color: #F5F4F7;
}


.showMore {
    color: #24bba2 !important;
    font-size: 12px;
    text-decoration: none !important;
    cursor: pointer;
    padding-left: 11px;
}

.showMore:focus,
.showMore:hover {
    color: #24bba2 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.showMore:visited,
.showMore:link,
.showMore:focus {
    text-decoration: none !important;
}

.posMsg:focus {
    text-decoration: none !important;
}

.jumpSpan {
    float: right;
}

.posMsg {
    clear: left;
}

.profImgClass {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}

.posMsg {
    color: #2b215b !important;
    font-size: 12px !important;
    opacity: 1 !important;
    padding-right: 3px !important;
    float: left !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.posMsgArrow {

    float: right !important;

    top: 5px !important;
    width: 14px;
    height: 10px;
    position: relative;
    left: -8px;
}

.modalBoxPos {
    position: absolute;
    background-color: #fff;
    bottom: 25px;
    left: 0;
    max-height: 375px;
    overflow-y: auto;
    width: 449px;
    border: 1px solid #fff;
    padding-bottom: 12px;
    z-index: 10000;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    cursor: default;
}

.modalBoxPosBatchSchdl {
    position: absolute;
    background-color: #fff;
    left: 100px;
    max-height: 375px;
    overflow-y: auto;
    border: 1px solid #fff;
    z-index: 10000;
    box-shadow: 0 0 16px 0 rgba(43, 32, 91, 0.1);
    padding-top: 4px;
    cursor: default;
}

.jumpID {
    margin-left: 10px;
    margin-bottom: 9px;
    font-size: 14px;
    height: 10px;
    color: #24BBA2;
    padding: 0px 5px;
    cursor: pointer;
    padding-bottom: 15px;
    padding-top: 15PX;
}

.msgClass {
    margin-bottom: 6px;
    clear: both;
}

.relativeClass {
    position: relative;
}

.msgBody {
    width: 272px;
    padding-top: 4px;
    float: left;
    color: #2B215B;
    font-size: 12px;
}

.msgBodySchdl {
    width: 160px;
    padding-top: 4px;
    color: #2B215B;
    font-size: 13px;
    display: inline-block;
}

.msgDetailsInSchdl:hover {
    background-color: #F5F4F7;
}

.dateClass {
    float: right;
    font-size: 12px;
    padding-right: 16px;
    color: #2b215b;
    opacity: 0.25;
}

.opacityClass {
    opacity: 0.5;
    cursor: pointer;
}

.opacityClass:hover {
    opacity: 1 !important
}

.custom-overflow1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

.custom-overflow1::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.custom-overflow1::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}

.profImg {
    border-radius: 50%;
}

.posClass {
    position: absolute;
    bottom: 10px;
    left: 5px;
}

.showMoreListsId th,
.showMoreListsId td {
    padding: 0;
}

.PosNegativeHeading {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #2b215b !important;
    margin: 5px 0 15px 0 !important;
    padding-left: 0;
    padding-bottom: 10px !important;
}

.thumb-good {
    padding-right: 10px !important;
}

.thumb-bad {
    padding-right: 10px !important;
}

.posClassMore {
    padding-left: 0;
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
    position: relative;
    margin-bottom: -5px;
}

.showMoreListsId {
    width: 50%;
    float: left;
    padding: 0
}

.posclass {
    position: relative;
    top: -8px;
    left: 0;
}

.negClass {
    padding-left: 12px;
}

textarea#candidateMobilePhone:focus {
    border: 1px solid #24bba2 !important;
}

textarea#edit_candidateMobilePhone:focus {
    border: 1px solid #24bba2 !important;
}


.mobnumber {
    /* height: 36px !important;
    resize: none;*/
    font-family: inherit;
    width: 193px !important;
    margin-top: 6px;
    padding-top: 7px;
    color: #2b215b;
    opacity: 1;
    font-size: 14px;
    width: 100%;
    margin: 3px 0 5px 0;
    padding-left: 10px;
    background: #F4F3F6 !important;
    border: 1px #fff solid;
    border-radius: 3px;
    height: 40px;
    white-space: nowrap;
    overflow-x: hidden;
}


.PosNegativeUl {
    padding-right: 5px !important;
}

.paddingClass20 {
    padding-bottom: 20px !important;
}

.noPaddingClass {
    padding-bottom: 0px !important;
}

/* ATS styles started */
.ATS {
    font-family: jaldi;
    width: 464px;
    height: 560px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 24px 32px 0 rgba(43, 33, 91, 0.1);
    position: relative;
    left: 28%;
}

.ATSTOP {
    width: 100%;
    height: 172px;
    background-color: #2b215b;
}

.ATSmiddle {
    width: 100%;
    height: 257px;
    background-color: #F8F8F9;
    overflow-y: auto;
}

.Add-Candidates-fro {

    font-family: Jaldi;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    color: white;
    padding-top: 32px;
    padding-left: 32px;
}

.ATSDescription {
    width: 260px;
    height: 72px;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #CAC7D6;
    padding-left: 32px;
}

.ATSsearch-box {
    position: relative;
    left: 32px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 216px;
    height: 36px;
    border-radius: 3px;
    /*  border: solid 1px #24bba2; */
    background-color: #F5F4F7;
}

.ATSsearchcandidate {
    font-family: inherit;
    border: 0px;
    outline: none;
    width: 160px !important;
    margin-left: 38px;
    font-size: 16px;
    position: relative;
    top: -21px;
    background-color: #F5F4F7;
}

/* .ATSconfirm{
       position: relative;
    margin-right: -190px;
    margin-top: -24px;
    width: 106px;
    height: 36px;
    background-color: #24bba2;
    font-size: 14px;
    float: right;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    font-family: jaldi;
    outline: none;
	} */
.ATSconfirm {
    /* position: absolute; */
    margin-right: 34px;
    margin-top: -12px;
    /* left: 75%; */
    /* bottom: 18px; */
    width: 106px;
    height: 36px;
    background-color: #24bba2;
    font-size: 14px;
    float: right;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    font-family: jaldi;
    outline: none;
}

.ATSserachicon {
    position: relative;
    top: 15%;
    left: 9px;
    height: 20px;
    width: 20px;

}

.addjobicon {
    float: right;
    margin-top: -26%;
    margin-right: 13%;
}

.ATSclose {
    background: none;
    color: #fff;
    font-size: 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    cursor: pointer;
    font-weight: 300;
    opacity: 1;
    border: none;

}

.Search-for-candidate {
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 24px;
    /*text-align: left;*/
    color: #2b215b;
    /*margin-left: 101px;*/
}

.searchmidicon {
    margin-bottom: 20px;
    height: 40px;
    width: 40px;
    margin-top: 104px;
    /*margin-left: 208px;*/
    opacity: 0.25
}

textarea.ATSsearch-box:focus {
    border: 1px solid #24bba2 !important;
}


/* end */

/* ATSgoback */
.ATSgoback {
    width: 55px;
    height: 24px;
    position: relative;
    left: 32px;
    top: 33px;
    opacity: 0.5;
    font-family: Jaldi;
    /* font-size: 16px; */
    /* line-height: 1.5; */
    /* text-align: left; */
    color: #2b215b;
}

.ATSaddcandi {
    margin-right: 32px;
    margin-top: 1px;
    width: 124px;
    height: 36px;
    background-color: #24bba2;
    font-size: 14px;
    float: right;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    font-family: jaldi;
    outline: none;
}

/* .ATScontact{
	    width: 400px;
    height: 56px;
    border-radius: 5px;
    background-color: #ffffff;
    margin-left: 32px;
    position: relative;
    top: 16px;
    left: 32px;
} */
.ATSnumber {
    font-size: 16px;
    font-family: inherit;
    width: 216px;
    height: 40px;
    /* opacity: 0.05; */
    background-color: #F5F4F7;
    border-radius: 5px;
    border: 0;
    float: right;
    margin-right: 6px;
    margin-top: 8px;
    padding-left: 6px;

}

.ATSdownarrow {
    position: absolute;
    left: 90%;
    top: 16px
}

.ATSname {
    margin-top: 9px;
    margin-left: 11px;
    display: inline-block;
    color: #2b215b;
    font-weight: bold;
    width: 32%
}

.ATSmail {
    margin-top: -1px;
    margin-left: 11px;
    font-size: 14px;
    /* display: inline-block; */
    color: #B1AEC3;
}

.ATSphndropdwn {
    /* 	position:absolute; */
    margin-top: 16px;
    margin-left: 209px;
    width: 216px;
    height: 88px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
}

.ATSadd {
    margin-left: 4px;
    width: 208px;
    height: 40px;
    background-color: #F5F4F7;
}

.ATSphonenumber {
    width: 156px;
    height: 24px;
    color: #24bba2;
    margin-top: 10px;
    display: inline-block;
}

/*end  */



/* dropdown */
ol.addjob-btndroup-down {
    display: block;
    width: 250px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    right: 0px;
    top: 65px;
    z-index: 9;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

ol.addjob-btndroup-down li a {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    min-height: 40px;
    text-align: left;
    width: 100%;
    float: left;
    margin: 0;
}
ol.addjob-btndroup-down li a.disableAddCandidates{
    color: gray !important; 
    font-size: 14px;
    cursor: not-allowed;
    background-color: white !important;
}
ol.addjob-btndroup-down li a.disableAddCandidates:hover{
    opacity:1; 
}
ol.addjob-btndroup-down li a.disableAddCandidates:active{
    pointer-events:none;
}

.low-opacity-l {
    opacity: 0.25;
}

ol.addjob-btndroup-down li a img {
    width: 33px;
    height: auto;
    padding-right: 10px;
}

/* ATS contact  */

/* .ATScontactname{
	margin-top: 9px;
    margin-left: 57px;
    display: inline-block;
    color: #2b215b;
    font-weight: bold;
} */
.ATScontactname {
    margin-top: 9px;
    margin-left: 29px;
    display: inline-block;
    color: #2b215b;
    font-weight: bold;
}

.ATScontactmail {
    margin-bottom: 0;
    margin-top: -1px;
    margin-left: 57px;
    font-size: 14px;
    color: #B1AEC3;
}

.ATScontact {
    margin-bottom: 2px;
    width: 400px;
    height: 60px;
    border-radius: 5px;
    background-color: #ffffff;


}

.ATScontactsearchresult {
    width: 400px;
    height: 60px;
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
    margin: 0 auto;
}

.ATScontactsearchsubresult {
    width: 400px;
    border-radius: 5px;
    background-color: #ffffff;
    margin: 0 auto;
}

.ATSassign {
    white-space: nowrap;
    display: inline-block;
    text-align: right;
    /* float: right;
    margin-top: -21px;
    margin-right: 7px;*/
    font-family: 14px;
    font-size: 14px;
    color: #2b215b;
    opacity: 0.5;
    /*  direction: rtl; */
    max-width: 150px;
    overflow: hidden;

    position: absolute;
    right: 3%;
    bottom: 4%;

}

.ATSscreen {
    color: #2b215b;
    opacity: 0.25;
    float: right;
    margin-right: 10px;
    font-size: 14px;
    margin-top: 11px
}

/* .ATScheckbox{
	position: relative;
    left: 16px;
    top: 10px;
} */
.ATScheckbox {
    position: relative;
    left: 8px;
    top: 10px;
}

.ATSp {
    margin-left: 56px;
    margin-bottom: 0;
    font-size: 12px;
}

.question {
    color: #2b215b;
    display: inline-block;
    overflow: hidden;


}

.answer {
    color: #2b215b;
    opacity: 0.5;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;

}

/* .ATScheck{
	position: relative;
    top: -56px;
	    z-index: 111;
    font-size: 22px;
    width: 25px;
    height: 21px;
	opacity:0;
} */
.ATScheck {
    position: relative;
    top: 2px;
    left: 11px;
    z-index: 111;
    bottom: -14px;
    width: 25px;
    height: 21px;
    opacity: 0;
}

.ATScontact:hover .ATSshow {
    display: block;
}




.ATScheckbox [type="checkbox"]+label.autoImport {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: -24px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 45px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    cursor: pointer;
}

.ATScheckbox input[type="checkbox"]:checked+label.autoImport {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    color: #2b215b;
    height: 20px;
    left: -24px;
    position: relative;
    top: 0;
    width: 100%;
    cursor: pointer;
}

.ATSjobcheckbox {
    position: relative;
    left: 8px;
    top: 10px;
}

.ATSjobcheck {
    position: relative;
    top: 2px;
    left: 11px;
    z-index: 111;
    bottom: -14px;
    width: 25px;
    height: 21px;
    opacity: 0;
}

.ats-phonenumber-dropdown {
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: rgba(35, 47, 53, .09) url("../images/arrow-down.svg") no-repeat scroll right center;
    border: 0 none;
    border-radius: 4px;
    color: rgba(43, 33, 91, 1);
    font-size: 13px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 35px;
    letter-spacing: normal;
    line-height: 1.5;
    margin: 10px 0 10px 10px;
    padding-left: 5px;
    width: 190px;
    float: right;
}

/* .ats-phonenumber-dropdown option {border: 0 none;padding: 4px;} */
.atsphonenumberdropdownoptions {
    background-color: #ffffff;
}



.ATSmiddle ul li {
    margin-top: 10px;
}

.loaderimg {
    width: 25px;
    /* position: relative; */
    left: 85px;
    float: right;
    padding-top: 16px;
    margin-right: 27px;
}

.ermsg {
    float: right;
    padding-top: 19px;
    margin-right: 16px;
    word-wrap: break-word;
    width: 40%;
    font-size: 13px;
}

.succmsg {

    float: right;
    padding-top: 16px;
    margin-right: 27px;
}

.sucesicon {

    /* position: relative; */
    left: 85px;
    float: right;
    padding-top: 16px;
    margin-right: 27px;
    color: #24bba2;
    width: 20px;
}


.loaderimgerr {
    width: 25px;
    /* position: relative; */
    left: 85px;
    float: right;
    padding-top: 16px;
    margin-right: 3px;

}

.sucesiconfoot {
    left: 85px;
    color: #24bba2;
    width: 15px;
}

.disabled {
    /*opacity : 0.5;*/
    pointer-events: none;
}

ol#job_addcandidateatsoptions li :hover {
    background-color: #F5F4F7;
}

/*  ATS styles ended */
th.activeImport {
    border-bottom: 2px solid #24bba2 !important;
}

th.active {
    border-bottom: 3px solid #24bba2 !important;
}

.question-listing-table-resource ul.table-thead li.active {
    border-bottom: 3px solid #24bba2 !important;
}

.question-listing-table ul.table-thead li.active {
    border-bottom: 3px solid #24bba2 !important;
}

/* Fix count alignment issue in portrait page */

.day-time-canvas li:nth-child(2) .data-part p span {
    margin-left: 27px;
}

.day-time-canvas li:nth-child(3) .data-part p span {
    margin-left: 29px;
}


.buttondisabledprocessingcolour {
    background-color: #CCCAD8 !important;
}

.open>.dropdown-menu {
    display: block;
}

.Mask {
    float: right;
    top: 10px;
    left: -8px;
    width: 215px;
    background-color: #F8F8F9;
}

.maskul {

    width: 216px;

    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
}

.maskul li {
    width: 208px;
    height: 40px;
    border-radius: 3px;
    text-align: left;
    padding: 13px;
    margin: 3px;
}

a.btn.dropdown-toggle {
    color: black;
    width: 216px !important;
}

a.btn.dropdown-toggle:focus {
    border-style: solid;
    border-color: #24bba2;
}

a.btn.dropdown-toggle {
    color: black;
    width: 216px !important;
}

.droparrow::after {
    width: 4px;
    height: 0;
    margin-left: -1.5em;
    vertical-align: middle;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-left: 0.3em solid transparent;
    position: relative;
    top: 20px;
    left: 2px;
    z-index: 11;
    cursor: pointer !important;

}

.ATSChoosemobno {
    background-color: #F8F8F9;
    margin-left: -1px;
    height: 34px;
    width: 217px;
    font-family: inherit;
    resize: none !important;
    border: 0;
    padding-top: 6px;
    padding-left: 16px;
    z-index: 2;
}


.dropdown-toggle::after {
    display: none;
}

.maskul li:hover {
    background-color: #F8F8F9;
    cursor: pointer;
}

/*******************************************************************************************/
.scrolloverflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

.scrolloverflow::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.scrolloverflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}

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

/*overflow menu*/
.online-icon-chat {
    cursor: pointer;
}

.doted-icon-chat {
    width: 4px;
    height: 18px;
    color: rgba(255, 255, 255, 0.25);
    font-size: 30px;
    font-family: Georgia;
    word-break: break-all;
    line-height: 0.25;
    display: inline-block;
}

.right-sidebar .profile-scetion .online-icon-chat {
    position: absolute;
    right: 15px;
    top: 12px;
}

.doted-icon-chat:hover {
    color: rgba(255, 255, 255, 1);
}

.profile-scetion .online-icon-chat .like-comment-box-left {
    right: 0px;
    /* left: auto; */
    top: 20px;
    width: 200x;
    background: #fafafa;
}

.like-comment-box-left {
    display: none;
    width: 185px;
    position: absolute;
    top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    -moz-box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-radius: 3px;
    z-index: 1000;
}

.like-comment-box-left ul.like-follow {
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 0;
}

.like-comment-box-left ul.like-follow li {
    width: 100%;
    display: block;
    padding: 0;
    border: medium none;
}

.like-comment-box-left ul.like-follow li a {
    width: 100%;
    display: block;
    padding: 6px 4px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.like-comment-box-left ul.like-follow li a i {
    color: #cac8d6;
    padding-right: 10px;
}

.like-comment-box-left .add-comment-chat {
    border-top: solid 1px #e5eaed;
    padding: 8px 5px 14px 17px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.Archive-Conversation-Chat {
    margin-left: -5px;
    padding-left: 0;
    /* padding-right: 10px;*/
}

.Archive-Conversation-Chat img {
    padding-right: 6px;
}

.add-comment-chat a {
    color: #e21a52;
}

.HoverClassChat:hover {
    background: #f7f7f9;
}

.editCandidateCountry-custom-overflow::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #808080;
    border-radius: 10px;
}

.editCandidateCountry-custom-overflow::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.editCandidateCountry-custom-overflow::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear,
            40% 0%,
            75% 84%,
            from(#e6e6e6),
            to(#e6e6e6),
            color-stop(.6, #e6e6e6))
}

.PosNegativeHeading {
    border-bottom: none !important;
}

ol#home_addcandidateatsoptions li :hover {
    background-color: #F5F4F7;
}

.disableAtsCandidateDiv {
    background-color: #eaeaea;
}


img#AtsloaderImage {
    width: 8%;
    position: relative;
    bottom: 56px;
}

.Jobsearch {
    margin-top: 3px;
    max-width: 100% !important;
    width: 86% !important;
    height: 37px !important;
    color: black !important;
}

.chatpageadcandi {
    background-color: #24BBA2;
    border: none;
    width: 99%;
    padding: 8px 20px;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
}

.atsCandidateIconStyle {
    width: 14px;
    height: 14px;
    /* margin-left: 67% !important; */
    /* margin-top: 25% !important; */
    border-radius: 50%;
    /* background-color: #4794df; */
    /* box-shadow: -2px -2px rgb(255, 255, 255); */
    position: absolute;
    top: 42px;
    left: 35px;
    border: solid;
    /* border-color: white; */
    /* border-spacing: 2px; */
    border-right-color: rgba(255, 255, 255, 0);
    border-left-color: white;
    border-top-color: white;
    border-bottom-color: rgba(255, 255, 255, 0);
}

.ATScontactsearchsubresult .ATScheckbox {
    position: absolute;
    right: 79px;
    top: 1px;

}

.ATScontactsearchsubresult .ATScheck {

    position: relative;
    top: 41px;
    left: 170px;
    z-index: 111;
    bottom: -14px;
    width: 25px;
    height: 21px;
    opacity: 0;
}

.ATScontactsearchsubresult .ATScheckbox [type="checkbox"]+label {

    padding-left: 25px;

}

.activeInactiveImageStyle {
    width: 6px;
    height: 6px;
    margin-left: 22% !important;
    margin-top: -20% !important;
    background-color: #1cb79c;
    border-radius: 50%;
    position: sticky;
    box-shadow: 1px -1px rgb(255, 255, 255);
}

.activeInactiveImageGreyStyle {
    width: 6px;
    height: 6px;
    margin-left: 22% !important;
    margin-top: -20% !important;
    background-color: #808080;
    border-radius: 50%;
    position: sticky;
    box-shadow: 1px -1px rgb(255, 255, 255);
}

.profile-img #atsCandidateImageIconDiv img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    border: none;
}

.CanActiveicon {
    /*  display: block !important;
    background-color: #1cb79e;
    width: 6px;
    height: 7px;
    position: absolute;
    top: 48px;
    border-radius: 100%;
    border: 1px solid white;
    left: 12px;
    font-size: 47%; */

    /*display: block !important;
    background-color: #1cb79e;
    width: 11px;
    height: 11px;
    top: 1px;
    border-radius: 50%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 11px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    transform: rotate(78deg);*/
    display: block !important;
    background-color: #1cb79e;
    width: 11px;
    height: 12px;
    top: 1px;
    border-radius: 50%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 11px;
    text-align: center;
    position: relative;
    box-sizing: border-box;


}

.chatCanActiveicon {
    display: inline-block !important;
    background-color: #1cb79e;
    width: 8px;
    height: 8px;
    top: 1px;
    left: -4px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.chatCanActiveRedicon {
    display: inline-block !important;
    background-color: #e21a52;
    width: 8px;
    height: 8px;
    top: 1px;
    left: -4px;
    border-radius: 50%;
    font-size: 11px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
}

.Canreplayicon {
    /* display: block !important;
    background-color: #035BBC;
    width: 9px;
    height: 10px;
    position: absolute;
    top: 47px;
    border-radius: 50%;
    border: 1px solid white;
    left: 33px; */

    /* display: block !important;
    background-color: #035BBC;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 45px;
    border-radius: 50%;
    border: 1px solid white;
    left: 33px; */

    /* display: block !important;
    background-color: #035BBC;
    width: 100%;
    height: 100%;
    top: 45px;
    border-radius: 50%;
    border: 1.5px solid white;
    left: 33px;
    text-align: center;
    position: relative; */

    display: block !important;
    background-color: #007BFF;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 100%;
    /* border: 1.5px solid white; */
    left: -2px;
    text-align: center;
    position: relative;
    box-sizing: border-box;

}

.candidateReplaySpanTop {
    border-top: 1.5px solid white;
    border-left: 1.5px solid white;
    border-bottom: 1.5px solid transparent;
    border-right: 1.5px solid transparent;
    border-radius: 100%;
    /* position: relative; */
    width: 100%;
    height: 100%;
}


.can-replay-img {
    /* position: absolute;
    width: 5px;
    left: 36.5px;
    top: 49.5px; */
    /* position: absolute;
    left: 36.5px;
    top: 44px;
    height: 16px;
    width: 8px; */

    /*  height: 50%;
    width: 50%;
    transform: translateX(2%) translateY(49%);
    max-width: 50%;
    max-height: 50%; */

    height: 70%;
    width: 70%;
    /*  transform: translateX(-50%) translateY(49%); */
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    top: 18%;
    right: 15%;

}


.CanInactiveicon {
    display: block !important;
    background-color: #CBCBEB;
    width: 11px;
    height: 11px;
    top: 1px;
    border-radius: 50%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 10px;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    transform: rotate(78deg);


}

.atsCandidateIconDiv {
    border-radius: 100%;
}


.livechatatscandidatedivstyle {
    border: 1.5px solid #605884;
}

.nonlivechatatscandidatedivstyle {
    border: 1.5px solid #2b215b;
}

.potraitActiveIcon {
    left: 37%;
    height: 11px;
    position: absolute;
    /* bottom: 78.5%; */
    margin-top: 52px;
    left: 36%;
}

.PortActiveicon {
    display: block !important;
    background-color: #1cb79e;
    width: 0px;
    height: 14px;
    top: 1px;
    border-radius: 58%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 14px;
    text-align: center;
    position: relative;
}

.PortInactiveicon {
    display: block !important;
    background-color: #CBCBEB;
    width: 0px;
    height: 14px;
    top: 1px;
    border-radius: 58%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 14px;
    text-align: center;
    position: relative
}

/*coach*/
.coachImgPRed {
    color: white;
    margin-top: -17px;
}

.coachpopupred {
    position: fixed;
    width: 100%;
    top: 55px;
    height: 40px;
    padding-top: 25px;
    vertical-align: middle;
    background: #E21A52;
}

#coachpopupicon {
    padding-left: 18%;
    margin-top: -6px;
    font-size: 30px;
    padding-right: 4px;
    margin-left: 0 !important;
}

.navhideCoachred {
    text-decoration: underline;
    cursor: pointer;
    color: white !important;
    /* margin-left: 10%; */
    position: absolute;
    right: 15%;
    top: 7px;
}

.chatcoachpopupred {
    position: fixed;
    width: 100%;
    top: 55px;
    height: 40px;
    padding-top: 25px;
    vertical-align: middle;
    background: #E21A52;
}

#chatcoachpopupicon {
    padding-left: 2%;
    margin-top: -6px;
    font-size: 30px;
    padding-right: 4px;
}


.chatnavhideCoachred {
    position: absolute;
    top: 7px;
    right: 2%;
    text-decoration: underline;
    cursor: pointer;
    color: white !important;
}

#start-coach-modal {
    background: rgba(0, 47, 77, 0.5) none repeat scroll 0 0 !important;
}

.coach-dialog {
    width: 424px;
    height: 360px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 24px 32px 0 rgba(43, 33, 91, 0.1);
}

.coach-modal-title {
    /*width: 356px; */
    height: 36px;
    font-family: Jaldi;
    font-size: 24px !important;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding-left: 32px;
    padding-top: 32px;
}

.coach-modal-close {
    /*width: 20px; 
    height: 12px; 
    float: right; 
    padding-right: 36px;*/
    font-size: 30px !important;
    background: transparent;
    border: 0;
    width: 20px;
    float: right;
    line-height: 27px;
    margin-right: 32px;
}

.coach-modal-data {
    width: 360px;
    height: 120px;
    font-family: Jaldi;
    font-size: 14px !important;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    margin-top: 52px;
    margin-left: 32px;
}

.coach-recruiter-list {
    background: rgba(43, 33, 91, 0.1);
    width: 360px;
    height: 40px;
    /*opacity: 0.05; */
    margin-left: 32px;
    margin-top: 30px;
    border: none;
    font-family: Jaldi;
    font-size: 16px !important;
    text-align: left;
    color: #2b215b;
}

.coach-recruiter-submit {
    float: right;
    margin-right: 32px;
    margin-left: 32px;
    margin-top: 27px;
}

.coach-banner-impersondropdown {
    font-family: "Jaldi", sans-serif;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background: #f5f4f7 url(../images/droup-down-icon2.svg) no-repeat scroll 95% center;
    border: 0 none;
    color: #2b215b;
    font-size: 15px;
    padding-left: 5px;
    text-align: left;
    border-radius: 2px;
    width: 140px;
}

.coach-banner-gobutton {
    background-color: #ffffff;
    border-radius: 3px;
    border: 0 none;
    color: #E21A52;
    font-size: 13px;
    font-weight: bold;
}

.coachModeMarginCls {
    margin-top: 50px !important;
}

.coachModeLibrary {
    margin-top: 150px !important;
}

/* To hide user icon in safari browser */
#candidateMobilePhone::-webkit-contacts-auto-fill-button,
#edit_candidateMobilePhone::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0;
}


/* Collection - footer overlapping */
.collection-down {
    margin-bottom: 5rem;
}

/* Chat page - right side overflow menu*/
.online-icon-chat {
    z-index: 1;
}

/* chat left menu */
.sidebar-candidate:hover {
    background: #605884 none repeat scroll 0 0;
}

.chatatsimg .Canreplayicon {
    border: 1.5px solid #2b215b;
}

.atsreplay .Canreplayicon {
    border: 1.5px solid white;
}

/*newCheckBox*/

.custom-check-two [type="checkbox"]+.emptyLabel {
    background: rgba(0, 0, 0, 0) url(../images/bulkCheckboxOff.svg) no-repeat scroll left top;
    color: #ffffff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    left: 0;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 20px;
    opacity: 1 !important;
    position: relative;
    text-align: left;
    top: 0;
}

.opacityClassCandi {
    opacity: 0.5 !important;
}

.job-align {
    position: absolute;
    width: 168px;
    right: 0%;
    top: 63%;
}

.jobcheckclass {
    min-width: 1%;
    position: absolute;
    cursor: pointer;
    top: 46%;
    left: 9px;
}

.custom-check2 {
    height: 20px;
    position: relative;
    width: 100%;
}

/* to display checked/unchecked/disabled checkbox */
.Disabledcheckbox {
    position: absolute;
    top: -1px;
    left: 12px;
    background: url("../images/checkbox-gray.svg") no-repeat;
    width: 25px;
    height: 25px;
}

.Enabledcheckbox {
    position: absolute;
    top: -1px;
    left: 12px;
    background: url("../images/checkbox-on.svg") no-repeat;
    width: 25px;
    height: 25px;
}


.Emptycheckbox {
    position: absolute;
    top: 2px;
    left: 14px;
    background: url("../images/checkbox-off.svg") no-repeat;
    width: 25px;
    height: 25px;

}

.atsConfirmCreateNewCon {
    position: relative;
    /*top: 20px;
    right: -58px;*/
    top: 22px;
    right: -86px;
    font-size: 13px;
}

/* Question Page*/

.deleteQue {

    margin-left: -10px;
    padding-left: 0;
    padding-right: 10px;
}

.question-listing-table ul li .doted-icon {
    width: 30px;
}

.question-listing-table ul.table-thead li {
    opacity: 1;
}

.Nofity-ellipsis {
    width: 265px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.overflowClass, .overFlowHidden {
    overflow: hidden !important;
}

/*Bulk tweaks
.marginLeftCandidate{
margin-left:-93px !important;
}*/

.enabledCheckBoxBulk {
    position: absolute;
    top: 2px;
    left: -1px !important;
    background: url("../images/bulkCheckboxOn.svg") no-repeat;
    width: 25px;
    height: 25px;
}

.enabledCheckBoxDeleteUsrMgmt {
    position: absolute;
    top: 0;
    left: 12px !important;
    background: url("../images/bulkCheckboxOn.svg") no-repeat;
    width: 25px;
    height: 25px;
}

.enabledPartialCheckBoxBulk {
    position: absolute;
    top: 0;
    left: -1px !important;
    background: url("../images/checkbox-mixed.svg") no-repeat;
    width: 25px;
    height: 25px;

}


.emptyCheckBoxBulk {
    position: absolute;
    top: 0;
    left: 14px;
    background: url("../images/bulkCheckboxOff.svg") no-repeat;
    width: 25px;
    height: 25px;

}

.emptyCheckBoxDeleteUsrMgmt {
    position: absolute;
    top: 2px;
    left: 11px !important;
    background: url("../images/bulkCheckboxOff.svg") no-repeat;
    width: 25px;
    height: 25px;

}

.bulkCheckBox {
    position: relative;
    top: -3px;
    left: -2px;
    z-index: 111;
    bottom: -14px;
    width: 25px;
    height: 21px;
    opacity: 0;
}

.bulkCheckBoxDiv {
    position: relative;
    left: 8px;
    top: 10px;
}

.padding5 {
    padding-left: 30px !important;
}

.coachSwitchtospan {
    display: none;
}

/*Candidate History*/
.candidatehistory-bounding-box {
    width: 32px;
    height: 32px;
}

.candidatehistory-box {
    width: 27px;
    height: 22px;
}

.candidatehistory-date {
    width: 82px;
    /*changed*/
    padding-left: 24px;
    height: 24px;
    opacity: 0.7;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.candidatehistory-status {
    width: 400px;
}

.candidatehistory-status-head {
    padding-left: 0px;
    /*width: 192px;*/
    height: 24px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    position: relative;
    left: 27px;
}

.candidatehistory-line {
    padding-left: 13px;
    width: 1px;
    height: 90%;
    border-right: dashed 1px rgba(0, 47, 77, 0.25);
    margin-top: 4px;
}

.candidatehistory-status-desc {
    padding-left: 27px;
    padding-bottom: 15px;
    /*width: 173px;*/
    height: 32px;
    font-family: Jaldi;
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    color: #2b215b;
}

.candidatehistory-box>div {
    display: table-cell;
    width: 50%;
}

.candidatehistory-status>div {
    display: table-cell;
}

/*Candidate History*/
.CandidateHistoryClass {
    padding-left: 0 !important;
    font-size: 16px !important;
    color: #24bba2 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.CandidateHistoryClass:focus,
.CandidateHistoryClass:hover,
.CandidateHistoryClass:active {
    color: #24bba2 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.alignmentTable {
    width: 100%;
    float: left;
    padding: 0;
}

.can-port-right p {
    margin-bottom: 0 !important;
}


/*ADD CANDIDATE */
.uploadResume {
    width: 100% !important;
    background: rgba(43, 33, 91, 0.1);
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.uploadResumeIcon,
.uploadResumeIconEdit {
    color: #c2bfd0;
    font-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: -4px;
    line-height: normal;
}

#uploadResumeInput,
#uploadResumeInputEdit {
    color: #2b215b;
    opacity: 1;
    width: 100%;
    padding: 0 40px;
    background: none;
    border-radius: 3px;
    height: 40px;
    float: left;
    border: 0;
    font: inherit !important;
    font-size: 14px !important;
}

#uploadResumeInput:focus,
#uploadResumeInputEdit:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.assignJob,
.assignJobEdit {
    width: 100% !important;
    background: #f2f5f6;
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.twitterBox,
.twitterBoxEdit,
.facebookBox,
.facebookBoxEdit,
.instaBox,
.instaBoxEdit,
.gPlusBox,
.gPlusBoxEdit,
.githubBox,
.githubBoxEdit {
    width: 100% !important;
    background: rgba(43, 33, 91, 0.1);
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.twitterIcon,
.twitterIconEdit,
.facebookIcon,
.facebookIconEdit,
.instaIconEdit,
.instaIcon,
.gPlusIcon,
.gPlusIconEdit,
.githubIcon,
.githubIconEdit {
    color: #c2bfd0;
    font-size: 24px;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 1px;
    line-height: normal;
}

#twitterInput,
#twitterInputEdit,
#facebookInput,
#instaInput,
#gPlusInput,
#githubInput {
    color: #2b215b;
    opacity: 1;
    width: 100%;
    padding: 0 40px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    float: left;
    border: 0;
    font: inherit !important;
    font-size: 14px !important;
    padding-left: 49px;
}

#twitterInput:focus,
#twitterInputEdit:focus,
#facebookInput:focus,
#instaInput:focus,
#githubInput:focus,
#gPlusInput:focus {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid;
    box-shadow: none;
    outline: none;
}

.botm-section a,
.botm-section a:visited,
.botm-section a:focus,
.botm-section a:active {
    text-decoration: none !important;
    float: left;
    color: #24bba2;
    font-size: 14px;
    margin-top: 10px;
}

tags-input .tags.focused {
    color: rgba(43, 33, 91, 1);
    border: 1px #26baa2 solid !important;
    outline: none;
    box-shadow: none !important;
}

.DownloadResumeLiClass {
    font-size: 14px;
    color: #2b215b;
    margin: 5px 0;
    line-height: 28px;
    padding-left: 11px;
    padding-top: 4px;
}

.downloadResumeIcon {
    font-size: 18px;
    color: #24bba2;
    width: 25px;
    padding-top: 6px;
}

.downloadSpan {
    padding-left: 3px;
    font-size: 14px;
    color: #24bba2;
    cursor: pointer;
    vertical-align: middle;
}

.uploadResumeFile {
    float: left;
    width: 100%;
    height: 40px;
    display: inline;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    color: #2b215b;
    opacity: 0.5;
    text-align: center;
    top: -8px;
}

.uploadResumeEdit {
    width: 98%;
    margin: -5px 0;
    display: inline-block;
    position: relative;
    background: rgba(43, 33, 91, 0.1);
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
}

.uploadResumeFile:before {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 10px;
    font-size: 15px;
    font-weight: normal;
    background: url("../images/folder.svg") no-repeat 10px 6px;
    cursor: pointer;
    height: 40px;
    width: 40%;
    padding-left: 25px;
}

#addFileEdit {
    position: relative;
    height: 30px;
    width: 371px;
    display: inline;
    cursor: pointer;
    opacity: 0;
}

.Jobupload {
    font-family: inherit;
    margin-top: 8px;
    font-size: 14px;
    width: 90%;
    margin-left: 35px;
    border: none;
    background: #F4F4F7;
}

#uploadresume {
    position: relative;
    height: 30px;
    width: 371px;
    display: inline;
    cursor: pointer;
    opacity: 0;
}

.search-for-job-editing {
    width: 75%;
    border: 0;
    margin-bottom: 5px;
    height: 30px;
    padding: 0 8px;
    background-color: #f2f5f6;
    /*color: rgba(43,33,91,0.25);*/
    font-family: "Jaldi", sans-serif;
    font-size: 14px;
    border-radius: 3px;
}

.search-for-job-editing-span {
    bottom: 11px;
    position: relative;
}

/* add or edit candidate*/


.right-sidebar .social-icon li:nth-child(2) a {
    background: #0077b5 none repeat scroll 0 0;
    color: #fff;
}

.right-sidebar .social-icon li:nth-child(2) a:hover {
    background: #0077b5 none repeat scroll 0 0;
    color: #fff;
}

.downloadResumeDiv {
    clear: both;
    background: white;
}

.DownloadResumeUlClass {
    height: 36px;
}

.valignmentClass {
    vertical-align: middle;
}

.paddingTop0 {
    padding-top: 0px !important;
}

.textDecorationNone,
.textDecorationNone:hover,
.textDecorationNone:active,
.textDecorationNone:visited,
.textDecorationNone:focus {
    text-decoration: none !important;
}

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


.profile-border-item {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    min-height: 32px;
    line-height: 1.33;
    padding: 3px 0px 6px 8px;
    border-radius: 3px;
    background-color: #f4f7f9;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
}

.linkedin-one-close-btn {
    position: absolute;
    top: 0px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    text-align: center;
    width: 20px;

}



.resume-close-btn {
    position: absolute;
    top: 0px;
    right: 2%;
    cursor: pointer;
    font-size: 14px;
    margin-top: 9px;
    text-align: center;
    width: 20px;
    color: #000000;
}

.jobdesc-close-btn {
    position: absolute;
    top: 0px;
    right: 3%;
    cursor: pointer;
    font-size: 14px;
    margin-top: 9px;
    text-align: center;
    width: 20px;
    color: #000000;
}

.resume-close-btn-welcome {
    position: absolute;
    top: 0px;
    right: 3%;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-top: 9px;
    text-align: center;
    width: 20px;
}

.marginAts {
    height: 75px !important;
}

.ellipsisClass {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

}

.welMsg {
    font-size: 17px;
    display: inline-block;
    line-height: 25px;
}

.add-signup-input label {
    margin: 10px 0 3px 0;
}

.FormDiv {
    margin-top: -10px;
}


.atsAddCandidateLinkLabel {
    opacity: 1;
    color: #000;
    /* top: 57px; */
    /* margin-top: 0px; */
    /* margin-right: 57px; */
    font-size: 14px;
    position: absolute;
    right: 8px;
    float: right;
    top: 22px;
    text-align: right;
    width: 200px;
}

.atsAlignmentPosition {
    top: 50px !important;
    height: 20px;
}

.inputCheckAlignment {
    top: -6px !important;
}

.labelCheckAlignment {
    top: -10px !important;
}











.socialIconCandHistory {
    /* color: #1da1f2; */
    border-radius: 3px !important;
    display: block;
    font-size: 27px;
    /*height: 36px;
line-height: 36px;*/
    text-align: center;
    cursor: pointer;
}




/**************************Campaigns Starts*****************************/

/*.Inbound-Campaigns {
  width: 184px;
  height: 36px;
  font-family: Jaldi;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #2b215b;
} 
.Active-Campaigns {
  width: 110px;
  height: 24px;
  font-family: Jaldi;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  color: #2b215b;
}
.campaign-header {
  
  font-family: Jaldi;
  font-size: 24px;
  line-height: 1.5;
  text-align: left;
  color: #ffffff;
  margin-left: 15px;
}
.campaign-header-value {
 
  font-family: Jaldi;
  font-size: 48px;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  color: #ffffff;  
}
.campaign-header-datelayer {
 
  opacity: 0.5;
  font-family: Jaldi;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #ffffff;
  margin-left: 15px;
}
.compaign-dashboard-innertable {
  width: 100%;
  height: 176px;
  border-radius: 3px;
  background-color: #ffffff;
}
.compaign-dashboard-innertable-Name {
  width: 28px;
  height: 16px;
  opacity: 0.5;
  font-family: Jaldi;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Phone-Number {
  width: 70px;
  height: 16px;
  opacity: 0.5;
  font-family: Jaldi;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Started {
  width: 34px;
  height: 16px;
  opacity: 0.5;
  font-family: Jaldi;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Status {
  width: 29px;
  height: 16px;
  opacity: 0.5;
  font-family: Jaldi;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.33;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Name-value {
  width: 86px;
  height: 20px;
  font-family: Jaldi;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #24bba2;
}
.compaign-dashboard-innertable-Phone-Number-value {
  width: 80px;
  height: 20px;
  font-family: Jaldi;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Started-value {
  width: 43px;
  height: 20px;
  font-family: Jaldi;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-innertable-Status-value {
  width: 34px;
  height: 20px;
  font-family: Jaldi;
  font-size: 14px;
  line-height: 1.43;
  text-align: left;
  color: #2b215b;
}
.compaign-dashboard-barchartbox {
  
  height: 173px;
  border-radius: 3px;
  background-color: #ffffff;  
}
.compaign-dashboard-barchartbox-header {
  font-family: Jaldi;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  text-align: left;
  color: #2b215b;
}*/
.campaignsHeading {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.newCampButton {
    width: 100%;
    height: 36px;
    background-color: #24bba2;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    font-size: 14px;
    font-family: inherit;
}

.actcampaignsHeading {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    padding-top: 9%;
}

.campChartData {
    width: 100%;
    height: 25%;
    background-color: #2b215b;
    padding: 3%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.campChart {
    width: 100%;
    height: 72px;
    background-color: #2b215b;
    /* background-color: #24bba2; */
}

.chartAndData {
    width: 49%;
    height: 320px;
    border-radius: 3px;
    background-color: #ffffff;
}

.chartAndDataAmp {
    width: 49%;
    border-radius: 3px;
    background-color: #ffffff;
}

.chartAndDataNoActive {
    width: 49%;
    height: 320px;
    border-radius: 3px;
    background-color: #ffffff;
    background: url(../images/chartImg.png) no-repeat right 4px center #f4f4f7 !important;
    opacity: 0.05;
}

.chartImgClass {
    width: 100%;
    height: 320px;
    opacity: 0.05;
}

.chartImgContentClass {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #2b215b;
}


@media only screen and (min-width: 1900px) {
    .chartImgContentClass {
        top: 145px;
        left: 32%;
    }

}

@media only screen and (min-width: 1280px) {
    .search-candidate button {
        margin-left: 5px;
    }

}

@media (max-width: 1240px) and (min-width: 1160px) {
    .chartImgContentClass {
        top: 140px;
        left: 16%;
    }
}

/*for wide screen desktop*/
@media (max-width: 1899px) and (min-width: 1241px) {
    .chartImgContentClass {
        top: 150px;
        left: 21%;
    }

}


.chartAndDatadiv {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #ffffff;
}

.tabHeading {
    opacity: 0.5;
    font-size: 12px;
    font-weight: bold;
    color: #2b215b;
}

.tabContent {
    font-size: 14px;
    text-align: left;
}

.datanumber {
    color: #ffffff;
    font-weight: bold;
    font-size: 36px;
    float: right;
    margin: 1%;
    margin-top: 2%;
}

.datahead {
    font-size: 24px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    margin: 1%;
}

.dateLayer {
    opacity: 0.5;
    font-size: 14px;
    color: #ffffff;
    margin: 1%;
}

.engageData {
    width: 100%;
    height: 190px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 3%;
    padding: 1.5%;
}

.tabContentAll {
    font-size: 16px;
    color: #2b215b;
    background-color: #ffffff;
    border-bottom: 1px solid #e5eaed;
}

.campaignsBTabHeading {
    font-size: 20px;
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.5;
    color: #2b215b;
    float: left;
}

.tabContentAll td {
    border-top: none;
    border-bottom: 1px solid #eceeef;
    margin-top: 4%;
    margin-bottom: 1%;
    vertical-align: middle;
    box-sizing: border-box;
}

.activeIndi {
    width: 55px;
    height: 20px;
    background-color: #24bba2;
    color: #ffffff;
    background-color: #24bba2;
    border: none;
    border-radius: 4px;
    /* font-weight: bold; */
    color: white;
    font-size: 13px;
    font-family: inherit;
    text-align: center;
}

.inactiveIndi {
    opacity: 0.25;
    width: 55px;
    height: 20px;
    background-color: #2b215b;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    /*  font-weight: bold; */
    color: white;
    font-size: 13px;
    font-family: inherit;
    text-align: center;
}

.campaign-filterbox {
    width: 340px !important;
    max-width: 100% !important;
}

.campaign-filterboxDetails {
    width: 340px !important;
    max-width: 100% !important;
    float: none !important;
}

.campaign-filterbox-sortpanel {
    width: 42% !important;
}

.secAlign {
    margin-top: 20px;
}

.chartTable {
    border-bottom: none !important;
    padding-left: 0 !important;
}

.chartTableSpace {
    padding: 0.1rem !important;
}

.campaignloaderImage {
    width: 47px;
    position: relative;
    left: 45%;
    top: 131px;
}

.noactivecampaignlabel {
    font-size: 18px;
    font-weight: bold;
    color: #2b215b;
    /* padding-top: 9%; */
    position: absolute;
    top: 50%;
    right: 44%;
}

.chartAndDataempty {
    width: 49%;
    height: 320px;
    border-radius: 3px;
    /* background-color: #ffffff; */
}

.bardatadiv {
    width: 100%;
    height: 173px;
    border-radius: 3px;
    background-color: #ffffff;
    /* margin-top: -37%; */
    padding: 1.5%;
}

.campaignloaderImagebarData {
    width: 60px;
    position: relative;
    left: 44%;
    top: 21px;
}

.engageDataOuter {
    width: 100%;
    height: 190px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 3%;
}

.campaignloaderImageTableData {
    width: 60px;
    position: relative;
    left: 50%;
    /*top: 111px;*/
}

.campaighDashboardInnerTable {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    height: 158px;
}

.campaighDashboardInnerTableCell {
    padding: 0.1rem !important;
    text-align: center;
    vertical-align: middle;
}



.campaignsHeading {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
}

.newCampButton {
    width: 100%;
    height: 36px;
    background-color: #24bba2;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    color: white;
    font-size: 14px;
    font-family: inherit;
}

.newCampButton:hover {
    /*background-color: #211754;*/
    opacity: 0.6;
}

.actcampaignsHeading {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    padding-top: 9%;
}

.campChartData {
    width: 100%;
    height: 25.5%;
    background-color: #2b215b;
    padding: 3%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.campChart {
    width: 100%;
    height: 72px;
    background-color: #2b215b;
    /* background-color: #24bba2; */
}

.tabContent {
    font-size: 14px;
    text-align: left;
}

/*remove duplicate
.datanumber{
color: #ffffff;
font-weight: bold;
font-size: 36px;
float: right;
margin: 1%;
}*/

.datahead {
    font-size: 24px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    margin: 1%;
}

.dateLayer {
    opacity: 0.5;
    font-size: 14px;
    color: #ffffff;
    margin: 1%;
}

.engageData {
    width: 100%;
    height: 190px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 3%;
    padding: 1.5%;
}

.tabContentAll {
    font-size: 16px;
    color: #2b215b;
    background-color: #ffffff;
    border-bottom: 1px solid #e5eaed;
}

.campaignsBTabHeading {
    font-size: 20px;
    padding-top: 10px;
    font-weight: bold;
    line-height: 1.5;
    color: #2b215b;
    float: left;
}

.tabContentAll td {
    border-top: none;
    border-bottom: 1px solid #eceeef;
    margin-top: 4%;
    margin-bottom: 1%;
    vertical-align: middle;
    box-sizing: border-box;
}

.activeIndi {
    width: 55px;
    height: 20px;
    background-color: #24bba2;
    color: #ffffff;
    background-color: #24bba2;
    border: none;
    border-radius: 4px;
    /* font-weight: bold; */
    color: white;
    font-size: 13px;
    font-family: inherit;
    text-align: center;
}

.inactiveIndi {
    opacity: 0.25;
    width: 55px;
    height: 20px;
    background-color: #2b215b;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    /*  font-weight: bold; */
    color: white;
    font-size: 13px;
    font-family: inherit;
    text-align: center;
}


.secAlign {
    margin-top: 20px;
}

.chartTable {
    border-bottom: none !important;
    padding-left: 0 !important;
}

.chartTableSpace {
    padding: 0.1rem !important;
}


#mainContainerprospects {
    width: 100%;
}

#mainContainerdashboard {
    width: 100%;
}

#main {
    width: 100%;
}


.child {
    width: 200px;
    height: 100px;
}

.CampBuildFixed {
    position: relative;
    width: 100%;
    z-index: 11;
    height: auto;
    background-color: rgb(250, 250, 250) !important;
    left: -4px;
    top: 60px;
}

#layoutElements {
    /* margin-left: 243px;
    margin-right: 188px;*/

    /*margin-left: 240px;
    margin-right: 201px;*/
}

.titleBold {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
}

.titleOpacity {
    opacity: 0.25;
    font-weight: normal ! important;
}

.headingDivCampBuild {
    z-index: 10;
    padding: 0;
    padding-top: 16px;
}

.paddingLeft {
    padding-left: 5px;
}

.headingDivCampBuildLeft {
    clear: both;
    width: 60%;
}

.headingDivCampBuildRight {
    font-size: 16px;
    position: absolute;
    /*right: 196px;
width: 400px;*/
    top: 5px;
    font-size: 16px;
}

.btnSuccess {
    color: #2b215b;
    background-color: #fff;
    border-color: #fff;
    font-weight: bold;
    float: left;
    padding: 0;
    height: 40px;
    border-radius: 2px;
}

.alignmentStartCampaign {
    width: unset;
    min-width: 115px;
    white-space: nowrap;
    margin-left: 10px;
}

.btnClass {
    float: left;
    margin-top: 10px;
    margin-left: 8px;
    font-size: 16px;
}

.headingDetails {
    z-index: 10;
    float: left;
    width: 73%;
}

.titleCamp {
    /* width: 83px; */
    height: 20px;
    background-color: #24bba2;
    float: left;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.titleCaption {
    /* font-family: Jaldi;
 	font-size: 12px;
 	color: #fff;
 	margin-left: -6px;
 	margin-top: 2px;
	padding-left: 10px; */
    font-family: Jaldi;
    font-size: 12px;
    color: #fff;
    margin-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.titleCaptionRight {
    float: left;
    margin-bottom: 10px;
    /*margin-left:-10px;*/
}

.updatedCaption {
    /*width: 159px;*/
    height: 20px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    text-align: left;
    color: #2b215b;
    /*margin-left: 3px;  */
}

.containerNavbarList {
    margin-top: 5px;
    margin-bottom: 5px;
}

.navBarClassForCamp {
    color: #2b215b;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer
}

.navBarClassForCampActive {
    opacity: 1 !important;
    color: #24bba2 !important;


}

.padding0Left {
    padding-left: 0;
}

.containerDiv, .marginLeft {
    margin-left: 22px;
}

.designTr {
    height: 56px;
}

.tableCampWelcome {
    background-color: #2b215b !important;
    color: #fff;
    vertical-align: middle;
    padding-left: 20px !important;
    padding-right: 20px !important;
    border-radius: 3px;
}

.tableCampTd {
    /*height:65px;*/
    padding: 0px 0px 0px 0px !important;
}

.draggableTableContainer {
    font-size: 16px;
    font-family: jaldi;
    max-width: 100%;
    width: 100%;
    position: relative;
    /*top: 40px;*/
}

.backgroundTd {
    position: relative;
    background-color: #fff;
    vertical-align: middle;
    height: 56px;
    /*padding: 0.75rem;
padding: 0.75em 0;*/
    border-radius: 3px;
    width: 96%;
    display: inline-block;
}

.txtWidthClass {
    width: 165px;
    float: left;
}

.fnameClass {
    float: left;
    width: 40%;
    padding-left: 20px;
}

.rqdValidationClass {
    float:right; 
    position:relative;
    left:120px;
}

.classCampOerator {
    background: url(../images/arrow-down.svg) no-repeat right center !important;
    background-color: #f5f4f7 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
}

.inputBoxClassCamp {
    width: 100%;
    background-color: #f5f4f7;
    border: none;
    color: #2b215b;
    height: 40px;
    margin-top: -4px;
    vertical-align: middle;
    border-radius: 3px;
    font-family: jaldi;
    padding-left: 10px;
}

.tableCampAddSlot {
    height: 48px;
    vertical-align: middle;
    background-color: #f1f1f4 !important;
    border: 1px dotted;
    border: dashed 1px rgba(0, 47, 77, 0.25);
    border-radius: 3px;
    padding: 0 0 0 18px;
}

.handleIcon {
    padding-right: 16px;
    margin-top: 3px;
}

.sequenceClass {
    display: inline-block;
    padding-right: 20px;
    height: 56px;
    padding-top: 15px;
    opacity: 0.25;
    color: #2b215b;
    width: 2%
}

.fontAwesomeClose {
    float: right;
    padding-right: 5%;
    font-size: 18px;
    cursor: pointer;
}

.trStyle {
    display: table-row;
}

/*sortable plugin changes*/
.as-sortable-item {
    border: none;
    background-color: unset;
}

/*Campaign Details*/
.campaignsDetail {
    width: 37%;
    background-color: #ffffff;
    padding: 2%;
}

.detailsTitle {
    height: 20px;
    opacity: 0.5;
    font-size: 14px;
    color: #2b215b;
    padding-top: 15px;
    padding-bottom: 20px;
}

.detailsTitlecd {
    width: 570px;
    height: 20px;
    opacity: 0.5;
    font-size: 14px;
    color: #2b215b;
    padding-top: 10px;
    padding-bottom: 18px;
    font-family: jaldi;
}

.campaignInnput {
    color: #2b215b;
    width: 100%;
    padding: 8px 12px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    float: left;
    border: none;
    font-size: 16px;
    font-family: jaldi;
}


.defaultMsgs {
    width: 60%;
    background-color: #ffffff;
    padding: 2%;
}

.mainSection {
    padding-top: 8%;
    padding-left: 22px;
}

.deleteCampaign {
    font-size: 14px;
    color: #e21a52;
    margin-top: 50px;
}

.background-select {
    background: url(../images/arrow-down-violet.svg) no-repeat right 4px center #f4f4f7 !important;
    padding-left: 10px;
    color: #2b215b;
    width: 137px !important;
}

.dateSelector {
    width: 100%;
    background: #f4f4f7;
    border: 0;
    height: 40px;
    padding: 7%;
    font-size: 16px;
    font-family: jaldi;
    color: #2b215b;
    border-radius: 3px;
}

.calendar {
    /*background: url(../images/calendar.svg) no-repeat right 12px center #f4f4f7;*/
    background: url(../images/calendar-grid-58.svg) no-repeat right 12px center #f4f4f7;
}

.calendar-gray {
    background: url(../images/calendar-grid-58-gray.svg) no-repeat right 12px center #f4f4f7;
}



#mainContainer {
    width: 102.5%;
}

#main {
    width: 100%;
}

.child {
    width: 200px;
    height: 100px;
}

.boxCampaign {
    width: 50%;
    height: 83px;
    box-shadow: -0.5px -0.5px 0.5px 0.5px #f5f4f7;
    -webkit-box-shadow: -0.5px -0.5px 0.5px 1px #f5f4f7;
}

.boxCampaignText {
    width: 100%;
    text-align: center;
    padding-top: 5%;
}

.boxCampaignTextNum {
    font-family: Jaldi;
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    color: #2b215b;
}

.boxCampaignTextContent {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    font-weight: bold;
}


/**************************Campaigns Ends*****************************/


.prospectContainer {
    margin-top: 5%;
}

.applicant-panel {
    /*background:url(../images/arrow-down.png) no-repeat 10px 6px;*/
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    border-color: transparent;
    background-color: transparent;
}

.Rectangle {
    /*opacity: 0.05;*/
    background-color: rgba(43, 33, 91, 0.05);
    padding: 0px 20px 7px;

}

.addtocanvas {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #2b215b;
    padding-top: 10px;
    float: right;
    border-radius: 3px;
}

.horiLayoutDiv {
    margin-top: 177px;
    width: 100%;
    padding-top: 25px;
}

.layoutBox {
    margin: 0;
    margin-right: 1%;
    margin-bottom: 2%;
    width: 24%;
    height: 117px;
    border-radius: 3px;
    background-color: #fff;
    float: left;
}

.contentClass {
    padding-top: 12px;
    color: #2b215b;
    font-size: 16px;
    opacity: 0.5;
}

/* .datanumber{
margin-top:2%;
float:left;
width:30%;
color: #2b215b;
font-weight: bold;
font-size: 36px;
 text-align: left;
} */
.chartClassDiv {
    margin-top: -5%;
    float: right;
    width: 70%;
}

.prosTableContent {
    font-size: 16px;
    text-align: left;
    color: #2b215b;
}

.addedToCanvas {
    text-align: right;
    color: #ffffff;
    background-color: #24bba2
}

.greenText {
    color: #24bba2;
}

.redText {
    color: red;
}

.opacityText {
    opacity: 0.5;
}

.ordinaryText {
    color: #2b215b;
}

.btn-circle.btn-lg {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-circle {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #24bba2;
    z-index: 10000;
}

.btn-circle i {

    color: white;
}

.gridImg {
    opacity: 0.27;
    width: 16px;
    height: 16px;
}

.validationImgClass {
    top: 137px;
    padding-right: 6px;
    opacity: 0.22;
}

.ValidTextClass {
    opacity: 0.5;
    color: #2b215b;
}

.redBanner {
    top: 70px;
    height: 40px;
    background-color: #e21a52;
    /*  margin-left: -5px;*/
    width: 99.5%;
    color: #fff;
    position: relative;
}

.errorIconBannerClass {
    padding-left: 10px;
    padding-right: 10px;
}

.redBannerContent {
    padding-top: 8px;
    padding-bottom: 6px;
    display: inline-block;
}

@media (max-width: 1620px) and (min-width: 1500px) {
    .redBanner {
        left: 3px;
    }
}

@media (max-width: 1705px) and (min-width: 1621px) {
    .redBanner {
        left: 4px;
    }
}

@media (max-width: 1735px) and(min-width: 1706px) {
    .redBanner {
        left: 5px;
    }
}

@media (max-width: 1800px) and (min-width: 1736px) {
    .redBanner {
        left: 7px;
    }
}

@media (max-width: 1900px) and (min-width: 1801px) {
    .redBanner {
        left: 10px;
    }
}

@media only screen and (min-width: 1900px) {
    .redBanner {

        margin-left: 7px;

    }
}

.enableaddtocanvas {
    text-align: right;
    color: #2b215b !important;
    padding: 8px 18px 12px;
    height: 36px;

}

.enableAddedToCanvas {
    /*   text-align: right; */
    color: #ffffff !important;
    background-color: #24bba2 !important;
    padding: 8px 2px 10px 8px !important;
    height: 36px;


}

.dashboardShow {
    color: #24bba2;
    text-align: center;
    margin: 3%;
}

.emptyActiveCampaign {
    width: 100%;
    height: 100px;
    background-color: #F0F1F3;
}

.emptyActiveCampaignContent {
    opacity: 0.5;
    text-align: center;
    margin: 2%;
    padding: 40px;
}

.dashboardDropdown {
    background: url(../images/arrow-down-violet.svg) right no-repeat !important;
}

/* .padding0Left .titleCamp:first-of-type{
	margin-left: 0;
}
.padding0Left .titleCamp:last-of-type{
	margin-right: 10px;
} */

.SaveBtnClassCamp {
    margin-left: 6px;
    border: 1px solid #24bba2;
    background-color: #24bba2;
    color: #fff;
    padding: 0 2px;
    font-size: 16px;
    position: absolute;
    top: 16px;
    right: -45px
}

/*plugin*/
.as-sortable-item-handle:hover {
    opacity: 1;
}

.customDropdownCamp {
    width: 92% !important;
    height: 40px;
    border: 0;
    background: url(../images/arrow-down.svg) no-repeat right center;
    background-color: #f5f4f7;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-right: 10px;
    color: #7b93a3;
    font-size: 16px;
}

.ValidTextClassActive {
    color: #24BBA2;
}

#addnewcampaigndetails {
    display: block;
}

.tabHeadingProspect {
    font-size: 12px;
    font-weight: bold;
    color: #2b215b;
}

.Rectangleprospect {
    background-color: rgba(43, 33, 91, 0.05);
    height: 36px;
}

.datanumberProspect {
    color: #2b215b;
    font-weight: bold;
    font-size: 36px;
    padding-left: 10%;
    float: left;
}

.contentClassProspect {
    padding: 5%;
    color: #2b215b;
    font-size: 16px;
    opacity: 0.5;

}

.chartClassDivProspect {
    margin-top: -5%;
    float: right;
    width: 70%;
}

.Rectanglewhite {
    /*opacity: 0.05;*/
    background-color: white;
    ;
    padding: 0 20px 7px;

}

.addtocanvaswhite {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #2b215b;
    padding-top: 10px;
    float: right;
    border-radius: 3px;
    background-color: #ffffff;
}

.tickimg {

    padding: 1px 2px 1px 0px !important;
    height: 20px;
}

/*-----------------------------------------------Added for validation modal-----------------------------------------------------------------------*/
.btn-circle.btn-lg {
    position: relative;
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 25px;
}

.btn-circle {
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
    background-color: #24bba2;
}

.btn-circle i {

    color: white;
}


.Validation-Rules {
    width: 356px;
    height: 36px;
    font-family: Jaldi;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.Question {
    width: 400px;
    height: 20px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
}

.How-old-are-you {
    width: 400px;
    height: 32px;
    font-family: Jaldi;
    font-size: 20px;
    line-height: 1.6;
    text-align: left;
    color: #2b215b;
}

.Response-is {
    width: 75px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding-right: 15px;
}

.Content {
    width: 64px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.AND {
    width: 29px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 10px;
}

.Add-rule {
    width: 63px;
    height: 20px;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #24bba2;
    cursor: pointer;
}

.savebox {
    width: auto;
    height: 36px;
    background-color: #24bba2;
}

.savecontent {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    text-align: left;
    color: #ffffff;
}

.Delete-Validation-Ru {
    width: 127px;
    height: 20px;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #e21a52;
}

.sec-Content {
    width: 400px;
    height: 20px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
}

.Rectangle {
    width: 400px;
    height: 72px;
    opacity: 0.05;
    background-color: #2b215b;
}

.Resizer {
    width: 24px;
    height: 24px;
    object-fit: contain;
    position: relative;
    top: -23px;
    left: 95%;
    opacity: 0.4;
}

/*PLACEHOLDER*/


.elementrule::-webkit-input-placeholder {
    width: 384px;
    height: 48px;
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

/*For Mozilla Firefox:*/

.elementrule::-moz-placeholder {
    width: 384px;
    height: 48px;
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

/*For Internet Explorer:*/

.elementrule:-ms-input-placeholder {
    width: 384px;
    height: 48px;
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

/*For Opera:*/

.elementrule:-o-input-placeholder {
    width: 384px;
    height: 48px;
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.Divider {
    width: 450px;
    height: 8px;
    opacity: 0.1;
    box-shadow: inset 0 -1px 0 0 #002f4d;
}

.Test-Value {
    width: 68px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding-right: 15px;
}

.insideRectangle {
    width: 136px;
    background-color: #f5f4f7;
    border: none;
    color: #2b215b;
    height: 40px;
    margin-top: -4px;
    vertical-align: middle;
    border-radius: 3px;
    font-family: jaldi;
    padding-left: 10px;
    position: relative;
}

.succImg {
    height: 28px;
    border-radius: 3px;
    position: relative;
    right: -10%;
    top: 6px;
}

.Result-TRUE {
    width: 25%;
    /*height: 34px;*/
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 17px;
    line-height: 1.5;
    text-align: left;
    display: inline-block;
    color: #2b215b;
    padding-left: 16px;
}

.imgspan {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #2b215b;
    position: relative;
    top: -8px;
    right: 7px;
}

input.inputBoxClassCamp-select {

    background: url(../images/arrow-down.svg) no-repeat right center !important;
    background-color: #f5f4f7 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;

}

.inputBoxClassCamp-select {


    background-color: #f5f4f7;
    border: none;
    color: #2b215b;
    height: 40px;
    margin-top: -4px;
    vertical-align: middle;
    border-radius: 3px;
    padding-left: 2px;

}

.rulemodal {
    color: black !important;
    cursor: pointer;
    top: 35px !important;
    right: 35px !important;
}

.navBarClassForCampActive:hover {

    color: #24bba2;
}

.pakki .backgroundTd {
    width: 633px;

}

@media only screen and (min-width: 1900px) {
    .pakki .backgroundTd {
        width: 1100px;


    }

}

@media (max-width: 1899px) and (min-width: 1366px) {

    .pakki .backgroundTd {
        width: 701px;


    }

}


.selectedplus {

    display: block;
}

.addfix {
    height: 10px;
    bottom: -54px;
    position: relative;
    border: 0px solid red;
    z-index: 1100;
}

/*-----------------------------------------------End - Added for validation modal-----------------------------------------------------------------------*/

/* details page fix*/
#addnewcampaigndetails {
    /*   padding-top: 225px;*/
    display: block;
}

.layoutDetailsClass {
    padding: 20px 15px 15px;
}

.campaignInnput::-webkit-input-placeholder,
.input::-webkit-input-placeholder {
    color: #2b215b !important;
    opacity: 0.25 !important;
}

.defaultMsgContent {
    padding-top: 7px;
    color: #2b215b;
    font-family: jaldi;
    font-size: 14px;
}

.dateTimeClassLeft {
    float: left;
    width: 47%;
    padding-top: 5px;
    position: relative;
}

.dateTimeClassRight {
    float: right;
    width: 47%;
    padding-top: 5px;
    position: relative;
}

.firefix .angularjs-datetime-picker {

    left: 0;
    position: absolute;
    /*    top: 82px;*/
}

.overflowHiddenClass {
    overflow: hidden;
    resize: none;
    line-height: 1.79;
}

.resizeImgClass {
    position: absolute;
    right: 0;
    top: 15px;
    opacity: 0.25;
    cursor: pointer;
}


.engagechartImgClass {
    opacity: 0.05;
    width: 100%;
    height: 155px;
}

.engagechartImgContentClass {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #2b215b;

}

/*for mac*/
@media only screen and (min-width: 1900px) {
    .engagechartImgContentClass {
        top: 620px;
        left: 44%;
    }
}

@media (max-width : 1339px) and (min-width: 1280px) {
    .engagechartImgContentClass {
        top: 500px;
        left: 35%;
    }
}

@media (max-width : 1500px) and (min-width: 1340px) {
    .engagechartImgContentClass {
        top: 555px;
        left: 38%;
    }
}

@media (max-width : 1700px) and (min-width: 1501px) {
    .engagechartImgContentClass {
        top: 545px;
        left: 40%;
    }
}

@media (max-width : 1899px) and (min-width: 1701px) {
    .engagechartImgContentClass {
        top: 550px;
        left: 40%;
    }
}

@media (max-width : 1279px) and (min-width: 1000px) {
    .engagechartImgContentClass {
        top: 472px;
        left: 35%;
    }
}

.tableImgClass {
    width: 109%;
    opacity: 0.1;
}

.tableImgContentClass {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #2b215b;
}

@media only screen and (min-width: 1900px) {
    .tableImgContentClass {
        top: 55%;
        left: 40%;
    }
}

@media (max-width : 1339px) and (min-width: 1280px) {
    .tableImgContentClass {
        top: 55%;
        left: 35%;
    }
}

@media (max-width : 1500px) and (min-width: 1340px) {
    .tableImgContentClass {
        top: 55%;
        left: 37%;
    }
}

@media (max-width : 1700px) and (min-width: 1501px) {
    .tableImgContentClass {
        top: 53%px;
        left: 40%;
    }
}

@media (max-width : 1899px) and (min-width: 1701px) {
    .tableImgContentClass {
        top: 850px;
        left: 40%;
    }
}

@media (max-width : 1279px) and (min-width: 1000px) {
    .tableImgContentClass {
        top: 572px;
        left: 35%;
    }
}

/*dashboard*/
.evenFloat {
    float: right !important;
}

.alignmentChart {
    margin-top: 25px;
    float: left;
    width: 49%;
}

.modal {
    z-index: 15000;
}

.hoverClassCampaign :hover {
    background: #f7f7f9;
}

div[id$="-license-text"] {
    display: none !important;
}

.header {
    z-index: 1500;
}

.angularjs-datetime-picker {
    z-index: 1000;
    position: absolute;
    left: 0;
    top: 40px;
}

.datecontainer {

    position: relative;
}

.valdate>div {
    left: -44px;
    top: 44px;
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after,
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {

    display: none;
}


#timepicker1,
#timepicker2 {
    font-size: 16px;
    padding: 6px 12px;
    font-family: jaldi;
    color: #2b215b;
}

.bootstrap-timepicker-widget table td input {
    width: 30px !important;
}

.modal-backdrop {
    z-index: 1500;
}


.emptyCampaign {
    width: 100%;
    height: 180px;
    background-color: #F0F1F3;
}

.emptyActiveCampaignHead {
    font-size: 20px;
    color: #2b215b;
    text-align: center;
    padding-top: 70px;
    font-weight: bold;
}

.emptyCampaignContent {
    opacity: 0.5;
    text-align: center;
    margin: 1%;
    font-size: 16px;
    color: #2b215b;
}

.designation {

    font-size: 14px;
    font-weight: normal;
    margin: 0;
    color: #2b215b;
}

.ellipsisPort {
    overflow: hidden;
    position: absolute;
    /* display: inline-block; */
    width: 146px;
    text-overflow: ellipsis;
    margin-top: 3px;
}

/*.can-port-right{
        width: 100%;
    padding-left: 240px;
    padding-bottom: unset !important;
    position: relative;
}
.portrait-empty-box ,.can-port-hr,.can-port-right,.candidate-port .can-port-left .can-port-l-box, .can-port-right h2 , .can-port-right p, .can-port-right .save-notes, .alignmentTable{
    float: unset !important;
}
.can-port-left{ 
float: left !important;
}
.candidate-port .can-port-left{
    position: relative !important;
    top:0 !important;
}
.candidate-port{
    float: unset !important;
    overflow: hidden;
}
.can-port-hr{
    overflow: hidden;
}*/

/*add && edit candidate Changes */
.addProfileClass {
    margin-bottom: 10px;
    color: #24bba2;
    float: left;
    font-size: 14px;
    cursor: pointer;
}

.addProfileClassShow {
    display: none;
}

.hideProfileClass {
    margin-bottom: 10px;
    color: #24bba2;
    float: left;
    font-size: 14px;
    cursor: pointer;
}

/* Intake Magic */

.findDetailsHeader {
    margin-top: 50px !important;
    font-weight: bold;
    padding-left: 100px;
}

.findDetailsLoaderImg {
    margin-top: 7px;
    margin-left: 170px;
}

.findDetailsContent {
    display: inline-block;
    color: #2b215b;
    opacity: 0.5;
    text-align: center;
    font-size: 16px;
    margin-top: 36px;
    margin-left: 87px;
    margin-bottom: 46px;
    width: 58%;
}

.addCandiMsg {
    opacity: 0.5;
    font-size: 14px;
    text-align: left;
    color: #2b215b;
}

.resultDetailsHeader {
    opacity: 0.5;
    color: #2b215b;
    text-align: center;
    margin-top: 50px;
    font-size: 16px;
}

.resultDetailsContent {
    display: inline-block;
    color: #2b215b;
    opacity: 0.5;
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 145px;
    cursor: pointer;
}

/*Magic card */
.socialProfileList {
    background: none !important;
    color: black !important;
}

#chat-page-close-btn {
    position: static !important;
    top: 0;
    right: 0;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 16px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-top: -3px;
    text-align: center;
    width: 20px;
    padding-left: 18px;
}

#search-for-job-chat-page {
    position: static !important;
    width: 100%;
    margin-bottom: 5px;
    min-height: 32px;
    line-height: 1.33;
    padding: 8px 20px 8px 8px;
    border-radius: 3px;
    background-color: #40376b;
    font-size: 12px;
    color: #ffffff;
    font-weight: normal;
}

.findDetailsName {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
}




div.tableCampWelcome .messageshow {

    float: left;
    width: 84%;


}

div.tableCampWelcome .titlemessage {

    float: left;
    padding-right: 5px;


}

.modal-content {
    border: 0px !important;
}

.marginRightCampaign {
    margin-left: 0px;
    /*cha*/
}

/*multi phone numbers*/
#chatHeaderClassForHello {
    margin-bottom: 22px;
}

.phoneNumberChat {
    font-size: 16px;
    text-align: center;
    color: rgba(43, 33, 91, 0.25);
}

.chatPhoneP {
    margin-bottom: 0px;
}

.chatPhoneSecondP {
    margin-bottom: 10px;

}

.withoutOpacityGreenClass {
    color: rgba(36, 187, 162, 1);
    cursor: pointer;
    position: relative;
}

#sendingViaId {
    position: absolute;
    right: 0px;
    top: 60px;
    font-size: 14px;
    opacity: 0.3;
    color: #2b215b;

}

.phoneControlClass {
    padding-left: 10px;
    color: #2b215b;
    width: 25px;
    opacity: 1;
    margin-right: 5px;
    margin-left: -4px;
}

.fa-rotate-1037 {
    -webkit-transform: rotate(1037deg);
    -moz-transform: rotate(1037deg);
    -ms-transform: rotate(1037deg);
    -o-transform: rotate(1037deg);
    transform: rotate(1037deg);
}

#CandidatePhoneNumberListId {
    width: 205px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 25px;
    right: 0;
    z-index: 1000;
}

.CandidatePhoneNumberListLi {
    width: 100%;
    display: block;
    padding: 0;
    border: medium none;
}

.CandidatePhoneNumberListLiAnc {
    width: 100%;
    display: block;
    padding: 7px 10px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding-left: 13px;
}

.likeFollowPhoneNumberList {
    width: 100%;
    display: block;
    padding: 5px;
    margin-bottom: 0;
}

#successgreenImg {
    padding-left: 30px;
}

.phoneListSpan {
    padding-left: 0;
    display: inline-block;
    width: 169px;
}

.likeFollowLIProfile {
    margin-left: 0 !important;
    padding-left: 7px;
}

.likeFollowLIProfileAnchor {
    opacity: 1 !important;
    padding-right: 0 !important;
    height: 25px;
}

.contentNameProfile {
    height: 27px;
    line-height: 10px;
    margin-bottom: -10px;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #2b215b;
    padding-left: 5px;
    font-family: inherit;
}

.magicwarning {
    width: 408px;
    height: 28px;
    background-color: #007bff;
    margin-top: 46%;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-family: jaldi;
}

.magicwarningimg {
    float: left;
    margin-top: 1px;
    margin-left: 10px;
    background-color: unset !important;
    margin-right: 5px;
}

.magicwarningcontent {
    position: relative;
    top: 5px ! important;
}

/*-----------------------------------------PAGINATION-----------------------------------------------------------------*/

.small,
small {
    font-size: 85%;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0px 0px 0px;
    border-radius: 4px;
}

tfoot .pagination>li {
    display: inline-block;
    padding-left: 5px;
    width: auto !important;

}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    margin-left: 0;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 24px;
    padding: 0px !important;


}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    /*  color: #7f97a6 !important;*/
    color: #9590AD !important;
    text-decoration: none;
    background-color: #fff;
    border: 0px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #24bba2 !important;
    cursor: default;

}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    text-align: left;
    color: #24bba2;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    /* width: 36px;*/
    height: 36px;
    text-align: center;
}


.pagination>li.disabled {

    cursor: not-allowed !important;
    pointer-events: unset;
    color: #7f97a6 !important;
}

.pagination>li.disabled a {

    color: #CAC8D6 !important;
}

.pagination p {

    color: #2b215b !important;
    opacity: 0.8;
}

tfoot td {
    padding: 0px !important;
}

.linkedin {
    background: #0077b5;
}

.twitter {
    background: #1da1f2;
}

.facebook {
    background: #3b5998;
}

.github {
    background: #000000;
}

.instagram {
    background: #8a3ab9;
}

.googleplus {
    background: #d34836;
}

/* candidate page issue*/
.main-content {
    background: rgb(250, 250, 250) !important;
}

.footer-logo {
    margin-top: 13px !important;
    margin-bottom: 10px !important;
}

.addcandidateStyleChange {
    background-color: #e21a52 ! important;
    margin-top: 25px !important;
}

.welcomeclosebutton {
    font-size: 30px;
    /* position: absolute;
    right: 28%;
    top: 10px;*/
    width: 30px;
    cursor: pointer;
    font-weight: 300;
    opacity: 1;
    font-size: 30px;
    margin-right: -20px;
    margin-top: -20px;
}

/*Bulk selector enhancement start*/
.displayBulkOptions {
    position: absolute;
    z-index: 1;
    font-family: inherit;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    margin-top: 43px;
    margin-left: 80px;
    padding: 10px 10px;
}

.displayBulkContent {
    width: 100%;
    padding: 7px 5px;
    color: #2b215b;
}

.dropdownSelector {
    position: relative;
    background: url(../images/small-down.svg) right no-repeat !important;
}

.checkme select {
    position: absolute;
    top: 0;
    outline: none;
    background: transparent;
    border: none;
    cursor: pointer;
    /*border: 1px solid red;*/
    -webkit-appearance: none;
    color: transparent;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
        padding-right: 18px
    }
}

.checkme {
    position: relative;
    /*font-size: 14px;*/
}

.checkme select option {
    /* padding: 5px 0 !important;
    border-bottom: 1px solid #edf0f2 !important;*/
    color: #888 !important;
}

.dropdownPosition {
    position: absolute;
    left: 15px;
    top: -3px;
    z-index: 20;
}

.bulkOptions {
    display: none;
    position: absolute !important;
    width: 112px !important;
    /* height: 130px !important;*/
    border-radius: 3px !important;
    background-color: #fafafa !important;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    z-index: 120 !important;
    right: -79px !important;
    top: 26px !important;
    font-weight: normal !important;
}

.bulkOptionStyle {
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;
    font-weight: normal;
    padding-left: 18px;
    padding-top: 22px;
}

ol.bulkOptions li :hover {
    background-color: #F5F4F7;
}

ol#bulkOptionsId li {
    display: unset !important;
    padding: unset;
    font-weight: normal !important;
}

.dias {
    cursor: not-allowed;

}

ol.dias {
    display: none !important;
}

.searchcandierror {
    color: red;
    margin-top: -85px;
    padding-left: 3px;
    opacity: 1;
}

.phoneNumError {
    color: #E43465;
    font-size: 14px;
    margin-left: 120px;
    float: left;
    margin-top: 10px;
}

.markAllAsReadMenu {
    padding: 5px 5px;
}

.markAllAsReadMenu p {
    padding: 5px;
    margin-bottom: 0px;

}

.markAllAsReadMenu p:hover {

    background: #f7f7f9;
}


.autoimportenabled {
    height: 75px !important;
}

.autoimportdisabled {
    height: 60px !important;
}

.clsActivityPagination ul li {
    border-bottom: none;
}

.clsActivityPagination ul {
    margin: 25px 0px 0px 0px !important;
}

.notNav {
    margin-top: -4px;
}

#idActivityStreamListTable tbody tr:hover {
    background: #E6FAF7;
}

/*batch Modal*/

.ModalBatch {
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    margin-bottom: 0px;
}

.modalBatchTextArea {
    color: #2b215b;
    width: 100%;
    padding: 8px 12px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    float: left;
    border: none;
    font-size: 16px;
    font-family: jaldi;
    resize: none;
}

.mergeTag {
    color: rgba(43, 33, 91, 0.5);
    font-family: Jaldi;
    font-size: 14px;
    cursor: pointer;
}

.profile-data-right {
    width: 348px;
    height: 270px;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 12px 8px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
}

.merga-tag-title {
    float: left;
    width: 40%;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    margin-bottom: 10px;
    color: #2b215b;
}

.merga-tag-details a {
    opacity: 1;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
    color: #2b215b;
}

.positionMsg {
    position: absolute;
    top: -278px;
}

.profiletagsHover {
    color: rgba(43, 33, 91, 0.5) ! important;
    cursor: pointer;
}

.profiletagsHover:hover {
    color: rgb(43, 33, 91) ! important;
}

.mergeTag:hover {
    color: rgb(43, 33, 91) ! important;
}


.profile-data-rightInner {
    border: dashed 1px rgba(0, 47, 77, 0.25);
    padding: 10px;
    height: 250px;
}

.modalBatchTextArea:focus {
    border: 1px #26baa2 solid !important;
}

.modalBatchTextArea::-webkit-input-placeholder {
    opacity: 0.5;
}

.borderOnFocus:focus {
    border: 1px #26baa2 solid !important;
}


/*new change*/
.marginTop35 {
    margin-top: 35px;
}

.notificationBatchDiv {
    width: 410px;
    height: 84px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    z-index: 16;
    /* position: absolute;
bottom: 0; */
}

.checkId {
    float: left;
    width: 68px;
    height: 84px;
    background-color: #24bba2;
    padding: 5px 0px;
}

.CheckIcon {
    position: relative;
    top: 18px;
    font-size: 25px;
    font-weight: normal;
    color: #fff;
    left: 18px;
}

.shortMsgBatch {
    font-family: Jaldi;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    color: #2b215b;
    position: relative;
    left: 15px;
    top: 6px;
    bottom: 6px;
}

.descriptionBatch {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    position: relative;
    left: 15px;
    top: 6px;
}

.modalBodyModify {
    padding: 0 !important;
}

.modalDialogModify {
    position: fixed !important;
    width: auto !important;
    margin: 10px !important;
    bottom: 60px !important;
    right: 15px !important;
}

.profiletagsbulksend {
    margin-left: 25px;
    color: #2b215b;
    opacity: 0.5;
    cursor: pointer;
}

.profiletagsbulksend:hover {
    opacity: 1;
}

.chooseFile {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    float: left;
}

.dwnldTempFile {
    font-size: 14px;
    color: #24bba2;
    float: right;
}

.uploadTemplate {
    background: #F4F4F7;
    height: 40px;
    clear: both;
    position: relative;
    top: 7px;
}

.resumeErrormsg {
    font-family: Jaldi;
    font-size: 14px;
    color: #e21a52;
    margin-top: 15px;
}

.uploadResumeImgs {
    position: absolute;
    top: 0px;
    right: 3%;
    cursor: pointer;
    font-size: 14px;
    margin-top: 9px;
}

.importFieldMsg {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    /*  margin-top: 10px;*/
}

.importFieldsBackground {
    background-color: #F8F8F9;
    width: 465px;
    height: 220px;
    position: relative;
    left: -30px;
    margin-top: 20px;
    overflow-y: auto;
}

.importLabel {
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    padding-left: 30px;
}

.importFieldInput {
    padding-left: 30px;
}

.selectAllCandies {
    color: #24bba2;
    display: inline-block;
    padding-top: 15px;
    font-size: 14px;
}

.importListResult {
    width: 400px;
    height: 40px;
    border-radius: 5px;
    background-color: #ffffff;
    position: relative;
    top: 15px;
    left: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.importCandiName {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    display: inline-block;
    padding-left: 20px;
}

.importCandiNum {
    font-size: 14px;
    color: #2b215b;
    display: inline-block;
    padding-left: 36%;
}

.candidatesImported {

    font-size: 24px;
    font-weight: bold;
    color: #24bba2;
    margin-top: 30%;
}

.failedRecords {
    color: #e21a52;
    font-size: 12px;
    display: inline-block;
    margin-left: 8%;
}

.doneImportMsg {
    text-decoration: underline;
    color: #2b215b;
    opacity: 0.5;
    font-size: 14px;
}

.finishImportMsg {
    font-size: 16px;
    display: inline-block;
    margin-left: 30px;
    text-align: center;
    margin-right: 40px;
    margin-top: 4px;
    opacity: 0.5;
    font-family: Jaldi;
    color: #2b215b;
}

.sendMsgBtn {
    float: none !important;
    margin-top: 22px;
    margin-left: 34% !important;
    background: #2b215b !important;
}

.importOr {
    opacity: 0.25;
    font-size: 12px;
    font-weight: bold;
    color: #2b215b;
    text-align: center;
    height: 10px;
    clear: both;
    padding-top: 7px;
}

.doneImport {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 29%;
    width: 50%;
}

.goBckImport {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    width: 11%;
    position: relative;
    top: 30px;

}

.uploadCsvImg {
    position: relative;
    top: -3px;
    left: -5px;
}

.importParaDiv {
    padding-top: 1%;
    padding-left: 22px;
    clear: both;
    color: #2b215b;
    font-size: 16px;
}

.paddingLeft24Imp{
    padding-left: 24px !important
}

.notifyellip {
    white-space: nowrap !important;
    width: 291px !important;
}

/* fuzzy Icons*/

.plusIconHdClass {
    width: auto !important;
    padding-left: 3px !important;
}


.breadcrumbHolder {
    width: 100%;
    height: 48px;
    opacity: 1;
    z-index: 15;
    background-color: #F0F1F3 !important;
    position: fixed;
    left: 0;

}

.campaigndashboard {

    padding-top: 50px;
}

.breadcrumb {
    margin-left: 225px;

}

.breadcrumb>a {
    color: #2b215b;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

.breadcrumb>a.active,
.breadcrumb a:hover {
    color: #24bba2 !important;
    /*  border-bottom: 3px solid #24bba2;*/
    cursor: pointer;
}


.resizeImgClassBuilder {
    position: absolute;
    right: 56px;
    top: 15px;
    opacity: 0.25;
    cursor: pointer;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0;
    color: #636c72;
    content: none;
}

.newbreadcrumb {
    /*  margin-left: 236px;
    padding-top: 16px;*/
    position: relative;
    z-index: 111111;


}

.breadcrumbhover:hover {
    cursor: pointer;
    color: #2b215b !important;

}

.breadcrumb-item {
    height: 20px;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
}

.breadcrumb {
    background-color: #F0F1F3 !important;
}

.pointer {

    cursor: pointer;
}


.deleteConf {
    width: 242px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 10px;
    right: 5px;
    display: none;
}

.deleteConfSchdlbatch {
    width: 178px;
    height: 30px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 0px;
    right: 3px;
    display: none;
}


.deletecampbuilder {
    width: 178px;
    height: 30px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: -6px;
    right: -18px;
    display: none;
}

.deletecampbuilderdate {
    width: 178px;
    height: 30px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: -6px;
    right: -18px;
    display: none;
}

.deleteConfSchdl {
    width: 300px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 0px;
    right: -17px;
    display: none;
}

.ConfSchdl {
    width: 307px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    /*top: 10px;*/
    right: 5px;
    display: none;
}


.Delete-this-prospect {
    width: 130px;
    height: 24px;
    font-family: Jaldi;
    font-size: 14px;
    line-height: 2.5;
    margin-left: 4px;
    text-align: center;
    color: #2b215b;
}

.NO {
    width: 21px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.YES {
    width: 23px;
    height: 24px;
    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.layer {
    width: 6px;
    height: 24px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
}

.YES:hover,
.NO:hover {

    cursor: pointer;
    color: #e21a52 !important;
}

.prosBulkDisable {
    opacity: .4;
}

.bootstrap-timepicker-widget table td input {

    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
}

.prosDeleteDisable {
    opacity: .4;
}

/*Scheduled Messages*/
.scheduleTitle {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
    margin: 37px 28px 20px;

}

#scheduleTitleOverriden {
    margin-top: 31px;
    margin-bottom: 12px;
}

#schdTimePicker .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top.open {
    top: -106px;
    left: 8px;
}

#myModalId2 .bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-top.open {
    top: -90px;
    left: -6px;
}

.positionMerge {
    position: relative;
    top: 0;
    right: -67px;
}

.scheduleErrorIcon {
    position: relative;
    top: -2px;
    left: -4px;
}

.scheduleDesc {
    opacity: 0.5;
    font-size: 16px;
    color: #2b215b;
    margin-left: 30px;
}

.scheduleTextArea {
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    /*changed*/
}

.resizeScheduleImgClass {
    position: absolute;
    right: 0;
    top: 97px;
    opacity: 0.25;
    cursor: pointer;
}

.scheduleDate {
    font-size: 14px;
    line-height: 1.43;
    color: #2b215b;
    opacity: 0.5;
    font-family: jaldi;
}

.scheduleDateNtime {
    margin-left: 30px;
    padding-top: 8px;
}

.scheduleCalendar {
    float: left;
    width: 50%;
    padding-top: 5px;
    position: relative;
    padding-right: 7px;
}

.scheduleClock {
    float: right;
    width: 50%;
    padding-top: 5px;
    position: relative;
    padding-left: 7px;
}

.scheduledPeriod {
    font-size: 15px;
    font-weight: bold;
    color: #2b215b;
    /*margin-top: 40px;*/
    margin-top: 0;
    margin-left: 20px;

    /*width: 310px;
  height: 24px;*/
    font-family: Jaldi;
    line-height: 1.5;
    text-align: left;
    position: relative;
}

.scheduleMsg {
    color: #2b215b;
    width: 90%;
    padding: 8px 12px;
    border-radius: 3px;
    background: #ffffff;
    border: none;
    font-size: 14px;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 8px;
    position: relative;
}

.scheduleRightSide {
    width: 50%;
    float: right;
    background-color: #F8F8F9;
    /*height:500px;*/
    height: 100%;
}

.scheduleMsgTime {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    margin-bottom: 0px;
}

.timeClockOnPostChat {
    /*position: absolute !important;
    top: 8px !important;
    left: 92% !important;
    z-index: 111 !important;*/
    /*  position: absolute;
    bottom: 7px;
    right: 8px;*/
}

.timeClockOnPostChatDiv {
    /* position: absolute;
    right: 40px;
    top: 0px; */
    background: #E6E6EB;
    height: 39px;
    width: 36px;
    float: left;
}

.chatdatecontainer>div {
    top: -248px;
}

.newcampdatecontainer>div {
    top: -245px;
}

.showDateCandidate>div {
    top: 83px;
}

.mymodal2>.bootstrap-timepicker-widget {
    position: absolute;
    top: -98px;
}

.scheduleclose {
    background: #F8F8F9 !important;
    width: 49.9% !important;
    height: 27px !important;
    padding-left: 314px !important;
    right: 0px !important;
    top: 0px !important;
}

#schdltimepicker2 {
    font-size: 16px;
    font-family: jaldi;
    color: #2b215b;
}

.deleteSchMsg {
    width: 270px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 1;
}

.deleteViewSvdMsg {
    width: 270px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 1;
}


.Delete-this-msg,
.Delete-this-row {

    font-size: 16px;
    line-height: 2.5;
    margin-left: 0px;
    text-align: center;
    color: #2b215b;
}



/*Scheduled Messages*/
/*-------------------------------------------All Candidates Styling by RG---------------------------*/


.moveleft {

    float: right !important;
    /*width: 35% !important;*/
    cursor: pointer;
}

.borderright {

    /*  border-right: 1px solid #CAC8D6;*/
}

.startchat {

    width: 112px;
    height: 36px;
    background-color: #007bff;
}

.viewchat {

    width: 112px;
    height: 36px;
    background-color: #F5F4F7;
}

.viewchat span,
.startchat span,
.reactivatechatCandiList span {
    vertical-align: sub;
    text-align: center;
    padding: 20px;
    /* margin-top: 73px; */
    position: relative;
    top: 2px;
    left: 6px;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
}

.startchat span {

    color: #ffffff;
}

#breadcrumbcolor {
    color: #2b215b !important;
    opacity: 1;
}

.breadcrumb-itemNoFloat {
    float: none !important;
}

.reactivatechatCandiList {
    width: 112px;
    height: 36px;
    background-color: #E21A52;
}

.moreavathar {
    display: block;
    font-size: 18px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    width: 40px;
}

#newImageSize1 {
    width: 36px;
    height: 36px;

    border-radius: 50%;
}

.like-comment-more {
    width: initial;
}

.like-comment-avathar {
    width: 175px !important;
    display: none;
}

.like-comment-avathar .markAllAsReadMenu p {
    padding: 5px !important;
}

.hoverLink:hover {
    background-color: #F5F4F7;
}

.campaignNameLink {
    color: #000000;
}

.campaignNameLink:hover,
.campaignNameLink:focus {
    color: #0275d8;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: unset !important;
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: unset !important;
    display: inline-block;
    position: absolute;
}


.btn-batch-schedulemsg {
    background-color: #2B215B;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    opacity: 1;
}

.btn-batch-schedulemsg-disabled {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    background-color: #211754 !important;
    opacity: 0.15 !important;
}

.btn-batch-schedulemsg:hover,
.btn-batch-schedulemsg:focus {
    background-color: #211754;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

.clsQuickSendSchdlDtTme,
.clsExistingSendSchdlDtTme {
    height: 225px;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 12px 8px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    position: absolute;
    bottom: 0;
    width: 315px;
    right: 0;
    z-index: 5;
}

.clsSchdlButtonOpacity {
    opacity: 0.7;
}

#areachartone-wrapper,
#areacharttwo-wrapper,
#zingchart* {
    height: 72px;
}

#idAnalyticsAreaChart* {
    width: 100%;
    height: 175px;
}

.clsAnalyticsAreaChart {
    float: left;
    height: 230px;
    position: relative;
}


/*-------------------------------------------------end-----------------------------------------------*/
/*Analytics - recruiter Page*/
.fixedPositionDiv {
    position: fixed;
    width: 100%;
    z-index: 9;
    height: 140px;
    background-color: #24bba2;
    left: 0;
    top: 57px;
}

.marginAutoClass {
    margin: auto;
}

.headingDivRec {
    padding-top: 28px;
    padding-bottom: 3px;
    color: #fff;
}

.inputBoxSearch {
    height: 43px;
}

.headingStyle {
    font-weight: bold;
    font-size: 34px;
    font-family: jaldi;
}

.inputBoxSearch::-webkit-input-placeholder {
    color: #2b215b;
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 20px;
}

#containerWrapper {
    /* commented for header section*/
    /*margin-top:168px;*/
    margin-top: 10px;
    border-bottom: 1px solid #cac2d1;
    padding-bottom: 8px;
}

.navBarClass:hover,
.navBarClass:active,
.navBarClass:focus {
    color: #24bba2;
    opacity: 1;
}

.navBarClass {
    color: #2b215b;
    font-weight: bold;
    opacity: 0.25;
    font-size: 14px;
}

.headingDivAnalytics {
    margin-top: 16px;
}

.headingStylerecruiter {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
}

.headingDivStats {
    margin-top: 16px;
}

.headingStylerecruiterPara {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;

}

.horiLayoutDiv {
    margin-top: 16px;
}

/*remove duplicate
.layoutBox{
  margin:2%;
  margin-right:0%;
  margin-bottom:0%;
  width: 23%;
  height: 117px;
  border-radius: 3px;
  background-color: #fff;
  float:left;
}
.contentClass{
padding-top:12px;
color: #2b215b;
font-size: 16px;
opacity: 0.5;
  color: #2b215b;
}*/
.datanumber {
    margin-top: 2%;
    float: left;
    width: 30%;
    color: #2b215b;
    font-weight: bold;
    font-size: 36px;
    text-align: left;
    position: relative;
    z-index: 99;
}

.dashboardDataNumber {
    color: #ffffff;
    font-weight: bold;
    font-size: 36px;
    float: right;
    margin: 1%;
}

/*Remove duplicate.chartClassDiv{
margin-top:-5%;
float:right;
width:70%;
}*/
.datanumbernoChart {
    margin-top: 2%;
    float: right;
    width: 100%;
    color: #2b215b;
    font-weight: bold;
    font-size: 36px;
    text-align: left;
}

/*Analytics NLP*/
#mainContainerAnalytics {
    width: 100%;
}

#mainDivAnalyticsNLP {
    width: 100%;
    margin-top: 152px;
}

.retToDBanchor {
    font-size: 14px;
    color: gray;
}

.retToDBanchor:hover {
    color: #24bba2;
}

.headingDivAnalyticsNLP {
    margin-top: 20px;
}

.headingStylerecruiterNLP {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
    width: 220px;
    float: left;
}

.totCountAnalytics {
    background-color: #2b215b;
    color: white;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 70px;
    height: 20px;
    padding-top: 1px;
    border-radius: 3px;
}

.ActCandiAnalytics {
    background-color: #24bba2;
    color: white;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 100px;
    height: 20px;
    padding-top: 1px;
    border-radius: 3px;
    margin-left: 4px;

}

.FromToAnalytics {
    background-color: #007bff;
    color: white;
    padding-left: 8px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    width: 100px;
    height: 20px;
    padding-top: 1px;
    border-radius: 3px;
    margin-left: 4px;
}

.layoutBoxOne {
    width: 49%;
    height: 480px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-bottom: 0%;
}

.layoutBoxTwo {
    width: 49%;
    height: 480px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-bottom: 0%;
}

.activeAnalytic {
    font-size: 20px;
    font-weight: bold;
    color: #2b215b;
    padding-top: 40px;
    text-align: center;
}

.chatFrAnalytic {
    background-color: lightgoldenrodyellow;
    width: 56%;
    margin-left: 23%;
    margin-top: 20px;
    height: 260px;
}

.menuOptions {
    text-align: center;
    margin-top: 35px;
}

.layOutAnalytics {
    margin-top: 20px;
    width: 100%;
    overflow: auto;
}

.activeCandiWeek {
    width: 50%;
    height: 344px;
    border-radius: 3px;
    background-color: #ffffff;
    margin-top: 35px;
}

.activeAnalyticTwo {
    font-size: 20px;
    font-weight: bold;
    color: #2b215b;
    padding-left: 25px;
    padding-top: 35px;
}

.analyticTable {
    margin-top: 10px;
    margin-left: 25px;
}

.chartPercent {
    display: inline-block;
    font-size: 72px;
    font-weight: bold;
    color: #2b215b;
    padding-left: 33%;
    padding-top: 50px;
}

.chartCandi {
    display: inline-block;
    opacity: 0.5;
    font-size: 20px;
    color: #2b215b;
    padding-left: 24%;
}

.retToDB {
    display: inline-block;
    border-bottom: 1px solid #E9EDEF;
    width: 100%;
    height: 28px;
}

/* Analytics change*/
.analyticsMargin {
    margin: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    width: 100%;
    border-radius: 3px;
    background-color: #fff;
    padding: 2px;
    min-width: max-content;
}

#hfunnelchart {
    width: 100%;
    border-radius: 3px;
    background-color: #fff;
    float: left;
    /*min-width: 963px;*/
    padding-right: 15px;
    padding-left: 15px;
}

.containerTable {
    margin-top: 0;
    position: relative;
}

.tableModifyClass {
    font-family: Jaldi;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 10px;
}

.tableModifyClass th,
.tableModifyClass td {
    padding: 0;
    color: #2b215b;
}

.tableModifyClass th {
    opacity: 0.5;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.33;
    border-bottom: none !important;
}

.showLessAnalytic {
    background-color: #fff;
    font-size: 12px;
    color: #24bba2;
    padding-bottom: 15px;
}

.containerTableReport th {
    font-family: Jaldi;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.33;
    text-align: left;
    color: rgba(43, 33, 91, 0.5);

}

.containerTableReport td {
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    height: 64px;
    box-shadow: inset 0 -1px 0 0 #EAE8EA;
    text-align: center;
}

.questionCalloutHeadbox {
    position: absolute;
    display: none;
    right: 0;
    top: 1.1%;
    width: 180px;
    z-index: 7;
}

.bootstrap-timepicker-widget.dropdown-menu:after {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: unset !important;
    display: inline-block;
    position: absolute;
}

.bootstrap-timepicker-widget.dropdown-menu:before {
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: unset !important;
    display: inline-block;
    position: absolute;
}

.labelForCheck {
    position: relative;
    top: 3px;
    font-size: 15px;
}

.layoutUnit {
    margin-left: 2%;
    margin-top: 7px;
    margin-right: 0%;
    margin-bottom: 0%;
    width: 23%;
    height: 400px;
    border-radius: 5px;
    float: left;
}

.contentHeader {
    margin-left: -10px;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 9px;

}

.layoutContentBox {
    height: 344px;
    border-radius: 3px;
    background-color: #F3F3F4;
}

.contentClassLayout {
    height: 40px;
    border-radius: 3px;
    background-color: #ffffff;
    padding-top: 8px;
    position: relative;
    top: 10px;
    margin: 10px;
}

.profileImgContent {
    font-family: jaldi;
    font-size: 14px;
    color: #2b215b;
}

.activeIconImg,
.inactiveIconImg {
    height: 11px;
    position: absolute;
    left: 2%;
    top: 20px;
}

.activeiconBadge,
.inactiveiconBadge {
    display: block !important;
    width: 0px;
    height: 10px;
    top: 1px;
    border-radius: 61%;
    border: 1.5px solid white;
    left: 6px;
    font-size: 7px;
    text-align: center;
    position: relative;
}

.activeiconBadge {
    background-color: #1cb79e;

}

.inactiveiconBadge {
    background-color: #CBCBEB;

}

.BigactiveIcon,
.BiginactiveIcon {
    height: 11px;
    position: absolute;
    top: 32px;
    left: 7px;
}

.activeiconMod,
.inactiveiconMod {
    font-size: 12px;
    height: 12px;
    border-radius: 58%;
}

.analyticFilter {
    margin-left: 12px;
    float: right;
    height: 40px;
    border: 0;
    background: url("../images/dropDown.svg") no-repeat right -7px center;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #2B215B;
    font-family: Jaldi;
    font-size: 16px;
    width: 12%;
}

.LayoutPosition {
    width: 220px;
    top: 30px;
    overflow-y: auto;
    max-height: 180px;
    overflow-x: hidden;
}

.showCol {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
    float: left;
}

.showColNum {
    font-family: Jaldi;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
    color: #e21a52;
    float: right;
}

.coachmodenewcampaign {
    padding-top: 173px !important;
}

.disable {
    pointer-events: none;
}

.activeanalyticstab {
    color: #24bba2;
    opacity: 1;
    font-weight: bold;
    font-size: 14px;
}

.activeanalyticstab:hover {
    color: #24bba2;
}

.inactiveanalyticstab {
    color: #2b215b;
    opacity: 0.25;
    font-weight: bold;
    font-size: 14px;
}

#chart-1-wrapper {
    height: 270px !important;
}

#chart-1-top {
    height: 340px !important;
}

.analyticsMargin thead th {
    padding-bottom: 14px;
    padding-top: 25px;
    text-align: center;
}

.analyticsMargin tbody tr:hover {
    background: #E6FAF7;
}

.analyticsMargin tbody tr {
    background: #fff;
    /* cursor:pointer;*/
}

.chartClassDivPosition {
    height: 78px !important;
    width: 115px !important;
    margin-top: 0 !important;
}

.move {
    margin-top: 10px !important;
}

.moveEditDetails {
    margin-top: 20px;
}

.waitingResponse {
    background-color: #E21A52;
    color: #fff;
    width: 52px;
    height: 20px;
    border-radius: 3px;
    font-family: Jaldi;
    font-size: 12px;
    padding: 2px;
    margin: auto !important;
}

.tdProspectsEllipsis {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clsAnalyticsMessageSend {
    padding-left: 10px;
}

/*End - Analytics*/

.rightPaddingChatInput {
    padding-right: 30px !important;
}


/*quick edit*/
.clsQuickEditJobs {
    padding: 5px 5px;
    border-top: none;
}

.clsQuickEditJobs p {
    padding: 5px;
    margin-bottom: 0px;
}

.clsQuickEditJobs p:hover {
    background: #f7f7f9;
}

.clsAssignNewJobQuickEdit span.multiselect-native-select {
    margin-left: 60px;
}

.clsAssignNewJobQuickEdit ul.multiselect-container>li>a>label {
    padding: 3px 20px 3px 15px;
}

.bChatPotnJobDropDown {
    display: none;
}

.bChatPotnTagDropDown {
    display: none;
}

.chatshareimg {

    position: relative;
    left: -5px;
    top: -1px;
}

.potraitshareimg {

    padding-right: 0 !important;
    top: 1px;
}


/**********************************************Outbound attachment css starts*********************************************************/

.chatattachmentparentdiv {}

#chatPost {
    resize: none;
}

#attachmentdrag {
    width: 681px !important;
    height: 268px !important;
    min-height: 0px;
    max-width: 681px !important;
    margin-top: 255px;
}

#attachment-iconmodal {
    margin-left: 275px;
    margin-top: 27px;
    height: 80px;
    width: 70px;
}

.attachmentmodala-p {
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    text-align: center;
    color: #ffffff;
    margin-top: 18px;
}

.chatattachment {
    position: absolute;
    top: 0px;
    background: #F5F4F7;
    height: 38px;
    width: 28px;
    padding-left: 10px;
    padding-top: 7px;
    cursor: pointer;
}

.chatattachmentBulkSend {
    padding-left: 8px;
    top: 213px;
    background-color: transparent;
}

.chatattachmentlist {
    background: #ffffff;
    width: 188px;
    height: 80px;
    line-height: 2.5;
    position: absolute;
    top: -87px;
    border-radius: 4px;
    padding-top: 2px;
    color: #2b215b;
    -webkit-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    -moz-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    z-index: 100;
}

.messageattachmentlist {
    background: #ffffff;
    width: 188px;
    height: 80px;
    line-height: 2.5;
    position: absolute;
    top: -87px;
    border-radius: 4px;
    padding-top: 2px;
    color: #2b215b;
    -webkit-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    -moz-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    z-index: 100;
}

.attachmenttag {
    background-color: #2b215b;
    max-width: 210px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    padding-top: 5px;
    margin-top: 3px;
    height: 24px;
}

.attachmenttagimg {
    padding-left: 8px;
    padding-right: 7px;
    margin-top: -10px;
    height: 14px;
}

.attachmenttruncate {
    color: white;
    font-size: 12px;
    padding-bottom: -15px;
    position: relative;
    top: -5px;
    cursor: default;

}

.attachmenttagclose {
    color: white;
    padding-left: 8px;
    padding-right: 5px;
    /*font-size: 20px;*/
    cursor: pointer;
    position: relative;
    top: -5px;

}

.chatattachmentlist li:hover {
    background-color: #F5F4F7;
}

.messageattachmentlist li:hover {
    background-color: #F5F4F7;
}

.attachmodalclose {
    color: #2b215b !important;
    height: 25px !important;
    width: 16px !important;
    margin-top: 6px;
    margin-right: 8px;
}

.attachmodalhead {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    color: #2b215b;
}

.attachmentlibrarycollection {
    display: inline-block;
    margin-top: -5px;
}

.attachmentmodallist {
    line-height: 2;
    /* cursor: pointer; */
}

.attachmentsenicon {
    float: right;
    margin-right: 16px;
    margin-top: 4px;
}

.attachmentsearchbox {
    position: relative;
    top: -2px;
    width: 435px;
    height: 36px;
    border-radius: 3px;
    background-color: #F5F4F7;
}

.attchmentinputbox {
    font-family: inherit;
    border: 0px;
    width: 376px !important;
    margin-left: 19px;
    font-size: 16px;
    position: relative;
    top: 5px;
    background-color: #F5F4F7;
}

.chatattachementfile {
    margin-left: 12px;
    margin-top: 6px;
    overflow: scroll;
    height: 424px;
    overflow-x: hidden;
}

.attachmentcollection {
    /* border-bottom: 1px solid #eceeef;*/
    height: 430px;
    overflow: scroll;
    overflow-x: hidden;
}

.librarymodalclass {}

.Chatcollectionsearch {
    height: 429px;
}

.Chatcollectionsearchnorecords {
    height: 490px;
}

.Chatcollectionsearchicon {

    margin-left: 210px;
    margin-top: 165px;
    height: 40px;
    width: 40px;
    opacity: 0.25;

}

.arrowrotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: -10px;
}

.attachrotate-43 {
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    -o-transform: rotate(-43deg);
    -ms-transform: rotate(-43deg);
    transform: rotate(-43deg);
}

.leftarrow-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#chatmsgattachmentimg {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3px;
}

/*add it for message color change*/
.attachmentmessagecolorchange {
    color: #24bba2;
}

.attachmentmessagecolorchangecursor {
    cursor: pointer;
}

.attachmentmodalheader {
    height: 70px;
    border-bottom: 1px solid #eceeef;
    padding-top: 20px;
    padding-left: 15px;
}

.chaterrormsgsize {
    padding-left: 42px !important;

}

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

/*Document Preview*/
.docPreviewloader {
    position: relative;
    left: 48%;
    margin-top: 28%;
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #757575;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 1s linear infinite;
    /* Safari */
    animation: spin 1s linear infinite;
}

.docPreviewCloseDiv {
    height: 48px;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 40;
}

.docPreviewCloseIcon {
    font-size: 35px;
    color: hsla(0, 0%, 100%, 1);
    position: fixed;
    right: 45px;
    top: 18px;
    cursor: pointer;
}

.docPreviewCloseIcon:hover {
    color: #949699;
}

.docPreviewDetailsFooter {
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    height: 45px;
    left: 0;
    padding: 0px 1%;
    position: absolute;
    right: 0;
    z-index: 30;
    top: -20px;
    text-align: center;
    font-family: "Jaldi", sans-serif;
}

.docPreviewDetailsFooterTitle {
    font-size: 18px;
    margin: 0 0 9px;
}

.docPreviewDetailsFooter a {
    color: #fff;
    background-color: transparent;
}

.docPreviewDownloadIcon {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    width: 19px;
    margin-top: 3px;
    color: #fff;
    text-decoration: none;
}

.docPreviewSlideLeft {
    position: fixed;
    font-size: 40px;
    color: #fff;
    top: 50%;
    left: 45px;
    font-weight: bolder;
    cursor: pointer;
    padding: 20px;
    width: 50px;
    border-radius: 50%;
}

.docPreviewSlideLeft:hover {
    color: #B4B4B4;
}

.docPreviewSlideRight {
    position: fixed;
    font-size: 40px;
    color: #fff;
    top: 50%;
    right: 45px;
    font-weight: bolder;
    cursor: pointer;
    padding: 20px;
    width: 50px;
    border-radius: 50%;
}

.docPreviewSlideRight:hover {
    color: #B4B4B4;
}

.actualPreview {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}

.portraitAttchThumbnail {
    max-width: 100%;
    max-height: 80%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 10px;
}


/**********************************************Outbound attachment css ends***********************************************************/
.tooltiptext {
    width: 92px;
    font-family: Jaldi;
    font-size: 12px;
    text-align: left;
    color: #fff;
    background-color: #24bba2;
    border-radius: 5px;
    padding: 2px 5px;
    position: relative;
    top: 5px;
    left: 110px;
    z-index: 100;
}

.overflowTranscriptContent {
    content: "";
    position: relative;
    background-color: #918caa;
}

.overflowTranscriptContent:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to top, #918caa, rgba(145, 140, 170, 0));
}

.relativeTranscriptDone {
    position: relative;
    top: -20px;
}

/*Pic update-remove*/

.containerImgEdit {
    position: relative;
    width: 100px;
    height: 100px;
    cursor: default;
}

.overlayImgEdit {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
    border-radius: 50%;
    cursor: default;
}

.containerImgEdit:hover .overlayImgEdit {
    display: block;
    background: rgba(36, 187, 162, .7);
}

.removeImgEdit {
    position: absolute;
    left: 23%;
    top: 24%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    color: #D0CEDB;
    font-weight: bold;
    font-size: 16px;
    cursor: default;

}

.updateImgEdit,
.otherImgSuggestions {
    position: absolute;
    left: 24%;
    top: 52%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    color: #D0CEDB;
    font-weight: bold;
    font-size: 16px;
    cursor: default;

}

.containerImgEdit:hover .updateImgEdit,
.containerImgEdit:hover .otherImgSuggestions,
.containerImgEdit:hover .removeImgEdit {
    opacity: 1;
}

/*
.containerImgEdit:hover .removeImgEdit {
  opacity: 1;
}*/

.removeImgEdit:hover,
.updateImgEdit:hover,
.otherImgSuggestions:hover {
    color: white;
}

/*
.updateImgEdit:hover{
  color: white;
}*/

.fileUploadImg {
    position: relative;
    opacity: 0;
    z-index: 111;
    border: 1px solid red;
    width: 55px;
    font-size: 6px;
}

.containerImgChat {
    position: relative;
    width: 62px;
    height: 62px;
    left: 57px;
    cursor: default;
}



@media screen and (min-width: 1280px) {
    .containerImgChat {
        left: 65px;
    }
}


@media screen and (max-width: 1680px) and (min-width: 1366px) {
    .containerImgChat {
        left: 57px;
    }
}

@media (max-width: 1900px) and (min-width: 1700px) {
    .containerImgChat {
        left: 65px;
    }
}

.overlayImgChat {
    position: absolute;
    top: 0;
    left: 0px;
    width: 62px;
    height: 62px;
    background: rgba(0, 0, 0, 0);
    transition: background 0.5s ease;
    border-radius: 50%;
    cursor: default;
}

.containerImgChat:hover .overlayImgChat {
    display: block;
    background: rgba(36, 187, 162, .7);
}

.removeImgChat {
    position: absolute;
    left: 20%;
    top: 20%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    color: #D0CEDB;
    font-weight: bold;
    font-size: 12px;
    cursor: default;
}

.updateImgChat {
    position: absolute;
    left: 20%;
    top: 50%;
    text-align: center;
    opacity: 0;
    transition: opacity .35s ease;
    color: #D0CEDB;
    font-weight: bold;
    font-size: 12px;
    cursor: default;

}

.containerImgChat:hover .updateImgChat {
    opacity: 1;
}

.containerImgChat:hover .removeImgChat {
    opacity: 1;
}

.removeImgChat:hover {
    color: white;
}

.updateImgChat:hover {
    color: white;
}

.updateOptionStyle {
    position: absolute;
    top: -1px;
    left: 0;
}

/*end of Pic update-remove*/
.attachment {

    float: left;
    width: 100%;
    min-width: 600px;
}

.parentattach, .webBotExisting, .newWebBotNew {

    display: flex;
    flex-wrap: wrap;
}

.childattach {
    /*    width: 25%;
    height: 186px;
    border-radius: 3px;
    margin: 25px 10px 25px 10px;*/
    cursor: pointer;

    width: calc((100%/3) - 16px);
    height: 186px;
    border-radius: 3px;
    margin: 8px;

}

.childattach:hover {
    border: 1px solid #24bba2;
}

.Thumbnailattach {
    height: 138px;
    width: 100%;
    text-align: center;
    /*border-bottom: 1px solid #2b215b;*/
}

.Name-of-Attachment {
    font-family: Jaldi;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    text-align: left;
    color: #2b215b;
    padding-left: 10px;
}

.Date-of-Attachment {
    opacity: 0.25;
    font-family: Jaldi;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #2b215b;
    padding-left: 10px;
}

.documentWhite {
    position: relative;
    top: -1px;
    width: 20px;
    left: 0px;
}


.childchatbox {
    /*  width: 29%;
    height: 248px;
    border-radius: 3px;
    margin: 25px 10px 25px 10px;
    cursor: pointer;*/

    width: calc((100%/3) - 16px);
    height: 248px;
    border-radius: 3px;
    margin: 8px;

}

.parentchatbox {

    display: flex;
    flex-wrap: wrap;
}

.chatimgcontainer {
    text-align: center;
    margin-top: 16px;
}

.chatnameholder {
    width: 129px;
    height: 32px;
    font-family: Jaldi;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    color: #2b215b;
}

.chatnamecontainer {
    text-align: center;
}

.chatdatecontainer {
    text-align: center;
}

.chatdateholder {
    width: 149px;
    height: 20px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 12px;
    line-height: 1.43;
    text-align: left;
    color: #2b215b;
}

.view-chat-btn {
    text-decoration: none !important;

    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #24bba2;
    border-radius: 3px;
    color: #fff;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
}

.chatbuttoncontainer {
    text-align: center;
    clear: both;
}

.modal-body .chat-box {
    height: 572px !important;
    overflow: auto;
}

.modalclsContainer {
    background: rgba(0, 47, 77, 0.5) none repeat scroll 0 0 !important
}


.chattitle {

    font-family: Jaldi;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    color: #2b215b;
    margin-left: 16px;
    display: inline-block;
    width: 250px;
}


.canvaschatcontainer {
    float: left;
    border-top: 1px solid #605884;
    width: 100%;
    color: #ffffff;
    margin-top: 10px;
}

.chatcanvastitle {
    margin-left: 8px;
    cursor: pointer;
    margin-top: 9px;
    margin-bottom: 10px;
}

.canvastitle {
    width: 168px;
    height: 20px;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    text-align: left;
    color: #ffffff;
    color: var(--white);
    margin-left: 4px;

}

.canvastitle:hover {
    text-decoration: underline;
}

div#chatplaneicon:hover {
    opacity: 0.5;
}

.collapsearrow {
    width: 24px;
    height: 24px;
}

.canvaschatlist {
    /*border: 1px solid green;*/
}

.recuritername {
    font-family: Jaldi;
    font-weight: bold;
    font-size: 12px;

}

.recuriterdate {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 12px;
    position: relative;
    top: -6px;
    font-weight: normal;
}

.recuriterdetails {
    position: relative;
    left: 5px;
}

.chatlistholder, .marginBottom0 {
    margin-bottom: 0px;
}

.chatlistholder li {
    cursor: pointer;
    height: 45px;
}


.animate-show {
    line-height: 20px;
    opacity: 1;

}

.animate-show.ng-hide-add.ng-hide-add-active,
.animate-show.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.animate-show.ng-hide {
    line-height: 0;
    opacity: 0;
    padding: 0 10px;
}

.modal-header {
    display: block !important;
}

.modal-body {
    padding: 0px 5px 5px 5px;
}

.profileimage {
    border-radius: 50%;
}

.Chat-Transcript-disable,
.chatbox-trans>img {

    cursor: not-allowed !important;
    pointer-events: none !important;
    cursor: default !important;
}

.collapse.in {
    display: block;
}

.manager-section {
    border: 0px;
    margin-top: 0px;
    padding: 0px 15px 0px 15px;
}

.requirements-section,
.similar-candidates-section,
.note-section {
    padding: 0px 15px 0px 15px;

}


/* new chat message type*/
.iconChatSaveClass {
    color: #CAC8D6;
    font-size: 19px;
}

.modalDivResource {
    width: 228px;
    height: 148px;
    border-radius: 3px;
    background-color: #fff;
    padding: 20px 15px;
    padding-top: 12px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    right: -15px;
    z-index: 100;
}

.labelChatQuestion {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    color: #2b215b;
}

.buttonChatQuestion {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    color: #ffffff;
    background-color: #24bba2;
    border-radius: 3px;
    height: 34px;
    border: none;
    margin-top: 13px;
}

.filterBoxStyle {
    margin-top: 7px;
    background-color: #f5f4f7;
    width: 196px;
    float: none;
    max-width: 100%;
    border-radius: 3px;
}

.selectChatQuestion {
    margin-left: 7px;
    color: #2b215b;
    padding: 1%;
    float: none !important;
}

.cssinputDesignID {
    padding-left: 7px;
    border: none;
    height: 40px;
    font-family: Jaldi;
    font-size: 14px;
    /* line-height: 1.5; */
    text-align: left;
    color: #2b215b;
    border-radius: 3px;
    background-color: #f5f4f7;
    margin-top: 7px;
    width: 100%;
}

.csstextareaDesignID {
    resize: none;
    border: none;
    padding-left: 7px;
    margin-top: 7px;
    height: 64px;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    border-radius: 3px;
    background-color: #f5f4f7;
    width: 100%;
}

.floppyChatParent {}

#chatview {
    width: 60%;
    /* respsonsive width */
    margin-left: 20%;
    /* width/2) */
    overflow: hidden;
}

#Resumechatview {
    width: 60%;
    /* respsonsive width */
    overflow: hidden;
}


.globalSelectMsgDiv {
    text-align: center;
}

.globalSelectMsg {
    font-size: 14px;
    color: #2b215b;
    cursor: default;
}

.globalSelectMsgGreen {
    font-size: 14px;
    color: #24bba2;
    text-decoration: underline;

}

.globalSelectMsg:hover,
.globalSelectMsg:visited {
    color: #2b215b !important;
}

.globalSelectMsgGreen:hover,
.globalSelectMsgGreen:visited {
    color: #24bba2 !important;

}

.iconChatSaveClass:hover {
    color: #24bba2 !important;
}

.disabledGrey {
    background-color: #CAC8D6;
    pointer-events: none;
}

.dialog-chat {
    border-radius: 10px 10px 10px 0px;
}






.blankmessagedataredChatError {
    padding-left: 45px !important;
    margin-top: -21px;
    color: white;
    width: 600px;
}


.navhideblueChatError {
    cursor: pointer;
    text-decoration: underline;
    color: white !important;
}

.blankmessageredChatError {
    position: relative;
    width: 630px;
    margin-top: 5%;
    margin-left: 25%;
    padding-top: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #E21A52;
    padding-bottom: 10px;
}

.genericErrorMessage {
    position: relative;
    width: fit-content;
    max-width: 630px;
    margin-top: 5%;
    margin-left: 32%;
    padding-top: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #E21A52;
    padding-bottom: 10px;
    z-index: 15002;
}

.blankmessageredInvalidUrlError {
    position: relative;
    width: 345px;
    margin-top: 5%;
    margin-left: 40%;
    padding-top: 10px;
    vertical-align: middle;
    border-radius: 4px;
    background: #E21A52;
    padding-bottom: 10px;
}

.bannerLeftImage {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.portraitBannerLeftImage {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 12px;
}

.bannerRightHide {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
}

.blankmessageredResumeError {
    position: relative;
    width: 630px;
    margin-top: 5%;
    margin-left: 25%;
    border-radius: 4px;
    background: #E21A52;
}

.blankmessageExclaimicon {
    position: relative;
    top: 3px;
    left: 6px;
}

.blankmessagereddataResumeError {
    padding-left: 45px;
    color: white;
    padding-bottom: 5px;
    padding-top: 2px;
}



.tablerowselected {
    background: #e6faf7 !important;
    ;
}

.ulrowselected {
    background-color: #e6faf7 !important;
}

select:focus::-ms-value {
    background-color: transparent;
    color: #7b93a3;
}

.selectFF:-moz-focusring {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: 0 0 0 #7b93a3 !important;
}

.selectFFdarkcolor:-moz-focusring {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: 0 0 0 #2b215b !important;
}

.selectFFwhitecolor:-moz-focusring {
    color: rgba(0, 0, 0, 0) !important;
    text-shadow: 0 0 0 #ffffff !important;
}

.editPageHeadingStyle {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #2b215b;
    margin: 15px 0;
}

.editPageInitialDiv {
    background-color: white;
    margin-left: 250px;
    padding-right: 20px;
    margin-top: 60px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    padding-top: 2px;
    overflow: hidden;
}

.editPageInitialDiv1 {
    background-color: white;
    margin-left: 250px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom: 225px;
    padding-top: 2px;
}

.editPageCancelButton {
    opacity: 0.5;
    font-size: 14px;
    text-align: left;
    color: #2b215b;
    padding-top: 10px;
    float: right;
    padding-right: 10px;
    /*    margin-left: 80%;*/
}

.resumeUploadDiv {
    background: #F4F4F7;
    height: 40px;
    clear: both;
    position: relative;

}

.searchTagList {
    position: relative !important;
    top: -13px !important;
    left: -13px !important;
    padding-right: 100% !important;
    padding-top: 2px !important;
    float: left !important;
    height: 24px !important;
    margin-bottom: 0px;
}

.Add-Welcome-Message {
    width: 107px;
    height: 16px;
    font-family: Jaldi;
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: #24bba2;
    float: right;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 5px;
}

/*chatpage start*/
div#chatplaneicon {
    padding-top: 2px;
    line-height: 40px;
    color: #ffff;
    border: 0;
    background: #24bba2;
    border-radius: 0 3px 3px 0;
    right: 0;
    font-size: 16px;
    text-align: center;
    height: 100px;
    margin-right: 0px;
    width: 50%;
    float: right;
    position: static;
    overflow: hidden;
}

#chatpageschedulenumber {
    width: 14px;
    height: 14px;
    padding-bottom: 15px;
    background-color: #e21a52;
    bottom: -11%;
    line-height: 14.4px;
    top: auto;
    left: auto;
    right: -5px;
}

.scheduleicongreen {
    width: 50%;
    text-align: center;
    /* margin: 0 auto; */
    padding: 4px;
    line-height: 33px;
    position: relative;
    height: 39px;
}

.scheduleicongrey {
    text-align: center;
    padding-top: 9px;
    width: 50%;
    position: relative;
}

.chatpageclockplane {
    float: right;
    width: 10%;
    padding-left: 3px;
    background: #F5F4F7;
}

/*for wide screen desktop*/
@media only screen and (min-width: 1370px) {

    .chattextwidth {
        width: 94% !important;
    }

    .chatpageclockplane {
        width: 6%;
    }

}

@media only screen and (min-width: 1370px) {

    .chattextwidth {
        width: 92% !important;
    }

    .chatpageclockplane {
        width: 8%;
    }

}

@media only screen and (max-width: 1100px) {
    .fa-lg {
        font-size: 18px;
    }
}

.add-candi-btn-blue {
    border-radius: 4px;
    font-weight: bold;
    line-height: 40px;
    margin-left: 10px;
    padding: 0px 20px;
    background-color: #211754 !important;
    padding-left: 25px;
    padding-right: 15px;
    text-decoration: none;
    font-size: 14px;

}

/*chat page end */
.resumeUploadPotrait {
    position: absolute;
    top: 6px;
    white-space: nowrap;
    left: 41px;
}

.resumeUploadInputFile {
    position: relative;
    opacity: 0;
    border: 1px solid red;
    font-size: 11px;
}


.belowCancelnSave {
    position: relative;
    top: 30px;
    left: 20px;
}

.allCandiStartChat {
    line-height: 20px;
    background-color: #007bff;
    border-radius: 100px;
    color: #fff;
    font-size: 12px;
    width: 93px;
    margin: 0 auto;
}

.startChatIcon {
    width: 11px;
    margin-right: 0;
    position: relative;
    right: 0px;
    top: -1px;
}

.potraitdeleteicon {
    float: right;
    padding-right: 10px;
    font-size: 17px;
    color: #cac8d6;
    padding-top: 2px;
}

.potraitdeleteicon :hover {
    color: #24bba2;
}

/*campaign starts*/
.checkBoxPositionCampaignEnabled,
.checkBoxPositionCampaignDisabled {
    left: 1px;
    top: 40px;
    margin: 0;
    position: absolute;
    width: 25px;
    height: 25px;
}

#campaignCheckBox {
    width: 22px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index: 100;
    top: 40px;
    left: -150px;
}

.checkBoxPositionCampaignEnabled {
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
}

.checkBoxPositionCampaignDisabled {
    left: -1px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
}

#campaignCheckBoxDiv {
    position: relative;
    top: 18px;
}

#fontLabel {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    opacity: 0.5;
    top: -1px;
    left: 23px;
    position: relative;
}

#labelPlaceHolder {
    margin-top: 14px;
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 12px;
    color: #2b215b;
}

#maxResponses {
    width: 127px;
    height: 40px;
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;
    background: #f4f4f7;
    border: none;
    padding-left: 10px;
}

input[type='number'] {
    -moz-appearance: textfield;
}

/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.nameTdOverflowNameCampaign {
    position: relative;
}

.OverflowNameCampaign {
    position: absolute;
    background-color: #fff;
    bottom: 40px;
    left: 0;
    max-height: 375px;
    overflow-y: auto;
    width: 350px;
    z-index: 14;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    cursor: default;
}

/*  Inbound Campaigns v2 */

.campaignrun {

    color: #2b215b;
    position: absolute;
    top: 57px;
    right: 0px;
    width: 302px;
    height: 276px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
}

.campaignrunheading {
    padding-top: 16px;
    padding-left: 16px;
    font-weight: bold;
}

.Activate_This_Campaign_button {
    width: 159px;
    height: 36px;
    background-color: #24bba2;
    float: left;
    margin-left: 18px;
    margin-top: 5px;
    padding-top: 6px;
    border-radius: 3px;
    text-align: center;
}

.Activate_campaign_text {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.43;
    color: #ffffff;
}

.movedate .angularjs-datetime-picker {
    top: 43px;
}

.msgBodyCampaign {
    /* Should override msg body class*/
    padding: 10px;
    float: none;
    width: auto;
}

/* dropdown*/
.searchlistjob {
    position: relative !important;
    top: -13px !important;
    left: -13px !important;
    padding-right: 100% !important;
    float: left !important;
    height: 30px !important;
    border-bottom: 1px solid #eceeef;
    padding-left: 7px;
    margin-top: 7px;
    padding-top: 8px !important;
}

.questionDropDownlist {
    top: 78px;
    width: 198px;
    position: absolute;
    left: 16px;
    padding: 10px;
    max-height: 110px;
    border-radius: 3px;
    background-color: #f4f4f7;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.listhov:hover {
    background-color: #E6FAF7;
}

/*new dropdown*/
.rotatedropdownimg {
    transform: rotate(180deg);
    position: absolute;
    right: 20px;
    top: 45px;
    cursor: pointer;
}

.searchbarjob {
    border: 1px solid #24bba2;
}

/*dropdown*/
#resaddcollection {
    margin-top: 6px;
    padding-left: 18px;
    padding-top: 0px !important;
    top: 0 !important;
}

#qusaddcollection {
    margin-top: 6px;
    padding-left: 18px;
    padding-top: 0px !important;
    top: 0 !important;
}

#searchquscollection {
    margin-top: 11px;
    top: 0 !important;
}

#searchrescollection {
    margin-top: 11px;
    top: 0 !important;
}

.modalsaveicon {
    display: block;
    cursor: pointer;
    color: rgb(36, 187, 162);
    right: 6px;
    top: 8px;
    position: absolute;
}

.inputfieldstyle {
    width: 175px;
    height: 35px;
    font-family: inherit;
    margin-left: 15px;
    padding-right: 23px;

}

.plusgreen {
    width: 16px;
    height: 16px;
    margin-right: -4px;
}

.dropdownimg {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.iconChatSaveClass:hover {
    color: rgb(36, 187, 162);
}

/*campaign branching*/

.campaignEditPageTxt {
    background-color: white;
    border: 1px solid #24bba2;
    color: #2b215b;
    font-family: inherit;
    width: 90px;
    height: 20px;
    position: absolute;
    top: 0px;
    display: none;
    margin-top: 5px;
}


.campaignbranchingheader {
    /*height: 360px;*/
    background-color: #ffffff;
    /*position: absolute;*/
    width: 220px;
    /*top: 40px;
    margin: 0px;
    left: -5px;*/
}

.campaignlibraryhead {
    height: 100px;
    background-color: #2b215b;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.6;
    color: #ffffff;
    padding-top: 10px;
    padding-left: 16px;
}

.campaignlibraryheadlist {
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

/*.campaignlibraryheadlist:active{
color: rgb(36, 187, 162);
border-bottom: 3px solid #24bba2 !important; 
}*/
.campaignlibrarylist {
    max-height: 228px;
    height: 228px;
    width: 173px;
    overflow-x: hidden;
    overflow-y: auto;
}

.campaignlibraryinfo {
    font-size: 14px;
    font-weight: bold;
    color: #24bba2;
    padding-top: 16px;
    padding-left: 14px;
    width: 184px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.campaignlibarypages {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #2b215b;
    padding-left: 14px;
    cursor: pointer;

}

.campaignlibraryaddpage {
    height: 54px;
    padding-top: 10px;
    border-top: 1px solid #e5eaed;
    padding-left: 10px;
    background: white;
    position: relative;
}

.campaignlibarypages:hover {
    background: #F0F1F3;
    color: #0275d8;
}

.campaignlibarypagepopup {
    width: 329px;
    max-height: 196px;
    overflow-y: auto;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
    box-shadow: 0 4px 8px 0 rgba(43, 33, 91, 0.18);
    z-index: 2147483647;
    /*top: 0;*/
}

.campaignlibrarypopuplist {
    font-size: 14px;
    line-height: 2.43;
    color: #2b215b;
    padding-top: 1px;
    margin-top: 1px;
    padding-left: 16px;
    cursor: pointer;
}

.campaignPageEditSpan {
    /*display: inline-block;*/
    padding-top: 5px;
    width: 77%;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.addvalidation {
    position: absolute;
    top: 12px;
}

.campaignBannerSlotsDiv {
    position: relative;
    display: inline-block;
    left: 10px;
    /*left: 225px;
    width: 700px;
    margin-bottom: 200px;*/
}

.pagetabactive {
    background: #F0F1F3;
}

.campaignlibrarypopuplist:hover {
    background: #F7F8F9;
}

.librarysearch {

    height: 27px;
    border: 0;
    padding-left: 25px;
    font-size: 15px;
    position: absolute;
    font-family: inherit;
    color: #fff;
    background: #3F366B none repeat scroll 0 0;
}

.searchimg {
    position: absolute;
    font-size: 13px;
    left: 3px;
    top: -2px;
    z-index: 10;
    cursor: pointer;
    color: #fff;
}

.gobackimg {
    position: relative;
    transform: rotate(90deg);
    left: 7px;
}

/*campaign page issue*/
.table th.ieisu,
.table td.ieisu {
    padding-left: 2%;
}

.listhov {
    cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    clear: both;
}

#chataddcollection {
    color: #24bba2 !important;
    text-decoration: none !important;
}


/*campaign branching end*/
.validation_li:hover {
    background-color: #F7F8F9;
}

.validation_li {
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    padding-top: 5px;
    padding-left: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.validation_td {
    /* width: 93%;
 margin-left: 7%;*/
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    height: 40px;
}

.validationgreenstart {
    float: left;
    height: 40px;
    width: 1%;
    background: rgb(36, 187, 162);
    border-radius: 6px 0 0 6px;
}

.validationtext {
    height: 40px;
    /*width: 385px;*/
    float: left;
    padding-top: 9px;
    font-weight: bold;
    padding-left: 8px;
    color: #2b215b;
}

.validationrule {
    height: 47px;
    width: 128px;
    padding-top: 5px;
    color: #2b215b;
    padding-right: 5px;
    position: absolute;
    right: 45px;
}

.validationedit {
    margin-top: 10px;
    width: 18px;
    height: 18px;
    cursor: pointer;
    color: #2b215b;
}

.validationmessagediv {
    /*border-bottom: 1px solid #e5eaed;*/
    height: 61px;
}

.validationpagenamediv {
    max-height: 94px;
    overflow-x: hidden;
    overflow-y: scroll;
    background: white;
}

.validationpopup {
    width: 195px;
    position: absolute;
    background: white;
    right: 9%;
    top: 55px;
    z-index: 11;
}

/*.campaignEditPageTxt {
  background-color: white;
  color: #2b215b;
  border: 1px solid rgb(36, 187, 162);
  font-family: inherit;
  width: 90px;
  height: 25px;
  position: absolute;
  top: 2px;
  display: none;
  }*/
@media only screen and (min-width: 1900px) {
    .slots_td {
        width: 47% !important;
    }

    .validationtext {

        width: 385px;
    }

    .validationrule {

        width: 128px;
    }

    /*  .validation_td{
    margin-left: 51px !important; 
        width: 92%;
  }*/

    .fnameClass {
        width: 57% !important;
    }

    .rqdValidationClass {
        width: 5.5% !important;
    }

    .addvalidation {
        vertical-align: middle;
        position: absolute;
        top: 12px;
    }

    /*.validationclose{
          margin-left: 0px !important;
    }*/

    #fontLabel {
        top: 33px;
        left: -145px;
    }

    #campaignCheckBox {
        top: 14px;
        left: -160px;
    }

    .checkBoxPositionCampaignEnabled,
    .checkBoxPositionCampaignDisabled {
        top: 35px;
        left: 1px;
    }

    #fontLabelNoRecords {
        top: -25px !important;
    }

    #campaignCheckBoxNoRecords {
        top: 33px !important;
        left: -342px;
    }

}

@media only screen and (min-width: 1900px) {
    #search {
        padding-left: 0% !important;

    }
}


.validationsize {
    width: 91%;
    margin-left: 53px;
}

.validationediticon {
    height: 47px;
    width: 16px;
    position: absolute;
    right: 27px;
}

.validationclose {
    height: 47px;
    width: 11px;
    position: absolute;
    right: 5px;
}

/* calendar invite*/
#calendarMenu {
    position: absolute;
    z-index: 1000;
    width: 175px;
    height: 44px;
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
}

.calendarModalContent {
    font-family: Jaldi;
    font-size: 16px;
    text-align: left;
    color: #2b215b;
    height: 44px;
    cursor: pointer;
}

.contentDivCalendar {
    padding: 8px 12px;
    padding-right: 18px;
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;
}

.calendarModalContent:hover {
    background: #f4f4f7;
}

#calendarInvite {
    /* position: absolute; */
    z-index: 1001;
    width: 356px;
    /* min-height: 396px; */
    border-radius: 3px;
    background-color: #fff;
    /* box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15); */
    /* height: 535px; */
    padding-bottom: 10px;
}

#calendarInviteLabel {
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #2b215b;
    margin: 25px 16px 0;
}

.calendarInvitetext {
    margin: 8px 16px 0;
}

.calendarInvitetext input {
    width: 100%;
    background-color: #f4f4f7;
    box-shadow: none;
    border: none;
    height: 40px;
    padding: 8px;
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;
}

.divForTagCalendarInvite {
    margin: 8px 16px;
    /*background-color: #f4f4f7;
   height: 40px*/
    ;
}

span.tagsCalendar {
    margin: 8px 0;
    display: inline-block;
    background-color: #2b215b;
    border-radius: 3px;
}

span.tagsCalendarText {
    color: #fff;
    font-family: Jaldi;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 4px 0;
}

span.tagsCalendarClose {
    color: #fff;
    font-family: Jaldi;
    font-size: 12px;
    font-weight: bold;
    padding-left: 8px;
    padding-right: 8px;
    cursor: pointer;
}

.calendarDateNTime {
    margin: 8px 16px 0;
}

#buttonInviteDiv {
    margin: 16px;
}

.setButtonDiv {
    float: left;
    width: 95px;
    color: #fff;
    height: 36px;
}

.setButton {
    border: none;
    color: #fff;
    font-family: Jaldi;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 16px;
    border-radius: 3px;
}

/*plugin changes for invite*/
.scheduleCalendar .angularjs-datetime-picker {
    top: -247px;
}

/*#calendartimepicker .bootstrap-timepicker-widget {
    top: -95px;
}*/
/*#calendartimepickerEnd .bootstrap-timepicker-widget {
    top: -95px;
}*/
.calendarDateLabel {
    width: 570px;
    height: 20px;
    opacity: 0.5;
    font-size: 14px;
    color: #2b215b;
    font-family: jaldi;
}

.highlightMsgSpan a:not([href]):not([tabindex]) {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-position: under;
}

.highlightMsgSpan a:not([href]):not([tabindex]):focus,
.highlightMsgSpan a:not([href]):not([tabindex]):hover {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-underline-position: under !important;

}

.highlightMsgSpan .divForTagCalendarInvite a:not([href]):not([tabindex]) {
    text-decoration: none !important;
}

tags-input .tags .input {
    width: 90%;
}

tags-input .tags .input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.bootstrap-timepicker-widget table td a:hover {
    color: #333;
}

.disableInvitebutton {
    opacity: 0.5;
}

.highlightMsgSpan a {
    position: relative;
}

.closeCalendarIvite {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 20px;
    color: black;
}

.inviteCalendar .angularjs-datetime-picker {
    top: -245px;
}

.calendarInvitetext input:focus {
    border: 1px solid #24bba2;
}

.campaignNameKey:hover {
    color: #0275d8;
}

.meetingInvitehint {
    opacity: 0.5;
    font-size: 14px;
    color: #2b215b;
    font-family: jaldi;
    text-align: left;
    margin: 2%;
    /*padding-top: 8px;
    padding-bottom: 8px;*/
    padding-left: 8px;

}

/*Share Candidate*/
.shareDeidentificationDiv {
    position: relative;
    left: 6px;
    top: 10px;
}

.actionColumnDivPadding {
    position: relative;
    left: 6px;
    top: 10px;
}

.actionColumnDiv {
    position: absolute;
    width: 150px;
    height: 100px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    z-index: 11;
    right: 10px;
    padding: 3px;
}

.checkBoxActionEnabled {
    left: 0px;
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
}

.checkBoxActionDisabled {
    left: -2px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
}

.actionCheckBox {
    width: 20px;
    height: 20px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index: 100;
}

.shareCheckBoxLabel {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 1 !important;
}

.deIdentifyCheckbox {
    position: relative;
    float: left;
    width: 33%;
}

.shareDocDiv {
    float: left;
    border-bottom: #eeeff1 solid 2px;
    overflow: hidden;
    padding-bottom: 15px;
}

.canvasBotHeader {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    color: #2b215b;
    text-align: center;
}

.canvasBotContent {
    opacity: 0.5;
    font-size: 16px;
    text-align: center;
    color: #2b215b;
    display: inline-block;
    width: 60%;
    position: relative;
    left: 95px;

}

.showColumnMenu {
    display: inline-block;
    position: relative;
    top: -12px;
    color: #2b215b;
    font-size: 16px;
    font-weight: normal;
}

/*End Share Candidate*/

@media only screen and (min-width: 1900px) {
    /*.validation_td, .validationsize{
     width: 93.5% !important;
}*/
}

@media only screen and (min-width: 1900px) {
    /*.validationediticon{
    margin-right: 0px !important;
    margin-left: 8px;

}*/
}

/*start*/
@media only screen and (min-width: 1900px) {
    .resume_rightsidediv {
        width: 16% !important;

    }

    #addcandiadte_addjob,
    #addcandiadte_addjob_bulkimport {
        padding-top: 10px !important;
    }

    #addcandiadte_addtag {
        padding-top: 10px !important;
    }

    .addSearchbarjob {
        line-height: normal;
    }

}

.actualdocPreview {
    width: 864px;
    height: 811px;
}

.resume_rightsidediv {
    width: 24%;
    /*  float: right;*/
    position: absolute;
    top: 0;
    height: auto;
    right: 0;
    background: #fff;
}

.resumemodal_button {
    font-size: 12px;
    font-weight: bold;
    color: white;
    width: 80px;
    height: 33px;
    border: none;
    margin-left: 10px;
    border-radius: 5px;

}

.resumeclose {
    cursor: pointer;
    font-family: inherit;
    right: 7px;
    opacity: 1;
    top: 0;
    font-size: 35px;
    position: absolute;
    color: #2b215b;
    border: 0;
    background: white;
}

.checkboxstyle {

    display: inline-block;
    width: 128px;
    position: relative;
}

.potentaial_li {

    width: 280px;
    height: 44px;
    border-radius: 3px;
    background-color: #F8F8F9;
    margin-left: 10px;
    padding-top: 10px;
    padding-left: 14px;
    font-weight: bold;
    margin-top: 7px;
    position: relative;
}

.resumenotes {
    background-color: #F5F4F7;
    resize: none;
    font-family: inherit;
    border: none;
    width: 275px;
    /* max-height: 70px;*/
    height: 120px;
    overflow: hidden;
}

.outer-img {
    height: auto;
    /*  border: 1px solid red;*/
}

.inner-holder {
    height: 100%;
    padding-top: 5px;
    /*    padding-bottom: 70%;*/
}

.truncatedashboardheader {
    width: 300px !important;
}

/*Chat UX improvements*/


.quesOnClickActive {
    color: #24bba2 !important;
    opacity: 1 !important;
}

.resOnClickActive {
    color: #24bba2 !important;
    opacity: 1 !important;
}

.borderGreen {
    border: 1px solid red;
}


.draw-resourss-list .suggested-listing {
    min-width: 70%;
}

.hoverDeleteQues {
    width: 15px;
    height: 15px;
    position: relative;
    left: 10px;
}

.delQue {
    width: 210px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 3px;
    right: -110px;
    z-index: 1;
}

.schedulechip {
    width: 393px;
    float: left;
    margin-left: 36px;
    margin-top: 3px;
    height: 57px;
    overflow-y: auto;
}

.bulksendchip {
    width: 425px;
    float: left;
    margin-left: 9px;
    margin-top: 9px;
    height: 57px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.chatschedulechip {
    width: 286px;
    float: left;
    margin-left: 35px;
    margin-top: 4px;
    height: 35px;
    overflow-y: auto;
}

.btnClasImp {
    bottom: unset !important;
    top: 3px !important;
}

.hoverDelRes {
    width: 15px;
    height: 15px;
    position: relative;
    left: 10px;
}

.delRes {
    width: 210px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 4px;
    right: -120px;
    z-index: 1;
}

.chatattachmentlistTop {
    top: 0px !important;
}

.timeAskUse {
    display: inline-block;
    position: relative;
    top: 5px;
    opacity: 0.5;
    font-size: 14px;
}

/*savedreplies*/
.chattxtsavedreplies {
    position: absolute;
    top: 0px;
    left: 29px;
    /*background: #E6E6EB;*/
    height: 38px;
    width: 35px;
    padding-left: 5px;
    padding-top: 9px;
    cursor: pointer;
}


/*Chat page avatar issue*/
.chat-box .conversation-1 .chat-dp img,
.chat-box .conversation-2 .chat-dp img {
    height: 50px;
    width: 50px;
}
.navBarRightViewTaskImg {
    height: 50px !important;
    width: 50px !important
}

/*Search UI*/
.chatSearchX {
    color: white;
    opacity: 0.5;
    position: relative;
    top: 2px;
    left: 10px;
}

.candidateSearchIcon {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.candiSearchX {
    position: absolute;
    /*float: right;
    left: -10px;*/
    top: 10px;
}

.campSearchX {
    right: 8px;
    color: white;
    position: absolute;
    opacity: 0.5;
    top: 7px;
    font-size: 15px;
    font-weight: normal;
}

.jobSearchX {
    position: relative;
    top: 7px;
    left: -5px;
}

.atsSearchX {
    position: relative;
    top: -21px;
}

.atsJobSearchX {
    position: relative;
    top: -18px;
}

.libSearchX {
    position: relative;
    top: 5px;
}

.chatLibQX {
    position: relative;
    left: 4px;
    top: 8px;
}

.chatLibRX {
    position: relative;
    left: 4px;
    top: 8px;
}

.nameClassField:focus {
    border: 1px solid #24bba2 !important;
}

.resNameField:focus {
    border: 1px solid #24bba2 !important;
}

.addCollectionDiv {
    float: left;
    border-top: 1px solid lightgrey;
    overflow: hidden;
    padding-bottom: 40px;
}

.addCollectionContent {
    display: inline-block;
    color: #24BBA2;
    margin-top: 5px;
}

.addQuesResTitle {
    display: inline-block;
    border-left: 1px solid lightgray;
    padding-left: 5px;
    color: #24bba2 !important;
    cursor: pointer;
}

.searchResult {
    display: inline-block;
    padding-bottom: 15px;
    padding-left: 20px;
}

.question-img-collection-chat {
    float: right;
    margin-right: 30px;
    margin-top: 40px;
    padding-left: 30px;
}

@media only screen and (min-width: 1300px) {
    .modal_header {
        width: 925px !important;
    }

    .resumeiframe {
        width: 930px !important;
    }

    .truncatedashboardheader {
        width: 357px !important;
    }

    .headingDivCampBuildLeft {
        width: 63% !important;
    }

    .personalinfomodal {
        max-height: 450px !important;
    }
}

@media only screen and (min-width: 1900px) {
    .resumeiframe {
        width: 1490px !important;
    }

    .resume-modal {
        max-width: 80% !important;
    }

    .modal_img {
        left: 708px !important;
    }

    .modal_header {
        width: 1500px !important;
    }

    .truncatedashboardheader {
        width: 615px !important;
    }

    .headingDivCampBuildLeft {
        width: 77% !important;
    }
}

.dropup {
    transform: rotate(270deg);
    cursor: pointer;
}

.modalresize {
    position: absolute;
    /* right: 0; */
    left: 241px;
    top: 33px;
    opacity: 0.25;
    cursor: pointer;
}

.resourepreview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

/*multiselect start*/

.chatrightsearchicon {
    position: absolute;
    color: #2B215B;
    top: 6px;
    left: 5px;
    cursor: pointer;
    font-size: 18px;
}

.quickeditsearchicon {
    margin-left: 33px;
    position: absolute;
    top: 11px;
    width: 19px;
    height: 19px;
    left: 2px;
    cursor: pointer;
    font-size: 18px;
}

.editcandidate_searchicon {
    position: absolute;
    top: 5px;
    left: 6px;
}

#editcandiadte_addjob {
    display: none;
    margin-top: 0px;
    padding-top: 0px !important;
    height: 33px !important;
    left: 3px !important;
    top: 0px !important;
}

.saveiconeditcan {
    cursor: pointer;
    color: rgb(36, 187, 162);
    right: 6px;
    top: 4px;
    position: absolute;
    display: none;
}

#editcandiadte_addjob_button {
    border-bottom: 1px solid gainsboro;
    height: 35px;
    padding-left: 8px;
    left: -10px;
    width: 535px;
    padding-top: 2px;
}

#addcandiadte_addjob_button {
    border-bottom: 1px solid gainsboro;
    position: relative;
    top: -14px;
    padding-left: 8px;
    left: -10px;
    width: 400px;
}

#addcandiadte_addtag_button {
    /*border-bottom: 1px solid gainsboro;*/
    position: relative;
    top: -14px;
    padding-left: 8px;
    left: -10px;
    width: 400px;
}

#editcandiadte_addtag_button {
    /*border-bottom: 1px solid gainsboro;*/
    position: relative;
    top: -14px;
    padding-left: 8px;
    left: -10px;
    /*width: 525px;*/
}

#addcandiadte_addjob,
#addcandiadte_addjob_bulkimport {
    display: none;
    padding-top: 0 !important;
    margin-top: 0px;
    height: 42px !important;
}

#addcandiadte_addtag {
    display: none;
    padding-top: 0 !important;
    margin-top: 0px;
    height: 42px !important;
}

#editcandiadte_addtag,
#profile_addtag {
    display: none;
    padding-top: 0 !important;
    height: 42px !important;
}

.deleteTagMsg {
    width: 270px;
    height: 31px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    /*right: 16px;*/
    z-index: 1;
}

.saveiconaddcan {
    cursor: pointer;
    color: rgb(36, 187, 162);
    right: 6px;
    top: 10px;
    position: absolute;
    display: none;
}

.attachmentchipellipsis {
    float: left;
    max-width: 92px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.marginTopBordercolor {
    border-top: 1px solid gainsboro;
}

.jobchipshow {
    display: block !important;
    max-height: 63px;
    background: #F4F4F7;
    overflow: auto;
    overflow-x: hidden;

}

.hide_showicon {
    position: absolute;
    bottom: 9px;
    width: 19px;
    height: 19px;
    left: 3px;
}

.editjobsearchimg {
    position: absolute;
    bottom: 11px;
    left: 4px;
}

.potraitjobsearchimg {
    position: absolute;
    bottom: 12px;
    left: 3px;
}

.chatjobsearch {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 20px;
    height: 20px;
}

.addCanCheckboxposition input[type="checkbox"]+label {
    top: 0 !important;
}

.addCanCheckboxposition input[type="checkbox"]:checked+label {
    top: 2px !important;
}

/*multiselect end*/

/*new*/
.addcanjobdrop {
    position: absolute;
    bottom: 6px;
    right: 2px;
}

.addcan_text {
    width: 100%;
    height: 100px;
    resize: none;
    border-radius: 3px;
    overflow: auto;
    font-family: "Jaldi", sans-serif;
}

.editcandstyle {
    clear: both;
    position: relative;
    left: -22px;
    width: 708px;
    height: 30px;
    background: #FAFAFA;
}

.addcan_collapseimg {
    position: absolute;
    left: -25px;
    transform: rotate(270deg);
    top: 8px;
}

/*new end*/
/*saved replies*/
.savedrepliesli {
    height: 31px;
    padding-top: 3px;
    /*margin-top: 3px;*/
    cursor: pointer;
    width: 100%;
    height: 31px;
}

.savedrepliesli:hover {
    background-color: #E6FAF7;
}

.screen2PlusClickedSavedMessageLeft {
    background-color: #E6FAF7;
    font-weight: bold;
}

.replyfirstsapn {
    float: left;
    width: 42%;
    overflow: hidden;
    margin-left: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2B215B;
    font-weight: bold;
}

.replysecondspan {
    margin-left: 45px;
    width: 42%;
    float: left;
    overflow: hidden;
    opacity: 0.5;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2B215B;
}

.savedrepliespopup {
    position: absolute;
    width: 450px;
    left: 63px;
    max-height: 167px;
    /*top: -160px;*/
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.savedrepliespopupSchdl {
    position: absolute;
    width: 450px;
    left: 28px;
    bottom: 133px;
    max-height: 167px;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.savedrepliespopupQuickSnd {
    position: absolute;
    width: 450px;
    left: -6px;
    max-height: 167px;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.savedrepliespopupSchdlPage {
    position: absolute;
    width: 450px;
    left: 6px;
    top: 0px;
    max-height: 167px;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.chattxtsavedrepliesQuickSnd {
    top: 213px;
    bottom: unset;
    position: absolute;
    left: 29px;
    height: 38px;
    width: 35px;
    padding-left: 5px;
    padding-top: 9px;
    cursor: pointer;
}

.chattxtsavedrepliesSchdlPage {
    top: 170px;
    bottom: unset;
    position: absolute;
    left: 29px;
    height: 38px;
    width: 35px;
    padding-left: 5px;
    padding-top: 9px;
    cursor: pointer;
}


.create_manage_replies {
    position: absolute;
    width: 550px;
    left: 30px;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    /*overflow: auto;
    overflow-x: hidden;*/
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);

}

.managebutton {
    float: right;
    margin-right: 14px;
    background: white;
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
    background: #24BBA2;
    color: #fff;
    border: 0px solid #eceeef;
    border-radius: 3px;
    margin-top: 5px;
}

.createbutton {
    background: white;
    border: 2px solid #eceeef;
    color: #2B215B;
    margin-left: 14px;
    font-weight: bold;
    opacity: 0.7;
    border-radius: 3px;
    font-family: inherit;
    font-size: 14px;

}

.replysearch {
    position: absolute;
    top: 8px;
    left: 10px;
    width: 18px;
    height: 18px;
}

.relplysearchresult {
    /*margin-top: 5px;*/
    max-height: 200px;
    overflow: auto;
    overflow-x: hidden;
}

.replynosearchresult {
    color: #2B215B;
    margin-left: 70px;
    /*margin-top: 10px;*/
    font-weight: bold;
}

.replyuserimg {
    float: left;
    margin-left: 11px;
    position: relative;
    top: -3px;
}

.searchreplyheader {
    padding-top: 10px;
    border-bottom: 1px solid #eceeef;
    height: 50px;
}

.savereplytext {
    color: #fff;
    font-weight: bold;
    font-size: 19px;
    position: relative;
    left: 140px;
}

.replyinputsearch {
    position: relative;
    height: 36px;
    border-bottom: 1px solid #eceeef;
}

/*saved replies*/
/*saved replies new*/
.savedreplyclose {
    float: right;
    cursor: pointer;
    margin-right: 20px;
    font-size: 23px;
    margin-top: -4px;
    font-weight: bold;
    opacity: 1;
    color: #fff;
}

.savedreplymsg {
    margin-left: 5px;
    font-size: 16px;
    color: #2B215B;
    opacity: 0.5;
    display: inline-block;
    width: 215px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

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

.savedreplyright {
    width: 50%;
    float: left;
    height: 300px;
    border-left: 1px solid #eceeef;
}

.savedreplynotes {
    resize: none;
    width: 92%;
    height: 175px;
    border-radius: 3px;
    font-family: "Jaldi", sans-serif;
}

.savebutton {
    background: #24bba2;
    border-radius: 3px;
    color: #fff;
    border: none;
    font-weight: bold;
    font-family: inherit;
    margin-left: 14px;
    font-size: 14px;

}

.savedreplytip {
    border-bottom: 1px solid #eceeef;
    height: 35px;
    margin-top: 0px;
    padding-top: 3px;
    padding-left: 20px;
    background-color: #f5f4f7;
}

.editingheader {
    font-weight: bold;
    color: #2b215b;
    font-size: 13px;
    margin-left: 7px;
    margin-top: 7px;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deletebutton {
    font-weight: bold;
    color: red;
    font-family: inherit;
    background: white;
    border: 2px solid #eceeef;
    border-radius: 3px;
    margin-left: 14px;
    font-size: 14px;
}

.messagerply {
    margin-left: 7px;
    color: #2b215b;
    font-size: 13px;
    margin-bottom: 5px;

}

.messagerplydiv {
    height: 220px;
    border: 1px solid white;
    overflow: auto;
    overflow-x: hidden;
}

.cancel_editbutton {
    font-weight: bold;
    opacity: 0.7;
    border-radius: 3px;
    margin-left: 0;
    font-family: inherit;
    background: white;
    border: 2px solid #eceeef;
    color: #2B215B;
    font-size: 14px;
}

.savedreplysearch {
    width: 95%;
    border: 0;
    margin-top: 4px;
    margin-left: 5px;
    padding-left: 30px;
    font-family: inherit;
}

.savessuccessmgs {
    background: #24bba2;
    color: white;
    position: absolute;
    top: 52px;
    z-index: 1;
    width: 50%;
    height: 30px;
    left: 130px;
    padding-left: 12px;
    padding-top: 2px;
    border-radius: 3px;
}

.hidesavemsg {
    float: right;
    margin-right: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/*saved replies*/

.chatQuestionEmpty {
    background: #f0f1f3;
    text-align: center;
    float: left;
    width: 64%;
    height: 250px;
    margin-left: 20px;
    border-radius: 5px;
}

.chatQuestionEmpty .book-icon,
.chatCollectionEmpty .book-icon {
    display: inline-block;
    margin-top: 50px;
}

.chatQuestionEmpty h3.Title,
.chatCollectionEmpty h3.Title {
    font-size: 20px;
    line-height: 1.6;
    color: #2b215b;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: normal !important;
}

.chatQuestionEmpty p.Description,
.chatCollectionEmpty p.Description {
    opacity: 0.5;
    font-size: 16px;
    color: #2b215b;
    margin: 0;
}

.chatCollectionEmpty {
    background: #f0f1f3;
    text-align: center;
    width: 100%;
    height: 300px;
    border-radius: 5px;
}

.share-can-dropdown {
    line-height: 34px;
    padding: 0 0 0 10px !important;
}

.exportgif {
    width: 30px;
}

.addCandiButton {
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    opacity: 1;
}

.addCandiButton:hover {
    /*background-color: #2b215b;*/
    opacity: 0.6;
}

.share-btn-portrait {
    font-size: 14px;
    font-weight: bold !important;
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-family: inherit;
    font-weight: bold;
    text-decoration: none;
    opacity: 1;
    text-decoration: none !important;
    float: right;
    text-align: left;
    padding: 0 20px;
    margin-left: 10px;
    line-height: 40px;
}

.share-btn-portrait:hover {
    background-color: #2b215b !important;
    opacity: 1;
}

.addCandiButton:focus span,
.addCandiButton:active span,
.chatpageadcandi:focus span,
.chatpageadcandi:active span,
.share-btn-portrait:focus span,
.share-btn-portrait:active span,
.share-candidate:focus span,
.share-candidate:active span {
    position: relative;
    top: 0px;
    left: 0px;
}

/* Chat message Filter start*/
#chaticon {
    cursor: pointer;
    width: 17.5px;
    height: 17.5px;
}

#chaticongreen {
    cursor: pointer;
    width: 19.5px;
    height: 19.5px;
}

.leftnav_chaticon {
    position: absolute;
    left: 32px;
    top: 13px;
}

input[type="checkbox"]:checked+#top_imageSmile {

    background: url("../images/smile.svg") no-repeat;
    border-radius: initial;
    border: none;
    top: 0px;
}

input[type="checkbox"]+#top_imageSmile {

    background: url("../images/smile-white.svg") no-repeat;
    border-radius: 50%;
    border: 1px solid #fff;
    top: -1px;
    background-position: -0.4px;
}

#top_imageSmile {
    min-height: 18px;
    min-width: 18px;
    display: inline-block;
    position: relative;
}

#top_imageSmile:hover {
    cursor: pointer;
}

.companyName {
    display: inline-block;
    position: relative;
    left: 57px;
    top: -25px;
    color: #2b215b;
    font-size: 14px;
    font-family: inherit;
}

.companyName:hover {
    color: #000000;
}

/* Chat message Filter end*/

/**/
.schdleidticon:hover {
    content: url("../images/edit-6-red-21.svg");

}

.schdltrashicon:hover,
.delAction:hover,
.builderTrashHover:hover,
.builderValidationTrashHover:hover {
    content: url("../images/trashred.svg");
}

.iconChatSave:hover {
    color: rgb(36, 187, 162) !important;
}

/**/

.managejobhover:hover {
    background-color: #F5F4F7;
}

.sendinvitesuccess {
    background: #24bba2;
    color: white;
    position: absolute;
    z-index: 1;
    width: 50%;
    height: 30px;
    left: 250px;
    padding-left: 12px;
    padding-top: 2px;
    border-radius: 3px;
}

.quickEditConfirm {
    border-radius: 5px;
    width: 403px;
    height: 175px;
    position: absolute;
    background: white;
    top: 180px;
    right: 39%;
    display: block;
}

.cancel_ok_button {
    background: #2b215b;
    color: white;
    border: 0;
    font-size: 14px;
    font-family: jaldi;
    font-weight: bold;
    height: 30px;
    width: auto;
    border-radius: 3px;
    padding: 0px 10px;
}

.confirmation_para {
    color: #2b215b;
    opacity: 0.5;
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
}

.confirmation_header {
    color: #2b215b;
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
}

.confirmation_popup {
    border-radius: 5px;
    width: 400px;
    height: 190px;
    position: absolute;
    background: white;
    top: 246px;
    right: 34%;
    z-index: 1;
}

.managejob_btn {
    width: auto;
    float: right;
    font-size: 16px;
    text-align: left;
    color: #fff;
    background: #24bba2;
    border-radius: 3px;
    padding: 0 15px;
    margin-left: 10px;
    height: 40px;
    line-height: 40px;
    border: 0px;
}

.prospectsTable {
    -webkit-box-shadow: 6px 5px 25px 0px rgba(214, 214, 214, 1);
    -moz-box-shadow: 6px 5px 25px 0px rgba(214, 214, 214, 1);
    box-shadow: 6px 5px 25px 0px rgba(214, 214, 214, 1);
}

.managejob_btn:hover {
    /*background-color: #2b215b;*/
    opacity: 0.6;
}

.closeAttachmentDrag {
    color: white;
    font-weight: bold;
    position: relative;
    left: 95%;
    top: -40px;
}

.deleteResumePortrait {
    height: 40px;
    border-radius: 3px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    z-index: 1;
    width: 195px;
    background-color: white;
    bottom: 0px;
    right: 5px;
}

.chat_link_count {
    background: #2b215b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 12px;
    left: 51%;
    line-height: 13px;
    overflow: hidden;
    text-align: center;
    top: 65%;
    width: 14px;
    position: absolute;
    border-radius: 1px;
}

.topnav_unreadmessagecount {
    background: #05c6a7 none repeat scroll 0 0;
    border-radius: 11px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    height: 18px;
    left: 61%;
    line-height: 18px;
    overflow: hidden;
    text-align: center;
    top: 60%;
    width: 18px;
    position: absolute;
}

.addAttchmntResume {
    border-radius: 3px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    z-index: 1;
    width: 180px;
    background-color: white;
    right: -4px;
    top: 50%;
}

.updateResumeClass {
    background: #24bba2;
    color: white;
    position: absolute;
    top: 9%;
    z-index: 1;
    width: 25%;
    height: 40px;
    left: 40%;
    padding-left: 12px;
    padding-top: 8px;
    border-radius: 3px;
}

.saveResIcon:hover {
    content: url("../images/document-green.svg");
}

.addAttchmntResumeContainerDiv {
    position: absolute;
    top: 0;
    right: -50px;
    padding-left: 32px;
    height: 100%;
}

.resumeUpdatedBanner {
    padding-left: 20px;
    color: white;
    padding-right: 20px;
}

.savedreply_showall {
    /* float: right;
    font-size: 14px;
    color: #24bba2;
    cursor: pointer;
    padding-right: 5px;
    margin-top: 4px;*/
    float: right;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 9px;
}

.savedreplymodal_showall {
    float: right;
    text-decoration: underline;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 5px;

}

.savedreply_header {
    color: #2B215B;
    opacity: 0.5;
    font-size: 15px;
    padding-left: 7px;
    font-weight: bold;
    /*margin: 10px 0 20px;
    float: left;
    width: 100%;*/

}

img#savedreplyloaderImage {
    width: 8%;
    position: relative;
    bottom: 11px;
    margin-left: 214px;
    padding: 6px;
}

.savedreplyheaderdiv {
    border-bottom: 1px solid #eceeef;
    height: 35px;
    margin-top: 0px;
    padding-top: 3px;
    padding-left: 3px;
    background-color: #f5f4f7;
}


.importProspectModalDiv {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F8F8F9;
    height: 200px;
    /*  max-height: 155px;
  overflow: auto;*/
}

.importProsFieldMappingLabeltd {
    width: 50%;
    font-weight: bold;
    padding-left: 10px;
    color: #2b215b;
}

.importProsFieldMappingInputtd {
    width: 50%;
    padding-bottom: 10px;
}

.importProsFieldMappingInput {
    border: none;
    border-radius: 5%;
    height: 35px;
    width: 95%;
    background: #EEEDF1;
    padding-left: 5px;
    font-family: "Jaldi", sans-serif;
    background: url(../images/arrow-down.svg) no-repeat right center;
    background-color: #f5f4f7;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    color: #abacad;
}

.clsImportSelect {
    color: #abacad;
}

.clsGreyColorSelect {
    color: #2b215b;
}

.importProsFieldMappingInput option {
    color: #2b215b;
}

.clsImportSelect option {
    color: #2b215b;
}

.prospectStatusFilter {
    background: url(../images/arrow-down-gray.svg) no-repeat right center;
    background-color: #f5f4f7;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.stillProcessingDiv {
    height: 35px;
    background-color: #24bba2;
    padding-left: 0px;
    padding-top: 5px;
    display: none;
}

.dateSelectorPrspctDteFilter {
    width: 57%;
    height: 30px;
    padding: 2%;
    font-size: 14px;
    border: 1px solid;
    border-color: #24bba2;
    font-family: jaldi;
    color: #2b215b;
    border-radius: 3px;
}

.prospectsfilterListHC .angularjs-datetime-picker {
    top: 70px;
}

.candidatefilterListDate .angularjs-datetime-picker {
    top: 82px;
}

.calendar-gray-PrspctDteFilter {
    background: url(../images/calendar-grid-58-gray.svg) no-repeat right 4px center #f4f4f7;
}

.stillProcessingMsg {
    color: white;
    font-size: 14px;
    padding-left: 12px;
}

.stillProcessingDismiss {
    padding-left: 2px;
    text-decoration: underline;
    cursor: pointer;
    font-size: 14px;
    color: white;
}

.modalAnalyticUnread {
    position: absolute;
    background-color: #fff;
    top: 100px;
    max-height: 155px;
    overflow-y: auto;
    border: 1px solid #fff;
    z-index: 10000;
    box-shadow: 0 0 16px 0 rgba(43, 32, 91, 0.1);
    padding-top: 4px;
    cursor: default;
    width: 100%;
    overflow-x: hidden;
}

/*new potrait styles*/
/*new potrait styles*/
/*new potrait styles*/
/*new potrait styles*/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.grid-row {
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.grid-wrap {
    background: #fff;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 15px 0px;
    position: relative;
}

.grid-wrap label {
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

.grid-wrap .title {
    font-size: 20px;
    padding: 0px;
    margin: 0px;
}

.grid-wrap .image {
    font-size: 20px;
    padding: 20px 0px;
    margin: 0px;
}

.grid-wrap .image img {
    width: 70px;
}

.grid-wrap .description {
    font-size: 13px;
    padding: 0px;
    margin: 0px;
}

.grid-wrap .description.sub {
    padding: 0px 0px 15px 0px;
}

.grid-wrap .wrap-top-section {
    padding: 15px;
}

.grid-wrap .wrap-bottom-section {
    padding: 7px 15px;
    border-top: 1px solid #e4e4e4;
}

.grid-wrap ul {
    padding: 0px;
    margin: 0px;
}

.grid-wrap ul li {
    display: inline-table;
    width: 25%;
    padding: 8px 0px;
    margin: 0px;
    font-size: 14px;
    padding-right: 5px;
}

/*.grid-wrap-title-primary {
  font-size: 24px;
  font-weight: bold;
  color: #2b215b;
  margin: 15px 0 15px !important;
  float: left;
  width: 100%;
}*/

.grid-wrap-title-secondary {
    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
    margin: 0 0 15px 0 !important;
    float: left;
    width: 100%;
}

.grid-wrap.onecolumn {
    width: 32%;
    min-height: 280px;
    margin: 0px 2% 0px 0px;
    padding: 10px !important;
    text-align: center;
    margin-top: 10px;
}

.grid-wrap.onecolumn:nth-child(3n) {
    margin-right: 0px;
}

.grid-show-more {
    display: block;
    float: left;
    padding: 20px 0px 20px 0px !important;
    font-size: 16px !important;
    color: #24bba2 !important;
    text-decoration: none !important;
    cursor: pointer;
}

.grid-show-more.small {
    padding: 0px 0px 10px 0px !important;
    font-size: 14px !important;
}

.grid-show-more.large {
    color: #999999 !important;
    font-size: 14px !important;
    padding: 0px 0px 10px 0px !important;
}

.align-center {
    text-align: center;
}

.align-center a,
.align-center span {
    float: none;
}

.theme-green {
    color: #24bba2;
}

/*new potrait styles*/
/*new potrait styles*/
/*new potrait styles*/
/*new potrait styles*/
/*new potrait styles*/
/* chat profile info*/
.profinfoimg {
    margin-right: 8px;
    margin-top: -4px;
    width: 18px;
    height: 18px;
}

.personalinfomodal {
    position: absolute;
    right: 0px;
    max-width: 645px;
    max-height: 750px;
    background: #fff;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: -6px 6px 5px 0px rgba(43, 32, 91, 0.1);
}

.infocard {
    float: left;
    display: inline-block;
    min-height: 220px;
    width: 170px;
    border: 2px solid #eceeef;
    margin: 10px 20px;
}

.workexpimg {
    width: 50px;
    height: 50px;
    margin-left: 55px;
    margin-top: 20px;
    margin-bottom: 5px;

}

.chatmodallist ul li {
    padding: 8px 0px;
    word-break: break-word;
    display: inline-table;
    width: 225px;
    padding-right: 15px;
    opacity: 0.5;
    color: #2B215B;
}

.infoheadr {
    color: #2b215b;
    font-weight: bold;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 2px;
    padding: 0 5px 0 5px;
}

.profinfodata {
    color: #2b215b;
    text-align: center;
    opacity: 0.5;
    margin-bottom: 0;
}

/* chat profile info chat profile infochat profile infochat profile infochat profile infochat profile info*/
#potqualification {
    overflow-wrap: break-word;
    width: 100%;
    white-space: pre-line;
    float: none;
    padding-right: 5px;
}

/* tags */
.tagWhiteImg {
    float: right;
    margin-right: 30px;
    margin-top: 40px;
    padding-left: 30px;
    height: 60px;
}

.deleteIcon {
    height: 18px;
    width: 18px;
}

.deleteIcon:hover {
    content: url("../images/delete-6-red.svg");
}

.deleteTag,
.deleteFeed,
.deleteAction {
    width: 175px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
}

.tagImage {
    padding-right: 10px;
    width: 30px;
    height: 30px;
    position: relative;
    top: 2px;
}

@media only screen and (min-width: 1900px) {
    .chatmodallist ul li {
        width: 320px;
    }

    .chatmodallist {
        max-width: 1300px !important;
    }
}

/*add tag quickedit*/
.addtags_DropDown {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.tagicon {
    position: absolute;
    left: 32px;
    top: 9px;
    width: 16px;
    height: 16px;
}

.clsaddtagMulti ul {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    white-space: nowrap;
    overflow: auto;
    overflow-x: hidden;
}

.newscroll {
    overflow-x: hidden;
}

.persnl_info_title:hover {

    font-weight: bold !important;
}

#resource_job_title {
    width: 83%;
}

.loaderSavenAdd {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 88%;
    left: 76%;
}

/*new*/
.checkboxdiv {
    position: absolute;
    right: 0;
    top: 10px;
}

.import_inputcheckbox {
    position: absolute;
    left: 12px;
    z-index: 1;
    opacity: 0;
}

.search_showicon {
    position: absolute;
    bottom: 15px;
    width: 19px;
    height: 19px;
    left: 3px;
}

.search_showiconEditCan {
    position: absolute;
    bottom: 10px;
    left: 3px;
}

/*new top*/
.cand_heading {
    float: left;
    padding: 0 15px 0 15px;
    font-weight: bold;
    padding-top: 1px;
    font-size: 15px;
    border-radius: 15px;
    color: #ABA7BE;

}

.cand_heading a {
    color: inherit;

}

.cand_slectedheader {
    background: #0079FF;
    color: #fff;
}

.lastimportdropdown {
    margin-left: 10px;
    float: right;
    position: absolute;
    margin-top: -8px;
}

/*new top*/

.candheadinglist {
    margin-left: 22px;
}

.candheadinglist ul {
    margin-top: 17px;
}

.candheadinglist ul li a {
    text-decoration: none;
}

.lastimport_slectedheader {
    margin-left: -9px !important;
}

.cand_filter {
    background: #DAD8E1;
    position: relative;
    width: 100px;
    height: 32px;
}

.cand_filter:hover, .background211754 {
    background: #211754;
}

.cand_filterselector {
    background: #211754 !important;
}

.cand_filterselectorbgcolor {
    background: #211754 !important;
}

.cand_filterselectorcolor {
    background: #211754 !important;
}

.showcand_selecttags_DropDown li {
    padding: 10px;
    width: 216px;
}

.Chattags_DropDown li {
    padding: 10px;
}

.cand_selecttags_DropDown li {
    padding: 10px;
    width: 216px;
    ;
}

.candtagsli {
    padding: 5px 10px 0 7px !important;
    margin-bottom: 13px;
    border-bottom: 1px solid #edf0f2;
}

.flterlabel {
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 0 16px 5px 17px;
    margin-top: 6px;
    display: inline-block;
}

/*tag chat page*/
#chattagarrow {
    position: absolute;
    top: 8px;
    right: 26px;
    font-size: 19px;
    color: white;
}

.chatclstagMulti ul {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.startchathover:hover {
    color: #2b215b !important;
    opacity: 0.5;
}

.add-job-link:hover {
    opacity: 0.5
}

#myModalId .bootstrap-timepicker-widget {
    top: -90px;
}

@media only screen and (max-width: 1245px) {
    .clsInboundAddPageTxtSave {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.candidate-box .sort-panel {
    width: 1px;
    font: inherit !important;
    font-size: 16px !important;
    float: left;
    height: 40px;
    border: 0;
    background: url(../images/arrow-down-violet.svg) no-repeat right -2px center;
    -webkit-appearance: none;
    margin-right: 10px;
    color: #7b93a3;
}

.candidate-box {
    overflow: auto;
    width: 20px;
    float: left;
}

.customFieldDropdown {
    position: relative;
    top: 10px;
    left: 4px;
    z-index: 20;
    float: left;
}

.customFieldOptions {
    display: block;
    width: 213px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    left: 31px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 230px;
    overflow: auto;
    top: 43px;
}

.customAnchor {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    width: 100%;
}

.customFieldOptions li a:hover {
    background-color: #F5F4F7;
}

.customFieldOptions li a:hover {
    color: #2b215b;
}

.candidateCustomTag {
    /*border: 1px solid red;*/
    overflow: auto;
    clear: both;
    margin-left: 20px;
    max-height: 34px;
    min-height: 38px;
    position: relative;
    top: 20px;
}

.customeFieldTagClose {
    color: white;
    padding-right: 5px;
    cursor: pointer;
    position: relative;
    float: right;
    padding-left: 10px;
    font-size: 14px;
    top: -2px;
}

.customFieldDropdown:hover {
    content: url("../images/small-down.svg");

}

.attachmenttagCandidatePage {
    height: 30px;
    padding-left: 5px;
    display: inline-block;
    padding-top: 7px;
    background-color: rgb(193, 189, 207);
    border-radius: 3px;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
    font-weight: bold;
}

.placeholderInputClass {
    text-overflow: ellipsis !important;
}

.recordDetailContainer {
    font-size: 14px;
    color: #24bba2;
    padding: 0px 20px 20px 20px;
}

.showDupImportLabel {
    font-size: 15px;
    color: #2b215b;
    opacity: 0.7;
    float: left;
    font-weight: normal;
    margin-right: 6px;
}

.clsActivityPaginationAnalytics ul li {
    border-bottom: none;
}

.clsActivityPaginationAnalytics ul {
    /* margin: 10px 0px 0px -100px !important;*/
    display: table;
    float: left;
}

.downloadReportIcon:hover {
    content: url("../images/download-red.svg");

}

.limitOfChatPg {
    float: right;
    font-size: 14px;
    opacity: 0.3;
    color: rgb(43, 33, 91);
    margin-top: -22px;
}

input:checked+.blueSlider {
    background-color: #0079FF;
}

input:focus+.blueSlider {
    box-shadow: 0 0 1px #0079FF;
}

.hoverBlueDuplicate {
    background-color: #0079ff !important;
}

.asyncTopNavImg {
    height: 50px !important;
    width: 50px;
    top: -6px !important;
    left: 4px;
}

.taskDetailDiv {
    position: fixed;
    bottom: 8%;
    right: 0%;
    width: 220px;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

.taskDetailOuterDiv {
    background: #0079FF none repeat scroll 0 0;
    padding: 10px 15px;
    color: white;
}

.taskDetailOuterHead {
    display: inline-block;
    font-weight: bold;
    font-size: 22px;
}

.taskDivClose {
    position: relative;
    left: 130px;
    top: -10px;
    font-size: 22px;
}

.taskDetailInnerDiv {
    background: #F8F8F9;
    padding: 15px;
    min-height: 100px;
    overflow-y: auto;
    max-height: 200px;
}

.taskDetailUl {
    float: none !important;
    margin: 0px !important;
}

.taskDetailLi {
    margin-top: 10px;
    float: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.nameOfTask {
    color: #2b215b;
    font-weight: bold;
    font-size: 14px;
}

.timeOfTask {
    display: inline-block;
    color: #B1AEC3;
    font-size: 12px;
}

.listTaskInnerLi {
    background: #ffffff;
    height: 60px;
    margin-bottom: 10px;
    position: relative;
    padding-top: 2px;
    padding-left: 10px;
    border-radius: 5px;
}

.outofficeresize {
    top: 119px;
    position: relative;
    float: right;
    left: 4px;
    opacity: 0.25;

}

.downloadChatLoader {
    height: 21px;
    width: 21px;
    position: relative;
    float: right;
    top: 0px;
    left: 7px;
}

.downloadPortraitLoader {
    height: 21px;
    width: 21px;
    position: absolute;
    top: 6px;
    right: -2px;
}

.trashImg:hover {
    content: url("../images/trash-blue.svg");

}

.mobileFooter {
    position: fixed;
    bottom: 0;
    color: white;
    font-size: 10px;
    width: 100%;
    /*margin-left: 3%;*/
    padding: 9px;
}

.fit-NMargin {
    margin-top: 50%;
}


@media only screen and (min-width: 600px) {
    .fit-margin {
        margin-top: 20%;
    }

}

/*Collector CSS*/

.collectorTableTH {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    font-family: jaldi, sans-serif;
    opacity: 0.5;
    height: 30px;
    padding-top: 4px;
}

.addNewCollectorButton {
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    height: 35px;
    letter-spacing: normal;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    opacity: 1;
}

.collectorTableTD {
    text-align: center;
    font-size: 16px;
    font-family: jaldi, sans-serif;
    color: #2b215b;
    background: white;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 4%;
    margin-bottom: 1%;
    vertical-align: middle;
    box-sizing: border-box;
}

.collectorTGLCheckBoxEmpty {
    left: 10px;
    z-index: 1;
    position: absolute;
    top: 2px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.collectorTGLCheckBoxEnabled {
    z-index: 1;
    position: absolute;
    top: 2px;
    left: 12px !important;
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.collectorTCheckBoxEmpty {
    left: 10px;
    z-index: 1;
    position: absolute;
    top: 2px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.collectorTCheckBoxEnabled {
    z-index: 1;
    position: absolute;
    top: 1px;
    left: 12px !important;
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.collectorTableCheckBox {
    padding: 8px;
    position: relative;
    z-index: 2;
    opacity: 0;
}

.doted-iconCollector {
    text-align: center;
    color: #bfcbd3;
    height: 30px;
    display: block;
    font-size: 32px;
    line-height: 6px;
    width: 28px;
    font-weight: normal;
}

#collectorTable tbody tr:hover td {
    background: #E6FAF7;
}

.doted-iconCollector:hover {
    border-radius: 50%;
    background-color: #F6FEFD;
    color: #2b215b;
}

/*.collectorLikeCommentBox{
  position: absolute;
  right: 1%;
  top: 0%;
  padding-left: 5%;
  width: 164px;
  background: #fff;
  box-shadow: 0px 0px 17px -10px rgba(43,33,91,1);
  border-radius: 6px;
  z-index: 9;  
  display: none;
}*/

.viewApplyDashboardButton {
    border: 0;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    border-radius: 4px;
    padding: 8px 20px;
    background: #ececec;
    color: #2b215b;
    font-family: inherit !important;
    font-size: 14px !important;
}

.viewApplyDashboardButton:hover {
    opacity: 0.5;
    text-decoration: none;
    color: #2b215b;
}



/*Collector CSS*/

.goBtnTagChat {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 15px;
    color: #fff;
    font-family: inherit;
    left: 5px;
}

.inputTagChat {
    width: 80% !important;
    display: inline-block !important;
    border-color: #24bba2 !important;
    height: 25px !important;
    padding: 0px !important;
}

/*.importedByFilterFunnel:hover{
   content: url("../images/Filter-blue.svg");
}
.statusByFilterFunnel:hover{
   content: url("../images/Filter-blue.svg");
}
.importedByFilterDiv{
  position: absolute; 
  display: none;
  width: 200px;
  z-index: 4;
}

.statusByFilterDiv{
  position: absolute; 
  display: none;
  width: 200px;
  z-index: 4;
}*/
.noImportResults {
    color: #2b215b;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    float: left;
    width: 100%;
    margin-left: 25px;
}

.deletevalidrules {
    float: right;
    position: relative;
    top: 6px;
    left: 30px;
    cursor: pointer;
}

.deletevalidrulesdate {
    float: right;
    position: relative;
    top: -35px !important;
    left: 30px !important;
    cursor: pointer;
}

#canvasBotGallery {
    width: 100%;
    margin-left: 2%;
    padding-top: 50px !important;
}

#mainPg {
    width: 100%;
    margin-top: 2.5%;
}

.galleryChart {
    width: 47%;
    border-radius: 3px;
    background-color: #ffffff;
    height: 370px;
}

.galleryImgContainer {
    text-align: center;
    margin-top: 40px;
}

.generalGalleryAlignment {
    text-align: center;
    padding: 15px;
    color: #2b215b;
}

.amplifyMessage {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
}

.amplify-message-header {
    position: relative;
}

.amplify-message-count {
    position: absolute;
    right: 0;
}

.configureInputBox {
    float: none !important;
    width: 100% !important;
}

.amplifyCollectResponseDropdown {
    position: absolute;
    right: 0px;
    top: 45px;
}

.collectResponseDropdown {
    float: right;
    position: relative;
    top: 14px;
    left: -70px;
}

.collectorResponseOptions {
    display: block;
    width: 325px;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 212px;
    overflow: auto;
}

.collectorDetailsNumber {
    border: none;
    border-radius: 3px;
    width: 100%;
    background: #f4f4f7;
    padding: 8px 12px;
    position: relative;
    bottom: 14px;
    margin-top: 10px;
    color: #2b215b;
    font-size: 16px;
    height: 40px;
    font-family: jaldi;
}

.noKeywordBotSelected {
    background: none !important;
    padding: 0px !important;
    position: relative;
    bottom: 17px;
    margin-top: 10px;
    height: auto;
    overflow: hidden;
    resize: none;
}

.hyperlinkKeywordBot {
    color: #24bba2;
    cursor: pointer;
}

.dotamplifyiconResponse {
    position: relative;
    top: -30px;
    left: 28px;
}

.doted-icon-amplify:hover {
    float: right;
    text-align: center;
    border: 1px solid #F6FEFD;
    background-color: #F6FEFD;
    border-radius: 50%;
    color: #000;
}

.sendingNumOptionsAmplify {
    display: block;
    width: 325px;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 212px;
    overflow: auto;
}

.amplifyattachmentparentDiv {
    position: relative;
    top: 15px;
}

.attachmentlistamplify {
    background: #ffffff;
    width: 188px;
    height: 80px;
    line-height: 2.5;
    position: absolute;
    top: -87px;
    border-radius: 4px;
    padding-top: 2px;
    color: #2b215b;
    -webkit-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    -moz-box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
    z-index: 4;
}

.attachmentlistamplify li:hover {
    background-color: #F5F4F7;
}

.quicksendAmplifyBox {
    display: block;
    width: 100px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    right: 157px;
    top: 105px;
    z-index: 9;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

.quicksendAmplifyBox li a {
    border-radius: 2px;
    color: #2b215b !important;
    opacity: 1;
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    min-height: 40px;
    text-align: left;
    width: 100%;
    float: left;
    margin: 0;
}

.quicksendAmplifyBox li a:hover {
    background-color: #F5F4F7;
    cursor: pointer;
}

#amplifyModal .popup-data {
    float: none;
}

.amplify12Modals {
    min-height: 500px;
    overflow: visible !important;
}

.amplify3Modal {
    min-height: 190px !important;
    margin-top: 250px !important;
    overflow: visible !important;
}

.btn-amplify-schedulemsg {
    background-color: #2B215B;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    opacity: 1;
}

.btn-amplify-schedulemsg-disabled {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    background-color: #211754 !important;
    opacity: 0.15 !important;
}

.btn-amplify-schedulemsg:hover,
.btn-amplify-schedulemsg:focus {
    background-color: #211754;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

tags-input[disabled] .tags .tag-item {
    background: #2b215b;
    opacity: 1;
}

.paperclipicon:hover {
    content: url("../images/attach-87.svg");
}

.chatReplyClass:hover {
    content: url("../images/chat-reply.svg");
}

.bitmojiImage:hover {
    content: url("../images/bitmoji.svg");
}

.timeClockOnPostChat:hover {
    content: url("../images/time-clockdarkblue.svg");
}

.clsMergTagIconSvdMsgEdit:hover {
    content: url("../images/mergeblue.svg");
}

.customAnchor:hover {
    color: #2b215b;
    background-color: #F5F4F7
}

.amplifyinbound {
    opacity: 0.5;
    color: white;
    font-size: 14px;
    font-family: inherit;
    padding-left: 14px;
    padding-right: 50px;
    padding-bottom: 5px;
}

.amplifyoddbound {
    display: inline-block;
    margin-top: 2%;
    width: 48%;
    position: relative;
    left: 24px;
    /*height: 319px;*/
}

.amplifyevenbound {
    float: left;
    /*display: inline-block;*/
    margin-top: 2%;
    /*position: relative;
    left: 22px; */
    width: 48%;
    /*height: 319px;*/
    /*top: 1px;*/
}

.amplifytexthead {
    position: relative;
    display: inline-block;
    color: #2b215b;
    font-family: inherit;
    font-weight: bold;
    left: 15px;
}

.amplifytextshowall {
    position: absolute;
    display: inline;
    right: -3px;
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
}

.amplifyshowall {
    border: none;
    border-radius: 5%;
    height: 30px;
    width: 100%;
    padding-left: 5px;
    font-family: inherit;
    background: url("../images/arrow-down.svg") no-repeat right center;
    -webkit-appearance: none;
    color: #2b215b;
    font-size: 16px;
}


.amplifyscheduled {
    background-color: #2b215b21;
    color: white;
    font-size: 14px;
    font-family: inherit;
    border-radius: 3px;
    border: none;
}

.amplifyTableReport th {
    font-family: Jaldi;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.33;
    text-align: left;
    color: rgba(43, 33, 91, 0.5);

}

.amplifyTableReport td {
    font-family: Jaldi;
    font-size: 16px;
    line-height: 1.5;
    color: #2b215b;
    height: 50px;
    box-shadow: inset 0 1px 0 0 #EAE8EA;
    text-align: center;
    background-color: white;
}

.amplifyoverflow {
    display: block;
    position: absolute;
    top: 0px;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    z-index: 1;
    right: 0;
}

.amplifydashboardShow {
    color: #24bba2;
    text-align: center;
    margin: 1%;
}

/*
==================*/
.outboundTableSizeSelector {
    font: inherit !important;
    font-size: 16px !important;
    border: 0;
    background: url("../images/droup-down-icon4.svg") no-repeat right -2px center;
    -webkit-appearance: none;
    color: #7b93a3;
}

#amplifyDashboardTable tbody tr:hover td {
    background: #E6FAF7;
}

.amplifymessage {
    display: inline-block;
    color: #24bba2;
    font-size: 14px;
    font-family: inherit;
    opacity: 1;
}

.amplifynameof {
    opacity: 0.25;
    color: #2b215b;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
}

.amplifymessagedetail {
    position: relative;
    display: inline-block;
    left: 0px;
    color: #2b215b;
    font-weight: bold;
    font-size: 21px;
    top: -3px;
}

.amplifyexpdata {
    position: absolute;
    display: inline-block;
    right: 255px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    background: #2b215b;
    cursor: pointer;
    width: 155px;
    height: 40px;
    top: 60px;
    padding-top: 4px;
    padding-left: 10px;
    opacity: 0.15;
    border-radius: 3px;
}

.amplifyButtonStyle,
.amplifyImportButtonStyle {
    right: 125px;
    padding-top: 0px;
    padding-left: 1px;
    width: 115px;
    position: absolute;
    display: inline-block;
    color: #2b215b;
    font-weight: bold;
    font-size: 16px;
    background-color: #2b215b;
    opacity: 0.15;
    cursor: pointer;
    height: 40px;
    top: 60px;
    border-radius: 3px;
}

.amplifyImportGreenButtonStyle {
    background-color: #24BBA2;
    opacity: 1
}

.amplifyImportGreenButtonStyle:hover {
    background-color: #24BBA2;
    opacity: 0.5
}

.amplifyExportBlueButtonStyle {
    background-color: #2B215B;
    opacity: 1
}

.amplifyExportBlueButtonStyle:hover {
    background-color: #2B215B;
    opacity: 0.5
}

.ampdetails {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cac2d1;
    padding-bottom: 8px;
    margin-bottom: 18px;
}

.amplifystatus {
    position: relative;
    display: inline-block;
    width: 100%;
    left: 0px;
    margin-top: 6px;
    margin-bottom: 20px;
}

.ampstatdisp {
    display: inline-block;
    width: 215px;
    height: 115px;
    margin-right: 17px;
    background-color: white;
}

.ampllispan {
    color: #2b215b;
    opacity: 0.25;
    text-align: left;
    position: relative;
    left: 10px;
    top: 9px;

}

.innerAmpliSpan {
    text-align: left;
    color: #2b215b;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 23px;
}

.viewIcAmplify {

    position: absolute;
    top: 20px;
    font-size: 14px;
    font-weight: initial;
    font-family: inherit;
    color: #2b215b;
    background-color: white;
    box-shadow: 2px 2px 17px -9px rgba(43, 33, 91, 1);

}

.overflowamplifyimport {
    padding: 3px 3px;
    border-top: solid 1px #e5eaed;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    /*   display: none;*/
}

.overflowampdiv {
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    position: absolute;
    right: 0%;
    top: 1.1%;
    background: white;
    width: 168px;
    z-index: 5;
}

.doted-amplify-icon {
    text-align: center;
    color: #bfcbd3;
    height: 30px;
    display: block;
    font-size: 32px;
    line-height: 6px;
    font-weight: normal;
    border-radius: 50%;
}

.doted-amplify-icon:hover {
    background-color: white;
    color: #2b215b;
}


#canvasBotMsgDetails {
    width: 100%;
    margin-left: 2%;
    padding-top: 50px;
}

#mainPg {
    width: 100%;
    margin-top: 2.5%;
}

.amplifyHead {
    color: #2b215b;
    opacity: 0.8;
    font-family: Jaldi;
    font-size: 14px;
    cursor: pointer;
    width: 100%;
}

.amplifyMsgTitle {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

.amplifySubHeading {
    width: 100%;
    border-bottom: 1px solid lightgray;
    margin-top: 10px;
}

.parentDivMsgDetail {
    position: relative;
    top: 20px;
    width: 993px;
    display: table;
    margin-bottom: 100px;
    /*display: flex;
    flex-wrap: wrap;*/
}

.msgDetailImg {
    display: table-cell;
    width: 7%;
}

.msgDetailDate {
    display: table-cell;
    width: 22%;
    color: #2b215b;
    opacity: 0.5;
}

.msgDetailCancelEdit {
    color: #2b215b;
    font-size: 14px;
    margin-left: 10px;
}

.messageDetails {
    /*margin-left: 15px;*/
    width: 765px;
    /*display: inline-block;*/
    position: relative;
}

.additionalHeaderOptionsDiv {
    position: absolute;
    height: 379px;
    right: 15px;
    text-align: left;
    width: 216px !important;
    background: #fff;
    box-shadow: 2px 2px 17px -9px rgba(43, 33, 91, 1);
    border-radius: 0px;
    z-index: 9;
}

.overflowToDispHeaders {
    display: inline-block;
}

.allPgSelectorInput {
    top: 7px !important;
    height: 18px !important;
    width: 18px !important;
    position: relative;
    left: 12px !important;
}

.allPgSelectorLabel {
    position: relative;
    font-size: 14px;
    padding-left: 24px;
    top: 2px;
    left: -11px;
    height: 25px;
    padding-top: 3px;
}

.inputOfSelectorOptions {
    width: 18px;
    opacity: 0;
    left: 8px;
    top: 5px;
    height: 18px;
    cursor: pointer;
}

.canvasChatFilters,
.importFilters,
.teamFilters,
.creatorFilters,
.addedByFilters,
.dateAddedByFilter,
.showRatingByFilter,
.sourceListToolFilters,
.blockStatusFilters,
.atsSyncStatusFilters,
.locationFilters,
.amplifyrecruiter,
.amplifyMessageTitle,
.amplifyResponse,
.campaignNameFilters,
.importedBy {
    display: block;
    padding: 0px !important;
    max-height: 226px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-bottom: 1px solid #80808029;
    margin-bottom: 0px;
}

.canvasChatFilterFunnel,
.addedOnFilterFunnel,
.starRatingFilterFunnel,
.importFilterFunnel,
.addedByfilterTunnel,
.sourceListfilterTunnel,
.sourceListToolfilterTunnel,
.responseFilterFunnel,
.nameAudienceFilterFunnel,
.phoneAudienceFilterFunnel,
.emailAudienceFilterFunnel,
.deliveryStatusFilter,
.sessionStatusFilter,
.teamFilterFunnel,
.creatorFilterFunnel,
.blockStatusFilterFunnerl,
.atsSyncFilterFunnel,
.locationfilterTunnel,
.amplifyrecruiterTunnel,
.amplifyMessageTitleTunnel,
.amplifyResponseTunnel,
.campaignNameFilterFunnel,
.importedByFilterFunnel,
.importStatusFilterFunnel {
    width: 13px;
    margin-left: 5px;
    position: relative;
}

.resumeOnCandiTable {
    color: #24bba2;
    font-size: 22px;
    position: relative;
    cursor: pointer;
    left: 5px;
}

.leftBlueBorder {
    border-left: 5px solid #0079FF;
}

.leftTdBorderDiv {
    width: 5%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.checboxCanvasFilter {
    height: 18px;
    width: 18px;
    left: 12px;
    position: relative;
    cursor: pointer;
    z-index: 9;
    opacity: 0;
}

.new-filter-box {
    display: inline-block;
    float: right;
    max-width: 100%;
}

.new-filter-box .sort-panel {
    float: none;
    font: inherit !important;
    font-size: 16px !important;
    height: 40px;
    border: 0;
    background: url(../images/droup-down-icon4.svg) no-repeat right -2px center;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    margin-right: 10px;
    color: #7b93a3;
}

.hoverSelectorColorChange:hover {
    content: url("../images/ic_view_column_24px_blue.svg");
}

.glocalSelectorUlClass {
    max-height: 104px;
    min-height: 104px;
    overflow-y: auto;
    margin-bottom: 5px;
    border-bottom: 1px solid #80808029;
    overflow-x: hidden;
}

.leftWhiteBorder {
    border-left: 5px solid #ffffff;
}

#candidateTable .allCandidatesMainTable tr th {
    line-height: unset !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    padding: 0.25rem;
}

.canvasChatFilterFunnel:hover,
.importFilterFunnel:hover,
.addedByfilterTunnel:hover,
.sourceListfilterTunnel:hover,
.sourceListToolfilterTunnel:hover,
.blockStatusFilterFunnerl:hover,
.responseFilterFunnel:hover,
.nameAudienceFilterFunnel:hover,
.phoneAudienceFilterFunnel:hover,
.emailAudienceFilterFunnel:hover,
.deliveryStatusFilter:hover,
.teamFilterFunnel:hover,
.creatorFilterFunnel:hover,
.addedOnFilterFunnel:hover,
.starRatingFilterFunnel:hover,
.locationfilterTunnel:hover,
.amplifyrecruiterTunnel:hover,
.amplifyMessageTitleTunnel:hover,
.amplifyResponseTunnel:hover,
.campaignNameFilterFunnel:hover,
.importedByFilterFunnel:hover,
.importStatusFilterFunnel:hover {
    content: url("../images/Filter-blue.svg");
}

.search-for-import {
    margin-left: 40px;
    width: 215px !important;
    margin-top: -5px;
    outline: none;
    background: #fff !important;
    color: #2b215b !important;
    font-size: 16px !important;
    border: 1px solid #ffffff;
    padding-right: 35px;
}

.clearImportFilter {
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-right: 10px;
    font-weight: normal;
    float: right;
}

#importFiltersIDCandidatePg {
    width: 380px;
    position: absolute;
    background: rgb(255, 255, 255);
    box-shadow: rgb(43, 33, 91) 2px 2px 17px -9px;
    left: 40px
}

.importFilterImgCandiPg {
    display: inline-block;
    position: relative;
    left: -22px;
    top: 2px;
    font-size: 18px;
}

.globalSelectorCandidateLi {
    padding: 2px 2px !important;
    height: 30px !important;
    width: 100% !important;
}

.msgsavechanges {
    position: absolute;
    right: 0px;
    font-size: 15px;
    font-family: inherit;
    color: #24bba2;
    top: 10px;
}

.quicksendNamplify {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    float: right;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    background-color: #211754 !important;
    opacity: 0.15 !important;
}

.clsTrackResponseTik {
    background: url(../images/amplify-tik.svg) no-repeat;
    left: 2px;
    top: 26px;
    margin: 0;
    position: absolute;
    width: 25px;
    height: 25px;
}
.enable2faclassRed {
    font-family: inherit;
    font-size: 14px !important;
    background-color: #E21A52 !important;
    width: 130px !important;
}
.tfaMobile {
    border: 1px solid red !important;
    border-radius: 5px;
}

.msgDetailsCheckEnabled,
.msgDetailsCheckDisabled {
    left: 2px;
    top: 26px;
    margin: 0;
    position: absolute;
    width: 19px;
    height: 18px;
}

#messageDetailsCheckBox {
    width: 19px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index: 75;
    top: 25px;
    /* left: -148px; */
}

.msgDetailsCheckEnabled {
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
}

.msgDetailsCheckDisabled {
    left: -1px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
}

.msgDetailsCheckCompletedEnabled,
.msgDetailsCheckCompletedDisabled {
    left: 2px;
    top: 26px;
    margin: 0;
    position: absolute;
    width: 19px;
    height: 18px;
}

.msgDetailsCheckCompletedEnabled {
    background: url(../images/bulkCheckboxOn-grey.svg) no-repeat;
}

.msgDetailsCheckCompletedDisabled {
    left: -1px;
    background: url(../images/bulkCheckboxOn-grey.svg) no-repeat;
}


#modalfontLabel {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    opacity: 0.5;
    top: -1px;
    left: 26px;
    position: relative;
}

.msgDetailsTitlecdEnable {
    width: 570px;
    height: 20px;
    font-size: 14px;
    color: #2b215b;
    padding-top: 10px;
    padding-bottom: 18px;
    font-family: jaldi;
    /*opacity: 1 !important;*/
}


.editmssgdetails {
    position: relative;
    top: -3px;
    height: 17px;
    cursor: pointer;
}

.defaulttextmessage {
    /* position: absolute; */
    /* display: inline-block; */
    /* height: 60px; */
    /* width: 43%; */
    color: #2b215b;
    background: inherit;
    /* border-radius: 3px; */
    /* float: left; */
    border: none;
    font-size: 16px;
    font-family: jaldi;
    resize: none;
}

.clearFilterImportStyle {
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    font-weight: normal;
    float: right;
    margin-right: 10px;
}

.search-for-job:focus {
    border: 1px solid #24bba2;
}

.amplifyModalCheckEnabled,
.amplifyModalCheckDisabled {
    left: 2px;
    top: 26px;
    margin: 0;
    position: absolute;
    width: 19px;
    height: 18px;
}

#amplifyCheckBox {
    width: 19px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index: 75;
    top: 25px;
    cursor: pointer;
}

.amplifyModalCheckEnabled {
    background: url(../images/bulkCheckboxOn.svg) no-repeat;
}

.amplifyModalCheckDisabled {
    left: -1px;
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
}

#campaignCheckBoxDiv {
    position: relative;
    top: 18px;
}

#modalfontLabel {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    opacity: 0.5;
    top: -1px;
    left: 26px;
    position: relative;
}

.detailsTitlecdEnable {
    width: 570px;
    height: 20px;
    font-size: 14px;
    color: #2b215b;
    padding-top: 10px;
    padding-bottom: 18px;
    font-family: jaldi;
    opacity: 1 !important;
}

.modalfontcolor {
    opacity: 1 !important;
}

.collectordeldiv {
    width: 228px;
    height: 30px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: -6px;
    right: 0px;
}

.nextButtomAmplify {
    overflow: hidden;
    position: relative;
    top: -50px;
    float: right;
    left: -3px;
}

.sendingNumberParentDiv {
    width: 33%;
    display: inline-block;
    margin-left: 10%;
    position: relative;
    left: 18px;
    top: -69px;
}

.keywordBotParentDiv {
    position: relative;
    width: 51%;
    display: inline-block;
    top: -14px;
}

.checkBoxParentDiv {
    display: inline-block;
    width: 200px;
    position: relative;
    top: -8px;
    font-size: 16px;
}


.allglobalampSelectorInput {
    top: 7px !important;
    height: 18px !important;
    width: 18px !important;
    position: relative;
    left: -62px !important;
}

.allglobalampSelectorLabel {
    position: relative;
    font-size: 14px;
    padding-left: 26px;
    top: -20px;
    height: 25px;
    padding-top: 2px;
    left: 3px;
}

.globalSelectoramplifyLi {
    padding: 2px 2px !important;
    height: 30px !important;
    width: 100% !important;
}

.new-Amplify-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 26px;
    position: relative;
    text-align: left;
    top: -30px;
    width: 100%;
    margin-left: 8px;
}

.new-Amplify-check [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 26px;
    position: relative;
    text-align: left;
    top: -30px;
    width: 100%;
    margin-left: 8px;
}

.inputOfSelectoramplifyOptions {
    width: 18px;
    opacity: 0;
    left: -62px;
    top: -2px;
    height: 18px;
    cursor: pointer
}

.cand_slectedheaderopacityblue {
    background: #0079FF;
    color: #fff;
    opacity: 0.5;
}

input:checked+.blueSliderImport {
    background-color: #0079FF;
    opacity: 0.5;
}

.campaudienceblue {
    color: #2B215B;
}

.campaudienceblue:hover {
    color: #0275d8;
}

.applyAmplifyHeaders {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 14px;
    color: #fff;
    font-family: inherit;
}

.applyAmplifyHeaderDiv {
    margin-right: 7px;
    float: right;
    top: 2px;
    position: relative
}

.amplifyResponseHeader {
    opacity: 0.5;
    text-align: center;
    font-weight: bold;
}

.amplifyResponseTBody {
    background-color: #fff;
    border-bottom: 1px solid #e5eaed;
    vertical-align: middle;
    color: #7f97a6;
    font-size: 16px;
    text-align: center;
}

.importStatusButton {
    color: #ffffff;
    background-color: #24bba2;
    padding: 8px 14px 8px 8px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    line-height: 1.43;
}

.amplifyTableContent {
    font-size: 16px;
    text-align: center;
    color: #2b215b;
}

.overflowampdiv p:hover {
    background: #f7f7f9;
}

#amplifydelete {
    position: relative;
    top: 2px;
    width: 22px;
    height: 22px;
}

.goBacktoAmplify1 {
    position: relative;
    left: -95px;
    top: 30px;
}

.responseFilteruL,
.nameAuidenceFilterUl,
.phoneAudienceFilterUl,
.emailAudienceFilterUl,
.deliveryStatusAuidenceFilterUl,
.sessionStatusAuidenceFilterUl {
    margin-bottom: 0px;
    padding: 5px;
    background: #fff;
}

.filterDiv {
    width: 200px;
    position: absolute;
    z-index: 5;
    box-shadow: 6px 5px 25px 0px rgba(214, 214, 214, 1)
}

.reponseFilterTags {
    color: #2b215b;
    font-size: 14px;
    font-weight: bold;
    float: left;
}

.reponseFilterHeadLi {
    padding: 5px 7px 20px 7px;
    margin-bottom: 13px;
    border-bottom: 1px solid #edf0f2;
}

.responseFilterClearFilter {
    float: right;
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    font-weight: normal;
}

.profileInfoHeaderDiv {
    padding-top: 10px;
    border-bottom: 1px solid #eceeef;
    height: 50px;
    background: #2B215B;
}

.profileInfoHeading {
    color: white;
    text-align: center;
    display: block;
    font-weight: bold;
    font-size: 20px;
}


.CancelButtonCandidate {
    text-align: center;
    margin-left: 30px;
    margin-top: 20px;
}

.cancelStyleCandidate {
    color: rgba(43, 33, 91, 0.5) !important;
    cursor: pointer;
}

.cancelStyleCandidate:hover {
    color: rgb(43, 33, 91) ! important;
}

a.restart-button {
    background-color: #e21a52;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
    opacity: 1;
}

a.restart-button:hover {
    background-color: #2b215b;
    opacity: 1;
}

#add-candidate-modal-magicDetails a.add-candi-btn:hover {
    background-color: #24bba2 !important;
    opacity: 1;
}

.externallogin {
    color: #24bba2;
    font-size: 14px;
    opacity: 1;
}

.externallogin:hover {
    opacity: 1;
    color: #FFFFFF;
}

.jobAndTagDropdown {
    bottom: auto !important;
    margin-top: -36px !important;
}

.notification-icon-style {
    height: 20px;
    width: 20px;
    position: relative;
    top: 2px;
}

.notification-amplify-textstyle {
    font-size: 16px;
    font-family: inherit;
    position: relative;
    left: 5px;
    top: 3px
}

.iput-fild-box-fname {
    float: left;
    width: 48%;
}

.label-field-box-fname {
    width: 100%;
    opacity: 0.5;
    font-size: 14px;
    color: #2b215b;
    margin: 5px 0;
    font-weight: normal;
}

.input-box-fname {
    width: 100%;
    height: 40px;
    background-color: rgba(43, 33, 91, 0.05);
    color: #2b215b;
    padding: 0 8px;
    margin: 5px 0;
    border: 0;
}

.iput-fild-box-lname {
    float: right;
    width: 48%;
}

.profile-image-square {
    float: left;
}

.contact-details-container {
    overflow: hidden;
    border: 1px solid white;
}

.auth-header {
    color: #2b215b;
    font-size: 18px;
    font-weight: bold;
}

.auth-left-part {
    margin-top: 50px;
    float: left;
    width: 200px;
}

.auth-desc {
    color: #2b215b;
    display: block;
    margin-top: 10px;
    font-size: 14px;
}

.auth-right-part {
    margin-top: 50px;
    float: left;
    position: relative;
    margin-left: 3%;
}

.timezonesDropdown {
    float: right;
    position: relative;
    top: -35px;
    left: -5px;
}

.timezonesOptions {
    display: block;
    width: 100%;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 212px;
    overflow: auto;
}

.input-field-currentpwd {
    float: left;
    width: 48%;
}

.pwd-right-part {
    width: 64%;
}

.input-field-newpwd,
.input-field-cfmpwd {
    float: left;
    width: 47%;
}

.codeDiv {
    height: 28px;
    background-color: #e21a52;
    border-radius: 2px;
    width: 220px;
    color: white;
    margin: 20px;
    margin-left: 45px;
    font-family: inherit;
    font-size: 14px;
    padding-top: 4px;
}

#allCampaignTable tbody tr:hover td {
    background: #E6FAF7;
    cursor: pointer;
}

#keywordCampaignTable tbody tr:hover td {
    background: #E6FAF7;
    cursor: pointer;
}

.mfaForgotPwd {
    display: inline-block;
    position: relative;
    left: 130px;
}

.mfaGoBack {
    display: inline-block;
    position: relative;
    right: 147px;
}

.ssoGobackLogoin {
    right:105px !important;
    margin: 20px 10px;
}

.mfaResendClass {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
    margin-left: 5px;
}

.mfaCloseResendBannerClass {
    margin-left: 20px;
    padding-right: 10px;
    float: right;
    cursor: pointer;
    font-size: 14px;
    margin-top: 2px;
}

.filterDivHead {
    padding: 5px !important;
    border-bottom: 1px double #c9cacc;
    background: #fff;
}

.filterColumnAudience {
    font-size: 14px;
    font-weight: bold;
    margin-left: 5px;
}

.clsRemoveScheduleDetailsPage {
    top: 1px;
    left: 240px;
    width: 120px;
    font-size: 14px;
    height: 38px;
    border-radius: 4px;
    background: #2B215B;
    color: white;
    cursor: pointer;
    z-index: 11;
    position: absolute;
    display: inline-block;
    font-weight: bold;
    box-shadow: 1px 2px 2px 1px #ECECF0;
}

.clearFilterAudience {
    color: #24bba2 !important;
    margin-left: 50px;
    font-size: 13px;
    text-decoration: none;
}

#nullOptionId {
    display: none;
}

.noRecordsStyle {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0rem !important;
    color: #2b215b;
    font-family: inherit;
}

option:disabled {
    color: #2B215B;
    font-size: 14px;
    font-family: inherit;
}

/*.selectOnCondition{
 padding-left: 10px; 
 color: #2b215b;
 position: relative;
 z-index: 1
 }*/

#selectOnCondition #selectOnConditionOption {
    display: none;
}

.phoneNumberParentDiv {
    width: 47%;
    display: inline-block;
    /*  margin-left: 10%;*/
    position: relative;
    /*  left:18px;
  top:-69px;*/
}

.prospectCollectResponseDropdown {
    position: absolute;
    right: 0px;
    top: 45px;
}

.sendingNumOptionsProspect {
    display: block;
    width: 325px;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 75px;
    left: 0px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 212px;
    overflow: auto;
}

#fontLabelNoRecords {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    opacity: 0.5;
    top: -40px;
    left: 23px;
    position: relative;
}

#campaignCheckBoxNoRecords {
    width: 22px;
    opacity: 0;
    margin: 0;
    position: relative;
    z-index: 100;
    top: -10px;

}

.exportButtonLoader {
    float: right;
    position: relative;
    top: 18px;
    left: -320px;
}

.audienceExportClass {
    position: relative;
    top: -17px;
    right: -31px;
    z-index: 10;
    width: 121px;
}

.audienceExportIconClass {
    position: relative;
    right: -4px;
    top: 3px;
}

.prospectTableResize {
    width: 5%;
    font-size: 25px;
    line-height: 5.5px !important;
    position: relative;
    top: -6px;
    left: 1px;
    text-align: left;
}

.globalProspectColoumnSelector {
    width: 30px;
    position: relative;
    top: 19px;
    left: -3px;
}

.sendToATSNameClass {
    margin-top: 15px;
    margin-bottom: 15px;
    color: rgb(36, 187, 162);
    font-weight: bold !important;
}

.sendAtsDiv {
    font-size: 17px;
    color: #2b215b;
    padding: 0px 15px;
    opacity: 0.6;
}

.chatclsJobsMulti ul {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

.ChatJobs_DropDown li {
    padding: 10px;
}

.candJobsli {
    padding: 5px 10px 0 7px !important;
    margin-bottom: 13px;
    border-bottom: 1px solid #edf0f2;
}

.inputJobsChat {
    width: 80% !important;
    display: inline-block !important;
    border-color: #24bba2 !important;
    height: 25px !important;
    padding: 0px !important;
}

.goBtnJobsChat {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 15px;
    color: #fff;
    font-family: inherit;
    left: 5px;
}

.chatLeftnav_more {
    position: relative;
    font-size: 14px;
    left: 170px;
    color: #24bba2;
}

.chatLeftnav_less {
    position: relative;
    font-size: 14px;
    left: 170px;
    color: #24bba2;
}

.searchlistJob {
    position: relative !important;
    top: -13px !important;
    left: -13px !important;
    padding-right: 100% !important;
    padding-top: 6px !important;
    /* float: left !important; */
    height: 30px !important;
    margin-bottom: 3px;
}

.searchlistJob:hover {
    background-color: #E6FAF7;
}

.chatclsRatings ul {
    position: absolute;
    left: 0;
    padding: 10px;
    top: 100%;
    width: 100%;
    max-height: 110px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
}

/*LeftNav*/
.leftMoreDetailsClass {
    overflow-y: auto;
    max-height: 110px;
    margin-bottom: 0px;
}

.teamList {
    display: block;
    width: 220px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    left: 20px;
    top: 45px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 127px;
    overflow: auto;
}

.startchatButtonContainer {
    clear: both;
    position: relative;
    top: 20px;
}

.teamDropdownImg {
    position: relative;
    left: 5px;
    top: -1px;
}

.bulkConfirmOptionsContainer {
    overflow: hidden;
    text-align: center;
}

.bulkConfirmButton {
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-family: inherit;
    font-style: normal;
    font-weight: bold;
    height: 40px;
    margin-left: 15px;
    padding: 0 5px 0px 10px;
}

.teamListBulk {
    text-align: left;
    display: block;
    width: 200px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    left: 102px;
    top: 180px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 128px;
    overflow: auto;
}

.containerTeamDetails {
    background: white;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border-top: 2px solid #f5f4f7;
    border-bottom: 2px solid #f5f4f7;
    height: 50px;
    width: 100%;
    white-space: nowrap;
    padding-top: 10px;
    position: absolute;
    z-index: 100;
}

.containerTeamDetails div {
    display: inline-block;
    width: 33.33%;
}

.alignToLeft {
    text-align: left;
}

.alignToMid {
    text-align: center;
}

.alignToRight {
    text-align: right;
}

.deleteParticipant {
    height: 40px;
    border-radius: 3px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    z-index: 1;
    width: 230px;
    background-color: white;
    right: 5px;
}

.teamDropdownParentClass {
    float: left !important;
    margin-left: 128px !important;
    padding: 0px 15px 0px 15px !important;
}

.memebersListClass:hover {
    background-color: #f5f4f7;
    color: #2b215b;
    cursor: pointer;
}

.membersAnchor {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: inline;
    line-height: 40px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    width: 100%;
}

.membersAnchor:hover {
    color: #2b215b !important;
}

.memberImage {
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

.membersAnchorParent a {
    float: none !important;
    color: #2b215b !important;
    margin: 0px !important;
    font-size: 16px !important;
}

.chatTeamList {
    width: 50px;
    display: block;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 135px;
    overflow: auto;
    top: 35px;
    right: 4px;
}

.moreTeamContainer {
    position: relative;
    width: 30px !important;
}

.addParticipantHead {
    border-bottom: 1px solid #edf0f2;
    font-size: 15px;
    font-weight: bold;
    color: #2b215b;
    padding: 5px;
}

.addParticipantContainer {
    position: relative;
    width: 30px !important;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(38, 30, 81, 0.03);
    top: -2px;
}

.addParticipantTeamList {
    display: block;
    width: 220px;
    position: absolute;
    background: #fafafa;
    text-align: left;
    padding: 0px;
    max-height: 156px;
    right: 8px;
    top: 35px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    overflow: auto;
}

.sidebarInboxColor {
    background-color: #605884;
}

.sidebarInboxOnColor:hover {
    background-color: #605884;
}

.sidebarLeftNavInboxDetails , .fontWeightBold {
    font-weight: bold;
}

.sidebarLeftNavInboxDetails span:first-child {
    text-decoration: underline;
}


.detailsMinehover:hover {
    background-color: #f5f4f7
}


.clsCanvasbotConfig {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 52px;
    width: 90%;
    border: 1px solid #2b215b;
    font-family: "jaldi", sans-serif;
    font-size: 16px;
    height: 40px;
    padding: 8px 12px;
    border-radius: 3px;
}

.clsCanvasbotConfigDropDown {
    width: 500px;
    top: 94px;
    background: #fafafa;
    position: absolute;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    overflow: visible;
    border-radius: 2px;
}

.autotagAmplifyCheckEnabled,
.autotagAmplifyCheckDisabled,
.autotagAmplifyNoAutoTag {
    margin: 0;
    position: absolute;
    width: 19px;
    height: 19px;
    top: 3px;
    left: 49px;
}

.autotagAmplifyCheckEnabled {
    background: url(../images/bulkCheckboxOnBlue.svg) no-repeat;
}

.autotagAmplifyCheckDisabled {
    background: url(../images/blue-checkbox.svg) no-repeat;
}

.autotagAmplifyNoAutoTag {
    background: url(../images/bulkCheckboxOff.svg) no-repeat;
}

.clsResponseApplyBtn {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
    height: 35px;
    padding: 0 20px;
    /*   background-color: #F1F1F4;*/
}

.clsSaveAsApplyBtn {
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    font-weight: bold;
    height: 35px;
    padding: 0 20px;
    background-color: #F1F1F4;
}

.clsConvrsnMetricsList:hover {
    background-color: #F5F4F7;
}

.createchatAmplifyClass {
    color: #2b215b;
    padding: 8px 12px;
    padding-right: 26px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    border: none;
    font-size: 16px;
    font-family: jaldi;
    width: 205px;
    border: 1px solid #2b215b;
}

.collectResponseAmplifyClass {
    color: #2b215b;
    padding: 8px 12px;
    padding-right: 26px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    border: none;
    font-size: 16px;
    font-family: jaldi;
    width: 220px;
    margin-left: 20px;
}


.custom-radio-btnblue {
    float: left;
    height: 20px;
    margin: 0 0 10px;
    position: relative;
    width: 100%;
}

.custom-radio-btnblue input[type="radio"] {
    cursor: pointer;
    height: 21px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}

.custom-radio-btnblue [type="radio"]+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-off.svg") no-repeat scroll left top;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    text-align: left;
    color: #2b215b;
    height: 20px;
    left: 1px;
    letter-spacing: normal;
    line-height: 20px;
    padding-left: 30px;
    position: relative;
    text-align: left;
    top: 0;
    width: 100%;
    opacity: 1 !important;
}

.custom-radio-btnblue input[type="radio"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/radio-on-blue.svg") no-repeat scroll left bottom;
    color: #2b215b;
    height: 20px;
    left: 1px;
    position: relative;
    top: 0;
    width: 100%;
}

#genericError, .zIndex15010 {
    z-index: 15010;
}

.chat_NoTeammate {
    font-family: inherit;
    font-size: 14px;
    color: #2b215b;
    margin: 35px;
}

.noParticipantIcon {
    top: 29px !important;
    left: 13px !important;
    border: 1px solid #2b215b;
    position: absolute !important;
    background-color: #e21a52 !important;
    width: 11px !important;
    height: 11px !important;
}

.startchatInButtonContainer {
    clear: both;
    position: relative;
    top: 20px;
    left: -22px;
}

.CancelButton_StartChat {
    text-align: center;
    margin-left: 5px;
    margin-top: 20px;
}

.noBorderRadius {
    width: 50px !important;
    height: 50px !important;
}

.applyFilterButton {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 13px;
    color: #fff;
    width: 49px;
    height: 100%;
    font-family: inherit;
}

.creatorFilterClass {
    width: 188px;
    position: absolute;
    background: rgb(255, 255, 255);
    box-shadow: rgb(43, 33, 91) 2px 2px 17px -9px;
}

.creatorFilterHead {
    border-bottom: 1px solid #edf0f2;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.filterColumnClass {
    color: #2b215b;
    font-size: 14px;
    font-weight: bold;
}

.clearFilterClass {
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-left: 30px;
    font-weight: normal;
}

.clsCustomLogo {
    max-height: 45px;
    max-width: 172px;
}

.team_information {

    max-height: 230px;
    position: absolute;
    right: 235px;
    top: 5px;
    z-index: 52;
    background: #fafafa;
    width: 100%;
    overflow-x: hidden;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
}

.team_info_category {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: inline;
    line-height: 45px;
    font-size: 16px;
    padding: 0 0 0 0px !important;
    width: 100%;
}

.team_info_category_Phone {
    color: #2b215b;
    font-size: 16px;
    position: relative;
    top: -7px;
    margin-left: 44px;
    line-height: 2;
}

.usericon_Teams {
    color: #2b215b;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
}

.welcomemsgtextarea {
    height: 100px;
    font-size: 14px;
    font-family: Jaldi, sans-serif;
    width: 100%;
    min-height: 90px;
    background-color: rgba(43, 33, 91, 0.05);
    line-height: 1.5;
    text-align: left;
    color: #2b215b;
    padding: 8px;
    margin: 5px 0;
    border: 0;
    resize: none;
}

.welcomeMsgDiv [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url(../images/bulkCheckboxOff.svg) no-repeat scroll left top 3px;
    color: #2b215b;
    text-align: left;
    margin-left: 0px;
}

.welcomeMsgDiv input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url(../images/bulkCheckboxOn.svg) no-repeat scroll left 2px top;
    font-style: normal;
    font-stretch: normal;
    color: #2b215b;
    letter-spacing: normal;
    text-align: left;
    margin-left: 0px;
}

.enableWelcomeMsgLabel {
    position: relative;
    top: -10px;
    color: #2b215b;
}

.welcomeMsgResizer {
    position: absolute;
    right: 0;
    bottom: 54px;
    opacity: 0.2;
}

.emptyCheckBoxWelcomeBehaviour,
.emptyDataSettings,
.emptyShareCandidate,
.emptyDeleteConversation,
.emptyMagicContact, 
.emptyWelcomeUrl {
    position: absolute;
    top: 0;
    left: 14px;
    background: url("../images/bulkCheckboxOff.svg") no-repeat;
    width: 25px;
    height: 25px;
}

.enabledCheckBoxWelcomeBehaviour,
.enabledDataSettings,
.enableShareCandidate,
.enableDeleteConversation,
.enableMagicContact,
.enableWelcomeUrl {
    position: absolute;
    top: 0;
    left: 14px;
    background: url("../images/bulkCheckboxOn.svg") no-repeat;
    width: 25px;
    height: 25px;
}

.enabledCheckBoxWelcomeBehaviour {
    top: 2px !important;
}

.teamListCatergory:hover {
    background-color: #f7f7f9;
    color: #2B215B;
    width: 215px !important;
}

.add-candi-btn-blue:hover {
    opacity: 0.6;
}

.chatNavigatorLi:hover {
    background: #f7f7f9;
    color: #2B215B;
}

.navigator-ChatDiv {
    width: 247px;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    background-color: white;
    position: absolute;
    z-index: 31;
    left: 0px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;

}

.navigator-ChatHeading {
    color: #2b215b;
    font-family: inherit;
    font-size: 16px;
    padding: 0px 0px 0px 8px;
    font-weight: bold;
    left: 0px;
    position: absolute;
}

.navChatCandidteName {
    color: #2b215b;
    font-family: inherit;
    font-size: 14px;
    position: absolute;
    left: 42px;
    padding: 7px;
}

.navChatCandidateView {
    border-radius: 15px;
    font-family: inherit;
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 0px 15px;
    background-color: #bfbccf;
    position: absolute;
    left: 171px;
    cursor: pointer;
    margin: 6px;
}

.navChatCandidateStart {
    border-radius: 15px;
    font-family: inherit;
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 0px 15px;
    background-color: #0079FF;
    position: absolute;
    left: 171px;
    cursor: pointer;
    margin: 6px;
}

.Chat-NavStyle {
    width: 246px;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    background-color: white;
    position: absolute;
    z-index: 31;
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden;
}

.chatNav-view {
    border-radius: 15px;
    font-family: inherit;
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 0px 15px;
    background-color: #bfbccf;
    position: absolute;
    left: 169px;
    cursor: pointer;
    margin-top: 6px;
    margin-left: 1px;
}

.chatNav-start {
    border-radius: 15px;
    font-family: inherit;
    font-size: 14px;
    color: white;
    font-weight: bold;
    padding: 0px 15px;
    background-color: #0079FF;
    position: absolute;
    left: 169px;
    cursor: pointer;
    margin-top: 6px;
    margin-left: 1px;
}

.rightNavSubHeading {
    color: white;
    background-color: #3F366B;
    height: 50px;
    display: flex;
    justify-content: space-between;
}

.chat-history-check {
    display: inline;
    height: 20px;
    position: relative;
    top: 3px;
    left: 8px;
}

.chat-history-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    color: #2b215b;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: left;
    top: 12px;
    left: -20px;
}

.chat-history-check [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    color: #2b215b;
    height: 20px;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 12px;
    left: -20px;
}

.notify-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOnBlue.svg") no-repeat scroll left 2px top !important;
}

.messageHistoryListOptions {
    display: block;
    width: 100%;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 50px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 215px;
    overflow: auto;
    overflow-x: hidden;
}

.messageListLi:hover,
.hoverItem:hover {
    background: #605884;
}

.messageHistoryListLi:hover {
    background: #f5f4f7;
}

.listHeadClass {
    font-size: 14px;
    font-weight: bold;
    color: #2b215b;
    margin-left: 5px;
    margin-top: 10px;
}

.messageSentTime {
    font-size: 12px;
    float: none !important;
    margin-top: 5px !important;
}

.historyImg {
    margin-left: -15px;
}

.historyName {
    font-size: 14px !important;
    display: inline !important;
    margin-left: -8px;
}

.closeMessageHistoryIcon {
    margin-top: 15px;
    margin-right: 10px;
    font-size: 17px;
}

.historyName:hover {
    color: #2b215b;
    background: none !important;
}

.noMsgYet {
    color: white;
    font-size: 20px;
    margin-left: 30px;
}

.messageHistorySubtitle {
    font-weight: bold;
    margin-top: 14px;
    font-size: 17px;
    margin-left: -6px;
}

/*Pagination in manage tags screen*/
.footer-listing {
    display: table;
    width: 100%;
}

.footer-listing .clsActivityPaginationAnalytics {
    display: table-row;
    width: 100%;
}

.footer-listing .clsActivityPaginationAnalytics ul {
    width: 50%;
}

.footer-listing .clsActivityPaginationAnalytics .pagination>li {
    display: inline-block;
    padding-left: 5px;
    width: auto !important;
}

/*Pagination: manage tags end*/

.messageLoaderClass {
    width: 100%;
    float: left;
    text-align: center;
    margin: 200px 0 30px 0;
}

.clearFilterClass {
    float: right;
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-right: 10px;
}

.clearDateFilterClass {
    font-size: 14px;
    opacity: 0.7;
    color: #2b215b !important;
    cursor: pointer;
}

.confirmationAts_Para {
    color: #2b215b;
    opacity: 0.5;
    text-align: center;
    margin-top: 0px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

.chat-history-check input {
    width: 20px;
    opacity: 0;
    position: relative;
    left: 5px;
    top: 5px;
    cursor: pointer;
}

#LeftNavChatloaderImage {
    width: 25px;
    position: relative;
    left: 85px;

}

.historyDescription,
.attachmentDescription {
    color: #ffffff;
    font-size: inherit;
    font-family: inherit;
    margin: 9px;
}

.hoverCloseDrawer:hover {
    color: #014c8c
}

#shareMessageHolder::-webkit-input-placeholder {
    opacity: 0.5;
}

.canvasbot-gold-history {
    padding-left: 8px;
    height: 51px !important;
    width: 60px !important;
    padding-bottom: 4px;
    padding-right: 8px;
    padding-top: 4px;
}

#bitmoji-icon-target .f1fmog4w {
    position: absolute;
    top: -425px;
}

#bitmoji-icon-target .fp5nm8g,
#bitmoji-icon-target .fe90oc4 {
    background-color: #FFFC00;
    background-image: url(https://s3.amazonaws.com/bitmoji-sdk-images/logo-snapchat.svg);
    background-position: 26px 20px;
    background-repeat: no-repeat;
    background-size: 30px;
    border-radius: 36px !important;
    border-style: none;
    display: block;
    font-family: inherit;
    height: 72px !important;
    margin: 0 auto;
    outline: none;
    width: 286px !important;
    position: relative !important;
    color: #000000 !important;
}

.bitmojiIconParent {
    position: absolute;
    top: -1px;
    left: 63px;
    padding-left: 5px;
    padding-top: 9px;
    cursor: pointer;
}

#bitmoji-icon-target .f1su5vn2 {
    z-index: 2000;
}

.liAddTag {
    float: none;
    padding-right: 0px;
    border-bottom: 0px;
    position: relative;
    top: -13px;
    left: -13px;
    padding-left: 7px;
    margin-top: 7px;
}

.assignJobTags,
.assignJobEdit {
    width: 100% !important;
    background: #f2f5f6;
    height: 40px;
    line-height: 40px;
    color: #2b215b;
    font-size: 14px;
    float: left;
    position: relative;
    margin-bottom: 10px;
}

.potraitChatNavigatorTeam {
    border-bottom: 0.5px solid #e5eaed;
    border-right: 0.5px solid #e5eaed;
    border-left: 0.5px solid #e5eaed;
}

#tagLeftloaderImage {
    position: absolute;
    left: 85px;
}

.attachmentImg {
    margin: 5px;
    padding: 10px;
    height: auto;
    width: auto;
    text-align: center;
}

.noAttachment,
.attachmentDate {
    margin: 5px;
    padding: 10px;
    color: #ffffff;
    text-align: center;
}

.showdropdownTagsCandidate {
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: block;
    line-height: 30px;
    font-size: 16px;
    padding: 0 0 0 10px !important;
    width: 80%;
}

.matchTagfiltering {
    width: 196px;
    background: #fafafa;
    height: 39px;
}

.matchTagfiltering:hover {
    color: #2b215b;
    background-color: #F5F4F7 !important;
}

.globalTagfilterStyles {
    color: #2b215b;
    width: 100%;
    border-radius: 3px;
    height: 25px;
    border: none;
    font-size: 16px;
    font-family: jaldi;
    margin-bottom: 10px;
}

.CandidateTagfilterDropdown {
    position: relative;
    right: 40px;
}

.ShowTagsoptionList {
    display: block;
    width: 325px;
    background: #fafafa;
    padding: 5px 0px;
    position: absolute;
    top: 67px;
    left: 7px;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    /*max-height: 100px;*/
}

.bitmojiExist {
    padding-left: 100px !important;
}

.bitmojiNotExist {
    padding-left: 67px !important;
}

.row {
    display: flex;
}

.clsSelectActions {
    border: 1px solid rgb(43, 33, 91);
    color: #2b215b;
    padding: 8px;
    padding-right: 12px;
    border-radius: 3px;
    background: #f4f4f7;
    height: 33px;
    font-size: 16px;
    width: 86%;
    font-family: jaldi, sans-serif;
    margin-left: 10%;
}


/* Create two equal columns that sits next to each other */
.column {
    flex: 50%;
    padding: 10px;
}

.bitmojiLoaderPreferences {
    height: 35px;
    width: 35px;
    position: relative;
    right: -45px;
}

.messageNotificationsContainer,
.feedsContainer {
    overflow: hidden;
    background: #ffffff;
    padding: 15px;
}

.feedActivityTable {
    background: #f8f8f9;
    margin-top: 5px;
}

.feedActivityTable td {
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
    box-shadow: inset 0 -1px 0 0 #EAE8EA;
    padding: 4px;
}

.receiverFeed {
    color: #2b215b;
    font-size: 14px;
    opacity: 0.5;
    float: left;
    margin-top: 10px;
}

.modalTitle {
    color: #2b215b;
    font-size: 24px;
    font-weight: bold;
    display: inline-block;
    padding: 3px;
}

.modalSubSection {
    width: 100%;
    display: table;
}

.pauseFeed {
    position: relative;
    left: -22px;
    color: #2b215b;
    font-size: 16px;
    top: -2px;
}

.addfeed {
    color: #24bba2;
    font-size: 14px;
}

.editDigestIcon:hover,
.editAction:hover {
    content: url("../images/edit-6-blue.svg");
}

#myModalFeedId .bootstrap-timepicker-widget {
    top: 144px;
    left: auto;
    right: 30px;
}

.agentDigestBackground:hover {
    background-color: #F9F9FA;
}

.showChatNavigationLoader {
    position: relative;
    left: -30px;
    float: right;
    top: 4px;
}

.showNavigationLoaderPotrait {
    position: relative;
    left: -25px;
    float: right;
    top: 4px;
}

.customStyleBitmoji {
    position: absolute;
    bottom: 40px;
    left: 62px;
}

.reducePaddingClass td {
    padding: 0.2rem;
}

/*These are the classes for the td's in candidate table. Please incorporate any newly added field here*/
.singleFields {
    min-width: 60px;
    width: 60px;
}

.statusWidth {
    min-width: 110px;
    width: 110px;
}

.candidateSmsphone,
.candidateaddeddate,
.candidateRating,
.candidateTeamChat,
.candidateSocials,
.candidateImport,
.candidatelocation,
.candidateaddedBydate,
.candidateSourceTool,
.candidateSourceList,
.candidateBlockStatus,
.candidateAtsSync {
    min-width: 150px;
    width: 150px;
}

.candidateCanvasChat,
.candidateFullname,
.candidateEmailaddress {
    min-width: 200px;
    width: 200px;
}

tr.emptyColspan,
.emptyColspan td {
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    visibility: hidden;
}

/*ends here*/
.candidateBulkCheck {
    top: 6px;
    /*display:inline-block;*/
    left: 8px;
    position: relative;
}

.applyColumnSelector {
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 13px;
    color: #fff;
    width: 49px;
    font-family: inherit;
}

.candidate-doted-overflow {
    float: none !important;
    display: inline-block !important;
    position: relative;
    left: 14px;
}

.sourceListFilters {
    display: block;
    padding: 0px !important;
    max-height: 226px !important;
    border-bottom: 1px solid #80808029;
    margin-bottom: 0px
}

.filterDropdown {
    width: 188px;
    position: absolute;
    background: rgb(255, 255, 255);
    box-shadow: rgb(43, 33, 91) 2px 2px 17px -9px;
    display: none;
}

.filterClearDiv {
    border-bottom: 1px solid #edf0f2;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.botActions {
    display: inline-block;
    position: relative;
    left: 6px;
    color: #2b215b;
    font-weight: bold;
}

.canvasconfigbtn {
    position: absolute;
    right: 5px;
    top: 10px;
    color: rgb(43, 33, 91);
    font-size: 20px;
}

.applyAction {
    position: relative;
    text-align: center;
    margin-top: 10px;
    border-top: 1px solid #DDDBE4;
    padding: 10px 10px;
}

.actionsLi {
    height: 40px;
    margin: 10px;
    padding: 6px;
    background-color: #ffffff;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: #2b215b;
}

.clsCanvasBotConfigDetails {
    left: 0px !important;
    position: relative !important;
    top: 0px !important;
    width: 210px !important;
}

.permanentDel {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: #e21a52;
}

.permanentDel:hover,
.archieveClass:hover {
    background: #f7f7f9;
}

.permanentDelStyle {
    font-family: inherit;
    font-size: 16px;
    color: #2b215b;
    position: relative;
    right: 35px;
    top: 0px;
}

.emptycanImg {
    background: #D2D5DA;
}

.archieveClass {
    /*To reduce padding on the archieve and restart menu options*/
    padding: 10px 15px 10px 15px !important;
}

.enableApplyAction {
    background-color: #211754;
}

.disbaleApplyAction {
    background-color: #F1F1F4;
    pointer-events: none;
}

.importnChatINputDiv {
    float: none;
    position: relative;
    top: 2px;
    width: 86%;
    padding: 7px 5px;
    text-overflow: ellipsis;
    display: inline-block;
    border: 1px solid rgb(43, 33, 91);
    color: #2b215b;
    border-radius: 3px;
    background: #f4f4f7;
    height: 40px;
    font-size: 16px;
    font-family: jaldi;
    left: 25px;
}

.importNChatPlaceholder {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    width: 81%;
    font-size: 13px;
    top: 2px;
    overflow: hidden;
}

.searchMultiselect {
    left: 28px;
    position: absolute;
    bottom: 9px;
    width: 20px;
    height: 20px;
}

.share-Candidate-check input {
    width: 20px;
    opacity: 0;
    position: relative;
    left: 5px;
    top: 5px;
    cursor: pointer;
}


.share-Candidate-check input[type="checkbox"]:checked+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOn.svg") no-repeat scroll left 2px top;
    color: #2b215b;
    height: 20px;
    line-height: 20px;
    position: relative;
    text-align: left;
    top: 7px;
    left: -20px;
}

.share-Candidate-check [type="checkbox"]+label {
    background: rgba(0, 0, 0, 0) url("../images/bulkCheckboxOff.svg") no-repeat scroll left top 3px;
    color: #2b215b;
    height: 20px;
    line-height: 20px;
    padding-left: 22px;
    position: relative;
    text-align: left;
    top: 5px;
    left: -20px;
}

.share_CandidateLabel {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    position: relative;
    left: 23px;
    bottom: 25px;
    margin-bottom: 0px;
}

.characterCountText {
    position: absolute;
    right: 25px;
    font-family: inherit;
    font-size: 16px;
    color: #c4c2d1;
}

.bitmojiPosition {
    position: absolute;
    top: 9px;
    left: 63px;
    cursor: pointer;
}

.bitmojiInitialContainer {
    position: absolute;
    top: 1px;
    height: 38px;
    width: 28px;
    padding-left: 10px;
    padding-top: 7px;
    cursor: pointer;
    left: 56px !important;
}

.bitmojiSavedMsgContainer{
    position: absolute;
    top: 1px;
    cursor: pointer;
    left: 85px;
}

.addJobButtonContainer {
    float: right;
    position: relative;
}

.candidateRecListBorder {
    border-bottom: 1px solid rgb(229, 234, 237);
}

.customDataStyle {
    font-size: 14px;
    font-family: inherit;
    color: #2B215B;
    font-weight: bold;
    position: relative;
    left: 5px;
    top: 3px;
}

.underlineOnHover:hover {
    text-decoration: underline !important;
}

.sampleColorChosen {
    height: 25px !important;
    width: 25px;
    border-radius: 50%;
    position: relative;
    left: -35px;
    top: 8px;
    margin: 0px !important;
    display: inline-block;
}

colorpicker-preview {
    display: none !important;
}

.subContainer {
    margin: 10px 5px 10px 5px;
}

.subContainer input {
    width: 100%;
    background-color: #f4f4f7;
    box-shadow: none;
    border: none;
    height: 40px;
    padding: 8px;
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;
}

.phoneNumInputCaptcha {
    width: 87%;
    border-radius: 8px;
    background-color: #ffffff;
    border: 1px solid lightgray;
    padding: 8px;
    font-family: Jaldi;
    font-size: 16px;
    color: #2b215b;

}

.subStyleLabel {
    color: #2b215b;
    font-size: 14px;
    display: block;
    margin-bottom: 0px;
}

.subStyleSpan {
    opacity: 0.5;
    font-size: 12px;
    color: #2b215b;
    display: inline-block;
}

.paddingClass {
    padding: 10px 5px;
}

.savePublish {
    width: unset;
    height: 36px;
    background-color: #24bba2;
    border-radius: 3px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border: 0;
    white-space: nowrap;
    font-family: inherit;
}

.archiveWebBot,
.cancelBot {
    color: #e21a52;
    display: inline-block;
    width: 50%;
    font-size: 14px;
}

.savePublishParent {
    width: 49%;
    display: inline-block;
    text-align: right;
}

.captchaBox {
    width: 350px;
    background: #fafafa;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    border-radius: 2px;
    text-align: center;
    padding-bottom: 10px;
}

.buttonContainer {
    height: 60px;
    width: 175px;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    display: inline-block;
}

.followButtonHeader {
    border: 0 none;
    border-radius: 8px;
    color: #ffffff;
    font-size: 18px;
    font-family: inherit;
    font-weight: bold;
    height: 50px;
    width: 160px;
    position: relative;
    top: 6px;
    /*background-image: url("../images/canvas-logo-grey.svg");
    background-repeat: repeat;*/
}

.phoneNumberCaptchLabel {
    font-weight: bold;
    display: block;
    font-size: 20px;
    text-align: left;
    margin-left: 25px;
}

.notRobotBox {
    background-color: #f1f1f1;
    border: 1px solid lightgray;
    margin-top: 30px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.06);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.06);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.06);
    margin-left: 25px;
    width: 86%;
}

.copyButton {
    border: 0 none;
    background: #CAC8D6;
    font-size: 14px;
    font-weight: bold;
    font-family: inherit;
    color: #2b215b;
    width: unset;
    border-radius: 3px;
    margin: 10px 0px;
    min-width: 60px;
    white-space: nowrap;
}

.botActionBox {
    top: -4px;
    width: 100%;
    background: #fafafa;
    position: relative;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 0px 2px 0 rgba(0, 47, 77, 0.18);
    overflow: visible;
    border-radius: 2px;
    margin-bottom: 8px;
}

.webBotTitleHeader {
    font-size: 20px;
    font-weight: bold;
    color: #2b215b;
    display: inline-block;
    line-height: unset;
}

.addnewBotButton {
    background-color: #24BBA2;
    border: none;
    padding: 8px 20px;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    float: right;
}

.webBotContainer:hover {
    border: 1px solid #24bba2 !important;
}

.webBotContainer {
    clear: both;
    margin-bottom: 15px;
    border: 1px solid lightgray;
    border-radius: 7px;
}

.botLabel {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    color: #2b215b;
    display: block;
}

.automaticActionLabel {
    opacity: 0.5;
    color: #2b215b;
    font-size: 14px;
    position: relative;
    bottom: 4px;
}

.searchMultiselectWebBot {
    left: 22px;
    position: absolute;
    bottom: 13px;
    width: 15px;
    height: 15px;
}

.copiedSuccessLabel {
    font-size: 16px;
    color: #24bba2;
    font-family: inherit;
    display: none;
    margin-left: 8px;
}

.noWebBotCreation {
    margin-top: 40px;
    border: 1px solid #F0F1F3;
    background: #F0F1F3;
}

.globeImageStyle {
    display: inherit;
    text-align: center;
    margin-top: 70px;
}

.nowebBotsStyle {
    font-family: inherit;
    font-size: 14px;
    color: #2b215b;
    display: inherit;
    text-align: center;
}

.webBotCreationText {
    font-family: inherit;
    font-size: 14px;
    color: #24BBA2;
    display: inherit;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px;
    cursor: pointer;
}

.webBotCreationText:hover {
    text-decoration: underline;
}

.neverPublishStyle {
    color: #2b215b;
    opacity: 0.5;
    position: relative;
    top: 5px;
    font-family: inherit;
    font-size: 12px;
}

.expandedControls {
    border: 1px solid #24bba2;

}

.expandedControls .hidecontrol, .visibilityHidden {
    visibility: hidden;
}

.expandedControls .fa-chevron-down {
    color: #24bba2;
}

.newWebBotContainer {
    clear: both;
    border: 1px solid #24bba2;
    border-radius: 7px;
}

.showDefaultBorder {
    border: 1px solid #f4f4f7;
}

.lastPublishedLabel {
    white-space: nowrap;
    font-size: 12px;
    color: #2b215b;
    opacity: 0.5;
    position: absolute;
    right: 20px;
    margin-top: 10px;
}

/*.newWebBotContainer.ng-animate , .existingBot.ng-animate{ 
  -webkit-animation: none 0s; 
}*/
.showMultipleImageBlock {
    width: auto;
    position: absolute;
    left: 176px;
    bottom: 35px;
    background: white;
    max-width: 265px;
    display: none;
    padding: 3px;
    overflow-x: auto;
    cursor: pointer;
    box-shadow: rgb(43, 33, 91) 0px 0px 17px -10px;
    border: 0.5px solid #e5eaed;
}

.showMultipleImageBlock span {
    cursor: pointer;
}

.messageLabelImportModel {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #2b215b;
    margin: 15px 0;
}

.textBoxOnFocus:focus {
    border: 1px solid #24bba2;
}

.textBoxOnFocus {
    border: 0;
    width: 100%;
    font-size: 13px;
    text-align: left;
    color: rgba(43, 33, 91, 1);
    background: #f5f4f7;
    padding: 7px;
    border-radius: 3px;
}

.actionBlockMessage {
    opacity: 0.5;
    font-family: Jaldi;
    font-size: 14px;
    color: #2b215b;
}

.actionLabelMessage {

    font-size: 16px;
    font-weight: bold;
    color: #2b215b;
}

.labelActionshover {
    color: #24BBA2 !important;
    text-decoration: underline;
    cursor: pointer;
}

.marginStyleAction {
    margin-top: 25px;
}

.jobActionStyle {
    margin-right: 5px;
    color: #2b215b;
    font-family: inherit;
}

.tagsActionStyle {
    margin-right: 5px;
    color: #2b215b;
    font-family: inherit;
}

.autoStartActionStyle {
    color: #2b215b;
    font-family: inherit;
}

.resetLink {
    height: 50px !important;
    white-space: nowrap;
    padding: 10px 7px !important;
    width: 92% !important;
    margin-left: 12px !important;
}

.closeStartBotCampaign:hover {
    color: #2b215b;
}

.showNavbarProfilMenus {
    width: 290px !important;
    top: -19px !important;
    background-color: inherit !important;
    box-shadow: none !important;
    right: -2px !important;
}

.organizationList:hover {
    background-color: #f7f7f9;
}

.organizationNotFound {
    display: inline;
    color: #2b215b;
    margin-left: 40px;
    margin-bottom: 10px;
}

.resumeTypeOptions {
    position: absolute;
    width: 100%;
    z-index: 7;
    background: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    left: -2px;
    top: 32px;
}

.resumeTypeOptions li {
    font-size: 14px;
    padding: 4px;
}

.resumeTypeOptions li a {
    color: #2b215b;
    text-decoration: none !important;
}

.resumeInput {
    background: #fff;
    border: none;
    padding: 8px;
    font-size: 14px;
    color: #2b215b;
    width: 65%;
}

.candidateAddModalAction:hover {
    text-decoration: underline;
}

.socialProfileStyles {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    margin-right: 5px;
}

.uploadResumeStyles {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    margin-right: 5px;
    margin-left: 3px;
}

.potentialJobStyles {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    margin-right: 5px;
    margin-left: 3px;
}

.tagsStyles {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    margin-right: 5px;
    margin-left: 3px;
}

.NotesStyles {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    margin-left: 3px;
}

.resumeTypeLi:hover {
    background: #f7f7f9;
}

.botUpperRight {
    font-size: 12px;
    color: #2b215b;
    opacity: 0.5;
    position: absolute;
    top: -36px;
    float: right;
    display: table;
    padding-right: 25px;
    right: -7px;
}

.noCanvasAssign {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    position: relative;
    top: 10px;
    left: 4px;
}

.amplifySendTime {
    position: relative !important;
    bottom: -9px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
    padding-left: 8% !important;
}

.bulkMessageWarning {
    width: 100%;
    background: #24bba2;
    padding: 10px;
    height: 65px;
    margin-bottom: -5px;
}

.bulkMessageLabel {
    display: inline-block;
    width: 345px;
    font-size: 14px;
    font-family: inherit;
    color: #fff;
}

.bulkMessageDismissStyle {
    font-size: 16px;
    font-family: inherit;
    color: #fff;
    position: relative;
    left: 20px;
    bottom: 11px;
    text-decoration: underline;
    font-weight: bold;
}

.libraryLink:hover {
    text-decoration: underline !important;
}

.libraryLinkFlyIcon:hover {
    background-color: #F5F4F7;
}

.downloadHistory:hover {
    content: url("../images/download.svg");

}

.showAlternates {
    position: absolute;
    width: auto;
    max-width: 158px;
    padding: 3px;
    overflow-x: auto;
    cursor: pointer;
    box-shadow: rgb(43, 33, 91) 0px 0px 17px -10px;
    border: 0.5px solid #e5eaed;
    bottom: 65px;
    background: white;
    left: 64px;
    z-index: 100;
}

.downloadOption {
    position: absolute;
    right: -15px;
    background: #fafafa none repeat scroll 0 0;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    border: 0 none;
    color: #2b215b;
    font-size: 14px;
    z-index: 999;
    width: 210px;
}

.downloadOption ul li {
    padding: 10px;
}

.downloadOption ul li:hover {
    padding: 10px;
    background: #f5f4f7;
}

.leftArrow {
    color: #c4c2d1;
}

.downloadImages {
    padding-right: 15px;
}

.markAllReadLoader {
    height: 28px;
    position: absolute;
    top: 66%;
    right: 36%;
    cursor: pointer;
    font-size: 14px;
    margin-top: 9px;
}

.emojiPickerIconWrap {
    display: block !important;
}
.emojiPickerAddMsg {
    z-index: 13000 !important;
    top: 175px !important;
    left: 790px !important;
}

.emojiPicker .shortcode .eod .emoji {
    top: 0px !important;
}
.emojiIconDisplay + .emojiPickerIcon{
    opacity: 0.6;
    left: 17px;
    top: 99px !important;
    z-index: 1;
    height: 27px !important;
    width: 27px !important;
}
.bitmojiEditMesageContainer , .bitmojiAddMesageContainer {
    position: relative; 
    left: 46px; 
    top: 1px;
}
.bitmojiEditMesageContainer .bitmojiImage , .bitmojiAddMesageContainer .bitmojiImage {
    height: 18px;
    width: 18px;
}
/*emoji picker inside saved message container, not writing together due to plugin misbehaviour*/
#savedMessageCreateBody + .emojiPickerIcon {
    top: 110px;
    opacity: 0.6;
    left: 40px;
    height: 27px !important;
    width: 27px !important;
    z-index: 9;
}
#viewSavedReplyBody + .emojiPickerIcon {
    top: 110px;
    opacity: 0.6;
    left: 40px;
    height: 27px !important;
    width: 27px !important;
    z-index: 9;
}
/*end of emoji picker inside saved message container*/
#chatPost + .emojiPickerIcon {
    top: 7px !important;
    opacity: 0.6;
}
.editMessageClass + .emojiPickerIcon {
    top: 98px;
    opacity: 0.6;
    left: 16px;
    z-index: 1;
}
#savedescription + .emojiPickerIcon {
    top: unset !important;
    opacity: 0.6;
    left: 17px;
    z-index: 1;
    height: 27px !important;
    width: 27px !important;
}

#savedMessageCreateBody + .emojiPickerIcon:hover , #chatPost + .emojiPickerIcon:hover , #viewSavedReplyBody + .emojiPickerIcon:hover , .emojiIconDisplay + .emojiPickerIcon:hover {
    opacity: 1;
}
#savedescription + .emojiPickerIcon:hover {
    opacity: 1;
}
.saved-message-bitmoji-icon-target div img[data-test-id=bitmoji-sdk-icon], 
.add-message-bitmoji-icon-target div img[data-test-id=bitmoji-sdk-icon],
.edit-message-bitmoji-icon-target div img[data-test-id=bitmoji-sdk-icon]
 {
    height: 20px;
    width: 20px;
}

.printChart {
    position: absolute;
    top: 6px;
    right: 45px;
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
    /* font-weight: bold;*/
}

.chatRightNavBadgeIcon {
    display: block !important;
    background-color: #1cb79e;
    width: 13px;
    height: 13px;
    top: 31px;
    border-radius: 50%;
    border: 1.5px solid #2b215b;
    left: 5px;
    position: absolute;
}

.restartChatBanner {
    display: flex;
    color: #fff;
    background: #e21a52;
    border-radius: 4px;
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    top: 3px;
    width: 167px;
    padding-left: 4px;
}

.restartHover:hover {
    text-decoration: underline;
    cursor: pointer;
}

.colorpicker.dropdown {
    z-index: 4 !important;
}

.showAllPotrait {
    display: inline-block;
    width: 50%;
    text-align: right;
    position: absolute;
    right: 20px;
    top: 5px;
}

.ratingDropdown {
    position: absolute;
    top: 77px;
    left: 45px;
    border: 1px solid #ddd;
    background: #fff;
    width: 53%;
}

.showEmptyLi:empty {
    height: 20px;
    margin: 2px;
}

.hoverLiChanges {
    margin: 2px;
}

.hoverLiChanges:hover {
    background: #f7f7f9;
}

.inputStarStyling {
    height: 17px;
    width: 18px;
    position: absolute;
    left: 120px;
    bottom: 16px;
}

.starImageStyling {
    height: 17px;
    width: 18px;
}

.displayStarValues {
    display: inline;
    position: absolute;
    left: 45px;
}

.fa-stack i.fa-star {
    color: yellow;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: yellow;
}

.fa-stack i.fa-star-half {
    color: yellow;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: orange;
    margin-left: -5px;
}

.transcriptModalSytle {
    border-radius: 10px 10px 10px 0;
    text-align: left;
    width: 280px;
    position: absolute;
    background: #918caa;
    /* top: -133px; */
    /* right: 36%; */
    height: 198px;
    bottom: 39px;
    margin-left: 47px;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    overflow-x: hidden !important;
}

.transcriptAttachmentHover:hover {
    text-decoration: underline;
}

.transcriptListHover:hover {
    color: #2B215B !important;
    background-color: #F0EFF2 !important;
}

.showProspectTranscript {
    position: absolute;
    margin-left: 84px;
    width: 215px;
    background: white;
    margin-top: 8px;
    z-index: 3;
}

.prospectImportButton,
.prospectAmplifyButton,
.prospectExportDataButton {
    color: #fff;
    background-color: #2B215B;
    opacity: 0.15;
    border-color: #fff;
    font-weight: bold;
    float: left;
    padding: 0;
    height: 40px;
    border-radius: 4px;
    width: unset;
    min-width: 110px;
    white-space: nowrap;
    margin-right: 5px;
}

.prospectStyleGreenButton {
    background-color: #24BBA2;
    opacity: 1;
}

.prospectStyleGreenButton:hover {
    background-color: #24BBA2;
    opacity: 0.5
}

.prospectStyleBlueButton {
    background-color: #2B215B;
    opacity: 1;
}

.prospectStyleBlueButton:hover {
    background-color: #2B215B;
    opacity: 0.5
}

.amplifyInputFilterStyle {
    border: 1px;
    background: #fff !important;
    color: #2b215b !important;
    font-size: 16px;
    font-family: inherit;
    width: 265px;
}

.amplifySearchClose,
.prospectSearchClose {
    top: 6px;
    position: absolute;
    right: 5px;
}

.teamListAts {
    display: block;
    width: 220px;
    background: #fafafa;
    padding: 5px;
    position: absolute;
    z-index: 25;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    -moz-box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    max-height: 127px;
    overflow: auto;
}

.savedrepliespopupQuickSndAutosearch {
    position: absolute;
    width: 450px;
    left: -6px;
    max-height: 167px;
    background-color: #ffffff;
    z-index: 1000;
    border-radius: 5px;
    overflow: auto;
    overflow-x: hidden;
    box-shadow: 0 8px 16px 0 rgba(43, 32, 91, 0.1);
}

.resourceCollectorImage {
    float: right;
    margin-right: 30px;
    margin-top: 40px;
    padding-left: 30px;
}

.suggestions-box {
    background: #fafafa none repeat scroll 0 0;
    border: 0 none;
    color: #2b215b;
    font-size: 16px;
    width: 100%;
    clear: both;
    border: 1px solid #e4dddd;
    max-height: 200px;
    overflow: auto;
    border-radius: 3px;
}

.suggest-now,
.suggest-li:hover {
    background: #E6FAF7;
}

.suggested-msg-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    display: inline-block;
    width: 30%;
}

.suggested-msg-body {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
    display: inline-block;
    margin-left: 10px;
}

.suggestMessageInput {
    border: 1px solid #fafafa;
    font-size: 1px;
    color: transparent;
}

.suggestMessageInput:hover {
    border: 1px solid #E6FAF7;
}

.message-list-ul, .overflowHidden {
    overflow: hidden;
}

.grayscaleClass {
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
}

.lighterOpacity {
    opacity: 0.35;
}

.importTeamChat {
    display: none;
}

.importTeamChatList {
    position: absolute;
    z-index: 5;
    background: white;
    display: none;
    right: 0px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}

.teamImportonHover:hover {
    background-color: #F5F4F7;
}

.bulkimportTeamChat {
    display: none;
}

.bulkimportTeamChatList {
    position: absolute;
    background: white;
    width: 200px;
    right: 5px;
    top: 42px;
    z-index: 5;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    color: #2B215B;
    max-height: 230px;
}

.importTeamliststyle {
    font-size: 14px;
    font-family: inherit;
    margin-left: 5px;
    color: #2b215b;
}

.candidateTeamChatList {
    display: none;
    position: absolute;
    background: white;
    width: 235px;
    border: 0.5px solid #e5eaed;
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    max-height: 212px;
    overflow: auto;
}

.candidateTeamChatLoader {
    display: none;
    margin-left: 100px;
}

.importTeamImage, .builderConfigIconImage, .chatContainerUserImg {
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

/*.audienceCalendar , .audienceClock , .validationNotification {
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 7px;
}*/

.audienceMessageBody {
    width: 500px;
    height: 80px;
    color: #2b215b;
    border-radius: 3px;
    background: #fbfcfd;
    border: none;
    font-family: jaldi;
    overflow-x: hidden;
    overflow-y: hidden;
    resize: none;
}

.audienceResponseSlot {
    float: right;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
}


.audienceClock .bootstrap-timepicker-widget {
    left: -15px !important;
}

.amplifyActionModel {
    z-index: 2;
    position: absolute;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    overflow: visible;
    border-radius: 2px;
    display: none;
    right: -180px;
    width: 250px;
    background: #fff;
}

.amplifyBranchActionModel {
    z-index: 2;
    position: absolute;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    overflow: visible;
    border-radius: 2px;
    display: none;
    right: -185px;
    width: 250px;
    background: #fff;
    margin-top: 30px;
}

.existingAmplifyBot {
    cursor: pointer;
    position: relative;
    width: 42%;
    font-family: "jaldi", sans-serif;
    font-size: 16px;
    height: 36px;
    padding: 8px 12px;
    margin-left: -4px;
}

.existingAmplifyBotInput {
    margin-left: -6px;
    background-color: #F5F4F7;
    border: 1px solid #2b215b;
    height: 38px;
    border-radius: 3px;
    padding-left: 4px;
    padding-right: 28px;
    position: absolute;
    width: 200px;
    font-size: 14px;
    font-family: inherit;
}

.createNewExisting {
    font-size: 18px;
    font-weight: bold;
    color: #2b215b;
    margin-top: 15px;
    margin-left: 10px;
    text-align: left;
}

.existingContent {
    width: auto;
    padding: 2px;
    color: #2B215B;
    word-spacing: 3px;
    margin-left: -2px;
}

.existingBotHeading {
    color: #2b215b;
    font-weight: bold;
    margin-top: 7px;
}

.existingAmplifybtn {
    position: absolute;
    right: -25px;
    top: 16px;
    color: rgb(43, 33, 91);
    font-size: 20px;
}

.amplifyContent {
    width: 230px;
    text-align: left;
    margin-left: 10px;
    margin-top: -11px;
    color: #2B215B;
    opacity: 0.5;
}

.amplifyBox {
    position: relative;
    top: 45px;
    left: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    height: 81px;
    width: 345px;
    text-align: left;
    margin-bottom: 10px;

}

.amplifyBox:hover {
    cursor: pointer;
    border-color: #24BBA2;

}

.amplifyBox .fa-chevron-right {
    opacity: 0.4;
}

.clsExistingSchdlButtonOpacity {
    opacity: 0.7;
}

.goBacktoAmplify {
    position: relative;
    left: 3px;
}

.loadAmplify {
    margin-left: 10px;
    margin-top: -11px;
}

.amplifyEditHover {
    position: relative;
    top: 2px;
}

.validationNotification div img {
    height: 24px;
    width: 20px;
}

.amplifyEditHover:hover,
.builderEditPurpleHover:hover {
    content: url("../images/edit-new-purple.svg");
}

.amplifyConfigActionIcon:hover,
.builderConfigActionHover:hover {
    content: url("../images/config-actionsPurple.svg");
}

.responseToolTip,
.audienceBullhornToolTip,
.noaudienceBullhornToolTip,
.pauseMessageAmplify {
    position: absolute;
    background: #2DA08D;
    color: white;
    padding: 7px;
    border-radius: 7px;
    z-index: 11;
    top: 38px;
    left: -70px;
    display: none;
    width: 162px;
}

.responseToolTip div,
.audienceBullhornToolTip div,
.noaudienceBullhornToolTip div,
.pauseMessageAmplify div {
    background: #2DA08D;
    position: absolute;
    width: 15px;
    height: 15px;
    top: -5px;
    left: 49%;
    transform: rotate(-43deg);
    z-index: 10;
}

.audienceMessageList {
    position: absolute;
    max-height: 175px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
    width: 260px;
    z-index: 11;
    right: 0px;
    cursor: pointer;
}

.clsExistingBotDropDown {
    position: absolute;
    left: 4px;
    top: 48px;
    max-height: 170px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.1);
    white-space: nowrap;
    overflow: hidden;
    overflow-x: hidden;
    width: 204px;
    z-index: 11;
}

.clsExistingBotDropDownContent {

    max-height: 150px;
    overflow: auto;
    overflow-x: hidden;
    width: 204px;
    color: #2B215B;
    /*margin-left: 5px;*/
}

.deleteMessage {
    width: 175px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 0;
    right: -13px;
    z-index: 4;
}

.deleteSlot {
    width: 460px;
    height: 40px;
    border-radius: 3px;
    background-color: #fafafa;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    position: absolute;
    top: 0;
    right: -13px;
    z-index: 4;
}

.filterAudienceAllMine {
    position: relative;
    left: 100px;
    font-size: 16px;
    color: #24bba2;
    font-weight: normal;
    margin-left: 8px;
}

.filterAudienceAllMine:hover, .textDecorationUnderLine {
    text-decoration: underline;
}

.welcomeMessageContainer,
.shareMessageContainer,
.savedMessageContainer {
    overflow: hidden;
}

.createBotAmplify {
    background-color: #24BBA2;
    border: none;
    padding: 8px 20px;
    color: white;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    border-radius: 3px;
    float: right;
    margin-top: 18px;
    margin-right: 35px;
}

.sendingNumOptionsAmplifyDetails {

    padding: 5px 0px;
    width: 100% !important;
    top: 45px !important;
    display: none;
    z-index: 4 !important;

}

.amplifyLi,
.timeDropDownLi {
    font-size: 14px;
    border-radius: 2px;
    color: #2b215b;
    opacity: 1;
    display: block;
    line-height: 25px;
}

.amplifyLi:hover {
    background-color: #f5f4f7;
}

.button-amplify-schedule {
    width: auto !important;
    font-style: inherit !important;
    font-family: "Jaldi", sans-serif !important;
}

.button-amplify-sendnow,
.button-batch-sendnow {
    width: auto !important;
    font-family: "Jaldi", sans-serif !important;
    background-color: #24bba2;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    padding: 0 20px;
    text-decoration: none;
}

.buttton-batch-schedule {
    width: auto !important;
    font-style: inherit !important;
    font-family: "Jaldi", sans-serif !important;
}

.timeDropdown {
    position: absolute;
    /*    right: 84px;*/
    z-index: 10;
    width: 87px;
    overflow: auto;
    background: rgb(250, 250, 250);
    padding: 5px 0px;
    text-align: left;
    padding-left: 2px;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    margin-top: -24px;
}

.timeDropDownLi {
    font-size: 16px !important;

}

.timeDropDownLi:hover {
    background-color: #f5f4f7
}

.conditionMessageBody {
    color: #2b215b !important;
    font-size: 22px
}

.msgTitleAmplify {
    background-color: #f5f4f7;
    color: #2B215B;
    height: 40px;
    padding: 8px 12px;
    border-radius: 3px;
    width: 170px;
    border: none;
}

.msgTitleAmplify:focus {
    background-color: #f4f4f7;
    color: #2B215B;
}


.audienceimportTeamChatList {
    position: absolute;
    z-index: 5;
    background: white;
    display: none;
    /*  left: -40px;*/
    right: 0px;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    top: 40px;
}

.audienceDropDownImage {
    position: absolute;
    margin-left: 2px;
}

.audienceBulkImportDropDownImage {
    position: absolute;
    right: 6px;
    top: 7px;
}

.audienceimportBulkTeamChatList {
    position: absolute;
    z-index: 10;
    background: white;
    display: none;
    font-weight: normal;
    font-size: 14px;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
    top: 100px;
    right: 0px;
    width: 180px;
}

.audienceImportButtonStyle {
    background: #24bba2;
    height: 35px;
    padding: 5px;
    font-weight: bold;
    border-radius: 3px;
    padding-left: 0px;
    width: 90px;
    display: inline-block;
}

.msgDropDownAudience:hover {
    background-color: #f5f4f7;
}

.parentTextAreaAmplify {
    position: relative;
    padding-left: 15px;
    padding-top: 15px;
    border-right: 1px solid #e6e6e6;
    padding-right: 15px;
}

.preferenceTextAreaCont {
    position: absolute;
    right: 0;
    color: #2b215b;
    opacity: 0.5;
}

.iconChatDelete:hover,
.hoverTrash:hover {
    content: url("../images/trashred.svg");
}

.hoverMessageAsh:hover {
    content: url("../images/message-green.svg");
}

.hoverPrinter:hover {
    content: url("../images/printimage-blue.svg");
}

.overlayGreenImage {
    width: 80% !important;
    height: 85% !important;
    border-radius: 1px !important;
    top: 31px !important;
}

.loaderPreferanceLogos {
    height: 35px;
    width: 35px;
    display: block;
    margin-left: 40px
}

.brandImageClsCS,
.brandImageClsMR,
.brandImageClsEM {
    height: 35px;
    width: 35px;
    position: absolute;
    top: 45px;
    right: 90px;
    display: none;
}

.copiedTextBuilder {
    display: none;
    color: #24bba2;
    font-size: 12px;
    position: relative;
    left: 8px;
    top: -2px;
}

.builderContainer {
    position: relative;
    margin-bottom: 100px;
    top: 60px;
    padding-top: 40px;
    left: -5px;
    width: 993px;
    display: table;
}

.builderActiveBanner {
    height: 38px;
    background-color: #24bba2;
    width: 96%;
    color: #fff;
    position: absolute;
    top: -40px;
    left: 3px;
    margin-left: 20px;
}

.builderErrorBanner {
    margin-top: 1px;
    background-color: #e21a52;
    width: 96%;
    color: #fff;
    position: absolute;
    left: 0.5%;
    margin-left: 20px;
    top: -41px;
    height: 38px;
}

.hoverEditQues:hover,
.hoverEditRes:hover,
.builderEditHover:hover {
    content: url("../images/edit-6-red.svg");
}

.hoverDeleteQues:hover,
.hoverDelRes:hover {
    content: url("../images/delete-6-red.svg");
}

.hoverPreviewRes:hover {
    content: url("../images/view-red.svg");
}

.hoverInformation:hover {
    content: url("../images/information_blue.svg");
}

.builderArrowUpDownHover:hover {
    content: url(../images/arrow-down-violet.svg);
}

.builderAutoRespondHover:hover {
    content: url(../images/next-green.svg);
}

.testWebhookModal {
    border-radius: 5px;
    width: 403px;
    position: absolute;
    background: white;
    top: 180px;
    right: 36%;
}

.webHookTestResult {
    clear: both;
    padding-left: 30px;
    padding-top: 25px;
    color: #2b215b;
    font-size: 15px;
}

.pagesCampaignstyle{
color:rgb(36, 187, 162);
border-bottom:3px solid #24bba2;
}

.pagesCampaignStyleEmpty{
color:unset;
border-bottom:unset;
}

.webHookTestResult textarea {
    border: 0;
    width: 96%;
    font-size: 13px;
    text-align: left;
    color: rgba(43, 33, 91, 1);
    background: #f5f4f7;
    padding: 7px;
    border-radius: 3px;
    height: 200px;
}

.validationHover:hover {
    content: url("../images/validationGreen.svg");
    opacity: 1 !important;
}

.messageAshHover:hover {
    content: url("../images/message_purple_CH.svg");
}
.paginationLabel{
    position: relative;
    top: -2px;
    text-decoration-color: #2b215b;
    opacity: 0.7;
    left: 100px;
}
.joblibGlobalOverflow{
    position: absolute !important;
    right: 0 !important;
    top: 1.1% !important;
    width: 150px !important;
}
.joblibOverflowOption{
    position: relative;
    opacity: 1;
    width: 20px;
    padding-left: 2px !important;
}
.joblibDropDownAddJob{
    width: 180px !important;
    padding: 2px !important;
    top: 40px !important;
}
.importClearFilterClass, .keywordDashBoardClearFilterClass{
    color: #24bba2 !important;
    margin-left: 60px;
    font-size: 13px;
    text-decoration: none;
}
.importFilterInputGoBox, .keywordDashBoardFilterInputGoBox{
    margin-bottom: 0px !important;
    padding: 5px;
    background: #fff;
    height: 50px;
}
.importFilterInputGoBoxLi, .keywordDashBoardFilterInputGoBoxLi{
    margin-bottom: 5px;
    padding-left: 8px;
    width: 206px;
    padding-top: 5px;
}
.importFilterStatusSelectOption{
    width: 80%;
    display: inline-block;
    border-color: rgb(36, 187, 162);
    height: 27px;
    padding: 1%;
    font-family: Jaldi, sans-serif !important;
    font-size: 14px !important;
}
.scheduleMsgModalHeadLabel{
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
    margin: 10px 28px;
}
.scheduleMsgAttachmentIcon{
    background-color: white;
    position: relative !important;
    left: 25px;
    padding-top: 0 !important;
    top: 3px !important;
}
.scheduleMsgTimePicker{
    height: 40px;
    border: 0px;
    background: rgb(244, 244, 247) !important;
    text-align: left;
}
.scheduleMsgLoaderImage{
    float: right;
    display: inline-block;
    width: 25px;
    position: relative;
    right: 40px;
}
.scheduleMsgErrorMessage, .chatScheduleErrorMsg{
    color: rgb(226, 26, 82);
    margin-left: 30px;
    font-size: 12px;
    margin-top: 10px;
}
.scheduleMsgMergeTags{
    top: 165px !important; 
    left: 15px !important;
    z-index: 10 !important;
}
.scheduleMsgMergeTagHeading, .chatScheduleMsgMergeTagHeading{
    font-size: 16px;
    text-align: left;
    color: #2b215b;
    margin: 0 0 10px 0;
    font-weight: normal;
}
.viewTaskDeleteMessage{
    width: 144px !important;
    top: 20px !important;
    height: 35px !important;
}
.collectionContentStyle{
    background: #fafafa none repeat scroll 0 0;
}
/*QuestionLibrary*/
.questionHeaderStyle{
    position: relative;
    bottom: 55px;
}

.questionTablePosition{
    position: relative;
    bottom: 40px;
}

.questionCollectionHeader{
    padding-right: 17px;
}

.questionCollectionPosition{
    height:auto;
    min-height:300px !important;
}

.height195 {
    height: 195px !important;
}

.confirmationParaStyles{
    padding: 4px 20px !important;
}

.margin130 {
    margin-left: 130px;
}

.color24bba2Imp{
    background-color: #24bba2 !important;
}

.width80_prcntImp{
    width: 80% !important;
}

.questionCheckBoxPosition{
    cursor: pointer; 
    opacity: 1 ; 
    padding-left: 9px !important; 
    width: 20px !important;
}

.inputQuestionCheckBox{
    width: 24px !important;  
    opacity: 0 !important;
}

.questionEmptyCheck{
    left: -3px !important; 
    top: -2px !important;
}

.questionDownimageSytle{
    top: -6px !important;
    z-index: 1 !important;
}

.bulkSelectLabel{
    padding-bottom: 5px !important; 
    right: -73px !important;
    z-index: 1 !important;
}

.bulkResourceSelectLabel{
    padding-bottom:5px;
    right: -51px !important;
    z-index: 1 !important;
}

.quesTimeaskedLabel{
    opacity: 0.5 !important; 
    text-align: center !important;
}

.questionGlobalOverflow{
    position: relative; 
    padding: 0 !important; 
    opacity: 1; 
    top: -7px;
}

.questionSingleCheck{
    cursor: pointer; 
    padding-left: 9px !important; 
    width: 20px !important;
}

.questionInlineOptions{
    position: absolute; 
    right: 0 !important; 
    top: 1.1% !important; 
    width: 180px !important; 
    z-index: 7 !important;
}

.editQuestionDropdown{
    position: absolute;
    right: 0 ; 
    top: 0% ; 
    width: 180px !important; 
    z-index: 8 !important;
}

.questionColumnOverFlow{
    position: relative;
     padding: 0 !important; 
     opacity: 1;
}

.marginTop_11Imp{
    margin-top: -11px !important;
}

.clearFloatsytle, .clearBoth{
    clear: both !important;
}

.TextNoWrap{
    white-space: nowrap !important;
}

.wordBreakAllImp{
    word-break: break-all !important;
}

.cursorStyle, .cursorPointer{
    cursor:pointer;
}

.questionTotalUsed{
    text-align: center !important;
    padding-right: 20px !important;
} 
.questionAddModel {
    padding-right: 17px; 
    min-height: 150px;
}
.top89_prcnt{
    top: 83% !important;
}

.questionViewMergeTags{
    top: 160px !important; 
    left: 15px; 
    z-index: 10;
}
.questionAddMergeTags,.resourceAddMergeTags {
    font-size: 16px !important; 
    text-align: left; 
    color: #2b215b; 
    margin: 0 0 10px 0 !important; 
    font-weight: normal !important;
}
.top160Imp{
    top: 160px !important;
}
.width416Imp{
    width: 416px;
}
.candiPermanentDeleteModal {
    height: 229px;
    width: 410px;
}
.candiPermanentDeletePara {
    margin: 0px;
    padding-left: 20px;
    padding-right: 20px;
}



/*QuestionLibrary Ends*/

/*ResourceLibrary*/

.resourceCheckBoxPosition{
    cursor: pointer;
    opacity:1;
    padding-left: 18px !important;
}

.resourceLabelStyle{
    opacity:0.5;
    white-space: nowrap !important;
    width: 200px !important;
}

.resourceNameLabelStyle{
    opacity:0.5;
    white-space: nowrap; 
    text-align:center !important;
}

.resourceTotalUses{
    opacity:0.5;
    white-space: nowrap !important;
}

.resourceGlobalOverflow{
    position: relative; 
    padding:0 !important;
    width:57px; 
    top: -7px;
}

.resourceInlineOption{
    position: absolute;
    right:0;
    top:1.1% !important;
    z-index: 7 !important;
}

.floatLeftImp{
    float:left !important;
}

.floatRightImp{
    float: right !important;
}

.resourceSingleCheck{
    cursor: pointer;
    padding-left: 18px !important;
    width:57px;
}

.resourceTotalUsed{
    white-space: nowrap ;
    text-align: center !important;
}

.resourcePreviewDocsStyle{
    padding: 0 !important;
    color: gray !important;
}

.resourceInlineFlowIcon{
    padding: 0 !important;
    position:relative;
}

.resourceDotIConStyle{
    float:left;
    padding: 0;
}

.resourceEditIconStyle{
    position: absolute;
    width: 168px !important;
    right:0;
    top:0px;
}

.paddingRight4{
    padding-right: 4px;
}

.previewModalDocStyle{
    background-color: rgba(50, 27, 191, 0.3);
}

.documentPreviewStyle{
    height:80%;
    max-width: 70% !important;
    top: 25px;
    margin-bottom: 0px;
}

.documentPreviewHeaderTitle{
    float: left; 
    font-weight: bold;
}

.documentDownloadUrlStyle{
    cursor: pointer; 
    text-decoration: none;
}

.docPreviewModalHeader{
    height: 100%; 
    background: transparent !important; 
    top: 10px;
}

.previewModalBodyFrame{
    padding: 10px !important;
    background: transparent;
}

.previewModalFrame{
    width: 136px;
    height: 123px;
    margin: auto;
    position:  absolute;
    top:  0;
    bottom:  0; 
    left:  0; 
    right:  0;
}

.documentImageStyle{
    width: 102px;
    margin-left: 15px;
}

.documentNopreviewTextStyle{
    font-size: 16px !important; 
    color: white; 
    margin-top: 3px !important;
}

.paddingRight17{
    padding-right: 17px;
}

.marginTop9{
    margin-top: 9px;
}
.top91_prcntImp{
    top: 91% !important;
}
.top372Imp{
    top: 372px !important;
}
.left15{
    left: 15px;
}
.zIndex10{
    z-index: 10;
}
.left80{
    left: 80px;
}
.width405Imp{
    width: 405px;
}
.right37_prcntImp{
    right: 37%;
}


/*Resource Library End*/


.messageHeaderTitle{
    height: 37px; 
    margin-left: 0px !important; 
    position: relative; 
    top: -50px;
}

.messageLoadingBanner{
    position: relative; 
    top: -50px;
}

.height35{
    height:  35px;
}

.width80_prcntImp{
    width: 80% !important;
}

.messageSearchBoxStyle{
    height:  35px; 
    position: relative;
    margin-top: 10px;
}

.searchMessagePosition{
    width: 300px;
    margin-right: 0px;
    position:  relative; 
    height: 43px; 
    background: white;
}

.searchImageMessageBox{
    width: 20px; 
    height: 20px; 
    float: left; 
    margin-top: 12px; 
    margin-left: 10px;
}

.messageSearchInputFieldStyle{
    max-width: 75%; 
    border: 0px; 
    height: 41px; 
    max-width: 100%; 
    width: 82%; 
    color: black;
    margin-left: 10px; 
    opacity: 0.7;
}

.msgSearchx{
    position: absolute; 
    top: 8px; 
    right: 7px;
}

.addMessagecollectionStyle{
    position: absolute; 
    height: 42px !important; 
    right: 0;
    top: 0;
}

.addMessageTextStyle{
    position:relative; 
    bottom:0px !important; 
    margin-bottom: 0px !important;
}

.viewMessageStyle{
     position: relative; 
     top: -50px;
}

.messageTableStyle{
    position: relative; 
    top: 35px; 
    margin-bottom: 50px;
}

.messageTitleTextStyle{
    text-align: left !important;
    width: 40%;
}

.messageTimeUsedStyle{
    text-align: center !important; 
    white-space: nowrap; 
    cursor: pointer;
    width:15% !important;
}

.alignToLeftImp{
    text-align: left !important;
}

.messageCreatedBy{
    text-align: left !important; 
    width: 135px;
}

.width40{
    width: 40px;
}

.alignToMidImp{
    text-align: center !important;
}

.messageEditTableStyle{
    white-space: nowrap;     
    text-align: left !important;
}

.messageEditStyle{
    width: 30px;
    height: 30px; 
    border-radius: 50%; 
    white-space: nowrap;
}

.messageoverflowListDetail{
     background-color: white; 
     width:167px; 
     height:87px;
}

.marginBottom0_rem{
    margin-bottom: 0rem !important; 
}

.messageGlobalOverFlow{
    cursor: pointer;
    position: relative;
}

.editMessageImageStyle{
    height: 39px;
    margin: 3px;
}

.editImageMessageSrc{
    position: relative; 
    left: -67px; 
    top: 11px;
}

.messageEditTextlabel{
    position:relative; 
    top: -13px; 
    right:30px;
}

.messageDeleteList{
    border-top: 1px solid gainsboro;
    height:  40px;
    width:167px;
}

.deleteMessageImageStyle{
    position: relative;
    left: -66px;
    top: 10px;
}

.deleteMessagelabelText{
    position: relative;
    top: -14px;
    right: 22px;
}

.zIndex1200Imp{
    z-index: 12000 !important;
}

.right30Imp{
    right:30px !important;
}
.height26{
     height: 26px;
}
.color2b215bImp {
    color: #2b215b !important;
}
.paddingRight7{
     padding-right: 7px;
}
.width30{
    width: 30px;
}
.addQuestionChipScroll {
    max-height: 65px;
    position: relative;
    height: 57px;
    top: 3px;
    left: 5px;
    overflow: auto;
    width: 98%;
}
.addQuestionBotStyle{
    position:relative;    
    margin-top: 0px; 
    margin-bottom: 10px; 
    top:15px;
}
.left0{
    left: 0px;
}
.top325Imp{
    top: 325px !important;
}
.addQuestionMergeTag{
    font-size: 16px !important; 
    text-align: left !important; 
    color: #2b215b !important; 
    margin: 0 0 10px 0 !important; 
    font-weight: normal !important;
}

.editMessageModalStyle{
  padding-right: 17px;
  z-index: 12000;  
}
.height25{
    height: 25px;
}
.left90{
    left: 90px;
}

/*Messages Ends */

/*Inline styles to class*/
.analyticsPrinter {
    margin-top: 6px;
    position: absolute;
    right: 0px;
}
.top_2 {
    top: -2px;
}
.ImgClass20 {
    height: 20px;
    width: 20px;
}
.ImgClass22 {
    height: 22px;
    width: 22px;
}

.analyticsInfoIcon {
    position:  absolute; 
    right: 4px; 
    top: 4px; 
    z-index: 3;
}

.analyticsPeriodClass {
    width:auto;
    position: absolute;
    right: 30px;
}
.marginTop_16 {
    margin-top: -16px;
}
.marginTop10 {
    margin-top: 10px;
}
.chatDetailInfoIcon {
    display: inline-block;
    top: -2px;
}
.chatIconDetails {
    left: 85px;
    top: 30px;
}
.recruiterIconDetails {
    left: 110px; 
    top: 30px;
}
.teamIconDetails {
    left: 110px; 
    top: 30px;
}
.agentTable , .organizationTable {
    background-color: transparent !important;
    white-space: nowrap;
}
.minWidth823 {
    min-width: 823px;
}
.zIndex2 {
    z-index: 2;
}
.width40_prcnt {
    width: 40%;
}
.width30_prcnt {
    width:30%;
}
.width60_prcnt {
    width: 60%;
}
.color2b215b {
    color: #2b215b;
}
.whiteSpaceNormal {
    white-space: normal;
}
.analyticsInfoDescription {
    background: white; 
    box-shadow: 0px 1px 2px 1px #E9E8EE;
    color: #2b215b;
    font-size: 14px; 
    left: 22%;
    padding: 10px;
    position: absolute; 
    top: 29px; 
    width: 150px;
    z-index: 100; 
}
.messageInfoDesc {
    left: unset !important;
    right: -98px !important;
    top: 33px !important;
}
.left47_prcnt {
    left: 47% !important;
}
.left72_prcnt {
    left: 72% !important;
}
.left98_prcnt {
    left: 98% !important;
}
.top175 {
    top: 175px !important;
}

.noSearchResultLabel {
    position: relative; 
    top: -2px; 
    font-size: 16px;
    color: #2B215B;
    left: -7px;
    margin-bottom: 0px;
}

.whiteColor {
    color: white !important;
}
.paddingLeft10 {
    padding-left: 10px;
}
.positionRelative {
    position: relative;
}
.positionAbsolute {
    position: absolute;
}
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
.fontWeightBold {
    font-weight: bold;
}
.borderRadius50_prcnt {
    border-radius: 50%;
}
.boxShadowNone {
    box-shadow: none;
}
.analyticPaginationRightDiv {
    width: 229px !important; 
    position: relative;
    top:8px;
}
.libUsage , .initialResponse , .activeRecruit{
    width: 25%;
    margin-right: 0;
}
.marginBottom0 {
    margin-bottom: 0px;
}
.marginBottom6 {
    margin-bottom: 6px;
}
.marginTop23 {
    margin-top: 23px;
}
.marginTop16 {
    margin-top: 16px;
}
.marginTop4_prcnt {
    margin-top: 4%;
}
.marginLeft33_prcnt {
    margin-left: 33%;
}
.widthUnset {
    width: unset !important;
}
.marginTop15 {
    margin-top: 15px;
}
.canvasFunnelInfo {
    left: 110px; 
    top: 30px;
}
#IdRecruiterDetailsIiconHover , #IdchartDetailsIiconHover , .overCandidateFunnelIcon , #IdTeamDetailsIiconHover {
    position: absolute; 
    background: white; 
    padding: 10px; 
    font-size: 12px; 
    z-index: 100; 
    box-shadow: 0px 1px 2px 1px #E9E8EE; 
    color: #2b215b;
}
.opacityChange , .opacity05{
    opacity: 0.5 !important;
}
.fontSize14px{
    font-size: 14px !important;
}
.importFilterLabel{
    font-weight: bold;
    margin-left: 5px;
    font-size: 14px;
}
.importSuccessFailCount{
    padding-left: 3% !important;
}
.marginLeft20 {
    margin-left: 20px;
}
.analyticsPaginationSelectOption {
    margin-left: 144px;
    width: 79px !important; 
    margin-top: -34px;
}
/*End*/
/*Campaign Prospects*/
.prospectSearchFocus {
    display:inline-block;
    position:absolute;
    height:37px;
    background:#fff;
}

.prospectFilterTr {
    position: absolute; 
    right: -40px; 
    top: -69px;
}

.prospectFilterTr select {
    margin-left:67%; 
    color: #2b215b !important; 
    padding: 1%; 
    width: 110px; 
}

.prospectCheckboxHeader {
    padding-left: 9px !important;
    width: 6%;
}
.paddingTopBottomProspectHeader {
    padding-top: 0px !important;
    padding-bottom: 2px !important;
}
.importStatusProspectFilter {
    position: absolute; 
    left: 20px; 
    width: 200px;
    z-index: 4;
}

.importStatusProspectFilter a {
    color: #24bba2; 
    margin-left: 40px; 
    font-size: 13px; 
    text-decoration: none;
}

.importSelectFilter {
    width: 80%; 
    display: inline-block;
    border-color: #24bba2; 
    height: 27px; 
    padding: 1%; 
    font-family: 'Jaldi', sans-serif; 
    font-size: 14px;
}
.applyFilterGo {
    position: relative; 
    border: 0; 
    border-radius: 4px; 
    background: #24bba2; 
    font-size: 15px; 
    color: #fff;
}
.createDateProspectFilter {
    width: 20%; 
    display: inline-block;
    border-color: #24bba2; 
    color: #2b215b; 
    height: 30px; 
    padding: 1%; 
    font-family: 'Jaldi', sans-serif; 
    font-size: 15px; font-weight: bold; 
    border-radius: 3px;
}
.selectLabelProspectCol {
    padding-top: 2px;
    font-size: 14px;
    margin-left: 7px;
    margin-top: 10px;
    height: 18px;
    width: 70%;
    margin-right: 0px;
    display: inline-block; 
    text-align:left;
}
.countLabelProspectCol {
    font-size: 14px;
    width:  20%;
    display: inline;
    position: relative;
    right: 0px;
}
.selectAllProspectLabel {
    position: relative;
    font-size: 14px;
    padding-left: 25px;
    top: -19px;
    left: 0px;
    height: 25px;
    padding-top: 7px;
}
.listProspectColumn {
    max-height: 104px; 
    overflow-y: auto; 
    margin-bottom: 7px; 
    border-bottom: 1px solid #80808029;
    overflow-x: hidden;
}
.prospectSubLabel {
    padding-top: 9px !important; 
    margin-bottom: 0px; 
    font-weight: normal;
}
.applyProspectColumnDiv {
    margin-left: 7px;
    width: 30%;
    margin-right: 0px;
    display: inline-block;
    float: right;
    height: 21px;
}

.applyProspectColumnDiv input {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 13px;
    color: #fff;
    width: 49px;
    height:  100%; 
    font-family: inherit;
}
.globalSubmenuProspectTd {
    position: relative; 
    top: -11px; 
    left: 7px; 
    display: inline-block; 
    margin-left: 15px;
}
.importTeamChatList ol {
    max-height: 230px;
    overflow: auto;
    margin-bottom: 0px;
    overflow-x: hidden;
    position: relative;
    width: 250px;
}
.importTeamChatList ol li img {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    margin-right:10px;
}
.prospectTranscriptStyle {
    padding-top: 29px;
    padding-left: 29px;
    padding-right: 29px;
    color:white;
    overflow:auto;
}

.marginTop75 {
    margin-top: 75px !important;
}

.marginRight10 {
    margin-right: 0 !important;
}
.width25_prcnt {
    width: 25% !important;
}
.margin8 {
    margin:8px;
}
.fontSize20px {
    font-size: 20px !important; 
}
.marginTop1_prcnt {
    margin-top:1%;
}
.borderBottom0px {
    border-bottom: 0px !important; 
}
.fontWeightNormal {
    font-weight: normal !important
}
.width20{
    width:20px !important; 
}
.opacity0{
    opacity:0;
}
.left_3{
    left: -3px !important;
}
.top_3{
    top: -3px !important;
}
.top_3Imp{
    top: -3px !important;
}
.zIndex5{
    z-index: 5 !important;
}
.left_16{
    left: -16px !important;
}
.cursorDefault {
    cursor: default;
}
.prospectStatusImportFilter{
    width: 13px; 
    margin-left: 5px;
    visibility: hidden;
}
.prospectFilterColumnStyle{
     padding: 5px !important; 
     border-bottom: 1px double #c9cacc;
     background: #fff;
}
.marginLeft5{
    margin-left: 5px;
}
.filterColumnProspectList{
     margin-bottom: 0px !important;  
     padding: 5px; 
     background: #fff;
}
.width13{
    width: 13px;
}
.prospectTextInputFilter{
     width: 80% !important; 
     border-color: #24bba2; 
     height: 27px; 
     padding: 0px !important;
}
.height30{
     height: 30px;
}
.paddingLeft5 {
    padding-left: 5px;
}
.top1{
    top: 1px;
}
.height26{
     height: 26px;
}
.right10_prcnt{
    right: 10%;
}
.topDecimal1_prcnt{
    top:1.1%;
}
.borderTopNone{
    border-top: none !important;
}
.paddingLeft9{
    padding-left: 9px !important;
}
.width104{
    width: 104px;
}
.floatUnset{
    float: unset;
}
.left2{
    left: 2px;
}
.left18{
    left: 18px;
}
.padding8{
    padding: 8px;
}
.width17{
    width: 17px !important;
}
.startConvViewButton{
    right: 0px;
    margin-right: 4px;
    left: unset !important;
}
.startConvRestartButton{
    right: 0px;
    margin-right: 4px;
    left: unset !important;
    background-color:#e21a52 !important;
    padding: 0px 9px !important;
}

.closeTranscriptDesign{
    position:absolute;
    right:15px;
    top:-1px;
    font-size:24px;
}
.transcriptAttachmentText{
    white-space: pre-line;
    word-break: break-word;
}
.right5{
    right: 5px;
}
.colorfff{
    color: #fff;
}
.paddingTop5{
    padding-top: 5px !important;
}
.prospectImageTrashIcon{
    width: 40px;
    height: 20px;
}
.width209{
    width: 209px !important;
}
.padding10{
    padding: 10px;
}
.padding10Imp{
    padding: 10px !important;
}
.verticalAlignWebkitMiddle{
     vertical-align: -webkit-baseline-middle;
}
.right0{
    right: 0px;
}
.bottom11{
    bottom: 11px;
}
.prospectSelectOptionPagination{
    margin-left: 144px;
    width: 75px !important; 
    margin-top: -34px;
}
.prospectFilterPagination{
    width: 229px !important; 
    position: relative;
    top:15px;
}
.height195{
    height: 195px !important;
}
.padding1{
    padding: 1px;
}
.marginLeft130{
    margin-left: 130px;
}
.marginLeft20{
    margin-left: 20px;
}
.backgroundColor24bba2Imp {
    background-color: #24bba2 !important;
}
.padding420{
    padding: 4px 20px;
}
.heightAutoImp{
    height: auto !important;
}
.marginBottom5Imp{
    margin-bottom: 5px !important;
}
.marginTop0Imp{
    margin-top: 0px !important;
}
.margin1600Imp{
    margin: 16px 0 0 0 !important;
}
.top5{
    top: 5px ;
}
.left5{
    left: 5px;
}
.backgroundColor{
    background-color: rgba(50, 27, 191, 0.3);
}
.previewModalDialog, .candiPreviewResumeModal {
    height:80% !important;
    max-width: 70% !important;
    top: 25px;
    margin-bottom: 0px !important;
}
.fontSize13px{
    font-size: 13px !important;
}
.backgroundTransparent{
    background: transparent;
}
.height100_prcnt{
    height: 100%;
}
.top10{
    top: 10px;
}
.documentPreviewDownloader{
    width: 136px; 
    height: 123px; 
    margin: auto; 
    position:  absolute; 
    top:  0; 
    bottom:  0; 
    left:  0; 
    right:  0;
}
.width102{
    width: 102px;
}
.marginLeft15{
    margin-left: 15px;
}
.fontSize16pxImp{
    font-size: 16px !important;
}
.marginTop3Imp{
    margin-top: 3px !important;
}
.backgroundTransparenImp{
    background: transparent !important;
}
.height100_prcnt{
    height: 100%;
}
.colorWhiteImp{
    color: white !important;
}
.top162 {
    top: 162px;
}



/*Prospects end*/
/*Keyword Dashboard*/
.keywordDashboardCampaignHeading{
    float: left;
    margin-top: 2.5%;
}
.keywordDashboardNewCampaign, .keywordDashboardShowAllDropdown{
    float: right;
    margin-top: 2.5%;
}
.keywordDashboardTemplateCampaign{
    float: right;
    margin-right: 2em;
    
}
.keywordDashboardActiveCampaign{
    float: left;
    margin-top: 2%;
}
.keywordDashboardActiveCampaignTwo{
    float: right;
    margin-top: 2%;
}
.keywordDashboardNoRecord{
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
}
.keywordDashboardNoRecord2{
    width: 100%;
    height: 100%;
    text-align: center;
}
.keywordDashboardChartHeader{
    font-size: 24px;
    line-height: 1;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.keywordDashboardChartCount{
    color: #ffffff;
    font-weight: bold;
    font-size: 30px;
}
.keywordDashboardShowDetails{
    padding-top: 0px;
    position: relative;
    overflow: hidden;
}
.keywordDashboardTableStyle{
    color: #fff;
    width: 100%;
}
.keywordDashboardDropdownContent{
    margin-left: 70%;
    width: 61.7813px;
    padding: 1%;
}
.keywordDashboardDisplayName{
    top: -7px !important;
    left: -19px !important;
    margin-bottom: 0px;
}
.whiteSpaceNoWrap{
    white-space:nowrap;
}
.keywordDashBoardOverflowOption{
    position: absolute;
    right: 1%;
    top: 0%;
    padding-left: 5%;
    width: 171px;
}
.keywordDashBoardTableNoRecord{
    background: white;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}
.OpacityChange01{
    opacity: 0.1;
}
.OpacityChange04{
    opacity: 0.4;
}

/*Campaign Details*/
.left9 {
    left: 9px;
}
.marginLeft25 {
    margin-left: 25px;
}
.fontSize20 {
    font-size: 20px !important;
}
.maxResponseContainer {
    padding-top:0px !important; 
    margin-top: 15px;
}
.clsCmpgnDetailsPhoneNumber {
    padding-left: 10px; 
    color: #2b215b;
    position: relative;
    z-index: 1
}
.marginTop8 {
    margin-top: 8px;
}
.width335 {
    width: 335px;
}
.trackReferal {
    border-bottom: 1px solid black; 
    opacity: 0.1;
}
.paddingTop8_prcnt {
    padding-top: 8%;
}
.campaignStartTime , .campaignEndTime{
    height: 40px; 
    border: 0; 
    background: #f4f4f7 !important;
    text-align:left;
}
.endTimeSpan , .startTimeSpan {
    border: 0; 
    background: #f4f4f7;
}
.width70 {
    width: 70px;
}
.paddingTop30 {
    padding-top: 30px;
}
.goToBuilderBtn {
    padding-left: 15px;
    padding-right: 10px;
}
.marginBottom10 {
    margin-bottom: 10px;
}
/*Details End*/
.width70_prcnt {
    width: 70%;
}
.margin2020 {
    margin: 20px 20px;
}
.paddingRight15 {
    padding-right: 15px;
}
.maxWidth75_prcnt {
    max-width: 75%;
}
.importTableContent {
    margin-top:4%;
    margin-left: 15px;
}
.width215 {
    width: 215px;
}
.importStatusDropdownHeader, .candidateTableLocationDropdown {
    padding: 5px !important;
    border-bottom: 1px double #c9cacc;
    background: #fff;
}
.importAgentDisplayImage, .jobLibAgentDisplayImage, .tagAgentDisplayImage {
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.importTableFooterPage {
    padding: 10px 10px !important;
}
.importPaginationDiv, .jobLibPaginationDiv, .tagPaginationDiv , .notificationPagination {
    width: 229px !important;
    position: relative;
    top: 15px;
}
.importPaginationSelectOption, .jobLibPaginationSelectOption, .tagPaginationSelectOption, .ScheduleMsgPaginationSelectOption ,.notifyPaginationSelectOption {
    margin-left: 144px;
    width: 85px !important;
    margin-top: -34px;
}
.importFilterColumnLabel {
    padding: 5px !important;
    border-bottom: 1px double #c9cacc;
    background: #fff;
}
.marginTop100 {
    margin-top: 100px !important;
}
.marginTop10 {
    margin-top: 10px;
}
.jobLibSuitCaseImg {
    height: 17px;
    margin-bottom: 3px;
}
.jobLibAddJobLabel, .tagAddTagLabel {
    position: relative;
    left: 4px;
}
.margin0_906 {
    margin: 0px -9px 0px 6px;
}
.fontWeightBold {
    font-weight: bold !important;
}
.jobLibTableHeadLi, .jobLibTableBodyLi {
    cursor: pointer;
    padding-left: 18px !important;
    width: 57px;
}
.jobLibTableCheckbox {
    width: 24px;
    opacity: 0;
}
.jobLibTableCheckboxLabel {
    left: -3px;
    top: -2px;
}
.top_6 {
    top: -6px;
}
.jobLibBulkOptions {
    padding-bottom: 5px !important;
    right: -52px !important;
}
.marginTop_10 {
    margin-top: -10px;
}
.paddingRight20 {
    padding-right: 20px !important;
}
.width35 {
    width: 35px;
}
.width50_prcnt {
    width: 50%;
}
.jobLibViewJob {
    text-align: right;
    position: relative;
    left: 17px;
    top: 1px;
}
.top_1 {
    top: -1px;
}
.zIndex8 {
    z-index: 8;
}
.marginLeft_8 {
    margin-left: -8px;
}
.paddingLeft6 {
    padding-left: 6px;
}
.paddingLeft17 {
    padding-left: 17px;
}
.jobLibModalWhiteSuitCaseDiv {
    position: absolute;
    right: 57px;
    top: 30px;
}
.jobLibModalWhiteSuitCase {
    height: 85px;
    width: 85px;
}
.color2b215b {
    color: #2b215b;
}
.jobLibModalUploadFile {
    background: #F4F4F7;
    height: 38px;
    position: relative;
}
.jobLibModalUploadFileImg {
    margin-left: 8px;
    position: absolute;
    margin-top: 7px;
}
.jobLibModalJobDetails {
   padding-bottom: 5px;
   padding-top: 10px;
}
.jobLibModalJobErrorDiv {
    padding-top: 5px; 
    padding-left: 5px;
}
.verticalAlignBottom {
    vertical-align: bottom;
}
.marginLeft130 {
    margin-left: 130px;
}
.marginLeft20 {
    margin-left: 20px;
}
.backgroundColor24bba2 {
    background-color: #24BBA2 !important;
}
.border1px24bba2 {
    border: 1px solid #24bba2;
}
.tagAddTagImage, .candidateBodyDeletePermImg {
    width: 18px;
    height: 18px;
}
.tagDeleteBlock {
    position: relative;
    width: 17px;
    height: 24px;
}
.verticalAlignWebkitMiddle {
    vertical-align: -webkit-baseline-middle; 
}
.tagModalDialog {
    height: auto;
    min-height: 300px !important;
}
.minHeightAuto {
    min-height:auto;
}
.tagPopUpMainModal {
    padding-right: 17px;
    height: auto;
}
.scheduleMsgTitleDiv {
    margin-top: 40px;
    margin-left: 22px;
}
.scheduleMsgTitleLabel {
    width: 80%;
    float: none;
}
.scheduleMsgTable {
    margin-top: 26px;
    margin-left: 15px;
}
.color000 {
    color: #000 !important;
}
.widthAuto {
    width: auto;
}
.scheduleMsgBatchMessage {
    margin-bottom: 6px; 
    position: relative;
}
.width230 {
    width: 230px;
}
.scheduleMsgTrashImage, .webBotActionEditImg, .newWebBotActionEditImg, .chatScheduleEditImg, .chatBottomEditImg {
    width: 15px;
    height: 15px;
}
.padding2 {
    padding: 2px;
}
.fontSize12px {
    font-size: 12px !important;
}
.width350 {
    width: 350px;
}
.scheduleMsgTrageImageSingleConvo, .scheduleMsgSavedRepliesImg, .webBotSavedRepliesImg, .webBotSelectActLoader,
.newWebBotSavedRepliesImg, .newWebBotSelectActLoader, .bulkSendSavedRepliesImg, .chatScheduleSavedRepliesImg, .addCandiTeamDropDownImg, 
.chatDrawerSavedRepliesImg, .chatDrawerBitmojiSpan, .chatDrawerClockImg, .navBarSwitchOrgArrowImg {
    width: 20px;
    height: 20px;
}
.scheduleMsgTrashDivSingleConvo {
    right: -30px;
    top:-3px;
}
.padding25 {
    padding: 25px;
}
.scheduleMsgPaginationDiv {
    position: relative;
    top: 15px;
    left: 100px
}
.scheduleMsgpaginationLabel {
    margin-left: 100px;
    left:0px !important;
}
.heightAuto {
    height: auto;
}
.minHeight450 {
    min-height: 450px !important;
}
.scheduleMsgModalClose, .chatScheduleModalClose {
    color: #000000 !important;
    position: relative !important;
}
.scheduleMsgModalContentDiv {
    margin-right: 33px;
    padding-bottom: 15px;
}
.scheduleMsgModalContent {
    color: #2b215b;
    margin: 0px 0px 0px 28px !important;
}
.marginTop15 {
    margin-top: 15px;
}
.scheduleMsgModalTextArea, .chatScheduleTextArea {
    height: 112px; 
    resize: none;
}
.scheduleMsgSuggestMsgLi, .webBotSuggestList, .newWebBotSuggestList, .chatScheduleSuggestMsgLi, .chatDrawerSuggestMsgLi {
    padding: 5px;
    height: 35px;
}
.scheduleMsgRepliesAttachmentIcon{
    background-color: white;
    position: relative;
    padding-top: 0;
    left: 24px;
    top: 4px;
}
.left25 {
    left: 25px;
}
.marginRight3 {
    margin-right: 3px;
}
.scheduleMsgChooseLib, .bulkSendChooseLib, .chatScheduleChooseLib {
    width: 30px;
    padding-right: 7px;
}
.backgroundColor2b215b {
    background-color: #2b215b;
}
.backgroundColor2b215bImp {
    background-color: #2b215b !important;
}
.colorwhiteImp {
    color: white !important;
}
.scheduleMsgSavedRepliesDiv, .bulkSendSavedRepliesDiv, .chatScheduleMsgSavedRepliesDiv {
    overflow-x: auto;
    max-height: 132px;
}
.marginLeft132 {
    margin-left: 132px;
}
.scheduleMsgSavedRepliesNoResult, .bulkSendSavedRepliesNoResult, .chatScheduleSavedRepliesNoResult {
    margin-left: 10px; 
    font-weight: normal !important;
}
.scheduleMsgTimePickerImg, .bulkSendTimePickerImg, .meetingInviteTimePickerImg, .chatScheduleTimePickerImg, .addNewFeedTimePickerImg {
    border: 0;
    background: #f4f4f7;
}
.marginTop30 {
    margin-top: 30px;
}
.left34 {
    left: 34px;
}
.marginLeft30 {
    margin-left: 30px;
}
.width17 {
    width: 17px;
}
.width155 {
    width: 155px;
}
.color014c8c {
    color: #014c8c !important;
}

/*End*/

.marginLeft_prcnt{
    margin-left: 2% !important;
}
.marginTop30{
    margin-top: 30px !important;
}

.overFlowHidden{
    overflow:hidden;
}
.width90_prcnt{
    width: 90%;
}

.verticalAlignMiddle{
    vertical-align: middle;
}

.color24bba2{
    color: #24BBA2;
}
.colore21a52{
    color: #e21a52;
}

.color2b215b{
    color: #2b215b;
}

.paddingTop0{
    padding-top: 0px !important;
}

.keywordBarCHat{
    height:80% !important;
    width:100% ;
    margin-top:0% !important;
}

.marginTop0{
    margin-top: 0px !important;
}

.top14{
    top: 14px;
}

.rgbColor433391 {
    color: rgb(43, 33, 91);
}

.width100_prcnt{
    width: 100%;
}
.opacity1Imp{
    opacity:1 !important;
}
.width30_prcnt{
    width: 30% !important;
}
.visibilityHidden{
    visibility: hidden;
}
.keywordColumnFilter{
    padding: 5px !important;
    border-bottom: 1px double #c9cacc;
    background: #fff;
}
.keywordFilterColumnLabel{
    font-size: 14px !important; 
    font-weight: bold !important; 
    margin-left: 5px !important;
}

.maxHeight210{
    max-height:210px !important;
}
.keywordColumnSelctorList{
    padding: 2px 2px;
    width: 100%;
    height:35px; 
}
.top4{
    top:4px !important; 
}
.margin55, .margin5px5px{
    margin: 5px 5px;
}
.borderTop3pxfafafa{
    border-top:3px solid #fafafa !important;
}

.keywordDisplayNameImage{
    height:32px;
    width:32px ;
    border-radius: 50%;
}
.padding0{
    padding:0 !important;
}
.clearBoth{
    clear: both ;
}
.paddingLeft0{
    padding-left: 0px !important;
}
.paddingRight5{
    padding-right: 5px !important;
}
.paddingLeft2{
    padding-left:2px;
}
.marginLeft_6{
    margin-left: -6px;
}
.keywordFilterPagination{
    width: 229px !important; 
    position: relative;
    top:20px;
}
.keywordShowAllPagination, .candidatePagination{
    position: relative;
    top: -2px;
    left: 100px;
}
.keywordSelectOptionPagination{
    margin-left: 144px;
    width: 79px !important; 
    margin-top: -33px;
}
.marginTop0_prcnt{
    margin-top: 0%;
}
#keywordtable{
    width: 100%;
    padding-bottom: 25px;
}
#divtablenorecords{
    width: 100%;
    top: 26px; 
    padding-left: 0;
}
#loaderdivtabledata{
    background: white;
    height: 100%;
}
.backgroundWhite{
    background:white;
}
/*Builder Page*/
.builderFindFromLib{
    float: none !important;
    height: 36px;
    top: -3px;
    position: relative;
}
.builderFindFromLibInput{
    width: 80% !important;
    padding-left: 5% !important;
    float: none !important;
    padding-right: 15px !important;
    font-weight: 100 !important;
}
.builderFindFromLibContent{
    font-size: 12px;
    padding-left: 2px;
    position: relative;
    top: 4px;
}
.builderEditImage, .builderDeleteButton{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: relative;
    display: inline-block;
    left: 7px;
}
.builderPageSaveButton{
    background: transparent;
    border: 0px;
    color: rgb(36, 187, 162);
    position: relative;
    font-size: 15px;
    margin-top: 0px;
    left: 8px;
}
.builderLeftNavDeleteBlock{
    padding: 3px;
    vertical-align: -webkit-baseline-middle;
    position: relative;
    top: -5px;
}
.builderQuestionCollection, .builderResourceCollection, .builderMessageCollection{
    margin-bottom: 1px;
    margin-top: 8px;
    position: relative;
}
.builderQuestionCollectionLabel, .builderResourceCollectionLabel, .builderMessageCollectionLabel{
    margin: 15px;
    font-size: 14px;
    color: #2b215b;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.builderQuestionCollectionCount, .builderResourceCollectionCount, .builderMessageCollectionCount{
    font-weight: normal;
    width: 89%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.builderCollectionDropdownImg{
    top: -7px;
    position: relative;
    transform: rotate(-90deg);
}
.builderQuestionCollectionsContent, .builderResourceCollectionsContent, .builderMessageCollectionsContent{
    margin: 10px;
    font-size: 14px;
    cursor: pointer;
    color: #2b215b;
    font-weight: bold;
    display: inline-block;
    width: 76%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 0px;
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    top: 2px;
    left: 20px;
}
.builderAddQuestionPlus, .builderAddResourcePlus, .builderAddMessagePlus{
    display: inline-block;
    position: absolute;
    width: 8%;
    text-align: center;
}
.builderCollectionDropdown{
    display: inline-block;
    width: 8%;
    text-align: center;
}
.builderAddPagePlus{
    cursor: pointer;
    width: 14px;
    height: 14px;
    font-size: bold;
    margin-right: -4px;
}
.builderSaveCloseNewPage{
    background: transparent;
    border: 0px;
    color: rgb(36, 187, 162);
    position: relative;
    right: 1px;
    bottom: 25%;
    top: 1px;
    font-size: 20px;
}
.builderBotRunningDiv, .builderAddSlotRunning{
    position: absolute;
    background: #BC2752;
    color: white;
    font-family: jaldi, sans-serif;
    font-size: 16px;
    padding: 7px;
    border-radius: 7px;
    box-shadow: 1px 1px 2px 0px grey;
    bottom: -25px;
    z-index: 11;
}
.builderBotRunning, .builderNoResponseTipDiv, .builderAddSlotRunningDiv{
    background: #BC2752;
    position: absolute;
    width: 15px;
    height: 15px;
    top: -5px;
    left: 41%;
    transform: rotate(-43deg);
    z-index: 10;
}
.builderMergeTagsBox{
    width: 220px;
    height: 205px;
    box-shadow: none;
    margin-top: 15px;
}
.builderMergeTagsLabel{
    font-size: 12px !important;
    width: 39% !important;
}
.builderSlotTable{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.builderSlotTextArea{
    width: 113% !important;
    background-color: rgb(255, 255, 255);
    font-size: 14px;
    padding: 7px;
    line-height: 1.89;
    margin-top: 4px;
}
.builderNoResponseTip{
    position: absolute;
    background: rgb(45, 160, 141);
    color: white;
    font-family: jaldi, sans-serif;
    font-size: 16px;
    padding: 7px;
    border-radius: 7px;
    z-index: 11;
    top: 50px;
    width: 153px;
    right: -19px;
}
.builderValidationImage{
    width: 25px;
    height: 25px;
    float: right;
    padding-top: 0px;
    cursor: pointer;
}
.builderValidationAction{
    top: 10px !important;
    border-radius: 3px;
    box-shadow: rgb(236, 236, 240) 0px 0px 0px 1px;
    position: relative !important;
    width: 235px !important;
    right: 220px;
}
.builderValidationActionLabel, .builderValidationConActionLabel{
    font-size: 15px;
    font-family: jaldi, sans-serif;
    color: #2b215b;
    padding: 5px;
    margin-top: 18px;
}
.builderConfigureAction{
    position: absolute;
    top: 9px;
    width: 18px;
    height: 18px;
    left: 30px
}
.builderConfigureActionInput{
    padding-left: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid rgb(36, 187, 162) !important;
}
.builderConfigActionInput{
    float: none; 
    position: relative; 
    top: 2px; 
    width: 86%; 
    padding: 4px 5px; 
    text-overflow: ellipsis; 
    display: inline-block; 
    border: 1px solid rgb(43, 33, 91);
    color: #2b215b; 
    border-radius: 3px; 
    background: #f4f4f7; 
    height: 33px; 
    font-size: 16px; 
    font-family: jaldi; 
    left: 25px;
}
.builderConfigureActionClass{
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    position: relative;
    width: 81%;
    font-size: 13px;
    top: 2px;
    overflow: hidden;
}
.builderActionOptionalMsg{
    margin-left: 25px;
    margin-top: 15px;
    width: 86%;
    height: 35px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgb(36, 187, 162);
}
.builderApplyFuncClass{
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid #ECECF0;
    position: relative;
    text-align: center;
    margin-top: 10px;
}
.builderApplyButtonClass{
    font-family: jaldi, sans-serif;
    border: 0px none;
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    padding: 0px 20px;
    text-decoration: none;
    background-color: rgb(241, 241, 244);
}
.builderSelectActionDropdown{
    width: 205px;
    top: 67px;
    max-height: 200px;
    left: 21px;
    box-shadow: rgba(0, 47, 77, 0.18) 0px 8px 16px 0px;
    overflow: auto;
    background: rgb(250, 250, 250);
    position: absolute;
}
.builderConfigActionList{
    padding: 1px 0 0 5px;
    border-radius: 2px;
    color: #2b215b !important;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    width: 80%;
    position: relative;
    top: 6px;
}
.builderConfigActionList2{
    text-decoration:  none; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}
.builderMoveUpDownAction{
    position: relative;
    display: inline-block;
    float: left;
    padding-top: 8px;
    padding-left: 8px;
    width: 30px;
    height: 40px;
}
.builderArrowUpDownClass{
    position: absolute;
    left: 7px;
    cursor: pointer;
}
.builderUpDownLoader{
    position: absolute !important; 
    left: 7px !important; 
    top: 9px; 
}
.builderValidationActionLabel2{
    position: absolute;
    right: 56px;
    padding-top: 11px;
    font-size: 14px;
}
.builderValidationActionImage{
    width: 25px;
    height: 25px;
    float: right;
    padding-top: 0px;
    cursor: pointer;
}
.builderWebhookText{
    margin-left: 5px;
    background-color: rgb(245, 244, 247);
    border: none;
    color: rgb(43, 33, 91);
    height: 35px;
    margin-top: -2px;
    vertical-align: middle;
    border-radius: 3px;
    font-family: jaldi;
    padding-left: 10px;
    width: 90%;
}
.builderAddSlot{
    position: absolute;
    left: 40px;
    top: 11px;
    font-family: jaldi, sans-serif;
    opacity: 0.7;
}
.builderValModalDescription{
    width: 60%;
    height: 35px;
    margin-top: 5px;
    font-size: 16px;
}
.builderModalResponse{
    background-color: rgb(245, 244, 247);
    background-position: 83% 47%;
    overflow-y: scroll;
    width: 42% !important;
    float: none !important;
}
.builderTestWebhookContent{
    clear: both;
    overflow: hidden;
}
.builderWebhookHistory{
    position: absolute;
    top: 180px;
    background: white;
    width: 745px;
    right: 29%;
}
.builderWebhookHistoryBody{
    padding: 20px !important;
    max-height: 535px;
    overflow: auto;
    padding-top: 0px !important;
    min-height: 535px ;
}
.marginLeft10 {
    margin-left: 10px;
}
.paddingTop0 {
    padding-top: 0px;
}
.verticalAlignTop {
    vertical-align: top;
}
.paddingLeft16 {
    padding-left: 16px;
}
.builderLibraryHead {
    padding-left: 0px;
    height: 94px;
    padding-top: 0px;
}
.builderSearchLibButton {
    width: 10% !important;
    float: none !important;
}
.width100_prcnt {
    width: 100%;
}
.marginTop5 {
    margin-top: 5px;
}
.height30 {
    height: 30px;
}
.builderEditPageTxt {
    position: relative;
    width: 66%;
}
.builderEditImageDiv {
    position: absolute;
    right: 3px;
    top: 3px;
}
.builderDeleteButtonChange {
    margin-right: 3px;
    left: 5px;
}
.builderLeftNavDeleteDiv {
    width: 165px;
    height: 30px;
    right: -10px;
}
.builderQuestionCollectionLi, .builderResourceCollectionLi, .builderMessageCollectionLi {
    height: 25px;
    padding-top: 2px;
}
.verticalAlignUnset {
   vertical-align: unset;
}
.width90_prcntImp {
    width: 90% !important;
}
.builderAddQuestionPlusImg, .builderAddResourcePlusImg, .builderAddMessagePlusImg {
    width: 10px;
    vertical-align: unset;
    position: relative;
}
.builderNoQuesFoundLi, .builderNoResourceFoundLi, .builderNoMessageFoundLi {
    padding-top: 10px;
    font-weight: unset;
}
.builderResourceCollectionList {
    margin-bottom: 1px;
    margin-top: 8px;
}
.builderAddPageLabel {
    font-size: 14px;
    color: #24bba2;
    text-decoration: none !important;
}
.width80_prcnt {
    width: 80%;
}
.builderMergeTagsDiv {
    max-height: 220px;
    overflow: auto;
    height: 184px;
}
.builderMergeTagsHeading {
    font-size: 16px;
    text-align: left;
    color: #2b215b;
    margin: 0 0 10px 0;
    font-weight: normal;
}
.marginTop_5 {
    margin-top: -5px;
}
.builderMergeTagNames {
    font-size: 12px;
    margin-left: 8px;
}
.width765 {
    width: 765px;
}
.fontSize13 {
    font-size: 13px;
}
.builderSlotdynamicHeight {
    height: auto;
    padding-top: 15px;
    padding: 0.75em 0;
}
.builderSlotWelcomeMsg {
    float: initial !important;
    width: 96% !important;
}
.backgroundColorFAFAFA {
    background-color: #fafafa;
}
.builderSlotDiv {
    height: 56px;
    padding: 6px 0px;
}
.builderSlotTextAreaDiv {
    position: relative;
    top: -25px;
    left: 25px;
}
.right_41 {
   right: -41px; 
}
.builderSlotMessageTitle {
    margin-left: 65px;
    margin-top: 4px;
}
.builderSlotDropDownType {
    float: right;
    padding-left: 8px;
    width: 125px;
} 
.builderSlotDropDownSelect {
    margin-left: -75px;
    margin-top: 4px;
}
.builderSlotResponseImage {
    padding-right: 0px;
    opacity: 1;
    padding-left: 0px;
    width: 20px;
    height: 20px;
}
.builderSlotValidationImage {
    padding-right: 0px;
    padding-left: 2px;
}
.opacity1 {
    opacity: 1;
}
.paddingRight3_prcnt {
    padding-right: 3%;
}
.paddingRight1_prcnt {
    padding-right: 1%;
}
.builderNoResponseTipDivChange {
    background: #2DA08D;
    left: 42%;
}
.builderSlotBranchTableTd {
    height: 40px;
    padding: 0 !important;
    position: relative;
}
.builderSlotBranchDiv {
    padding-left: 42px;
    margin-top: 5px;
    margin-right: 5px;
}
.right59 {
    right: 59px;
}
.builderSlotBranchRule {
    right: 19px;
    width: 25px;
}
.builderActionDropdownImg {
    top: 6px;
    right: 6px;
    position: absolute;
}
.left116Imp {
    left: 116px !important;
}
.builderConfigureInputSelect {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.builderConfigActionSpan {
    position: absolute;
    opacity: 0.5;
}
.builderConfigActionSpanDiv, .webBotConfigSpanDiv, .newWebBotConfigSpanDiv {
    display: inline-block;
    position: relative;
    width: 12%;
    top: -3px;
}
.builderConfigActionSpanImage, .webBotConfigActionSpanImage, .newWebBotConfigActionSpanImage {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}
.builderDefaultActionTags {
    margin-left: 12px;
    margin-top: 4px;
}
.top0Imp {
    top: 0px !important;
}
.builderConfigureActionDropdown {
    top: 134px;
    box-shadow: rgba(0, 47, 77, 0.18) 0px 8px 16px 0px;
    background: rgb(250, 250, 250);
}
.height40 {
    height: 40px;
}
.padding4px5px {
    padding: 4px 5px;
}
.marginTop2 {
    margin-top: 2px;
}
.builderConfigMultiLabel {
    position: relative;
    top: 3px !important;
    font-size: 15px !important;
}
.builderBranchClose {
    margin-top: 10px;
    margin-right: 5px
}
.builderBranchListDiv {
    padding-left: 90px;
    margin-top: 5px;
    margin-right: 5px;
}
.backgroundColor007AFF {
    background-color: #007AFF;
}
.builderBranchListLabel {
    padding-top: 10px;
    height: 40px;
    width: 68px;
}
.transformRotate_180 {
    transform: rotate(-180deg);
}
.paddingTop7 {
    padding-top: 7px;
}
.top134 {
    top: 134px;
}
.builderWebhookTable {
    height: 40px;
    padding: 0 !important;
    position: relative;
}
.builderWebhookTableDiv {
    padding-left: 42px;
    margin-top: 5px;
    margin-right: 5px;
}
.width55_prcnt {
    width: 55%;
}
.builderWebhookTextArea {
    width: 43%;
    right: 50px;
}
.builderWebhookValidationHistory {
    position: absolute;
    right: 4px;
    top: 14px;
}
.builderWebhookValidationImg {
    position: relative;
    right: 26px;
    opacity: 0.22;
}
.builderWebhookHistoryImg {
    position: relative;
    right: 24px;
    opacity: 0.5;
}
.builderClosingMsg {
    height:56px;
    padding: 0 !important;
}
.builderClosingMsgDiv {
    height: 48px;
    padding-top: 13px;
}
.builderSlotClosingMsg {
    float: initial !important;
    width: 100% !important;
}
.builderValidationModalHeader, .builderWebhookModalHeader {
    border: 0px !important;
    padding: 32px 32px 16px 32px !important;
}
.builderValiModalQuesDescDiv {
    padding: 0 32px 0px 32px;
    border-bottom: 0px solid #eceeef;
}
.wordBreakAll {
    word-break: break-all;
}
.builderValidationModalBody {
    padding: 0px 39px 0px 19px!important;
    position: unset;
}
.width50_prcntImp {
    width: 50% !important;
}
.builderValidationModalResponse {
    padding-top: 50px;
    padding-bottom: 0px;
}
.paddingBottom20 {
     padding-bottom: 20px;
}
.paddingLeft3 {
    padding-left: 3px;
}
.width20_prcntImp {
    width: 20% !important;
}
.width20_prcnt {
    width: 20%;
}
.padding12 {
    padding: 12px;
}
.buiderValiModalDataTime {
    padding-top: 0px;
    margin-top: -4px;
    width: 38%;
}
.resizeNone {
    resize: none;
}
.paddingTop20 {
    padding-top: 20px;
}
.marginTop0Rem {
    margin-top: 0rem;
}
.fontSize15 {
    font-size: 15px;
}
.paddingTop15 {
    padding-top: 15px;
}
.marginLeft_14 {
    margin-left: -14px;
}
.builderValiModalDivider {
    margin-top: 0.5rem;
    margin-bottom: 35px;
    margin-top: 27px;
}
.builderValiModalErrorMsg {
    color: red;
    margin-left: 27px;
} 
.builderValiModalFooter {
    padding: 32px !important;
    border-top: 0px !important;
}
.builderValiModalSave {
    position: relative;
    margin-right: 152px;
    cursor: pointer;
}
.builderquickEditConfirm {
    width: 405px;
    right: 37%;
    padding: 0px 5px 0px 5px;
    height: 180px;
}
.marginRight_10 {
    margin-right: -10px;
}
.backgroundColorEEEDF1 {
    background-color: #EEEDF1;
}
.builderWebHookValiTextArea  {
    height: 35px;
    width: 92%;
    margin-top: 5px;
    font-size: 16px;
}
.height166Imp {
    height: 166px !important; 
}
.builderTestWebhookFooter {
    padding: 20px;
    border-top: 0px;
}
.builderTestWebhookFooterDiv {
    position: relative;
    margin-right: 152px !important;
    cursor: pointer;
}
.builderTestWebhookLoader, .deIdentiShareLoaderImg, .navBarAsyncRunningImg {
    height: 25px; 
    width: 25px;
}
.builderWebhookHistoryBodyDiv {
    text-align: center;
    position: relative;
    top: 200px;
}
.builderHistoryWebhookLogo {
    text-align: center;
    position: relative;
    top: 100px;
}
.height80 {
    height: 80px;
}
.builderAddSlotTd, .builderAddNewSlotTd {
    height:56px;
    padding: 0 !important;
}
.builderAddSlotDiv {
    width: 91%;
    margin-left: 53px;
}
.builderAddNewSlotSeq {
    height: 48px;
    padding-top: 13px;
}
.width96_prcnt {
    width: 96%;
}
.builderSlotShowrunningBot {
    vertical-align: middle;
    position: absolute;
    top: 12px;
}
.bottom_41 {
    bottom: -41px;
}
/*End of Builder*/

/*data settings*/
.magicContactDescription, .shareCandidateDescription, .deleteMessageDescription, .PermdeleteMessageDescription {
    font-family: inherit;
    width: 168px;
}
.magicContactRightDiv, .shareCandidateRightDiv,.deleteMessageRightDiv, .PermdeleteMessageRightDiv {
    width: 420px;
    margin-top: 30px;
}
.top_4 {
    top: -4px;
}
.left_8 {
    left: -8px;
}
.left_33Imp {
    left: -33px !important;
}
.marginTop12Imp {
    margin-top: 12px !important;
}
.magicContactButton {
    font-family: inherit;
    font-size: 14px !important;
    width: unset !important;
}
.left_8Imp {
    left: -8px !important;
}
.shareCandidateButton, .deleteMessageButton, .PermdeleteMessageButton {
     font-family: inherit;
     font-size: 14px !important;
     width: 160px !important;
}
/*end of data settings*/

.amplifyPauseMessageStyle{
    display: inline-block;
    font-size: 16px;
    color: #2b215b;
}

.padding3px0px{
    padding: 3px 0px;
}
.hoverPauseButton:hover{
    content: url("../images/pause-red.svg");
}

/*Web gallery*/
.paddingRight4 {
    padding-right: 4px;
}
.webBotSelectOption {
    margin-left: 58%;
    width: 114.2852px !important;
    color: rgb(43, 33, 91) !important;
    padding: 1%;
}
.webBotNoBot {
    margin-top: 15px;
    font-size: 18px;
}
.webBotTitleLabel {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #2b215b;
    display: inline-block;
    margin-bottom: 2px;
    padding-left: 9px;
}
.webBotLoaderImg {
    height: 16px; 
    width: 16px;
}
.fontSize17 {
    font-size: 17px;
}
.webBotSubmissionDetails, .newWebBotSubmissionDetails {
    opacity: 0.5;
    color: #2b215b;
    font-size: 14px;
    padding-left: 10px;
}
.webBotArrow {
    position: absolute;
    top: 8px;
    right: -10px;
}
.webBotLastPublished {
    font-size: 12px;
    color: #2b215b;
    opacity: 0.5;
    position: relative;
    top: -32px;
    float: right;
}
.left_10 {
    left: -10px;
}
.webBotLeftSec {
    width: 50%;
    padding: 15px;
    position: relative;
    top: -20px;
}
.margin105105 {
    margin: 10px 5px 10px 5px;
}
.top77 {
    top: 77px;
}
.height100 {
    height: 100px;
}
.width70_prcntImp {
    width: 70% !important;
}
.webBotAttachmentDiv, .newWebBotAttachmentDiv {
    position: relative;
    top: -20px;
}
.top_80 {
    top: -80px;
}
.width30 {
    width: 30px;
}
.paddingRight7 {
    padding-right: 7px;
}
.webBotSavedRepliesDiv, .newWebBotSavedRepliesDiv {
    width: 408px;
    left: -21px;
    z-index: 4;
    top: -2px;
}
.webBotSavedRepliesDivUl, .neWebBotSavedRepliesDivUl {
    overflow-x: auto;
    max-height: 132px;
}
.webBotAttachmentChipDiv, .newWebBotAttachmentChipDiv {
    margin-left: 3px;
    width: 368px;
    margin-bottom: -10px;
    height: 33px;
    margin-top: 0px;
}
.webBotCanvasBotDiv, .newWebBotCanvasBotDiv {
    position: relative;
    margin: 20px 5px 10px 5px;
    border-bottom: 1px solid lightgray;
}
.marginBottom3 {
    margin-bottom: 3px;
}
.backgroundColorFFFFFF {
    background-color: #FFFFFF;
}
.webBotSelectActLabel, .webBotConfigActLabel, .newWebBotSelectActLabel, .newWebBotConfigActLabel {
    margin: 5px;
    color: #2b215b;
    margin-left: 8px;
}
.webBotSelectActInput {
    width: 90%;
    margin-left: 12px;
    font-size: 14px;
}
.newWebBotSelectActInput {
    width: 90%;
    margin-left: 11px;
    font-size: 14px;
}
.webBotSelectActDropdownImg, .newWebBotSelectActDropdownImg {
    right: 30px;
    position: absolute;
    bottom: 7px;
}
.webBotSelectActOl, .newWebBotSelectActOl {
    width: 90%;
    max-height: 210px;
    left: 12px;
    font-size: 14px;
    z-index: 4;
}
.webBotSelectActNoAct, .newWebBotSelectActNoAct {
    padding: 10px 10px;
    text-align: center;
    color: #2b215b;
}
.webBotConfigInput1, .newWebBotConfigInput1 {
    width: 90%;
    margin-left: 11px;
    font-size: 14px;
    padding-left: 11px;
}
.webBotConfigInput1Div, .newWebBotConfigInput1Div {
    width: 90%;
    left: 12px;
    font-size: 14px;
    padding: 9px 5px;
}
.webBotImportChatLabel, .newWebBotImportChatLabel {
    width: 70%;
    font-size: 12px;
}
.webBotMultiConfigInput, .newWebBotMultiConfigInput {
    width: 90%;
    margin-left: 11px;
    font-size: 14px;
    padding-left: 26px;
}
.webBotImportChatDivOl, .newWebBotImportChatDivOl {
    width: 90%;
    max-height: 210px;
    left: 12px;
    top: 76px;
    z-index: 4;
}
.webBotMultiDivOl, .newWebBotMultiDivOl {
    width: 90%;
    max-height: 180px;
    left: 12px;
    overflow-x: hidden;
    top: 76px;
    z-index: 10;
}
.width18Imp {
    width: 18px !important;
}
.webBotMultiLabel, .newWebBotMultiLabel {
    top: 0px !important;
    width: 87%;
    font-size: 12px;
    white-space: nowrap;
}
.webBotOptionalMsg, .newWebBotOptionalMsg {
    margin-left: 12px;
    margin-top: 15px;
    width: 90%;
}
.webBotconfigBotPerformAction, .newWebBotconfigBotPerformAction {
    width: 50%;
    background-color: #F8F8F9;
    display: table-cell;
}
.webBotPerformActionLabel, .newWebBotPerformActionLabel {
    font-weight: bold;
    color: rgb(43, 33, 91);
    padding: 5px 5px 0px;
    justify-content: space-between;
}
.webBotPerformActionLabelSpan, .newWebBotPerformActionLabelSpan {
    font-size: 17px;
    padding: 5px 5px;
}
.webBotPerformActionUl, .newWebBotPerformActionUl {
    max-height: 170px;
    overflow-y: auto;
}
.webBotPerformActionLi, .newWebBotPerformActionLi {
    font-size: 12px;
    height: 30px;
}
.webBotActionDeleteImg, .newWebBotActionDeleteImg {
    height: 15px;
    width: 25px;
}
.webBotActionDeleteBlock, .newWebBotActionDeleteBlock {
    top: 0px;
    width: 170px;
    height: 33px;
    right: -9px;
}
.paddingLeft4 {
    padding-left: 4px;
}
.webBotNoActionPerform, .newWebBotNoActionPerform {
    text-align: center;
    position: relative;
    top: 40px;
}
.margin15px5px {
    margin: 15px 5px;
}
.top_15 {
    top: -15px;
}
.webBotArchiveBlock {
    min-width: 180px;
    width: unset;
    white-space: nowrap;
    left: -20px;
    height: 30px;
    right: unset;
}
.webBotRightDiv, .newWebBotRightDiv {
    width: 50%;
    padding: 15px;
    border-left: 1px solid lightgray;
    height: 100%;
}
.marginTop20 {
    margin-top: 20px;
}
.height205 {
    height: 205px;
}
.height200 {
    height: 200px;
}
.marginBottom8 {
    margin-bottom: 8px;
}
.webBotSavePublishLoad {
    height: 35px; 
    width: 35px;
}
.newWebBotTitleLabel{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #2b215b;
    display: block;
    padding-left: 9px;
}
.newWeBotDropDown {
    position: relative;
    top: -32px;
    font-size: 12px;
    float: right;
}
.newWeBotDropDownImg {
    color: #24bba2;
    position: relative;
    left: -8px;
    cursor: pointer;
}
.newWebBotLeftSec {
    width: 50%;
    padding: 10px;
    position: relative;
    top: -20px;
}
.newWebBotPhoneOl {
    width: 100%;
    top: 45px;
    z-index: 4;
}
.nweWebBotNoNumber {
    padding: 5px 5px;
    text-align: center;
    color: #2b215b;
}
.top_20 {
    top: -20px;
}

/*End of Webbot*/

/*share Candidate*/
.zIndex15001Imp {
    z-index: 15001 !important;
}
.height45 {
    height: 45px;
}
.left_22Imp {
    left: -22px !important;
}
.left0Imp {
    left: 0px !important;
}
.marginTop2Imp {
    margin-top: 2px !important;
}
.shareCandiIncludeEmail {
    font-size: 15px !important;
    font-family: inherit;
    color: #2b215b !important;
    position: relative;
    left: 23px;
    bottom: 25px;
    margin-bottom: 0px !important;
    opacity: 0.5;
}
.overFlowYAuto {
    overflow-y: auto;
}
.shareCandiSwitch {
    --uncheckbackgroundcolor: #bfbccf;
    --widdth: 37px;
    --roundcolor: #ffffff;
    --backgroundcolor: #24bba2;
}
.marginLeft6 {
    margin-left: 6px;
}
.width45_prcnt {
    width: 45%;
}
.shareCandiShareDoc {
    margin-top: -5px !important;
    margin-bottom: 3px !important;
}
.left20 {
    left: 20px;
}
.shareCandiNoResumeLabel {
    width: 77%;
    top: -9px;
    float: left;
    left: 40px;
}
.top_10Imp {
    top: -10px !important
}
.shareCandiNoResumeError {
    color: #E1164F !important;
    opacity: 1 !important;
}
.shareCandiDeId {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.shareCandiGender {
    position: relative;
    float: left;
    width: 33%;
    height: 30px;
}
.shareCandiLoaderImg {
    width: 34px;
    position: relative;
    float: right;
    top: 18px;
    left: -45px;
}
.marginTop15Imp {
    margin-top: 15px !important;
}
.margintop23Imp {
    margin-top: 23px !important;
}
.marginTop3_prcnt {
    margin-top: 3%;
}
.height_4 {
    height: -4px;
}
/*end of sharecandidate*/

/*edit candidate*/
.editCandiFLNameDiv {
    width: 49%;
    padding-top: 4px;
}
.width49_prcnt {
    width: 49%;
}
.left_32Imp {
    left: -32px !important;
}
.colorBlack {
    color: black;
}
.marginleft7 {
    margin-left: 7px;
}
.editCandiSocialProfileDiv {
    padding-right: 0;
    padding-left: 0;
}
.editCandiSocialProfile {
    width: 100%;
    background: white;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 2px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}
.editCandiPotentialJobsDiv {
    clear: both;
    position: relative;
    background-color: #f4f4f7;
    margin-bottom: 20px;
}
.editCandiPotentialJobsLi {
    float: none;
    height: 28px;
    padding-top: 0px;
    width: 110px;
    padding-left: 5px;
}
.editCandiTagsLi {
    height: 28px;
    padding-top: 0px;
    width: 110px;
    padding-left: 5px;
}
.paddingleft36 {
    padding-left: 36px;
}
.transformRotate180 {
    transform: rotate(180deg);
}
.editCandiJobsUl {
    max-height: 200px !important;
    padding: 0px !important;
    top: -20px !important;
}
.editCandiJobsList {
    width: 100% !important;
    position: relative;
    left: 0px !important;
}
.color24bba2Imp2 {
    color: #24BBA2 !important;
}
.editCandiShowAllMine, .addCandiShowAllMine{
    width: 50%;
    text-align: right;
    padding-right: 15px;
}
.width97_prcnt {
    width: 97%;
}
.editCandiSearchJob, .editCandiSearchTag, .bulkImportSearchJob, .bulkImportSearchTag, .addCandiSearchJob, .addCandiSearchTag {
    height: 26px;
    width: 100%;
    padding-right: 23px;
    font-family: inherit;
    font-size: 14px;
}
.editCandiCheckBoxLabel {
    position: relative !important;
    top: 3px !important;
    font-size: 15px !important;
    width: 22px !important;
}
.editCandiNoJobsUl {
    top: -20px !important;
    height: 91px;
}
.editCandiNoJobsList{
    width: 102% !important;
    position: relative;
    left: -10px !important;
    margin-top: -5px;
}
.marginLeft12 {
    margin-left: 12px;
}
.editCandiNoJobLabel {
    position: relative;
    top: 11px;
    font-size: 15px;
    color: #2b215b;
}
.width104_prcnt {
    width: 104%;
}
.floatNone {
    float: none;
}
.backgroundColorf2f5f6 {
    background-color: #f2f5f6;
}
.height38 {
    height: 38px;
}
.bottom10 {
    bottom: 10px;
}
.editCandiTagsUl {
    max-height: 175px !important;
    padding-top: 10px !important;
}
.editCandiTagsList {
    left: -10px !important;
    border-bottom: 0px !important;
    font-size: 15px;
}
.editCandiAddtag {
    float: none;
    padding-right: 0px;
    border-bottom: 0px;
    position: relative;
    top: -13px;
    left: -13px;
    padding-left: 7px;
    margin-top: 7px;
}
.paddingBottom25 {
    padding-bottom: 25px;
}
.editCandiNoTagLi {
    margin-bottom: -7px; 
    border-top: 1px solid gainsboro; 
    margin-top: -12px; 
    padding-left: 16px; 
    margin-right: -10px;
    margin-left: -10px;
}
.editCandiNoTagLabel, .bulkImportNoJobLabel, .anonymousMsgNoTagLabel, .addCandiNoJobLabel, .addCandiNoTagLabel, .candiNoJobLabel {
    position: relative;
    top: 3px;
    font-size: 15px;
}
.editcandiSaveCancel {
    clear: both;
    top: 30px;
    left: 0px;
}
.editCandiErrorDiv {
    width: 365px;
    position: relative;
    top: 0px;
}
/*end of edit candidate*/


/* Amplify Dashboard */

.amplifyDashboardContent{
    margin-left: 1%;
    width: 100%;
    position: relative;
    left: 11px;
    padding-top: 68px !important;
}
.marginTopDec05_prcnt{
     margin-top: 0.5%;
}
.fontSize12Imp{
    font-size:12px !important;
}
.paddingTop2_prcntImp{
    padding-top: 2%;
}
.widthDec97_prcntImp{
    width: 97.5% !important;
}
.amplifyRecentMessageLabel{
    font-size: 20px; 
    line-height: 1; 
    height: 24px; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.fontSize30{
    font-size: 30px;  
}
.height47{
    height: 47px;
}
.amplifyRecentMessageStats{
    padding-top: 0px; 
    position: relative;
    overflow:hidden;
    top:0px;
}
.width49_prcntImp{
    width:49% !important;
}
.width50_prcntImp{
    width:50% !important;
}
.width100_prcntImp{
    width: 100% !important;
}
.dashboardContainerTable{
    top: 16px;
    padding-bottom: 65px;
    width: 100%; 
    left: 11px;
}
.marginBottom3RemImp{
    margin-bottom:  3rem !important;
}
.rgbColor4333911Imp {
    color: rgb(43, 33, 91,1) !important;
}
.left55{
    left: 55px;
}

.width215Imp {
    width: 215px !important;
}
.padding5Imp{
    padding: 5px !important;
}
.borderBottom1pxColorc9cacc{
    border-bottom: 1px double #c9cacc;
}
.marginLeft60{
    margin-left: 60px;
}
.marginBottom0Important{
    margin-bottom: 0px !important;
}
.height50{
    height: 50px;
}
.backgroundFFF{
    background: #fff;
}
.amplifyRecuriterFilterApply{
    margin-bottom: 5px; 
    padding-left: 8px;
    width: 206px;
    padding-top: 5px;
}
.right25{
    right: 25px;
}
.backgroundColorRedImp{
    background-color:red;
}
.width167{
    width: 167px;
}
.height132{
    height: 132px;
}
.marginBottom0RemImp{
    margin-bottom: 0rem !important; 
}
.height39{
    height: 39px;
}
.margin3{
    margin: 3px;
}
.left_67{
    left:-67px;
}
.top11{
    top: 11px;
}
.top_13{
    top: -13px;
}
.borderTop1pxSolidGrainsboro{
    border-top: 1px solid gainsboro !important;
}
.left_66{
    left: -66px;
}
.right21{
    right: 21px;
}
.top_14{
    top: -14px;
}
.left10{
    left: 10px;
}
.height42{
    height: 42px;
}
.left_68{
    left: -68px;
}
.top8{
    top: 8px;
}
.height20{
    height: 20px;
}
.right_10{
    right: -10px;
}
.right_17{
    right: -17px;
}
.backgroundNoneImp{
    background: none !important; 
}
.alignToRightImp {
    text-align: right !important;
}
.alignToLeftImp {
    text-align: left !important;
}
.marginTop17{
    margin-top: 17px;
}
.opacity07{
    opacity: 0.7;
}
.color24bba2Important{
    color: #24BBA2 !important;
}
.padding010{
    padding:  0px 10px;
}

/* Amplify Dashboard Ends */

/* Amplify Details Starts*/

.flexWrap{
    flex-wrap:wrap;
}
.fontFamilyInherit{
    font-family: inherit;
}
.fontSize20pxImp{
    font-size: 20px !important;
}
.widthAutoImp {
    width: auto !important;
}
.floatNoneImp {
    float: none !important;
}
.top5Imp{
    top: 5px !important;
}
.right2Imp{
    right: 2px !important;
}
.padding5px5px{
    padding-left: 5px 5px;
}
.borderBottom1pxSolidBlack{
    border-bottom: 1px solid black;
}
.opacity01{
    opacity: 0.1;
}
.marginTop10Imp{
    margin-top: 10px !important;
}
.heigh220Imp{
    height: 220px !important;
}
.boxShadowNoneImp{
    box-shadow: none !important;
}
.height199Imp{
    height: 199px !important;
}
.maxHeight200{
    max-height: 200px;
}
.overFlowAuto{
    overflow: auto;
}
.margin0010Imp{
    margin: 0 0 10px 0 !important;
}
.paddingLeft25{
    padding-left: 25px;
}
.padding05075rem{
    padding: 0.75rem  0.75rem 0.5rem !important;
}
.padding005075rem{
    padding: 0px 0.75rem 0.5rem !important;
}
.amplifyMessageHeaderTitle{
    margin-left: 20px;
    background: #2B215B;
    border-radius: 4px;
    height: 40px;
}
.amplifyMessageBubbleImage{
    padding: 7px;
    margin-left: 3px;
    margin-top: 2px;
}
.top3{
    top: 3px;
}
.height30Imp{
     height: 30px !important; 
}
.amplifyScheduleMessageText{
    color:#fff;
    margin-left: 7px;
    position: absolute;
    top: 7px;
    right: 28px;
}
.amplifyscheduleDelayMessage{
    color:#fff;
    margin-left: 177px;
    position: relative;
    top: 2px;
}
.right80{
    right: 80px;
}
.marginTop_31{
    margin-top: -31px;
}
.right45{
    right: 45px;
}
.right_50{
    right: -50px;
}
.amplifyScheduleIntervalDropDown{
    font-size: 16px; 
    width: 84px;
    height: 30px;
    text-transform: lowercase;
    margin-top: -55px;
    cursor: pointer;
}
.amplifyTableMessageCount{
    background-color:#FAFAFA;
    display: flex; 
    justify-content: space-between;
}
.displayFlex{
    display: flex;
}
.justifyContentSpace{
    justify-content: space-between;
}
.right17Imp{
    right: 17px !important;
}
.top74Imp{
    top: 74px !important;
}
.width500Imp{
    width: 500px !important;
}
.zIndex5{
    z-index: 5;
}
.amplifyTextareaTextCount{
    float: right;
    bottom: 4px;
    right: 12px;
    opacity: 0.5;
}
.top_82Imp{
    top:-82px !important;
}
.top2{
    top: 2px;
}
.amplifySavedMessagePopup{
     width: 498px; 
     left:-21px;
     z-index:4;
     top: 25px;
}
.colorfffImp{
    color: #fff !important;
}
.overFlowXAuto {
    overflow-x: auto;
}
.maxHeight132{
    max-height: 132px
}
.amplifySavedAttachementChip{
    margin-left:3px !important;
    width:497px !important;
    margin-bottom:-10px !important;
    max-height:33px;
    margin-top:0px !important;
}
.marginLeft17{
    margin-left: 17px;
}
.left1Imp{
    left: 1px !important;
}
.marginLeft3{
    margin-left: 3px;
}
.padding6px5px{
    padding: 6px 5px; 
}
.left_44Imp{
    left: -44px !important;
}
.width108{
    width: 108px !important;
}
.left_61{
    left: -61px !important;
}
.width144{
    width: 144PX !important;
}
.amplifyPauseImageStyle{
    right: 98px;
    top: 152px !important; 
    width:120px !important; 
    left: unset !important;
}
.left_14{
    left: -14px;
}
.top54{
    top: 54px;
}
.paddingLeft42{
    padding-left: 42px;
}
.marginTop8{
    margin-top: 8px;
}
.amplifyValidationCondition{
    float: left;
    padding-left: 15px;
    padding-top: 8px;
}
.marginTop4{
    margin-top: 4px;
}
.padding0px3px{
    padding: 0px 3px;
}
.paddingRight2{
    padding-right: 2px;
}
.amplifySelectActionLabel{
    margin: 5px;
    color: #2b215b;
    margin-left:12px;
}
.right12{
    right: 12px;
}
.bottom7{
    bottom: 7px;
}
.width220Imp{
    width: 220px !important;
}
.left22Imp{
    left: 22px !important; 
}
.padding10px10px{
    padding: 10px 10px;
}
.margin5{
    margin: 5px;
}
.positionRelativeImp{
    position: relative !important;
}
.left_97Imp{
    left: -97px !important;
}
.top37{
    top: 37px !important;
}
.paddingLeft30Imp{
    padding-left: 30px !important;
}
.width12_prcnt{
    width: 12%;
}
.top_3{
    top: -3px;
}
.paddingLeft32{
    padding-left: 32px !important;
}
.left215{
    left: 215px;
}
.bottom30{
    bottom: 30px;
}
.maxHeight188{
    max-height: 188px;
}
.overFlowXHidden {
    overflow-x: hidden;
}
.top1Imp{
    top: 1px !important;
}
.marginTop_15{
    margin-top: -15px;
}
.amplifyOptionalMessageText{
    margin-left: 25px;
    margin-top: 15px; 
    width: 86%;
    padding:6px;
}
.paddingLeft90{
    padding-left: 90px;
}
.paddingLeft15{
    padding-left: 15px;
}
.paddingTop8{
    padding-top: 8px;
}
.padding7{
    padding: 7px;
}
.paddingRight3{
    padding-right: 3px;
}
.amplifyBranchActionicon{
    height: 24px; 
    width: 36px;
    position: relative; 
    top: -2px;
    left: 0px;
}

.amplifyAddNewMessage{
    height: 56px; 
    padding: 0.5rem !important;
    padding-top:2px !important;
}
.amplifySequenceAddMessage{
    position: absolute;
    left: 40px;
    top: 11px;
    font-family: jaldi, sans-serif;
    opacity: 0.7;
}
.top12{
    top: 12px;
}
.padding0px5px0px5px{
    padding: 0px 5px 0px 5px;
}
.height180Imp{
    height: 180px !important;
}
.backgroundColor2b215bImp {
    background-color: #2b215b !important;
}
.color000Imp{
    color: #000 !important;
}
.amplifyValidationMessageTitle{
    padding: 0 20px 0px 20px; 
    border-bottom: 0px solid #eceeef;
    word-break: break-all;
}
.padding20{
    padding: 20px;
}
.left_10Imp{
    left: -10Px !important;
}
.fontSize15px{
     font-size: 15px;
}
.margin0Imp{
    margin: 0px !important;
}
.paddingLeft20{
    padding-left: 20px;
}
.borderTop0{
    border-top: 0px;
}
.height205Imp{
    height: 205px !important;
}
.padding4px20px{
    padding: 4px 20px;
}
.fontSize15pxImp{
      font-size: 15px !important; 
}
.margin010Imp{
    margin: 0px 10px !important; 
}

.resizeImgClassAmplify {
    position: absolute;
    right: 56px;
    top: 74px;
    opacity: 0.25;
    cursor: pointer;
}


/*AmplifyDetailsEnds*/

/*bulk import*/
.bulkImportModal {
    width: 480px !important;
    overflow: visible !important;
}
.left10 {
    left: 10px;
}
.paddingBottom10 {
    padding-bottom: 10px;
}
.bulkImportUploadTemp {
    background: #F4F4F7;
    height: 40px;
    clear: both;
    position: relative;
}
.bulkImportUploadTempImg {
    margin-left: 8px;
    position: absolute;
    margin-top: 7px;
}
.width82_prcnt {
    width: 82%;
}
.margintop7 {
    margin-top: 7px;
}
.bulkImportUploadLoad {
    width: 25px;
    position: relative;
    float: right;
    top: 0px;
    left: -10px;
    padding-top: 0;
    margin-right: 0;
}
.margin35px000 {
    margin: 35px 0 0 0;
}
.bulkImportMapButton {
    opacity: 0.25 !important;
    color: rgb(43, 33, 91);
    background: lightgray;
}
.paddingTop10 {
    padding-top: 10px;
}
.floatNoneImp {
    float: none !important;
}
.bulkImportFieldsDiv {
    clear: both;
    width: 100%;
    position: relative;
    top: 25px;
    padding-bottom: 50px
}
.right40 {
    right: 40px;
}
.bulkImportSearchImg {
    bottom: auto;
    margin-top: 9px;
    left: 5px;
}
.bulkImportJobListBlock, .bulkImportTagListBlock, .anonymousMsgTagListBlock, .addCandiJoListBlock, .addCandiTagListBlock {
    height: 28px;
    padding-top: 0px;
    width: 110px;
    padding-left: 5px;
}
.bulkImportJobInput, .bulkImportTagInput {
    padding-left: 28px;
    margin-bottom: 0px;
}
.bulkImportJobUl {
    max-height: 100px !important;
    padding: 10px 0px !important;
}
.bulkImportJobShowAllLi, .bulkImportTagShowAllLi {
    position: relative;
    top: -10px;
    border-bottom: 1px solid lightgray;
}
.width380 {
    width: 380px;
}
.bulkImportJobList {
    height: 40px;
    padding-left: 10px;
}
.bulkImportJobListLabel, .bulkImportTagListLabel {
    position: relative !important;
    top: 3px !important;
    font-size: 15px !important;
    width: 22px !important;
}
.bulkImportNoJobShowAllLi {
    position: relative;
    top: -10px;
    border-bottom: 1px solid lightgray;
    width: 417px;
    left: -8px;
}
.bulkImportRemoveJob, .bulkImportRemoveTag {
    position: relative;
    top: 0px;
    left: -9px;
    z-index: 0;
}
.top12 {
    top: 12px;
}
.bulkImportTagsUl {
     max-height: 104px !important;
     padding: 10px 0px !important;
}
.bulkImportNoTagLi {
    padding-top: 0;
    margin-left: 16px;
}
.height41 {
    height: 41px;
}
.bulkImportNoTagLabel {
    position: relative;
    top: 3px;
    font-size: 15px;
    color: #2b215b;
}
.backgroundColorf4f4f7 {
    background-color: #f4f4f7;
}
.bulkImportAutoStartDropImg {
    right: 33px;
    position: absolute;
    margin-top: 8px;
}
.bulkImportAutoStartLabel {
    color: rgb(43, 33, 91);
    opacity: 0.5;
    font-family: inherit;
    font-size: 14px;
    position: absolute;
    margin: 9px;
}
.bulkImportAutoStartOl {
    right: 0px;
    left: 29px !important;
    width: 88%;
    position: absolute;
    top: unset !important;
    margin-top: 1px;
}
.bulkImportGoBackDiv {
    margin-top: 25px;
    position: relative;
    padding-bottom: 15px
}
.top15 {
    top: 15px;
}
.bulkImportBottomSec {
    margin: -15px 0 0 21px;
    width: 97%;
}
.bulkImportUploadLoader {
    width: 34px;
    position: relative;
    float: right;
    top: -8px;
    left: -18px;
    padding-top: 0;
    margin-right: 0;
}
.marginRight8 {
    margin-right: 8px;
}
.minHeight215Imp {
    min-height: 215px !important;
}
.bulkImportFinalBlock, .candiAtsModalBlock {
    float: left;
    padding: 20px;
    text-align: center;
    width: 100%;
}
.bulkImportRunning {
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: bold !important;
    color: #24bba2;
}
.width50 {
    width: 50px;
}
.bulkImportToClose {
    font-size: 17px;
    color: #2b215b;
    padding: 0px 20px;
    opacity: 0.6;
}
.colore43465 {
    color: #e43465;
}
.bulkImportFinished {
    font-size: 16px;
    color: #2b215b;
    padding: 0px 20px;
    opacity: 0.5;
}
.overFlowAuto {
    overflow: auto;
}
.margin10px010px0 {
    margin: 10px 0px 10px 0px;
}
.bulkImportGoBack {
    left: 50px;
    top: 5px;
}
.left_55 {
    left: -55px;
}
.margin0000 {
    margin: 0 0 0 0;
}
.marginLeft28_prcnt {
    margin-left: 28%;
}
.colore43465Imp {
    color: #e43465 !important;
}
/*end of bulk import*/

/*de-idendification*/
.deIdentiModal {
    background-color: rgba(50, 27, 191, 0.3);
    overflow: hidden !important;
}
.deIdentiContentModal {
    height: 80%;
    width: 70%;
    top: 25px;
    margin-bottom: 0px;
    margin-left: 60px;
    display: inline-block;
}
.deIdentiHeaderResume {
    font-size: 13px;
    width: 850px;
}
.deIdentiDownload {
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
}
.deIdentiResumeavailable {
    height: 94vh;
    width: 850px;
}
.deIdentiNoResumeavailable {
    width: 136px;
    height: 123px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 408px;
    right: 0;
}
.deIdentiNoResumeImg {
    width: 102px;
    margin-left: 15px;
}
.deIdentiNoResumeLabel {
    font-size: 16px;
    color: white;
    margin-top: 3px
}
.overFlowXHidden {
    overflow-x: hidden;
}
.overFlowYAuto {
    overflow-y: auto;
}
.borderBottom1Solideceeef {
    border-bottom: 1px solid #eceeef;
}
.zIndex1 {
    z-index: 1;
}
.deIdentiAtsIntegrated {
    width: 15px; 
    height: 15px; 
    position: absolute; 
    top: 20px; 
    right: 0px; 
    border-radius: 100%; 
    border: 2px solid white;
}
.deIdentiLocation {
    margin: 0;
    text-align: center !important;
    color: #211754 !important;
}
.fontSize22 {
    font-size: 22px;
}
.deIdentiButtonsDiv {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(236, 238, 239);
    width: 100%;
}
.deIdentiGoChat {
    background-color: #24bba2;
    margin-left: 17px;
    width: 26.5%;
}
.deIdentiShare {
    background-color: rgb(33, 23, 84);
    margin-left: 14px;
    width: 26.5%;
}
.marginLeft40 {
    margin-left: 40px;
}
.deIdentiDownloadButton {
    background-color: rgb(33, 23, 84);
    margin-left: 14px;
    width: 26.5%;
}
.deIdentiOpenPdf {
    background-color: #211754;
    margin-left: 14px;
    width: 26.5%;
}
.deIdentificationDiv {
    margin-top: 10px;
    border-bottom: 1px solid rgb(236, 238, 239);
    padding-bottom: 5px;
}
.deIdentificationLabel, .deIdentiJobsLabel {
    padding-left: 6px;
    color: #2b215b;
    font-weight: bold;
}
.deIdentificationLabelSpan {
    display: inline-block;
    margin-left: 12px;
    color: #2b215b;
    opacity: 0.5;
    font-size: 14px;
}
.marginLeft28 {
    margin-left: 28px;
}
.deIdentiGenderCheckbox, .deIdentiRaceCheckbox, .deIdentiEducationCheckbox {
    position: absolute;
    z-index: 11;
    left: -9px;
    opacity: 0;
}
.deIdentiGenderCheckboxLabel, .deIdentiRaceCheckboxLabel, .deIdentiEducationCheckboxLabel {
    color: #2b215b !important;
    margin-left: -14px !important;
    margin-bottom: 0px;
}
.width128 {
    width: 128px;
}
.marginLeft_10 {
    margin-left: -10px;
}
.deIdentiGenderLoader, .deIdentiNationalityLoader, .deIdentiRaceLoader, .deIdentiReligionLoader, .deIdentiEducationLoader, .deIdentiAllLoader {
    height: 23px;
    width: 23px;
    margin-left: -6px;
}
.deIdentiGenderLabel, .deIdentiNationalityLabel, .deIdentiRaceLabel, .deIdentiReligionLabel, .deIdentiEducationLabel, .deIdentiAllLabel {
    color: #2b215b;
    margin-left: -3px;
    margin-bottom: 0px;
}
.deIdentiNationalityCheckbox, .deIdentiReligionCheckbox, .deIdentiAllCheckbox {
    position: absolute;
    z-index: 11;
    left: 0px;
    opacity: 0;
}
.deIdentiNationalityCheckboxLabel, .deIdentiReligionCheckboxLabel, .deIdentiAllCheckboxLabel {
    color: #2b215b !important;
    margin-left: -4px !important;
    margin-bottom: 0px;
}
.deIdentiPotentialJobs, .deIdentiNotes {
    margin-top: 10px;
    padding-bottom: 5px;
}
.deIdentiJobsLiDiv {
    width: 275px !important;
    margin-left: 16px;
}
.deIdentiNoJobs {
    margin-left: 33px;
    color: #211754;
    font-size: 16px;
}
.paddingLeft11 {
    padding-left: 11px;
}
.paddingRight9 {
    padding-right: 9px;
}
.deIdentiNotesLabel {
    margin-left: -3px;
    color: #2b215b;
    font-weight: bold;
}
.paddingLeft15 {
    padding-left: 15px;
}
.marginBottom15 {
    margin-bottom: 15px;
}
.deIdentiNotesSaved {
    opacity: 1;
    position: relative;
    padding: 4px;
    top: -2px;
    margin-top: 2px;
    font-family: inherit;
    color: #1cb79e;
}
.deIdentiCanvasChat {
    border-bottom: 1px solid rgb(236, 238, 239);
    padding-left: 10px;
    color: #2b215b;
    font-weight: bold;
    border-top: 0;
    margin-top: 0px;
}
.deIdentiCanvasChatLabel {
    font-size: 16px;
    color: #211754;
}
.deIdentiCanvasChatUl {
    margin-bottom: 6px;
    max-height: 109px;
    overflow: auto;
}
.deIdentiCanvasChatImage {
    width: 32px;
    height: 32px;
    float: left;
}
/*end of deidentification*/

/*bulksend*/
.bulkSendModalDialog {
    height: auto;
    margin-bottom: 25px !important;
    min-height: auto !important;
    width: 495px !important;
}
.padding01_prcnt30Imp {
    padding: 0.1% 30px !important;
}
.bulkSendCustomMsg {
    color: #2b215b;
    font-size: 20px;
    font-weight: bold;
    margin-top: 13px;
}
.bulkSend100WarningSpan {
    display: inline-block;
    position: relative;
    top: -12px
}
.bulkSend100WarningImg {
    height: 25px;
    width: 25px;
    margin: 10px;
}
.bulkSendDataLoadImg, .navBarChatInfoImg {
    height:21px !important;
    width:22px;
}
.colorRed {
    color: red;
}
.height120 {
    height: 120px;
}
.top100 {
    top: 100px;
}
.overFlowXAuto {
    overflow-x: auto;
}
.maxHeight132 {
    max-height: 132px;
}
.top_25 {
    top: -25px;
}
.top_100 {
    top: -100px;
}
.bulkSendPhoneNumSelect {
    padding-left: 10px;
    color: rgb(43, 33, 91) !important;
    float: none !important;
}
.bulkSendScheduleTimeDiv {
    padding: 10px;
    height: 155px
}
.bulkSendTimePickerInput, .meetingInviteTimePickerInput, .chatScheduleTimePicker {
    height: 40px;
    border: 0px;
    background: rgb(244, 244, 247) !important;
    font-family: jaldi;
    text-align: left;
}
.bulkSendAddToSchedule {
    width: 40%;
    font-size: 15px;
    line-height: 1.43;
    color: #2b215b;
    position: relative;
    top: 11px;
}
.bulkSendPromptMessage {
     position:  relative; 
     top: 11px; 
     font-size: 13px; 
     color: red;
}
.width34 {
    width: 34px;
}
.bulkSendMergeTagsHeading, .bulkSendScheduleLater {
    font-size: 16px !important;
    text-align: left;
    color: #2b215b !important;
    margin: 0 0 10px 0 !important;
    font-weight: normal  !important;
}
/* end of bulk send*/

/*Meeting Invite modal*/
.meetingInviteModal {
    white-space: normal;
    margin: auto;
    margin-top:60px;
}
.width1 {
    width: 1px;
}
.height1 {
    height: 1px;
}
.backgroundColor24bba2N {
    background-color: #24bba2;
}
.meetingInviteSendInvite {
    width: 92px;
    margin-left: 8px;
}
.marginLeft23 {
    margin-left: 23px;
}
.meetingInviteLoader {
    width: 30px;
    margin-top: 1px;
}
.meetingInviteModalPopUp {
    background-color: rgba(0, 47, 77, 0.5);
    overflow: hidden !important;
}
.meetingInviteModalChat {
    margin-bottom: 50px;
    white-space: normal;
    margin-left: 38%;
    margin-top: 53px;
}
/*end of meeting invite*/

/*ATS*/
.overFlowVisibleImp {
    overflow: visible !important;
}
.AtsSearchError, .AtsJobSearchError {
    padding-bottom: 3px;
    padding-right: 3px;
}
.border0 {
    border: 0px;
}
.AtsJobNumLabel {
    padding-top: 5px;
    height: 21px;
}
.paddingLeft20 {
    padding-left: 20px;
}
.minWidth100 {
    min-width: 100px;
}
.paddingLeft26 {
    padding-left: 26px;
}
.minWidth80 {
    min-width: 80px;
}
.paddingLeft20_prcnt {
    padding-left: 20%;
}
.height60 {
    height: 60px;
}
.AtsCheckBoxScreen2 {
    width: 10%;
    position: relative !important;
    left: 8px;
    top: 10px !important;
}
.AtsCheckBoxInput {
    top: 2px !important;
    left: 10px !important;
}
.AtsNameLabel {
    width: 30%;
    margin-top: 9px;
    margin-left: 29px;
    display: inline-block;
    color: #2b215b;
    font-weight: bold;
}
.AtsCreateConvoLabel {
    opacity: 1;
    color: rgb(0, 0, 0);
    right: 3%;
    bottom: 4%;
    top: 0px;
}
.AtsErrorSuccessImg {
    width: 25px;
    position: relative;
    float: right;
    top: -18px;
    left: -25px;
    padding-top: 0;
    margin-right: 0;
}
.AtsEmailAddressList {
    margin-bottom: 0;
    margin-top: -1px;
    margin-left: 57px;
    font-size: 14px;
    color: #B1AEC3; 
    width: 30%;
}
.AtsAutoImportJobLabel {
    position: relative !important;
    top: 35px;
    left: 46% !important;
    width: 50% !important;
    font-family: jaldi, sans-serif;
    font-size: 14px !important;
}
.AtsErrorImage {
    margin-right: 27px;
    width: 25px;
    position: relative;
    float: right;
    top: -8px;
    left: 14px;
}
.AtsDropDownImg {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 40px;
    margin-top: 0px;
}
.AtsUserOl {
    right: 31px;
    left: unset;
    margin-top: 40px;
}
/*end of Ats*/
/*Preference*/
.marginBottom80 {
    margin-bottom: 80px;
}
.width800Imp {
    width: 800px !important;
}
.defaultWelcomeMsg {
    height: 136px;
    overflow-y: auto;
}
.customWelcomeMsg {
    height:110px;
    font-size: 14px !important; 
    font-family: Jaldi,sans-serif;
}
.updateWelcomeMsgBtn {
    width: unset !important;
    font-family: inherit;
    font-size: 15px !important;
}
.updateWelcomeMsgDiv , .updateShareMsgDiv {
    margin-bottom: 20px; 
    margin-top: 15px !important;
}
.shareMsg {
    height:206px;
    font-family: Jaldi,sans-serif;
}
.welcomeMsgDiv {
    display:inline-block;
    position: relative;
}
.savedMsgChkBox {
    width:20px !important;
    left:0px !important;
    cursor: pointer;
}
.marginTop7 {
    margin-top: 7px !important;
}
.updateSavedMsgBtn , .updateShareMsgBtn {
    width: unset !important;
    font-family: inherit;
    font-size: 15px !important;
}
.messageMergeTagCopyText , .autoReplyCopyText {
    display: none;
    padding-left: 25px !important;
}
.oooDescription {
    background-color:unset !important; 
    padding:unset !important;
    font-size:14px !important;
}
.enableOOODiv {
    position: relative; 
    margin-bottom: 14px !important; 
    top: 5px;
}
.shareCandiSwitch {
    --uncheckbackgroundcolor: #bfbccf;
    --widdth: 37px;
    --roundcolor: #ffffff;
    --backgroundcolor: #24bba2;
}
.autoReplyMsgLabel {
    opacity: 0.6;
    margin-bottom: -20px !important;
}
.autoReplyTextarea , .defaultGreetingTextarea , .customGreetingTextarea {
    height:110px;
    font-size: 14px !important; 
    font-family: Jaldi,sans-serif;
    resize: none !important;
}
.autoReplyCountVal {
    opacity: 0.6;
    float: right;
    position: relative;
    top: -3px;
    font-size: 14px;
}
.overflowYAouto {
    overflow-y: auto;
}
.width746 {
    width: 746px !important;
}
.userSettingContainerImg {
    width: 200px !important;
    height: 200px !important;
    float: left;
}
.userSettingOverlayImg {
    width: 200px !important;
    height: 200px !important;
}
.userProfileImage {
    width:200px; 
    height:200px;
    border-radius: 50%;
}
.userImgRemove {
    left: 36% !important;
    top: 30% !important;
}
.userImgUpdate {
    left:37% !important;
}
.userImgOtherOptions {
    left:32% !important; 
    top: 65% !important;
}
.alternateProfileImg {
    width:50px !important;
    height:50px !important;
    padding:4px;
}
.profileDetails {
    float:left;
    margin-left:3%;
    width:64%;
}
.marginTop12 {
    margin-top: 12px !important;
}
.updateContactBtn , .enable2faclass , .changeTimezone , .changePwd , .updateDpo ,
.updatePermaDel , .updateMessageDel , .updateCandidateSharing , .saveChangesBtn , .notificationButton {
    font-family:inherit;
    font-size:14px !important;
    width: auto !important;
    padding: 3px 10px;
}

/*.updateDpo {
    font-family: inherit; 
    font-size: 14px !important;
    width: auto !important;
    padding: 3px 10px;
}
.updatePermaDel , .updateMessageDel , .updateCandidateSharing {
    font-family: inherit; 
    font-size: 14px !important;
    width: auto !important;
    padding: 3px 10px;
}*/
.width91_prcntImp {
    width: 91% !important;
}
.backgroundColore21a52Imp {
    background-color: #E21A52 !important;
}
.overflowVisibleImp {
    overflow: visible !important;
}
.width36_prcntImp {
    width: 36% !important;
}
.timezonesDropdownInput {
    padding-right: 25px;
    font-size:14px;
}
.marginTop40Imp {
    margin-top: 40px !important;
}
.overflowAuto {
    overflow: auto;
}
.marginLeft5_prcnt {
    margin-left: 5%;
}
.width420 {
    width: 420px;
}
.top_4Imp {
    top: -4px !important;
}
.left_8 {
    left: -8px !important;
}
.left_33 {
    left: -33px !important;
}
.dataSettingDescWidth {
    font-family:inherit;
    width:168px;
}
.marginBottom35 {
    margin-bottom: 35px;
}
.orgSettingTzRight {
    margin-left:12% !important;
    margin-top: 30px !important;
    width:37%;
}
.orgSettingWelcomeMsgDesc {
    margin-left:12% !important;
    width:52%;
}
.displayInlineBlock {
    display: inline-block;
}
.displayInlineBlockImp {
    display: inline-block !important;
}
.displayBlock {
    display: block;
}
.displayInline {
    display: inline;
}
.displayTableRow {
    display: table-row;
}
.displayTable {
    display: table;
}
.displayTableCell {
    display: table-cell;
}
.marginBottom0Imp{
    margin-bottom: 0px !important;
}
.backgroundNoneImp {
    background: none !important;
}
.padding3Imp {
    padding: 3px !important;
}
.width89_prcnt {
    width: 89%;
}
.width90_prcnt {
    width: 90%;
}
.marginLeft0 {
    margin-left: 0px;
}
.paddingLeft20 {
    padding-left: 20px;
}
.marginBottom36Imp {
    margin-bottom: 36px !important;
}
.manageUserEmailID {
    position: absolute; 
    left: 5px; 
    bottom: 5px;
}
.addUserBtn {
    position: relative; 
    top: 107px;
    display: inline-block;
}
.managerUserTbleContainer {
    background-color: #fafafa !important;
    padding-bottom: 15px !important; 
    padding-left:0 !important; 
    width: 746px !important;
}
.width100_prcnt {
    width: 100%;
}
.manageUserTable {
    white-space:nowrap;
    margin-bottom: 0rem !important; 
    margin-top:0%;
}
.backgroundColorf9f9fa {
    background-color: #f9f9fa;
}
.borderBottomColor {
    border-bottom: 1px solid #f7f8f9;
}
.manageUserTablePadding {
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}
.paddingBottom0_prcnt {
     padding-bottom: 0%;
}
.userDomainNameError {
    position: relative;
    color: red;
    top: 10px;
}
.marginBottom5 {
    margin-bottom: 5px;
}
.left_2 {
    left: -2px;
}
.userSettingMobileNo {
    background-color: white; 
    padding: 0;
}
.bullHornAuthentication {
    max-width: 400px;
    padding: 12px;
    height: 43px !important;
}
.width160 {
    width: 160px;
}
.orgSettingWelcomeMsgCheckbox, .anonymousMsgCheckbox {
    width: 20px;
    opacity: 0;
    left: 0px;
}
.orgSettingUpdateMsgButtom, .anonymousMsgButton {
    font-family: inherit;
    font-size: 14px !important;
    width: 160px !important;
    width: unset !important;
}
.customUrlRightDiv, .anonymousMsgRightDiv, .candiShareLogoRightDiv {
    margin-left: 12%;
    margin-top: 50px;
    width: 52%;
}
.orgSettingCustomUrlButtom {
    font-family: inherit;
    font-size: 14px !important;
    width: unset !important;
}
.anonymousMsgTagsBlock {
    background-color: #f2f5f6;
    position: relative;
}
.height0 {
    height: 0px;
}
.maxHeight160Imp {
    max-height: 160px !important;
}
.paddingTop10Imp {
    padding-top: 10px !important;
}
.anonymousMsgAddTag {
    left: -5px;
    border-bottom: 0px;
    position: relative;
}
.anonymousMsgAddTagDiv {
    position: relative;
    bottom: 8px;
    cursor: pointer;
}
.anonymousMsgAddTagInput {
    height: 26px;
    width: 100%;
    padding-right: 23px;
    font-family: inherit;
}
.anonymousMsgCheckboxLabel {
    position: relative !important;
    top: 3px;
    font-size: 15px !important;
    width: 22px !important;
}
.anonymousMsgNoTag {
    border-top: 1px solid gainsboro;
    margin-top: -12px;
    padding-left: 16px;
    margin-right: -10px;
    margin-left: -10px;
}
.color9C98B2 {
    color: #9C98B2;
}
.brandingImgContainer {
    width: 200px;
    height: 125px;
}
.borderRadius1 {
    border-radius: 1px;
}
.brandingRemoveLabel {
    left: 34%;
    top: 34%;
}
.left34_prcnt {
    left: 34%;
}
.notificationSwitch {
    --widdth: 37px;
    --roundcolor: #ffffff;
    --backgroundcolor: #24bba2;
}
/*.notificationButton {
    width: 175px !important;
    font-family: inherit;
    font-size: 14px !important;
}*/
.marginTop40 {
    margin-top: 40px;
}
.paddingLeft13Imp {
    padding-left: 13px !important;
}
.width65 {
    width: 65px;
}
.margin5px10px5px0px {
    margin: 5px 10px 5px 0px;
}
.notificationEditImg, .candidateBodyBlockImage {
    width: 24px;
    height: 20px;
}
.width50Imp {
    width: 50px !important;
}
.manageUserDeleteCheckbox {
    position: relative;
    z-index: 111;
    opacity: 0;
    cursor: pointer;
}
.backgroundE21A52 {
    background: #E21A52;
}
.manageUserLoaderImg {
    width: 25px; 
    position: relative; 
    float: right; 
    top: 0px; 
    left: -10px; 
    padding-top: 0px; 
    margin-right: 0px;
}
.manageUserButtonLabel {
    position: relative; 
    left: 10px; 
    font-size: 13px; 
    color: #24BBA2;
}
.manangeUserSnackBar1 {
    position: relative;
    top: 14px;
    font-size: 30px;
}
.manangeUserSnackBar2 {
    position: relative;
    top: 0px; 
    height: 55px;
}
.padding15px20px {
    padding: 15px 20px;
}
.padding6px20px {
    padding: 6px 20px;
}
.marginLeft142 {
    margin-left: 142px;
}
.width100 {
    width: 100px;
}
.userManagementReactivateButton {
    background-color: #24bba2 !important;
    position: relative;           
    top:-30px;
    left: 52px;
}
.addNewFeedModal {
    max-width: 600px;
    width: auto !important;
    min-height:auto !important;
}
.addNewFeedModalClose {
    color:#2b215b !important;
    top:12px !important;
    font-size:22px !important;
    right:20px !important;
}
.addNewFeedTimePicker {
    width:130px;
    position:relative;
    top:5px;
}
.left_4 {
    left: -4px;
}
.padding4px20px {
    padding: 4px 20px;
}
.addFeedDeleteModal {
    color: #e21a52;
    position: relative;
    top: 8px;
}
.top83_prcnt {
    top: 89%;
}
.paddingLeft10Imp {
    padding-left: 10px !important
}
.paddingLeft25Imp {
    padding-left: 25px !important;
}
.addNewFeedTimePickerInput {
    background: rgb(244, 244, 247) !important;
    margin: 0px;
    border: 0px;
}
.marginTop_10Imp {
    margin-top: -10px !important;
}

/*End of preference*/

/*AmplifyResponse*/

.amplifyResponseContent{
    position: relative;
    top: 60px;
    width: 100%;
    left:18px;
}
.amplifyResponseHeading{
    position: relative;
    margin-bottom: 10px;
    top:10px;
}
.amplifyResponseArrow{
    font-size: 14px;
    font-weight: bold;
    color: #2b215b;
    opacity: 0.25
}
.width60_prcntImp {
    width: 60% !important;
}
.padding3{
    padding: 3px;
}
.zIndex21{
    z-index: 21;
}
.top_21Imp{
    top: -21px;
}
.width30{
    width: 30px;
}
.audienceResponseNotificationIc{
    top:6px !important;
    height:18px;
    right:-12px !important;
}
.amplifyNotificationText{
    color:#fff;
    right:-40px !important;
    width:2px !important;
}
.right4Imp{
    right: 4px !important;
}
.widht113{
    width: 113px;
}
.right_40Imp{
    right: -40px !important;
}
.colorFFFImp{
    color: #fff;
}
.width2Imp{
    width: 2px !important;
}
.fontSize11px{
    font-size: 11px;
}
.fontSize30pxImp{
 font-size: 30px !important;
}
.amplifyResponseSearchBox{
    position:relative;
    bottom:28px;
    height:37px;
    background:#fff;
}
.marginBottom95{
    margin-bottom: 95px;
}
.width5{
    width: 5px;
}
.paddingBottomUnsetImp{
    padding-bottom: unset !important;
}
.paddingTopUnsetImp{
    padding-top: unset !important;
}
.width20Imp{
    width: 20px !important;
}
.left_03{
    left: -3px;
}
.borderBottomWidth0{
    border-bottom-width: 0px !important;
}
.paddingLeft4_prcntImp{
    padding-left: 4% !important;
}
.left3Imp{
    left: 3px !important;
}
.fontFamilyJaldi{
    font-family: 'Jaldi', sans-serif  !important;
}
.margin10007Imp{
    margin: 10px 0 0 7px !important;
}
.margin_5050Imp{
    margin: -5px 0px 5px 0px !important;
}
.width180{
    width: 180px;
}
.borderColor2b215bImp{
    border-color: #2b215b!important;
}
.padding2Imp{
    padding:2px !important;
}
.marginLef32{
    margin-left: 32px;
}
.width85_prcntImp{
    width: 85% !important;
}
.marginLeft8{
    margin-left: 8px;
}
.borderTop1pxLightGray{
    border-top: 1px solid lightgray;
}
.top15{
    top: 15px;
}
.right8{
    right: 8px;
}
.right10{
    right: 10px;
}
.ResponseGlobolOverflow{
    width:150px;
    height:175px;
    z-index:10;
    right:56%;
}
.borderBottom1pxedf0f2{
    border-bottom: 1px solid #edf0f2;
}
.left_7Imp{
    left: -7px !important;
}
.top_26Imp{
    top: -26px!important;
}
.overflowamphover{
    color: #2b215b;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    height: 30px;
}
.responseNotification{
    margin-left: 5px;
    padding-left: 0;
    padding-right: 10px;
}
.deleteresponseNotification{
     margin-left: 7px;
    padding-left: 0;
    padding-right: 10px;
}
.borderLeft5SolidWhiteImp{
    border-left: 5px solid white !important;
}
.borderBottom1pxe5eaed{
    border-bottom: 1px solid #e5eaed;
}
.left7Imp{
    left: 7px!important;
}
.left_24Imp{
    left: -24px !important;
}
.top6{
    top: 6px !important;
}
.responseImportDropdown{
    max-height: 230px;
    overflow: auto;
    margin-bottom: 0px !important;
    overflow-x: hidden;
    position: relative;
    width: 250px;
}
.marginRight10Imp{
    margin-right: 10px !important;
}
.leftUnsetImp{
    left: unset !important;
}
.marginRight4 {
    margin-right: 4px;
}
.backgroundColore21a52Imp{
    background-color:#e21a52 !important;
}
.padding0px9pxImp{
    padding: 0px 9px !important; 
}
.padding10px10pxImp{
    padding: 10px 10px !important;
}
.width229Imp{
    width: 229px !important;
}
.responsePaginationCount{
    position: relative; 
    top: -2px; 
    text-decoration-color: #2b215b;
    opacity: 0.7;
    left: 100px;
}
.marginLeft144{
    margin-left: 144px;
}
.marginTop_34{
    margin-top: -34px;
}

/*AmplifyResponse Ends*/

/*AmplifyModal*/

.minHeightAutoImp{
    min-height: auto !important;
}
.padding01_prcnt30PxImp{
    padding: 0.1% 30px !important;
}
.height350{
    height: 350px;
}
.amplifyDirectionArrow{
    position:  absolute; 
    left: 308px; 
    top: 27px; 
    z-index: 3;
}
.marginTop_11px{
    margin-top: -11px;
}
.selectExistingAmplify{
    border-bottom: 1px solid #edf0f2;
    padding-top: 20px;
    padding-bottom: 5px; 
    padding-left: 10px;
}
.selectBotsAmplifyText{
    color: #2b215b;
    font-size: 14px;
    font-weight: bold; 
    float: left;
    margin-top: -18px; 
    margin-left: -3px;
}
.showAllAmplifyModal{
    float: right;
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-right: 4px; 
    margin-top:-19px;
}
.marginBottom_7{
    margin-bottom: -7px;
}
.marginLeft13{
    margin-left: 13px;
}
.marginLeft80{
    margin-left: 80px
}
.amplifySchedulesendStyle{
    float:right;
    position: relative;
    top: 92px;
    padding-bottom:5px;
}
.height155{
    height: 155px;
}
.amplifyscheduleTextLabel{
    font-size: 16px !important; 
    text-align: left;
    color: #2b215b;
    margin: 0 0 10px 0 !important;
    font-weight:normal !important;
}
.amplifyModalScheduleTime{
    height: 40px; 
    border: 0 !important; 
    background: #f4f4f7 !important; 
    font-family: jaldi !important;
    text-align: left;
}
.border0Imp{
    border: 0 !important;
}
.backgroundf4f4f7Imp{
    background: #f4f4f7 !important;
}
.amplifyAddToScheduleButton{
    width: 40%; 
    font-size: 15px;
    line-height: 1.43;
    color: #2b215b; 
    position: relative;
    top: 11px;
}
.promptAmplifyText{
     position:  relative; 
     top: 11px; 
     font-size: 13px; 
     color: red; 
}
.top102{
    top: 102px;
}
.width45{
    width: 45px;
}
.height21{
    height: 21px;
}
.width22{
    width: 22px;
}
.marginLeft0_prcntImp{
    margin-left: 0% !important;
}
.fontWeightBoldImp{
    font-weight: bold !important;
}
.width355{
    width: 355px;
}
.zIndex1000{
    z-index: 1000;
}
.backgroundColorF8F8F9{
    background-color: #F8F8F9;
}
.actionConfigDataList{
    font-weight: bold;
    color: #2b215b;
    padding: 5px;
    justify-content: space-between;
    padding-bottom:0px;
}
.padding55{
    padding: 5px 5px;
}
.fontSize18px{
    font-size: 18px;
}
.height15{
    height: 15px;
}
.width15{
    width: 15px;
}
.width190Imp{
    width: 190px !important;
}
.top40{
    top: 40px;
}
.amplifyModalTeamList{
    width: 250px !important; 
    top: 330px !important; 
    max-height: 130px !important; 
    left: -76px !important; 
    border-radius: 3px;
}
.padding0005{
    padding: 0 0 0 5px;
}
.borderRadius2{
    border-radius: 2px;
}
.width134Imp{
    width: 134px !important;
}
.top76Imp{
    top: 76px !important;
}
.left0Imp{
    left: 0px !important;
}
.top30{
    top: 30px;
}
.top77Imp{
    top: 77px !important;
}
.height100Imp{
    height: 100px !important;
}
.top_80Imp {
    top: -80px !important;
}
.width408Imp{
    width: 408px !important;
}
.top_8{
    top: -8px;
}
.overFlowXAuto{
    overflow-x: auto;
}
.marginLeft10Imp{
    margin-left: 10px !important;
}
.marginLeft3Imp{
    margin-left: 3px !important;
}
.top_268Imp{
    top: -268px !important;
}
.amplifyMergePositionModal{
    font-size: 16px !important; 
    text-align: left;
    color: #2b215b !important;
    margin: 0 0 10px 0 !important;
    font-weight:normal !important;
}
.paddingBottom5{
    padding-bottom: 5px;
}
.margin5px5px5px12pxImp{
    margin: 5px 5px 5px 12px !important;
}


/*chat- Schedule msg*/
.zIndex1501 {
    z-index: 1501;
}
.chatScheduleModal {
    min-width: 708px; 
    min-height: 530px !important;
    display: block !important;
}
.marginRight33 {
    margin-right: 33px;
}
.zIndex1000 {
    z-index: 1000;
}
.chatScheduleLibAttIcon {
    background-color: white;
    position: relative;
    left: 25px;
    padding-top: 0;
    top: 3px;
}
.chatScheduleSavedRepIcon {
    background-color: initial;
    position: relative;
    left: 24px;
    padding-top: 0px;
    top: 4px;
    padding-left: 5px;
}
.chatScheduleAddSchedule {
    float: none !important;
    margin-left: 30px !important;
    margin-bottom: 20px;
}
.chatScheduleFileLoader {
    width:25px;
    float: none !important; 
    margin-left: 80px !important; 
    margin-right: 50px; 
    margin-bottom:20px;
}
.padding0px4px6px25px {
    padding: 0px 4px 6px 25px;
}
.chatScheduleMergeTags {
    top: 162px !important;
    left: 7px !important;
    z-index: 10 !important;
}
.chatScheduleRightSide {
    height: 503px;
    overflow-y: auto;
    position: relative;
}
.left88_prcnt {
    left: 88%;
}
.chatScheduleTrashImg {
    height: 15px;
    width: 25px;
    z-index: 99;
}
.chatScheduleTitleRight {
    width: 85%;
    margin-top: -20px;
}
.chatScheduleNoMsgDiv {
    position: absolute;
    top: 33%;
    left: 28%;
}
.chatScheduleNoMsgImg {
    width: 100px;
    margin-left: 30px;
}
.chatScheduleNoMsgLabel {
    opacity: 0.5;
    font-size: 18px;
    font-family: 'jaldi', sans-serif;
    color: #2b215b;
}
.chatScheduleNoSchedule {
    position: relative; 
    top: -26px; 
    font-weight: bold; 
    color: #24BBA2;
}
/*end of chat schedule*/

/*add candidate*/
.width75_prcnt {
    width: 75%;
}
.addCandiDPContainer {
    left: 77%;
    margin-top: -115px;
    background: #D2D5DA;
    border-radius: 50%;
}
.addCandiImageSize {
    margin-top: 15%;
    margin-left: 15%;
}
.top40_prcnt {
    top: 40%;
}
.addCandiModalContent {
    height: auto;
    padding-top: 10px !important;
    background-color: white;
}
.addCandiContentHeading {
    margin-bottom: 5px !important;
    margin-top: 0 !important;
}
.paddingBottom5 {
    padding-bottom: 5px;
}
.width12 {
    width: 12px;
}
.addCandiUploadResume {
    background: rgb(244, 244, 247);
    height: 40px;
    clear: both;
}
.addCandiUploadImg {
    margin-left: 8px;
    position: absolute;
    margin-top: 7px;
}
.addCandiAddJob, .addCandiAddTag {
    clear: both !important;
    float: none !important;
    position: unset !important;
}
.paddingLeft28 {
    padding-left: 28px;
}
.addCandiJobUl {
    max-height: 100px !important;
    padding-top: 10px !important;
}
.addCandiJobListLabel, .addCandiTagListLabel {
    position: relative !important;
    top: 3px;
    font-size: 15px !important;
    width: 22px !important;
}
.addCandiTagUl {
    max-height: 105px !important;
    padding-top: 10px !important;
}
.borderBottom1pxSolidGrainsboroImp {
    border-bottom: 1px solid gainsboro !important;
}
.borderBottom0 {
    border-bottom: 0px;
}
.addCandiTeamUl {
    right: 70px;
    left: unset !important;
}
.backgroundColorWhite {
    background-color: white;
}
.marginLeft0 {
    margin-left: 0;
}
.left_17 {
    left: -17px;
}
.maxHeight80Imp {
    max-height: 80px !important;
}
.marginLeft2 {
    margin-left: 2px;
}
.padding0px0px0px273px {
    padding: 0px 0px 0px 273px;
}
.marginTop3 {
    margin-top: 3px;
}
.height21 {
    height: 21px;
}
.paddingLeft8 {
    padding-left: 8px;
}
.minHeightAutoImp {
    min-height: auto !important;
}
.height22 {
    height: 22px;
}
.addCandiMagicContact {
    height: 235px;
    background-color: rgb(248, 248, 249);
}
.colorBlackImp {
    color: black !important;
}
.addCandiEditDetails {
    background-color: #2b215b !important;
    float: left !important;
    margin-left: 125px !important;
    margin-top: 20px;
}
.addCandiAddAndChat {
    float: left !important;
    margin-left: 15px !important;
    margin-top: 20px;
}
.addCandiMagicTeamUl {
    right: 86px;
    top: 300px;
    left: unset !important;
}
.addCandiAddManual {
    padding-left: 4px;
    text-decoration: underline
}
.addCandiAddManualLabel {
    position:relative;
    left:90px !important;
    margin-left:0px !important;
}
.addCandiErrorMsg {
    margin-left: 25px; 
    margin-bottom: 10px; 
    margin-top: -10px;
    float:none;
}
.addCandiChangePhoto {
    width:65px;
    height:65px;
    padding:4px;
}
/*end of add candidate*/

/*potrait Page starts*/
.margin0_906{
    margin: 0px -9px 0px 6px;
}
.paddingBottom0{
    padding-bottom: 0px;
}
.width175Imp{
    width: 175px !important;
}
.paddingRight8{
    padding-right: 8px;
}
.zIndex50{
    z-index: 50;
}
.potraitAtsIconImage{
    width: 25px;
    height: 25px;
    position: absolute;
    top: 68px;
    right: 78px; 
    border: 1.5px solid white;
}
.potraitTeamChatArrow{
    background: #fff;
    position:  absolute;
    width: 20px;
    height: 20px;
    top: 25px;
    left: 35%;
    transform: rotate(-43deg);
    z-index:52;
    border-top: 0.5px solid #e5eaed;
    border-right: 0.5px solid #e5eaed;
    box-shadow:0px 0px 17px -10px rgba(43,33,91,1);
}
.teamChatNavigatorDiv{
    width:247px;
    position:absolute;
    top:35px;
    box-shadow:0px 0px 17px -10px rgba(43,33,91,1);
}
.teamChatOptionsLabel{
    margin-bottom: 0rem!important; 
    padding-top:7px;
    border: 0.5px solid #e5eaed;
    width:247px;
    background:#fff;
}
.cursorContextmenu{
    cursor: context-menu;
}
.padding3000Imp{
    padding: 3px 0px 0px 0px !important; 
}
.width247{
    width: 247px;
}
.potraitChatTeamList{
    padding: 0px 4px 0px 7px;
    height: 35px;
    margin: 4px 0px 4px 4px; 
    width:240px; 
    cursor: text;
}
.width35Imp{
    width: 35px !important;
}
.height35Imp {
    height:  35px !important;
}
.padding010Imp{
    padding:  0px 10px !important;
}
.top170Imp{
    top: 170px !important;
}
.right65Imp{
    right: 65px !important;
}
.width28Imp{
    width: 28px !important;
}
.height28Imp{
    height: 28px !important;
}
.width16{
    width: 16px;
}
.marginLeft7{
    margin-left: 7px;
}
.colorcac8d6Imp{
    color: #cac8d6 !important;
}
.height23{
    height: 23px !important
}
.paddingBottom12{
    padding-bottom: 12px;
}
.margin0050{
    margin: 0 0 5px 0;
}
.width23{
    width: 23px;
}
.resumeReviewDownArrow{
    width: 20px;
    height: 23px;
    position: absolute;
    right: 60px;
    top: 10px;
}
.left31{
    left: 31px !important;
}
.opacity025{
    opacity: 0.25;
}
.fontSize24pxImp{
    font-size: 24px !important;
}
.colorBlack{
    color: black;
}
.color1da1f2Imp{
    color: #1da1f2 !important;
}
.marginLeft_05Prcnt{
    margin-left: -0.5%;
}
.color1da1f2Imp{
    color: #1da1f2 !important;
}
.color3b5998Imp{
    color: #3b5998 !important;
}
.color8a3ab9Imp{
    color: #8a3ab9 !important;
}
.color000000Imp{
    color: #000000 !important;
}
.paddingTop2{
    padding-top: 2px;
}
.maxHeight140{
    max-height: 140px
}
.selectedTaglistPotrait{
    height: 28px !important;
    padding-top: 0px !important;
    max-width: 110px !important;
    padding-left: 5px !important;
    margin-left: 3px !important;
}
.marginLeft2{
    margin-left: 2px;
}
.paddingLeft0Imp{
    padding-left: 0px !important;
}
.width105Imp{
    width: 105px !important;
}
.marginBottom20Imp{
    margin-bottom: 20px !important;
}
.marginTop8Imp{
    margin-top: 8px !important;
}
.marginTop24Imp{
    margin-top: 24px !important;
}
.whiteSpacePreLine{
    white-space: pre-line;
}
.width255{
    width: 255px;
}
.borderBottom1SolidEEEDF2{
    border-bottom: 1px solid #EEEDF2;
}
.margin15015Imp{
    margin: 15px 0 15px !important;
}
.marginBottom16{
    margin-bottom: 16px;
}
.minHeight200{
    min-height: 200px;
}
.marginTop25{
    margin-top: 25px;
}
.top3Imp{
    top: 3px !important;
}
.width275Imp{
    width: 275px !important;
}
.right_2Imp{
    right: -2px !important;
}
.backgroundColorf4f4f7{
    background-color: #f4f4f7;
}
.width110{
    width: 110px;
}
.paddingLeft37{
    padding-left: 37px;
}
.bottom10Imp{
    bottom: 10px !important;
}
.transformRotate180{
    transform: rotate(180deg);
}
.potraitPotentialjobsDropdown{
    max-height: 140px !important;
    padding-top: 0px;
    padding-left: 0;
    padding-right: 0;
}
.marginLeft9{
    margin-left: 9px;
}
.height16{
    height: 16px;
}
.marginRight_4{
    margin-right: -4px;
}
.potraitPotentialaddJobInput{
    position: relative;
    width: 97%;
    margin-top: 8px;
    margin-bottom: 4px;
    margin-left: 10px;
}
.paddingRight23{
    padding-right: 23px;
}
.fontFamilyInheritImp{
    font-family: inherit !important;
}
.paddingTop2Imp{
    padding-top: 2px !important;
}
.width22Imp{
    width: 22px !important;
}
.margin_2Imp{
    margin: -2px !important;
}
.marginTop_28Imp{
    margin-top: -28px !important;
}
.backgroundColorf7f8f9 {
    background-color: #f7f8f9;
}
.height649{
    height: 649px;
}
.borderRadius10{
    border-radius: 10px;
}
.height645{
    height: 645px;
}
.width790{
    width: 790px;
}
.marginLeft10_prcntImp{
    margin-left: 10% !important;
}
.minWidth705{
    min-width: 705px;
}
.bottom8{
    bottom: 8px;
}
.potraitThumbNail{
    font-size: 7.434em !important;
    line-height: .70em;
    margin-top:40px;
    color: #24bba2;
}
.height26Imp{
    height: 26px !important;
}
.height28Imp{
    height: 28px !important;
}
.width30Imp{
    width: 30px !important;
}
.color767676Imp{
    color: #767676 !important; 
}
.color0077B5Imp{
    color: #0077B5 !important; 
}
.colord34836Imp{
    color: #d34836 !important; 
}
.potraitCandidateImageResume{
    color: #24bba2 !important;
    font-size: 22px !important;
    ;position: relative; 
    top: 6px; 
    cursor: default;
}
.marginTop_6{
    margin-top: -6px;
}
.backgroundColorRgbaPurple{
    background-color: rgba(50, 27, 191, 0.3);
}
.height80_prcnt{
    height: 80%;
}
.maxWidth70_prcnt{
    max-width: 70%;
}
.top25{
    top: 25px;
}
.backgroundTransparetImp{
    background: transparent !important;
}
.previewPotraitModalDoc, .candiPreviewPotraitModalDoc{
    width: 136px; 
    height: 123px; 
    margin: auto; 
    position:  absolute; 
    top:  0; 
    bottom:  0; 
    left:  0; 
    right:  0;
}
.marginTop25Imp{
    margin-top: 25px !important;
}

.marginTop5Imp{
    margin-top: 5px !important;
}


/*chat history*/
.top20Imp {
    top: 20px !important;
}
.msgHistoryDropDownDiv {
    display: inline;
    width: 100%;
    margin-left: 4px;
}
.msgHistoryTeamDropDown {
    display: inline-block;
    height: 45px;
    position: relative;
    width: 200px;
}
.msgHistoryTeamDropDownInput {
    padding-right: 25px;
    font-size: 14px;
    border: 1px solid rgb(43, 33, 91);
}
.msgHistoryDpImg, .candidateTagLoaderImg, .chatContainerTopAddUserImg {
    width: 30px;
    height: 30px;
}
.chatContainerTopAddUserImg {
    width: 30px !important;
    height: 30px;
}
.msgHistoryBotImg {
    width:20px; 
    height:25px;
}
.msgHistoryPeriodDropDown {
    display: inline-block;
    height: 45px;
    margin-left: 15px;
    position: relative;
    width: 155px;
}
.msgHistoryPeriodDropDownInput {
    padding-right: 12px;
    font-size: 14px;
    border: 1px solid #2b215b;
}
.msgHistoryLoaderImg {
    height: 20px; 
    width: 20px;
    margin-left: 20px;
}
.backgroundColorf7f8f9 {
    background-color: #f7f8f9;
}
.fontWeightIntial {
    font-weight: initial;
}
.borderRadius10px10px10px0px {
    border-radius: 10px 10px 10px 0;
}
.msgHistoryErrorMsgImg, .chatContainerStatusMsgImg {
    height: 21px;
    width: 21px;
}
.maxWidth400 {
    max-width: 400px;
}
.overFlowXHiddenImp {
    overflow-x: hidden!important;
}
.borderRadius10px10px0px10px {
    border-radius:10px 10px 0 10px
}
.width769 {
    width: 769px;
}
.chatTranscriptModal {
    background-color: #f7f8f9;
    height: 649px;
    border-radius: 10px;
}
.chatTranscriptIframe {
    width: 762px;
    height: 645px;
} 
/*end of chat history*/

/*candidate*/
.candidateTagFilter {
    position: absolute;
    left: -220px;
    top: 44px;
}
.borderRadius03px03px {
    border-radius: 0 3px 3px 0;
}
.paddingRight8 {
    padding-right: 8px;
}
.candidateTagDropdown {
    width: 220px;
    margin-left: 32px;
    z-index: 112;
}
.candidateTagDropdownUl {
    left: -33px !important;
    padding: 0px !important;
    max-height: 440px !important;
    overflow: hidden;
    overflow-x: hidden;
}
.candidateTagDropdownSearchLi {
    margin-bottom: 5px;
    padding-left: 8px !important;
}
.candidateTagDDLabel {
    position: relative !important;
    top: 0 !important;
    font-size: 15px !important;
    padding-left: 22px !important;
}
.candidateTagLoaderLi {
    position: relative;
    top: -13px;
    height: 45px;
}
.candidateNoTagLabel {
    position: relative; 
    top: 3px; 
    font-size: 15px;
    color: #2b215b;
}
.candidateMatchOl {
    width: 90px;
    left: -25px;
}
.width90 {
    width: 90px;
}
.padding010px010px {
    padding: 0 10px 0 10px;
}
.candidateShowMineOl {
    left: -95px !important;
    top: 25px;
    max-height: 210px;
}
.candidateImpoetSearchX {
    position: absolute;
    right: 40px;
    top: 3px;
}
.candidateImportHeader {
    border-bottom: 1px solid #edf0f2;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}
.candidateImportShowClear {
    float: right;
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-right: 10px;
}
.candidateImportLi, .candidateTableImportFilterList {
    padding: 2px !important;
    width: 100% !important;
    height: 30px;
}
.candidateImportLiLabel {
    top: -25px !important;
    left: 1px !important;
    margin-bottom: 0px;
}
.margin5px12px {
    margin: 5px 12px;
}
.candidateShowMineDdImg {
    height: 20px !important;
    width: 20px !important;
}
.candidateImportToggle {
    position: relative;
    left: 260px;
    top: 2px;
}
.candidateImportToggleImg {
    opacity: 1;
    --widdth: 37px;
    --roundcolor: #ffffff;
    --backgroundcolor: #0079FF;
}
.candidateSearchDiv {
    border: 0px;
    margin-left: 22px;
    width: 246px !important;
    position: relative;
}
.candidateSearchInput {
    max-width: 73% !important;
    padding-right: 12px !important;
}
.candidateAddCandiOl {
    width: auto !important;
    padding: 2px !important;
    min-width: 195px;
}
.margin0px_9px0px6px {
    margin: 0px -9px 0px 6px;
}
.candidateAmplifySendButton {
    height: 40px;
    float: right;
    color: rgb(255, 255, 255);
    border: 0px none;
    padding: 0px 5px;
    margin-left: 10px;
    border-radius: 4px;
}
.top_1_5 {
    top: -1.5px;
}
.height16 {
    height: 16px;
}
.candidateExportButton {
    width: 88px;
    height: 40px !important;
    float: right !important;
    color: #fff !important;
    padding-left: 25px !important;
    padding-right: 15px !important;
    text-decoration: none !important;
}
.candidateExportButtonImg {
    height: 16px;
    margin-left: -12px;
    padding-right: 6px;
}
.marginLeft22 {
    margin-left: 22px;
}
.candidateEmptyPageI {
    font-size: 30px;
    color:#BEBDCE
}
.candidateTableBlock {
    margin-left: 23px;
    position: relative;
    table-layout: fixed;
}
.candidateTableHeadTh {
    cursor: pointer;
    padding-left: 9px !important;
    border-bottom: 1px solid #eceeef !important;
}
.candidateTableHeadCheckBox {
    width: 20px;
    opacity: 0;
    height: 20px;
} 
.candidateTableHeadDropDownImg {
    opacity: 0.5;
    position: absolute;
    top: -3px;
    z-index: 20;
}
.borderBottom1SolideceeefImp {
    border-bottom: 1px solid #eceeef !important;
}
.candidateTableStarDropDown, .candidateTableAddedDropDown {
    height: 83px;
    z-index: 20;
}
.candidateTableStarFilterClear, .candidateTableAddedFilterClear {
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-left: 35px;
    font-weight: normal;
}
.candidateTableStarFilterList, .candidateTableAddedFilterList {
    width: 100% !important;
    padding-top: 7px !important;
    padding-bottom: 10px !important;
}
.candidateTableStarFilterSelect {
    width: 20%;
    display: inline-block;
    border-color: rgb(36, 187, 162);
    color: rgb(43, 33, 91);
    height: 26px;
    padding-left: 1%;
    font-family: Jaldi, sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
    margin: 0px 5px;
}
.candidateTableStarsImg {
    font-size: 20px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.candidateTableStarFilterApply, .candidateTableAddedFilterApply {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 15px;
    color: #fff;
}
.candidateTableChatFilterClear, .candidateTableTeamFilterClear, .candidateTableAddedByFilterClear, .candidateTableSourceFilterClear,
.candidateTableSourceToolFilterClear, .candidateTableBlockFilterClear, .candidateTableAsyncFilterClear {
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-left: 30px;
    font-weight: normal;
}
.candidateTableChatFilterList {
    padding: 2px !important;
    width: 100% !important;
}
.candidateTableChatFilterLabel {
    top: -5px !important;
    left: -18px !important;
    margin-bottom: 0px;
}
.candidateTableChatFilterApply, .candidateTableTeamFilterApply, .candidateTableAddedByFilterApply, .candidateTableSourceFilterApply,
.candidateTableSourceToolFilterApply, .candidateTableBlockFilterApply, .candidateTableAsyncFilterApply {
    position: relative;
    border: 0;
    border-radius: 4px;
    background: #24bba2;
    font-size: 13px;
    color: #fff;
    width: 49px;
    height: 100%;
    font-family: inherit;
}
.candidateTableTeamFilterList {
    padding: 2px !important;
    width: 100% !important;
    height: 30px;
    overflow: hidden;
}
.candidateTableTeamFilterLabel {
    top: -26px !important;
    left: 2px !important;
    margin-bottom: 0px;
}
.width315 {
    width: 315px;
}
.borderBottom1Solidf7f8f9 {
    border-bottom: 1px solid #f7f8f9;
}
.width282 {
    width: 282px;
}
.candidateTableImportFilterClear {
    float: right;
    font-size: 14px;
    color: #24BBA2;
    cursor: pointer;
    margin-right: 10px;
}
.candidateTableImportFilterLiLabel {
    top: -2px !important;
    left: -19px !important;
    margin-bottom: 0px;
}
.candidateTableImportFilterNoLabel {
    height: 30px;
    padding: 2px 10px;
    font-size:15px; 
    font-weight:normal;
}
.candidateTableAddedFilterSelect {
    width: 20%;
    display: inline-block;
    border-color: rgb(36, 187, 162);
    color: rgb(43, 33, 91);
    height: 30px;
    padding: 1%;
    font-family: Jaldi, sans-serif;
    font-size: 15px;
    font-weight: bold;
    border-radius: 3px;
}
.top83 {
    top: 83px;
}
.candidateTableAddedByFilterList, .candidateTableSourceFilterList, .candidateTableSourceToolFilterList, .candidateTableBlockFilterList,
.candidateTableAsyncFilterList {
    padding: 2px 2px !important;
    width: 100% !important;
    height: 30px !important;
} 
.candidateTableAddedByFilterLiLabel, .candidateTableSourceFilterLiLabel, .candidateTableSourceToolFilterLiLabel {
    top: -6px !important;
    left: -24px !important;
    margin-bottom: 0px;
}
.candidateTableLocationFilterClear {
    color: #24bba2 !important;
    margin-left: 60px;
    font-size: 13px;
    text-decoration: none;
}
.candidateTableLocationFilterUl {
    margin-bottom: 0px;
    padding: 5px;
    background: #fff;
    height: 50px;
}
.candidateTableLocationFilterList {
    margin-bottom: 5px !important;
    padding-left: 8px !important;
    width: 206px !important;
    padding-top: 5px !important;
}
.left7 {
    left: 7px;
}
.candidateTableBlockFilterLiLabel, .candidateTableAsyncFilterLiLabel {
    top: -25px !important;
    left: -3px !important;
    margin-bottom: 0px;
}
.candidateTableSelectOption {
    white-space: nowrap;
    text-align: right;
    width: 30px;
    border-bottom: 1px solid #eceeef !important;
}
.candidateTableSelectAllDiv {
    border-bottom: 1px solid #edf0f2;
    height: 35px;
}
.maxHeight310 {
    max-height: 310px;
}
.marginRight12 {
    margin-right: 12px;
}
.candidateTableOverFlowDiv {
    position: absolute;
    right: 0%;
    top: 1.1%;
    z-index: 25
}
.height24 {
    height: 24px;
}
.marginLeft_1 {
    margin-left: -1px;
}
.marginLeft_4 {
    margin-left: -4px;
}
.candidateOverFlowArchive {
    border-top: 1px solid rgb(229, 234, 237);
    padding: 15px;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
    color: rgb(226, 26, 82);
}
.candidateTableGlobalSelect {
    border-left: 5px solid white;
    white-space: initial;
}
.marginTop14 {
    margin-top: 14px;
}
.candidateBodyCheckBox {
    width: 20px;
    opacity: 0;
    left: 5px;
}
.candidateBodyBadgeIcon {
    width: 6px;
    height: 11px;
    position: absolute;
    bottom: -10px;
    left: 2px;
}
.candidateBodyATSBadgeIcon {
    width: 17px;
    height: 17px;
    position: absolute;
    bottom: -13px;
    right: 0;
}
.candidateBodyJobDiv, .candidateBodyTagDiv {
    min-width: 100px;
    white-space: normal;
}
.backgroundColorRgba3830810_03 {
    background-color: rgba(38, 30, 81, 0.03) !important;
}
.candidateBodyTeamTd {
    cursor: default;
    padding-left: 0.5% !important;
    position: relative;
}
.candidateBodyTeamImage {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}
.marginBottom7 {
    margin-bottom: 7px;
}
.candidateBodySocialsLi {
    cursor: pointer;
    font-size: 13px;
}
.right7_prcnt {
    right: 7%;
}
.color3b5998Imp {
    color: #3b5998 !important;
}
.color8a3ab9Imp {
    color: #8a3ab9 !important;
}
.candidateBodyOverFlowDiv {
    position: absolute;
    right: 10%;
    top: 1.1%;
}
.paddingRight10Imp {
    padding-right: 10px !important;
}
.borderTop0Imp {
    border-top: 0px !important;
}
.paddingRight7Imp {
    padding-right: 7px !important;
}
.top22 {
    top: 22px;
}
.candidatePaginationSelect {
    margin-left: 144px;
    margin-top: -34px;
}
.candidateShowTeamDiv {
    background: rgb(255, 255, 255);
    position: fixed;
    width: 20px;
    height: 20px;
    top: 313px;
    left: 692px;
    transform: rotate(-43deg);
    z-index: 10;
    border-top: 0.5px solid rgb(229, 234, 237);
    border-right: 0.5px solid rgb(229, 234, 237);
    box-shadow: rgb(43, 33, 91) 0px 0px 17px -10px;
}
.candidateShowTeamNav {
    box-shadow: rgb(43, 33, 91) 0px 0px 17px -10px;
    z-index: 1000;
    position: fixed;
    left: 678px;
    top: 221px;
}
.candidateShowTeamNavUl {
    background: #fff;
    padding-top: 6px;
    width: 245px;
    border: 0.5px solid #e5eaed;
}
.candidateShowTeamNavLi {
    height: 30px;
    border-bottom: solid 1px #e5eaed;
    padding: 4px !important;
    width: 245px !important;
}
.candidateShowTeamNavLiLabel {
    color: #2b215b;
    font-family: inherit;
    font-size: 16px;
    padding: 0px 0px 0px 6px;
    font-weight: bold;
}
.border05pxSolide5eaed {
    border: 0.5px solid #e5eaed;
}
.candidateShowTeamNavList {
    padding: 0px 4px 0px 7px !important;
    height: 35px;
    margin: 4px 0px 4px 4px;
    width: 240px !important;
}
.candidateShowTeamNavListLabel {
    color: #2b215b;
    font-family: inherit;
    font-size: 14px;
    position: relative;
    left: 6px;
}
.margin0 {
    margin: 0px;
}
.height190 {
    height: 190px;
}
.padding0px10px0px10px {
    padding: 0px 10px 0px 10px;
}
.minHeight356 {
    min-height: 356px;
}
.height235 {
    height: 235px;
}
.marginLeft125 {
    margin-left: 125px;
}
.marginLeft15Imp {
    margin-left: 15px !important;
}
.padding4px10px {
    padding: 4px 10px;
}
.candiAtsModalExportImg {
    width: 90px;
    height: 90px;
}
.margin10px0px20px0px {
    margin: 10px 0px 20px 0px;
}
.left_40 {
    left: -40px;
}
.left_3px {
    left: -3px;
}
.candiQuickEditModal {
    min-height: 370px !important;
    width: 490px !important;
}
.padding01_prcnt30 {
    padding: 0.1% 30px;
}
.padding30px30px50pxImp {
    padding: 30px 30px 50px !important;
}
.candiQuickEditTable {
    font-size: 14px;
    margin-top: 15px;
    margin-left: 30px;
    color: #2b215b;
}
.candiQuickEditNewJobsInput {
    margin-left: 38px;
    width: 215px;
    padding-right: 18px;
    padding-left: 27px;
}
.candiQuickEditNewJobsDropDown {
    display: inline-block;
    position: relative;
    left: -22px;
    top: 2px;
    font-size: 18px;
}
.candiQuickEditNewJobsDropDownDiv {
    width: 220px;
    margin-left: 32px;
    z-index: 112;
}
.candiQuickEditNewJobsDropDownUl {
    max-height: 142px !important;
    left: 4px !important;
}
.marginLeft85 {
    margin-left: 85px;
}
.candiSearchJobInput {
    height: 26px;
    width: 206px;
    padding-right: 23px;
    font-family: inherit;
}
.candiSearchSaveImg {
    cursor: pointer;
    right: 6px;
    top: 4px;
    position: absolute;
    color: rgb(36, 187, 162);
}
.candiJobLabel {
    position: relative !important;
    top: 0 !important;
    font-size: 15px !important;
}
.left4 {
    left: 4px;
}
.paddingBottom15 {
    padding-bottom: 15px;
}
.candiRemoveJobInput {
    margin-left: 35px !important;
    top: 7px;
}
.candiRemoveJobInputLabel {
    position: absolute !important;
    top: 10px !important;
    left: 28.5px !important;
}
.maxHeight142Imp {
    max-height: 142px !important;
}
.candiQuickEditError {
    color: #e21a52; 
    margin-left: 30px; 
    font-size: 12px; 
    margin-top: 0px;
}
/*end of candidate*/
/*Library Attachment modal*/

.fontWeight600Imp{
    font-weight: 600 !important;
}
.height560{
    height: 560px;
}
.padding0Imp{
    padding: 0px !important;
}
.marginLeftUnsetImp{
    margin-left: unset !important;
}
.marginLeft12Imp{
    margin-left: 12px !important;
}
.marginTop7Imp{
    margin-top: 7px !important;
}
.libraryNoResourceCollection{
    position: relative;
    left: 86px;
    top: 198px;
    opacity: 0.25;
}
.top11_prcntImp{
    top: 11% !important;
}
.border0Imp{
    border: 0px !important;
}
.marginLeft215Imp{
    margin-left: 215px !important;
}
.marginTop181Imp{
    margin-top: 181px !important;
}
.marginLeft114pxImp{
    margin-left: 114px !important;
}

/*saved message modal*/
.clsScreenTwoCreateBtn {
    opacity: 1 !important; 
    background: #24BBA2 !important; 
    color: #fff !important; 
    border: 0px !important;
}
.managesavedmessagebutton {
    float: right;
    margin-right: 14px;
    margin-top: 5px;
    font-size:14px;
    font-weight: bold; 
    opacity: 1; 
    background: #24BBA2; 
    color: #fff; 
    border: 0px;
    border-radius: 3px;
    font-family: inherit;
}
.searchSavedMessage {
    width: 80%;
    border: 0;
    margin-top: 4px;
    margin-left: 5px;
    padding-left: 30px;
}
.savedMessageLi {
    margin-top: 0 !important;
    height: 40px !important;
    padding-top: 7px !important;
    border-bottom: 1px solid #eceeef;
}
.closeSearchStringSavedMessage {
    opacity: 0.5; 
    position: relative;
    left:10px; 
    font-size: 20px;
}
.width38_prcnt{
    width: 38%;
}
.noSavedMessageLi {
    margin-top: 10px; 
    position: relative;
    left: 125px;
}
.searchSavedMessageIcon {
    margin-left: 125px;  
    margin-bottom: 10px;
    height: 40px; 
    width: 40px;
}
.searchSavedMessageIconPos {
    position: absolute;
    top: -45px;
    margin-left: 55px !important;
}
.noSavedMessagePara {
    font-weight: normal !important; 
    opacity: 0.5 !important;
}
.createaSavedMessage {
    opacity: 1 !important; 
    background: #24BBA2 !important; 
    color: #fff !important; 
    border: 0px solid #eceeef !important;
}
.savedReplyTipSpan {
    color: #2B215B;
    opacity: 0.5; 
    font-size: 15px;
}
.savedReplyTipDismiss {
    margin-left: 20px;
    text-decoration: underline;
    cursor: pointer;
}
.marginRight15 {
    margin-right: 15px;
}
.width92_prcntImp {
    width: 92% !important;
}
.createSavedList {
    cursor: default !important; 
    height: 40px !important;
    padding-top: 10px !important;
    border-bottom: 1px solid #eceeef !important;
}
.savedreplymsgtitle {
    opacity: 1 !important; 
    margin-top: -2px;
}
.noSearchListSavedMsg {
    font-size: 15px;
    position: absolute;
    bottom:120px;
    opacity: 0.5;
}
.border1pxeceeef {
    border: 1px solid #eceeef;
}
.createSavedMessageTextarea , .editSavedMessageTextarea {
    height: 110px !important;
    overflow-x: hidden; 
    border: 1px solid #eceeef;
    width: 92% !important;
}
.savedMsgViewMergeTag {
    position: relative;
    cursor: pointer;
    left: 15px;
}
.ImgClass15 {
    height: 15px;
    width: 15px;
}
.ImgClass18 {
    height: 18px;
    width: 18px;
}
.attachementParent {
    position: relative;
}
.savedMessagePaperclip , .editSavedMessagePaperclip {
    background: none !important;
    left: 36px;
    top: 1px !important;
    padding: 0px !important;
}
.left35Imp {
    left: 35px !important;
}
.createMsgMoji , .editMsgMoji {
    top: 1px !important; 
    left: 85px !important;
}
.top8Imp {
    top: 8px !important;
}
.attachmentChipList {
    max-height: 55px;
    position: relative;
    height: 52px;
    top: 3px;
    left: 14px;
    overflow: auto;
    width: 88%;
}
.editAttachmentList {
    max-height: 65px;
    height: 57px;
    position: relative;
    top: 3px;
    left: 14px;
    overflow: auto;
    width: 88%;
}
.cancelSaveCreateContainer {
    position: absolute;
    bottom: 12px;
    right: 0;
}

.cancelSaveCreateContainer div {
    float: right;
    margin-top: 15px;
    margin-right: 20px;
}
.savenewmsgloadnggif , .savemsgloadnggif {
    width: 25px;
    margin-left: 25px;
    margin-right: 5px;
}
.createSvdMsgMergeTagsCls {
     top: -25px; 
     right: 20px; 
     z-index: 10;
}
.editSvdMsgMergeTagsCls {
     top: 10px !important; 
     right: 20px; 
     z-index: 10;
}
.addMergeTagText {
    font-size: 16px; 
    text-align: left; 
    color: #2b215b; 
    margin: 0 0 10px 0; 
    font-weight: normal;
}
.cancelSaveConatinerViewReply {
    float: right;
    margin-top: 15px;
    margin-right: 9px;
}
.editSavedMsg {
    background: #2b215b !important; 
    color: #fff !important; 
    border: 0px solid #eceeef !important; 
    opacity: 1 !important;
}
.marginLeft5Imp {
    margin-left: 5px !important;
}
.deleteSavedMsgContainer {
    float: left;
    margin-top: 15px;
    position: relative;
}
.deleteSavedMsg {
    border: 0px !important; 
    padding: 0px !important; 
    font-weight: normal !important;
}
.deleteInlineConfirmMsgContainer {
    top: -9px !important; 
    width: 242px !important; 
    left: -187px !important;
}
.viewReplyBottomContainer {
    position: relative;
    bottom: 6px;
}
.editCancelSaveContainer {
    float: right;
    margin-top: 15px;
    margin-right: 21px;
}
.bitmojiChip, .chatDrawerAttachmentFilesImg {
    height: 22px; 
    width: 34px;
    border-radius: 50%;
}
.maxHeight264 {
    max-height: 264px;
}
.maxHeight305 {
    max-height: 305px !important;
}
.marginLeft132 {
    margin-left: 132px;
}
.svdRplyScreen2Plus {
    height: 385px;
    font-family: jaldi;
    top:-385px;
}
.manageClearSearchX {
    opacity: 0.5; 
    position: relative; 
    font-size: 20px;
}


/*end of saved message modal*/

/*chat-bottom section*/
.chatBottomSendingNum {
    float: right;
    font-size: 14px;
    opacity: 0.3;
    color: #2b215b;
    margin-top: 5px;
}
.chatBottomSearchDiv {
    background-color: rgb(245, 245, 247) !important;
    border: 1px solid rgb(245, 245, 247) !important;
}
.width150Imp {
    width: 150px !important;
}
.chatBottomQuesHeader, .chatBottomResHeader, .chatBottomMsgHeader {
    display: inline-block;
    margin-left: 2px;
    padding-bottom: 15px;
    padding-left: 20px;
}
.chatBottomQuesEmptyImg, .navBarTeamImg {
    height: 40px; 
    width:  40px;
}
.margin0px0px10px {
    margin: 0px 0px 10px;
}
.paddingBottom40 {
    padding-bottom: 40px;
}
.chatBottomQuesDiv {
    cursor: pointer;
    max-width: 80%;
    border: 1px solid rgb(255, 255, 255);
}
.chatBottomEditDeleteDiv {
    position: absolute;
    right: -110px;
    top: 2px;
}
.paddingLeft18 {
    padding-left: 18px;
}
.chatBottomResDiv, .chatBottomMsgDiv {
    cursor: pointer;
    max-width:78%;
    position:relative;
    border: 1px solid #ffffff;
}
.paddingLeft12 {
    padding-left: 12px;
}
.chatBottomResEditDeleteDiv {
    position: absolute;
    right: -110px;
}
.chatBottomResViewImg {
    width: 15px;
    height: 15px;
    position: relative;
    right: 10px;
}
.marginTop_1 {
    margin-top: -1px;
}
.chatBottomMsgEditDeleteDiv {
     position: absolute; 
     right: -90px;
}
.chatBottomMsgDeleteBlock {
     top: 12px;
    right: -85px;
}
/*end of chat bottom*/

/*Chat_Right_Nav*/
.maxHeight612Imp{
    max-height: 621px;
}
.height12{
    height: 12px;
}
.paddingRight6Imp{
    padding-right: 6px !important;
}
.chatRightNavAtsIcon{
    width: 16px; 
    height: 16px; 
    position: absolute; 
    top: 28px; 
    right: -2px; 
    border-radius: 100%;
}
.background0077b5NoneImp{
    background: #0077b5 none repeat scroll 0 0 !important;
}
.background1da1f2NoneImp{
    background: #1da1f2 none repeat scroll 0 0 !important;
}
.background3b5998NoneImp{
    background: #3b5998 none repeat scroll 0 0 !important;
}
.background000000NoneImp{
    background: #000000 none repeat scroll 0 0 !important;
}
.background8a3ab9NoneImp{
    background: #8a3ab9 none repeat scroll 0 0 !important;
}
.backgroudnf5f4f7Imp{
    background: #f5f4f7 !important;
}
.top44{
    top: 44px;
}
.width138Imp{
    width: 138px !important;
}
.borderRadius4Imp{
    border-radius: 4px !important;
}
.background24bba2NoneImp{
    background: #24bba2 none repeat scroll 0 0 !important;
}
.marginRight_14 {
    margin-right: -14px;
}
.engagementChatRightNav{
    width: 15px; 
    height: 15px;
    border-radius: 50%
}
.backgroundf7eb5b{
    background: #f7eb5b;
}
.background49a25d{
    background: #49a25d;
}
.backgrounddc3832{
    background: #dc3832;
}
.width39_prcnt{
    width: 39% !important;
}
.RightNavEngagementReadablity{
    text-align: center; 
    color: white;
    font-size: 14px;
    white-space: nowrap;
    padding: 2px;
}
.engagementReadablityPopup{
    position: absolute;
    background: rgb(45, 160, 141);
    color: white;
    font-family: jaldi, sans-serif;
    font-size: 16px;
    padding: 7px;
    border-radius: 7px;
    z-index: 11;
    bottom: -40px;
    left: 25px;
    white-space: nowrap;
}
.readablityPopupBackgroundColor{
    background: #2DA08D;
    position:  absolute;
    width: 15px;
    height: 15px;
    top: -5px;
    left: 50%;
    transform: rotate(-43deg);
    z-index:  10;
}
.height32{
    height: 32px;
}
.width32{
    width: 32px;
}
.height17{
    height: 17px;
}
.paddingLeft_5{
    padding-left: -5px;
}
.maxHeight100_prcnt{
    max-height: 100%;
}
.maxWidth90_prcnt{
    max-width: 90%;
}
.fontSize7emImp{
    font-size: 7em !important;
}
.marginTop16Imp{
    margin-top: 16px !important;
}
.paddingLeft31{
    padding-left: 31px;
}
.width188Imp{
    width: 188px !important;
}
.rightNavTagsDownArrow,.rightNavJobDropDown{
    position: relative;
    left: 170px; 
    top: -36px; 
    color: black;
}
.top_27{
    top: -27px;
}
.maxHeight388Imp{
    max-height: 388px !important;
}
.width174{
    width: 174px;
}
.tagSaveImageRightNav,.jobsSaveImageRightNav{
    cursor: pointer;
    color:rgb(36, 187, 162) !important;
    right: 6px !important;
    top: 4px !important;
    position: absolute;
}
.floatUnsetImp{
    float: unset !important;
}
.right7{
    right: 7px;
}
.rightNavTagNoresults,.rightNavJobNoResults{
    position: relative; 
    top: -2px; 
    font-size: 16px;
    color: #2B215B;
    left: -7px;
    margin-bottom: 0px;
}
.rightNavNoteSaveAlert {
    opacity: 1 !important; 
    position: relative; 
    background-color: #24bba2; 
    padding: 4px; 
    margin-top: 2px;
    width: 75px;
}
.paddingLeft18{
    padding-left: 18px;
}
.positionInitial{
    position: initial;
}
.top_121Imp{
    top: -121px !important;
}
.paddingRight16{
    padding-right: 16px;
}
.margin0_9015{
    margin: 0px -9px 0px 15px;
}
.marginLeft35{
    margin-left: 35px;
}
.borderRadius0_prcntImp{
    border-radius: 0% !important;
}
.width25{
    width: 25px;
}
.backgroundColore43465Imp{
    background: #e43465 !important;
}
.backgroundTransparentImp{
    background: transparent !important;
}
.rightNavPreviewDocModal{
    width: 136px; 
    height: 123px; 
    margin: auto; 
    position:  absolute; 
    top:  0; 
    bottom:  0; 
    left:  0; 
    right:  0;
}
/*Chat Right Nav Ends*/
/*chat left nav*/
.borderNoneImp {
    border: none !important;
}
.margin2 {
    margin: 2px;
}
.chatLeftnavInboxDetailsCls {
    max-height: 111px;
    margin-bottom: 0rem;
    overflow-y: auto;
}
.padding015{
    padding:  0px 15px;
}
.ImgClass30 {
    height: 30px;
    width: 30px;
}
.chatLeftnavMoreInboxDetailsCls {
    margin-bottom: 0rem; 
    display: none;
    max-height: 285px;
}

.sayhellopintxt , .unrdmsgpintxt , .jobspintxt , .tagspintxt , .ratingspintxt {
position:absolute;
background:  #2DA08D;
color:  white;
font-family:  jaldi, sans-serif;
font-size: 16px;
padding: 7px;
border-radius: 7px; 
z-index: 11;
top: 47px; 
display: none;
}

.sayhellopintxt div , .unrdmsgpintxt div , .jobspintxt div , .tagspintxt div , .ratingspintxt div {
background: #2DA08D;
position:  absolute;
width: 15px;
height: 15px;
top: -5px;
transform: rotate(-43deg);
z-index:  10;
}

.left5 {
    left: 5px;
}
.left49 {
    left: 49px;
}
.left79 {
    left: 79px;
}
.left102 {
    left: 102px;
}
.left10_prcnt {
    left: 10%;
}
.left24_prcnt {
    left: 24%;
}
.left30_prcnt {
    left: 30%;
}
.top9 {
    top: 9px;
}
.left6 {
    left: 6px;
}
.pointerEventAuto {
    pointer-events: auto;
}
.chatloadericon {
    display: none;
    width: 20px;
    height: 20px;
    margin-top: 0px;
    margin-left: -11px;
}
.chattagsearch {
    position: absolute;
    left: 61px;
    top:14px
}
.chatJobssearch {
    position: absolute;
    left: 90px;
    top:13px
}
.chatStarRating {
    position: absolute;
    left: 120px;
    top:13px
}
.chatRatingNormalIcon {
    top:5px;
    position:absolute;
    left:-6px;
}
.chatRatingNormalIcon i {
    font-size:20px;
    position:relative;
    bottom:7px;
}
.chatRatingsYellowIcon {
    top:5px;
    position:absolute;
    left:-6px; 
    display:none;
}
.chatRatingsYellowIcon i {
    font-size:20px;
    position:relative;
    bottom:7px;
}
.ImgClass19 {
    width: 19px; 
    height: 19px;
}
#loaderRating {
    display: none;
    width: 20px;
    height: 20px;
    margin-top: 0px;
}
.chatTagDropdown {
    width: 219.4px;
    z-index: 112;
}
.Chattags_DropDown {
    max-height: 440px!important;
    padding: 0px!important;
    overflow: hidden; 
}
.width55_prcntImp {
    width: 55% !important;
}
.top3 {
    top: 3px;
}
.top4 {
    top: 4px;
}
.tagclsChatCheckParent label , .JobclsChatCheckParent label {
    position: relative !important; 
    top:0 !important; 
    font-size: 15px !important;    
    padding-left: 22px !important;
}
.chattagloadng , .chatJobloadng {
    display: none;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 7px;
}
#tagLeftloaderChat {
    position:relative;
    top:-13px;
    height:45px;
}
.noTagExistChat , .noJobExistChat {
    margin-top: -17px;
    font-family: inherit;
}

.noTagExistChat label , .noJobExistChat label{
    position: relative; 
    top: 3px; 
    font-size: 15px;
    color: #2b215b;
}
.globalTagSpan {
    color:#2b215b;
    font-size:14px;
    font-family:inherit;
}
.width90Imp {
    width: 90px !important;
}
.ChatRatings_DropDown {
    max-height:400px !important;
    padding: 0px !important;
    overflow: hidden !important; 
}
.chatRatings_select {
    width: 20%; 
    display: inline-block;
    border-color: #24bba2; 
    color: #2b215b; 
    height: 30px; 
    padding: 1%; 
    font-family: 'Jaldi', sans-serif; 
    font-size: 15px; 
    font-weight: bold; 
    border-radius: 3px;
    position:relative;
    margin-left:4px;
}
.chatRatingssearchLi {
    margin-bottom: 5px; 
    padding-left: 8px !important;
    display:inline-block;
    padding: 10px;
}

.chatRatingCount {
    font-size:24px;
    display:inline-block;
    margin-right:5px;
    position:relative;
    top:2px;
}
.colorfce95e {
    color: #fce95e;
}
.colorbfcbd3 {
    color: #bfcbd3;
}
.applyStartRating {
    height:30px;
    width:35px;
    position:relative;
    top:-2px;
}
.chatAddCandidateContainer {
    left: 7%; 
    width: 85.5% !important; 
    padding: 0px !important;
}
.margin0px_10px0px15px {
    margin: 0px -10px 0px 15px;
}
.paddingLeft8Imp {
    padding-left: 8px !important;
}
.maxHeight400{
    max-height:400px !important;
}
.marginTop_9Imp {
    margin-top: -9px !important;
}
.atsIconChatLeftNavBlue {
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 4px;
    left: 39px;
    border: 1px solid #605884 !important;
    background:#605884 ;
}
.atsIconChatLeftNavPurple {
    width: 12px;
    height: 12px;
    position: absolute;
    bottom: 4px;
    left: 39px;
    border: 1px solid #2b215b !important;
    background:#2b215b
}
.ImgClass34Imp {
    width: 34px !important;
    height: 34px !important;
}
.maxWidth87_prcnt{
    max-width: 87%;
}
.chatcanloadimg {
    float: right;
    margin-right: 3px;
}
.noChatFound , .noUnreadMsg {
    color: white;
    margin-left:46px;
}
.atsIconChatLeftNavPurple .Canreplayicon , .atsIconChatLeftNavBlue .Canreplayicon{
    left: 0px !important;
}


.jobDropdown_leftNav , .ratingsDropdown_leftNav{
    width: 219.4px;
    z-index: 112;
}
.margin0_10015{
    margin: 0px -10px 0px 15px;
}
/*end of chat left nav*/
.height195Imp{
    height: 195px !important;
}
.marginBottom10Imp {
    margin-bottom: 10px !important;
}
.marginBottom15Imp{
    margin-bottom: 15px!important;
}
.height190Imp{
    height: 190px !important;
}

/*chat container*/
.marginTop13 {
    margin-top: 13px;
}
.maxWidth920 {
    max-width: 920px;
}
.left8 {
    left: 8px;
}
.chatContainerTopDivDropdown {
    font-size: 14px;
    color: rgb(224, 210, 210);
}
.chatContainerTopDivOl {
    left: -6px;
    top: 25px;
}
.chatContainerTopDivLiHeader {
     height: 30px;
    width: 100%;
    cursor: context-menu;
    border: 0.5px solid #e5eaed;
    margin-bottom: 5px;
}
.left165 {
    left: 165px;
}
.positionUnsetImp {
    position: unset !important;
}
.width32-33_prcntImp {
    width: 32.33% !important;
}
.chatContainerTopMoreOption {
    cursor: pointer;
    background-color: rgba(38, 30, 81, 0.03);
    border-radius: 50%;
}
.chatContainerTopPlusImage {
    width: 8px;
    position: relative;
    top: 3px;
}
.color9793AF {
    color: #9793AF;
}
.chatContainerWelcomeMsg {
    margin-top: 60px !important;
    background-color: #fff;
    border-radius: 50% !important;
    float: right !important;
}
.color25bba2Imp {
    color: #25bba2 !important;
}
.width57_prcnt {
    width: 57%;
}
.chatContainerRecommendedViewImg {
    position: relative;
    left: 6px;
    height: 15px;
    width: 15px;
}
.chatContainerRecommendedPage {
    margin-top: -49px;
    margin-right: -2%;
}
.marginLeft_153 {
    margin-left: -153px;
}
.opacity04 {
    opacity: 0.4;
}
.chatContainerRecommendedUrl {
    margin-left: 38px;
    color: #24BBA2;
}
.height281 {
    height: 281px;
}
.marginTop60 {
    margin-top: 60px;
}
.marginRight15 {
    margin-right: 15px;
}
.paddingUnsetImp {
    padding: unset !important;
}
.padding5px5px0px5px {
    padding: 5px 5px 0px 5px;
}
.padding0px5px0px5pxImp {
    padding: 0px 5px 0px 5px !important
}
.padding5px5px0px5pxImp {
    padding: 5px 5px 0px 5px !important;
}
.width21 {
    width: 21px;
}
.chatContainerDeleteLeft {
    border-top: solid 1px #e5eaed !important;
    padding: 0px 5px 5px 5px !important;
    border-radius: 5px;
}
.chatContainerDeleteLeftBlock {
    padding: 11px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    background: #fff;
    white-space: nowrap;
}
.chatContainerRateMsgDiv {
    display: inline-block; 
    vertical-align: middle;
    float: none !important;
}
.chatContainerWelMsgDiv {
    display: inline-block;
    vertical-align: bottom;
    float:none !important;
}
.chatcontainerDocumentImg {
    padding-right: 10px;
    padding-top: 3px; 
    float: left; 
    clear: right;
}
.top50_prcnt {
    top: 50%;
}
.zIndex99 {
    z-index: 99;
}
.chatcontainerCollapseDiv {
     width: 97px;
     background-color: #D3D1DB;
     z-index: 99;
}
.paddingRight14 {
    padding-right: 14px;
}
.chatContainerOpenDeleteModal {
    height: 17px;
    width: 20px;
    position: relative;
    top: -3px;
    left: 3px;
}
.chatcontainerDocumentImgSys {
    padding-right: 10px; 
    float: left; 
    clear: both;
}
.chatContainerModalQuestion {
     height:unset;
     padding: unset;
     padding-top: 6px;
}
.chatContainerQuestionSaveAs {
    padding-left: 9px;
    font-size: 16px;
    color: #2b215b;
}
.chatContainerQuestionDropDown {
    margin-left: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.chatContainerQuestionDropDownInput {
    width: 90%;
    color: #2b215b;
    cursor: pointer;
}
.chatContainerQuestionDropDownImg {
    right: 28px;
    position: absolute;
    margin-top: 8px;
}
.chatContainerQuestionDropDownDiv {
    position: absolute;
    width: 82%;
    z-index: 3;
    background: rgb(250, 250, 250);
    right: 21px;
    top: 75px;
    height: 90px;
    padding: 3px;
    box-shadow: rgba(0, 47, 77, 0.18) 0px 8px 16px 0px;
}
.chatContainerChooseColl, .chatContainerMessageLabel {
    color: #2b215b;
    font-size: 16px;
    margin: 10px;
}
.chatContainerCollectionInput {
    font-family: inherit;
    color: #2b215b;
    width: 82%;
    margin-left: 20px;
    margin-top: 3px;
    cursor: pointer;
    padding-right: 33px;
    text-overflow: ellipsis;
}
.chatContainerCollectionImg {
    right: 28px;
    margin-top: 9px;
}
.chatContainerCollectionImgDropdown {
    margin-top: 7px;
    top: unset;
    right: 34px;
}
.chatContainerCollectionUl {
    padding: 0px;
    max-height: 143px;
    color: rgb(43, 33, 91);
    font-size: 14px;
    top: 150px;
    width: 82%;
    left: 21px;
    z-index: 4;
}
.top_16 {
    top: -16px;
}
.chatContainerMessageInput {
    font-family: inherit;
    color: rgb(43, 33, 91);
    width: 82%;
    margin-left: 20px;
    margin-top: 3px;
}
.chatContainerApplyBorder {
    border-top: 1px solid #DDDBE4;
    padding: 6px;
}
.left70 {
    left: 70px;
}
.height272 {
    height: 272px;
}
.chatContainerResourceInput {
    margin-top: 7px;
    color: rgb(43, 33, 91);
    cursor: pointer;
    padding-right: 33px;
    text-overflow: ellipsis;
}
.top168 {
    top: 168px;
}
.chatContainerResourceUl {
    top: 204px;
    padding: 0px;
    color: rgb(43, 33, 91);
    max-height: 143px;
    font-size: 14px;
}
.chatContainerDeleteModal {
    padding: 11px;
    box-shadow: 0 8px 16px 0 rgba(43, 33, 91, 0.15);
    background: #fff;
}
.chatDrawerMainDiv {
    position: absolute;
    width: 100%;
    bottom: 50px;
    z-index: 101;
}
.chatDrawerExpandImg {
   position: absolute;
    left: 16px;
    font-size: 1.434em;
    bottom: 3px;
}
.chatDrawerTextArea {
    height: 36px; 
    overflow-y: auto; 
    max-height: 263.5px;
}
.chatDrawerPaperClip {
    padding-left: 7px !important;
    width: 29px !important;
}
.paddingTop17 {
    padding-top: 17px;
}
.chatDrawerAttachment {
    width:600px; 
    float: left;
    margin-top: 15px;
}
.chatDrawerPhoneNumberLabel {
    float: right; 
    font-size: 14px; 
    opacity: 0.3; 
    color: #2b215b; 
    margin-top:22px;
}

/*end of chat container*/
/*notifications*/
.noti-list {
    cursor:default; 
    width: 100%; 
    margin-bottom: 107px;
}

.notifyColumnOne {
    white-space: nowrap; 
    padding: 15px 0 15px 10px;
    color:#2b215b;
}
.notifyColumnTwo {
    text-align: right; 
    opacity: 0.3;
    padding-right: 9px;
    white-space:nowrap;
}
/*end of notifications*/

/*login*/

.forgotPwd {
    display:inline-block !important;
    position:relative !important;
    left:145px !important;
}
.useExtnlLogin {
    display:inline-block !important;
    position:relative !important;
    right:134px !important;
}
.MFALoginErrorCls {
    margin-top: 11px !important;
    padding-top:7px !important;
}
.resendCodeCls {
    font-weight:bold;
    margin-left: 20px;
    text-decoration:underline;
}
.codeNotRecd {
    padding-right:0px;
    padding-top:8px;
}
.resetMailDesc {
    font-size: 14px !important;
    white-space: nowrap !important;
    margin-left: -25px !important;
}
.backToLogin {
    right:105px !important;
    margin: 20px 10px !important;
}
.resetLoginErrorCls {
    padding-top: 8px !important;
    width: 92% !important;
    margin-left: 12px !important;
}
.resetLinkSentClsSSo {
    height: 50px !important;
    white-space: nowrap !important;
    padding: 10px 7px !important;
}
.ssoForgotPwd {
    display:inline-block;
    position:relative;
    left:116px;
}

.ssoGoBack {
    display:inline-block;
    position:relative;
    right:116px;
    margin-top: 17px !important;
}
.marginLeft1 {
    margin-left: 1px;
}
/*end of login*/

/*Navbar*/
.navBarModalError {
    width: 30%;
    margin-left: 34%;
    padding-bottom: 10px;
}
.paddingLeft30 {
    padding-left: 30px;
}
.navbarModalErrorAmplify {
    width: 37%;
    margin-left: 31%;
    padding-bottom: 10px;
}
.navBarBulkAsyncError {
    margin-left: 28%;
    padding-bottom: 10px;
}
.navBarfileerrormessagechaterror {
    padding-bottom: 10px;
    margin-left: 31%;
}
.minWidth300 {
    min-width: 300px;
}
.displayTableCell {
    display: table-cell;
}
.navBarStartChatTooltip {
    position: absolute;
    background: rgb(45, 160, 141);
    color: white;
    font-family: jaldi, sans-serif;
    font-size: 16px;
    padding: 7px;
    border-radius: 7px;
    z-index: 11;
    top: 64px; 
    width: 222px; 
}
.navBarStartChatTooltipDiv {
    background: #2DA08D;
    position:  absolute;
    width: 15px;
    height: 15px;
    top: -5px;
    left: 10%;
    transform: rotate(-43deg);
    z-index:  10;
}
.navBarBlankmessage {
    width:583px;
    margin-left: 30%;
}
.navBarCampaignRedAlert {
    width: 315px;
    margin-left: 37%;
}
.width250 {
    width: 250px;
}
.navBarAmplifydashboardRedAlert {
    width: 465px;
    margin-left: 37%;
}
.navBarAmplifydashboardDeleteRedAlert {
    width: 320px;
    margin-left: 37%;
}
.navBarUsrmgmtRedAlert {
    width: 404px;
    margin-left: 37%;
}
.navBarUsrmgmtMandatoryRedAlert {
    width: 350px;
    margin-left: 37%;
}
.navBarUsrmgmtRedAlertAPI {
    width: 280px;
    margin-left: 37%;
}
.navBarAsyncRunningStatusError {
    padding-bottom: 10px;
    width:575px;
    margin-left: 30%;
}
.navBarCountryUnsupported {
    padding-bottom: 10px;
    width: 510px;
    margin-left: 32%;
}
.navBarImgUpdateRemoveRedAlert {
    width: 340px;
    margin-left: 42%;
}
.navBarRescollectionnamerepeatImg, .navBarQuscollectionnamerepeatImg, .navBarJoccollectionnamerepeatImg,
.navBarTagcollectionnamerepeatImg {
    position: relative;
    top: -17px;
    left: 20px;
    color: white !important;
}
.navBarRescollectionnamerepeatClose, .navBarQuscollectionnamerepeatClose, .navBarJoccollectionnamerepeatClose,
.navBarTagcollectionnamerepeatClose {
    top: -15px;
    left: 85px;
}
.navBarResumeUpdate {
    background:#24bba2;
    width: 25%;
    margin-left: 40%;
    padding-bottom: 10px;
}
.navBarCannotStartChat {
    background:#24bba2;
    width:530px;
    padding-bottom: 10px;
}
.left12 {
    left: 12px;
}
.navBarModalSuccess {
    background:#24bba2;
    width: 37%;
    margin-left: 32%;
}
.navbarAmplifySuccess {
    background:#24bba2;
    width: 540px;
    margin-left: 32%;
}
.navBarAmplifySending {
    background:#24bba2;
    width: 400px;
    margin-left: 34%;
}
.navBarAudienceGetError {
    width: 35%;
    margin-left: 34%;
}
.navBarRightasyncTopNavImg {
    width: 27px;
    left:2px;
}
.navBarAsyncDeleteDiv {
    position: absolute;
    left: 160px;
    top: 19px;
}
.navBarAsyncDeleteImg {
    height: 15px; 
    width: 25px; 
    z-index: 99
}
.navBarAsyncRunning {
    position: absolute;
    top: 19px;
    right: 2px;
}
.navBarNoAsyncLabel {
    color: #2b215b;
    text-align: center;
    margin-top: 20px;
}
.navBarHelpIconImg {
    height: 21px !important;
    width: 20px;
}
.zIndex9 {
    z-index: 9;
}
.navBarChatInfoDropdownDiv {
    max-height: 352px;
    overflow-y: auto;
    overflow-x: hidden;
}
.navBarChatInfoDropdown, .navBarSysNotificationDropdown {
    position: relative;
    top: 0;
    left: 0;
    z-index: 9;
}
.maxHeight378 {
    max-height: 378px;
}
.marginBottom10px0px10px10px {
    margin-bottom: 10px 0px 10px 10px;
}
.width235Imp {
    width: 235px !important;
}
.width220 {
    width: 220px;
}
.top11_prcnt {
    top: 11%;
}
.top4_prcnt {
    top: 4%;
}
.left225 {
    left: 225px
}
.background0079FF {
    background: #0079FF;
}
.navBarOutOfOfficeImg {
    padding-left: 2%; 
    margin-top: -6px; 
    position: relative; 
    left: -7px;
}
.marginLeft32 {
    margin-left: 32px;
}
.navBarMeetinginvite_errorImg, .navBarAts_authentication_needed {
    position: absolute;
    top: 24px;
    right: 1px;
}
.width748 {
    width: 748px;
}
.navBarProfileDiv {
    top: 24px;
    margin-top: 0px;
    right: 16px;
}
.navBarProfile {
    padding-left: 10px;
    padding-right: 10px;
    box-shadow: inset 0 -1px 0 0 #ebeef1;
    height: 60px;
}
.navBarProfileUl {
    z-index: 11;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.height35 {
    height: 35px;
}
.paddingLeft14 {
    padding-left: 14px;
}
.navBarTeamLabel {
    font-size: 16px;
    font-family: inherit;
    color: #2b215b;
}
.left128 {
    left: 128px;
}
.navBarNoTeamLabel {
    font-size:16px;
    font-family:inherit;
    color:#2b215b;
    padding:4px;
    margin:30px;
    cursor:text;
}
.navBarTeamCountryFlag {
    padding-left:50px;
    position:absolute;
    left:92px;
}
.marginRight4Imp {
    margin-right: 4px !important;
}
.navBarPreference {
    padding-top: 2px !important;
    border-top: 1px solid #ebeef1; 
    margin-left: 0px !important;
}
.left6 {
    left: 6px;
}
.marginLeft0Imp {
    margin-left: 0px !important;
}
.paddingRight14Imp {
    padding-right: 14px !important;
}
.navBarSwitchOrganization {
    border-top: 1px solid #ebeef1;
    margin: 0px !important;
}
.navBarSwitchOrganizationLabel {
    color:#24bba2 !important;
    margin-left: 7px; 
    margin-top: 5px !important;
}
.colore21a52Imp {
    color: #E21A52 !important;
}
.navBarSwitchOrganizationDiv {
    top: -25px;
    right: 14px;
}
.navBarSwitchOrganizationDivLabel {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebeef1
}
.margin9px0px0px14px {
    margin:9px 0px 0px 14px;
}
.navBarSwitchOrgDivSpan {
    font-weight: bold;
    color: #2b215b;
    margin-top: 8px;
    margin-bottom:6px;
}
.navBarSwitchOrgDivClose {
    margin-top: 8px; 
    margin-right: 10px;
    font-weight: bold;
    color: #2b215b;
    font-size:15px;
}
.navBarSwitchOrgDivLi {
    height: 35px;
    cursor: pointer;
    margin-left:3px !important;
}
.navBarSwitchOrgDivName {
    display: inline;
    color: #2b215b;
    position:absolute;
    left:49px;
}
.left180Imp {
    left: 180px !important;
}
/*end of navbar*/

.displayIconPack{
    z-index: 130000 !important;
    left: 789.5px !important;
    top: 169px !important;
}
.top1 {
    top: 1px !important;
}
.top2 {
    top: 2px !important;
}
.left45 {
    left: 45px !important;
}
.height645Imp {
    height: 645px !important;
}
.height655Imp{
    height: 655px !important;
}
/*Campaign Header*/

.fontWeight100{
    font-weight: 100;
}
.width24{
    width: 24px;
}
.width115Imp{
    width: 115px !important;
}
.width130Imp{
    width: 130px !important;
}
.right_5{
    right: -5px;
}
.top65{
    top: 65px;
}
.width155Imp{
    width: 155px !important;
}
.margin7px5px0px15pxImp{
    margin: 7px 5px 0px 15px !important;
}
.height18{
    height: 18px;
}
.height19{
    height: 19px;
}
.width116Imp{
   width: 116px !important;
}
.top17{
    top: 17px;
}
.right19{
    right: 19px;
}
.left17{
    left: 17px;
}
.width127Imp{
    width: 127px !important;
}
.campaignHeaderStartTime,.campaignHeaderEndTime{
    height: 40px; 
    border: 0px; 
    background: rgb(244, 244, 247) !important;
    font-family: inherit;
    text-align: left;
}
.campaingHeaderSavingChanges{
    width: 134.4px; 
    height: 24px;
    font-family: Jaldi; 
    font-size: 16px; 
    line-height: 1.5;
    text-align: left;
    color: #24bba2;
}
/*end of campaign header*/

/*Ats job Modal*/
.width280 {
    width: 280px;
}
.bottom50Imp {
    bottom: 50px !important;
}
.marginLeft29 {
    margin-left: 29px;
}
.atsJobStatus {
    margin-left:56px;
    color: #B1AEC3; 
    font-size: 14px;
}
/*end of ats job*/
.marginRight3Imp{
    margin-right: 3px !important;
}
.displayTableCell{
    display: table-cell;
}
.displayTableRow{
    display: table-row;
}
.displayFlex{
    display: flex;
}
.right39_prcntImp{
    right: 39% !important;
}
.top20_prcnt{
    top: 20%;
}
.right6_prcntImp{
    right: 6% !important;
}
.left90_prcnt {
    left: 90%;
}
.SchedulemessageBody {
    width: 85%; 
    margin-top: -20px;
}
.width214 {
    width: 214px;
}
.paddingTop29 {
    padding-top: 29px;
}
.displayTableRowGroup{
    display: table-row-group;
}

/*Web Gallery*/
.galleryLeftBlocks {
    position: relative;
    margin-right: 25px;
    margin-bottom: 25px;
}
.galleryLeftBlocksAlign {
    position: absolute;
    width: 100%;
    bottom: 60px;
}
.galleryLeftBlocksAlignView {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.backgroundececec {
    background: #ececec;
}
.galleryRightBlocks {
    position:relative;
    margin-right: 24px
}
.width200 {
    width: 200px;
}
.marginRight22 {
    margin-right: 22px;
}
.marginTop36 {
    margin-top: 36px;
}
.padding13 {
    padding: 13px;
}
/*end of web gallery*/
.fontSize11pxImp {
    font-size: 11px !important;
}
.fontSize13pxImp {
    font-size: 13px !important;
}
.height175Imp{
    height: 175px !important;
}
.margin9 {
    margin: 9px;
}
.optInposition {
    font-size: 16px; 
    font-weight: bold; 
    font-family: inherit; 
    color: #2B215B;
    position: relative;
    top: 6px; 
    left: 8px;
}
.optInSubmenu {
    position: absolute;
    right: -24px;
    top: 205px; 
    width: 201px; 
    max-height: 130px;
    z-index: 130; 
    background: #fafafa none repeat scroll 0 0; 
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    overflow:auto;
}
.padding4 {
    padding: 4px;
}
.candidateSmsOptIn {
    position: absolute; 
    left: -194px; 
    width: 200px; 
    max-height: 137px;
    background: white; 
    box-shadow: 0px 0px 17px -10px rgba(43, 33, 91, 1);
    overflow: auto;
}
.paddingBottom9Imp {
    padding-bottom: 9px !important;
}

.paddingTop8Imp {
    padding-top: 8px !important;
}

.analyticsTeamlistHover:hover {
    background: #f5f4f7;
    cursor: pointer;
}
.analyticsTeamDropDown {
    position: absolute; 
    right: 0px; 
    z-index: 2;
    background: white;
    width: 11%;
    box-shadow: 0 8px 16px 0 rgba(0, 47, 77, 0.18);
}
.padding5px0px{
    padding: 5px 0px;
}
.marginTop6 {
    margin-top: 6px;
}
.opacity_05 {
    opacity: 0.5;
}
.right20 {
    right: 20px;
}
.hoveronOpted:hover {
    background: #f7f7f9;
}
.topunsetImp {
    top: unset !important;
}
.parentAppSwitcher {
    position: absolute;
    top:12px;
    z-index:10;
    right: 1px;
}
.minWidth116 {
    min-width: 116px;
}
.audienceImportButtonTable {
    min-width: 90px;
    width: unset !important;
    padding-left: 15px;
}
.audienceDeleteProspect {
    min-width: 228px;
    width: unset !important;
}
.minWidth188 {
    min-width: 188px;
}
.limitToClass {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.minHeight175 {
    min-height: 175px;
}
.minHeight180 {
    min-height: 180px;
}
.heightUnset {
    height: unset !important;
}
.minHeight205 {
    min-height: 205px;
}
.minWidth60 {
    min-width: 60px;
}
.minWidth167 {
    min-width: 167px;
}
.minWidth150 {
    min-width: 150px;
}
.minWidth175px {
    min-width: 175px;
}
.maxWidth275 {
    max-width: 275px;
}
.minWidth130 {
    min-width: 130px;
}
.minWidth160 {
    min-width: 160px;
}
.minWidth180 {
    min-width: 180px;
}
.minWidth170 {
    min-width: 170px;
}
.minWidth188 {
    min-width: 188px;
}
.minWidth215 {
    min-width: 215px;
}
.minWidth105 {
    min-width: 105px;
}
.minWidth209 {
    min-width: 209px;
}
.minWidth155 {
    min-width: 155px;
}
.minWidth190 {
    min-width: 190px;
}
.minWidth168 {
    min-width: 168px;
}
.margin20px0px0px0px {
    margin: 20px 0px 0px 0px;
}

.get-help-dialog {
    position: fixed !important;
}

.help-dialog-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

< !--[if IE]><style>.ieisu {
    padding-left: 2%;
}

.amplifyshowall {
    width: 85px;
}

.teamList {
    left: 155px;
}

.teamListIe {
    left: 39px !important;
}

.membersAnchor {
    padding: 0 0 0 6px !important;
}

#pauseBot {
    margin-top: 90px !important;
}

#pauseBot{
    margin-top: 90px !important;
}

#pauseBotTitle{
    padding: 10px;
}

#pauseBotContent{
    padding: 10px;
}

.pauseBotButton{
    margin: 20px 75px 10px 75px !important;
}

.float-group {
    position: relative;
    margin: 0px 10px 20px 10px;
  }
  
  .float-group input {
    font-size: 18px;
    padding: 21px;
    display: block;
  }
  
  .float-group input:focus {
    box-shadow: none;
  }
  
  .float-group label {
    color: #999;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 40px;
    top: 4px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
  }
  
  .float-group input:focus ~ label,
  .float-group input:valid ~ label {
    top: -10px;
    font-size: 14px;
    color: #4285f4;    
    background-color: #FFFFFF;
  }

</style>< ![endif]-->