/*@import "tablet.css";
@import "desktop.css";
@import "mobile.css";*/
@import "https://fonts.googleapis.com/css?family=Jaldi:400,700";
html { height: 100%; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0 none;font-family: "Jaldi",sans-serif;font-feature-settings: inherit;font-kerning: inherit;font-language-override: inherit;font-size: inherit;font-size-adjust: inherit;font-stretch: inherit;font-style: inherit;font-synthesis: inherit;font-variant: inherit;font-weight: inherit;line-height: inherit;margin: 0;padding: 0;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background:rgb(250,250,250) !important;}
ol, ul {list-style: outside none none;}
blockquote, q {quotes: none;}
blockquote, q {quotes: none;}
blockquote::before, blockquote::after, q::before, q::after {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
button {cursor: pointer;}
button:hover {opacity: 0.5;}
a:hover {text-decoration: none !important;}
a:focus{text-decoration:none;outline:none;}
.clr,.clear {clear: both;}
*, *::before, *::after {box-sizing: border-box;}
.container {margin-left: auto;margin-right: auto;}
.main-wrapper {margin: 0 auto;max-width: 100%;/*width: 1440px;*/}
.header {background-color: #ffffff;height: 55px;left: 0;position: fixed;right: 0;top: 0;z-index: 99;}
.logo {background-color: #24bba2;float: left;height: 55px;line-height: 55px;padding: 0 0 11px 15px;width: 220px;}
/*.logo img{width:50%;}*/
.logo-two{ background-color: #fff;}
.header nav {float: left;height: 55px;margin-left: 10px;}
.header nav ul {float: left;height: 55px;}
.header nav ul li {float: left;height: 55px;padding: 0 12px;}
.header nav ul li a {border-bottom: 3px solid #fff;color: #2b215b;font-size: 14px;font-stretch: normal;font-style: normal;font-weight: bold;height: 55px;letter-spacing: normal;line-height: 50px;opacity: 0.5;display: block;}
.header nav ul li a:hover, .header nav ul li.active a {border-bottom: 3px solid #24bba2;color:#24bba2;}
.profile-top {float: right;}
.profile-top ul {float: left;margin-right: 20px;}
.profile-top ul li {float: left;margin-left: 7px;}
.profile-top ul li a {border-radius: 50%;color: #2b215b;display: block;font-size: 16px;height: 32px;line-height: 32px;margin-top: 9px;overflow: hidden;text-align: center;width: 32px;}
.profile-top ul li:nth-child(3) a img{/*margin-top:-4px;height:26px;*/}
.profile-top ul li:nth-child(2) a img{margin-top:-4px;}
.profile-top ul li:nth-child(1) a{/*margin-top: 8px;*/}

.profile-top ul li a:hover {opacity: 1;}
.profile-top ul li:last-child a {opacity: 1;}
.left-sidebar {
    background-color: #2b215b;
    left: -220px;
    /*min-height: 998px;*/
    padding-top: 0px;
    position: absolute;
    top: 0;
    width: 220px;
}
.category-dropdown {-moz-appearance: none;-o-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none;background: #2b215b url("../images/droup-down-icon.svg") no-repeat scroll right center;border: 0 none;color: #ffffff;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;}
.category-dropdown option {border: 0 none;padding: 4px;}
.search-candidate {background: #3f366b none repeat scroll 0 0;float: left;padding: 2px 0;width: 100%;}
.search-candidate button {background: #3f366b none repeat scroll 0 0;border: 0 none;color: #69618b;float: left;font-size: 13px;font-stretch: normal;font-style: normal;font-weight: normal;height: 30px;letter-spacing: normal;line-height: 32px;margin-left: 10px;padding: 0;text-align: left;width: 32px;}
.search-candidate input[type="text"] {background: #3f366b none repeat scroll 0 0;border: 0 none;color: #fff;float: left;font-size: 12px;font-stretch: normal;font-style: normal;font-weight: normal;height: 30px;letter-spacing: normal;line-height: 1.43;padding: 0;text-align: left;width: 140px;}
.search-candidate input::placeholder {color: #fff;opacity: 0.5;}
.left-sidebar h3 {color: #ffffff;float: left;font-size: 12px;font-stretch: normal;font-style: normal;font-weight: bold;height: 16px;letter-spacing: normal;line-height: 1.33;margin: 15px;opacity: 0.25;text-align: left;width: 90%;}
.friend-show-lest, .collections-list {
    float: left;
    margin: 0;
    width: 100%;
}
.friend-show-lest li, .collections-list li {
    float: left;
    padding: 2px 0;
    width: 100%;
}
.friend-show-lest li a, .collections-list li a {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 32px;
    padding: 5px 15px;
    text-align: left;
    width: 100%;
}
.friend-show-lest li a .dpimg {
    border-radius: 50%;
    display: block;
    float: left;
    height: 32px;
    margin-right: 10px;
    overflow: hidden;
    width: 32px;
}
.friend-show-lest li a .dpimg img{width:100%;height:100%;}
.friend-show-lest li a .messages-count {
    background-color: #24bba2;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    float: right;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    letter-spacing: normal;
    line-height: 20px;
    margin-top: 6px;
    text-align: center;
    width: 21px;
}
.friend-show-lest li a .active-symbol {
    float: right;
    height: 24px;
    text-align: center;
    width: 24px;
}
.friend-show-lest li a:hover, .friend-show-lest li.live-chat a, .collections-list li a:hover, .collections-list li.active a {
    background: #605884 none repeat scroll 0 0;
    text-decoration: none;
}
.main-content {
    background: #f7f8f9 none repeat scroll 0 0;
    margin-left: 220px;    
    position: relative;
    margin-right: 220px;
    top: 55px;
}#wrap
.chat-box{/*float:left;*/width:100%;padding: 20px;box-sizing: border-box; overflow-y: scroll;}
.chat-box .conversation-1 {
    float: left;
    margin-bottom: 7px;
    width: 80%;
}
.chat-box .conversation-1 .mark-as-box {
    color: #ff004e;
    float: left;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center;
    width: 30px;
}
.chat-box .conversation-1 .mark-as-box a {
    color: #ff004e;
}
.chat-box .conversation-1 .chat-dp {
    border-radius: 50%;
    float: left;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    margin-top: 5px;
    overflow: hidden;
    width: 48px;
}
.chat-box .conversation-1 .chat-dp img, .chat-box .conversation-2 .chat-dp img{
    height: 48px;
}
.chat-box .conversation-1 .chat-dp a:hover {
    opacity: 0.8;
}
.chat-box .conversation-1 .dialog-chat {
    color: #ffffff;
    float: left;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 2px;
    padding: 10px 15px;
    text-align: left;
    max-width: 575px;
	margin-left: 4px;
}
.chat-box .conversation-2 {
    float: right;
    margin-bottom: 7px;
    width: 80%;
}
.chat-box .conversation-2 .mark-as-box {
    color: #ff004e;
    float: right;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    width: 30px;
}
.chat-box .conversation-2 .mark-as-box a {
    color: #ff004e;
}
.chat-box .conversation-2 .mark-as-box a:hover {
    opacity: 0.8;
}
.chat-box .conversation-2 .chat-dp {
    border-radius: 50%;
    float: right;
    height: 48px;
    line-height: 48px;
    margin: 5px 10px 0;
    overflow: hidden;
    width: 48px;
}
.chat-box .conversation-2 .chat-dp a:hover {
    opacity: 0.8;
}
.chat-box .conversation-2 .dialog-chat {
    color: #ffffff;
    float: right;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.5;
    margin-bottom: 2px;
    padding: 20px 15px;
    text-align: left;
}
.radius4 {
    border-radius: 10px;
}
.chat-box .conversation-1 .radius3 {
    border-radius: 10px 10px 10px 0;
}
.chat-box .conversation-2 .radius3 {
    border-radius: 10px 10px 0;
}
.dialog-chat.bg-06c6a7 {
    background: #06c6a7 none repeat scroll 0 0;
}
.dialog-chat.bg-2b215b {
    background: #2b215b none repeat scroll 0 0;
}
.dialog-chat.bg-93929e {
    background: #93929e none repeat scroll 0 0;
}
.dialog-chat.bg-04c6a7 {
    background: #04c6a7 none repeat scroll 0 0;
}
.dialog-chat.bg-c4c3d2 {
background:#c4c3d2;
}
.dialog-chat.color-05c6a7 span {
    color: #24bba2;
}
.dialog-chat.dashed-border {
    border:dashed 1px #c4c3d2;
    color:#918daa;
}
.dialog-chat.color-bfcbd3 span, .dialog-chat.color-bfcbd3 p {
    color: #c4c3d2;
}
.dialog-chat.opactiy-low {
    border: 1px dashed #2b215b;
    opacity: 0.4;
}
.dialog-chat.bg-ffffff {
    background: #ffffff none repeat scroll 0 0;   
    color: #2b215b !important;
}
.chat-box .conversation-1 .time {
    color: #2b215b;
    float: left;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    margin-top: 5px;
    opacity: 0.25;
    padding-left: 35px;
    text-align: left;
    width: 100%;
}
.chat-box .conversation-2 .time {
    color: #2b215b;
    float: right;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    margin-top: 5px;
    opacity: 0.25;
    padding-right: 2px;
    text-align: right;
    width: 100%;
}
.day-change {
    float: left;
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}
.day-change span {
    background: #f1f2f4 none repeat scroll 0 0;
    border-radius: 10px;
    color: #8f8ba8;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    padding: 0 10px;
}
/*.chat-post-section {
    background: #fff none repeat scroll 0 0;    
    padding: 20px;
    float:left;
    width:100%; 
	position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    padding: 0px 220px 0px 220px;
	box-sizing: border-box;
	background: #2b215b;
}*/
.chat-post-section {background: #fff none repeat scroll 0 0;padding: 20px;/*float:left;*/width:100%;}

.chat-post-section .chat-post-wrap { background: #fff; padding: 5px 20px; }
.chat-Open-drawer-top{position: relative;}
.chat-input-box{width: 100%;position:relative;}
.chat-post-section .chat-input {
    background: #f5f4f7 none repeat scroll 0 0;
    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;
}
.chat-input-box button{/*bottom: 9px;*/ width: 40px;height:40px;line-height:40px;color:#ffff;border:0;background:#24bba2;border-radius:0 3px 3px 0;position:absolute;right:0;font-size: 16px;text-align:center;} /*removed top:0; */
.chat-post-section .button-section {
    margin-top: 10px;
    width: 100%;
}
.chat-post-section .button-section button {
    background-color: #bfcbd3;
    border: 0 none;
    border-radius: 15px;
    color: #ffffff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.43;
    margin-right: 10px;
    padding: 6px 20px;
}
.chat-post-section .button-section2{margin-top: 20px;width: 100%;}
.chat-post-section .button-sectionv2{border-bottom:1px solid #edf0f2;float: left;width: 100%;margin-top: 12px;}
.chat-post-section .button-section2 a{ 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: 6px 10px;opacity: 0.5;}
.chat-post-section .button-sectionv2 a{float: left;margin-right:20px;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;}
.chat-post-section .button-section2 button:hover,.chat-post-section .button-section button.active{background-color:#05c6a7;opacity:1;}
.chat-post-section .button-section2 a:hover,.chat-post-section .button-section2 a.active{opacity:1;}
.chat-post-section .button-sectionv2 a:hover,.chat-post-section .button-sectionv2 a.active{border-bottom:3px solid #1bb89e;}
.right-sidebar {
    background-color: #2b215b;
    /*min-height: 998px;*/
    position: absolute;
    right: -220px;
    top: 0px;
    width: 220px;

}
.right-sidebar .profile-scetion {
    float: left;
    padding: 10px;
    position: relative;
    width: 100%;
}
.right-sidebar .profile-scetion .online-icon {
    position: absolute;
    right: 20px;
    top: 20px;
}
.right-sidebar .profile-scetion .profile-dp-img {
    background: #1a435f none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 44px;
    overflow: hidden;
    padding: 6px;
    text-align: center;
    width: 44px;
}
.right-sidebar .profile-scetion h3.profile-name {
    color: #fff;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.5;
    margin: 0px 0 0;
}
.right-sidebar .profile-scetion .location {
    color: #ffffff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.43;
    opacity: 0.5;
    text-align: left;
}
.right-sidebar .profile-scetion .star-rating {
    margin-bottom: 2px;
    text-align: center;
    width: 100%;
}
.right-sidebar .profile-scetion .star-rating li {
    color: #fce95e;
    display: inline-block;
    font-size: 18px;
    padding: 5px 5px 0;
}
.right-sidebar .profile-scetion .star-rating li:last-child {
    color: #605884;
}

.star-rating li .fa-star-o { color: #605884 !important; }
.star-rating li .fa-star { color: #fce95e !important; }

.right-sidebar .responds-hours {
    color: #ffffff;
    font-family: Jaldi;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    opacity: 0.5;
    text-align: left;
}
.right-sidebar .phone-number {
    background-color: #ffffff;
    border-radius: 4px;
    color: #2b215b;
    float: left;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    height: 36px;
    letter-spacing: normal;
    line-height: 36px;
    margin-left: 16px;
    padding-left: 10px;
    text-align: left;
    width: 187px;
}
.right-sidebar .phone-number i {
    font-size: 16px;
    padding-right: 20px;
}
.right-sidebar .social-icon {float: left;height: 36px;padding: 15px 0;text-align: left;width: 100%;}
.right-sidebar .social-icon li {display: inline-block;height: 41px;margin-left: 8px;text-align: left;width: 41px;}
.right-sidebar .social-icon li a {border-radius: 3px;display: block;font-size: 18px;height: 41px;line-height: 41px;text-align: center;width: 41px;}
.right-sidebar .social-icon li:nth-child(1) a {background: #0077b5 none repeat scroll 0 0;color: #fff;}
.right-sidebar .social-icon li:nth-child(2) a {background: #605884 none repeat scroll 0 0;color: #728e9c;}
.right-sidebar .social-icon li:nth-child(3) a {background: #605884 none repeat scroll 0 0;color: #6d8997;}
.right-sidebar .social-icon li:nth-child(4) a {background: #6cc644 none repeat scroll 0 0;color: #fff;}
.right-sidebar .social-icon li a:hover {background: #ae9c9c none repeat scroll 0 0;color: #fff;}

.manager-section {
    border-bottom: 1px solid #3a5d79;
    border-top: 1px solid #3a5d79;
    float: left;
    margin-top: 25px;
    padding: 15px;
    width: 100%;
}
.manager-section h4 {
    color: #ffffff;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.33;
    opacity: 0.25;
    text-align: left;
}
.manager-section .man-name {
    color: #fff;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 0;
    opacity: 0.41;
    text-align: left;
}
.manager-section .man-data {
    color: #ffffff;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 0;
    opacity: 0.25;
    text-align: left;
}
.manager-section .man-phone-no {
    color: #ffffff;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 0;
    opacity: 0.7;
    text-align: left;
}
.requirements-section, .similar-candidates-section, .note-section {
    border-bottom: 1px solid #3a5d79;
    float: left;
    padding: 15px;
    width: 100%;
}
.requirements-section h4, .similar-candidates-section h4, .note-section h4 {
    color: #ffffff;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: normal;
    line-height: 1.33;
    opacity: 0.25;
    text-align: left;
}
.requirements-section ul {
    float: left;
    width: 100%;
}
.requirements-section ul li {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.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%;}
.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-th {height: 20px;position: relative;width: 100%;}
.custom-check-th input[type="checkbox"] {height: 20px;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 9;}
.custom-check-th [type="checkbox"] + label {background: rgba(0, 0, 0, 0) url("../images/check-box-icon2.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%;}
.custom-check-th input[type="checkbox"]:checked + label {background: rgba(0, 0, 0, 0) url("../images/check-box-icon2.png") no-repeat scroll left bottom;color: #557085;height: 20px;left: 0;position: relative;top: 0;width: 100%;}
.similar-candidates-section .candidates-data {background: #40376b none repeat scroll 0 0;border-radius: 3px;padding: 7px;position: relative;width: 100%;}
.similar-candidates-section .candidates-data .title h3 {color: #ffffff;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5;text-align: left;}
.similar-candidates-section .candidates-data .title .similar-candidates-dp {display: block;height: 25px;overflow: hidden;position: absolute;right: 8px;top: 8px;width: 25px;}
.similar-candidates-section .candidates-data .similar-list-item {margin-bottom: 4px;width: 100%;}
.similar-candidates-section .candidates-data .similar-list-item li {background: rgba(0, 0, 0, 0) url("../images/tick-mark-icon.png") no-repeat scroll left center;color: #ffffff;display: block;font-family: Jaldi;font-size: 12px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.33;opacity: 0.5;padding-left: 20px;text-align: left;width: 100%;}
.similar-candidates-section .candidates-data .skip-link {color: #ffffff;font-size: 10px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.6;opacity: 0.5;text-align: left;}
.note-section textarea {background: #f2f5f6 none repeat scroll 0 0;border: 0 none;border-radius: 5px;color: #c2bed0;font-size: 12px;height: 180px;padding: 8px;width: 100%;}
.share-section {float: left;padding: 15px;width: 100%;}
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%;}
.share-candidate-popup {background-color: #ffffff;bottom: 0;box-shadow: 0 24px 32px 0 rgba(0, 47, 77, 0.1);display: none;padding: 15px;position: absolute;right: 0;width: 310px;}
.share-candidate-popup h3 {color: #2b215b;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: bold;letter-spacing: normal;line-height: 1.5;}
.share-candidate-popup .popup-close {color: #00042c;cursor: pointer;display: block;font-size: 27px;font-weight: normal;height: 30px;line-height: 30px;position: absolute;right: 10px;text-align: center;top: 10px;width: 30px;}
.share-candidate-popup select {-moz-appearance: none;-o-appearance: none;-ms-appearance: none;-webkit-appearance: none;background: #f3f4f6 url("../images/droup-down-icon2.svg") no-repeat scroll 95% center;border: 0 none;color: #2b215b;font-size: 14px;font-stretch: normal;font-style: normal;font-weight: normal;height: 40px;letter-spacing: normal;line-height: 40px;margin-top: 8px;padding-left: 10px;text-align: left;width: 100%;}
.share-candidate-popup option {border: 0 none;padding: 5px;}
.share-candidate-popup textarea {background: #f3f4f6 none repeat scroll 0 0;border: 0 none;border-radius: 5px;color: #2b215b;font-size: 13px;font-stretch: normal;font-style: normal;font-weight: normal;height: 100px;letter-spacing: normal;line-height: 1.5;margin: 8px 0;padding: 5px;text-align: left;width: 100%;}
button.pass-hiring-button {background: #e5e5e5 url("../images/button-next.png") no-repeat scroll 95% center;border: 0 none;border-radius: 4px;color: #ffffff;font-size: 13px;font-stretch: normal;font-style: normal;font-weight: bold;letter-spacing: normal;line-height: 1.43;margin-left: 20%;padding: 8px 20px;width: 80%;}
.add-collection {clear: left;color: #05c6a7;display: block;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5;padding: 10px 0 15px 15px;text-align: left;}
.question-panel {background: #f7f8f9 none repeat scroll 0 0;left: 220px;padding: 20px 20px 150px;position: absolute;right: 0;top: 50px;}
.job-title {color: #2b215b;font-size: 24px;font-stretch: normal;font-style: normal;font-weight: bold;height: 36px;letter-spacing: normal;line-height: 36px; margin-top: 20px;}
.job-description {color: #2b215b;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5;opacity: 0.5;text-align: left;}
.edit-details-btn {background-color: #b9c5ce;border-radius: 3px;color: #ffffff;display: block;float: right;font-size: 14px;font-stretch: normal;font-style: normal;font-weight: bold;height: 36px;letter-spacing: normal;line-height: 36px;margin-right: 10px;text-align: center;width: 114px;}
.edit-details-btn i {padding-right: 7px;}
.question-filter {float: left;width: 100%;}
.question-filter li {float: left;margin-right: 1%;width: 24%;}
.question-filter li:last-child {margin-right: 0;}
.question-filter li a {background-color: #ffffff;border-radius: 3px;color: #7f97a6;display: block;font-size: 20px;font-stretch: normal;font-style: normal;font-weight: normal;height: 74px;letter-spacing: normal;line-height: 74px;padding: 0 20px;text-align: left;}
.question-filter li a:hover, .question-filter li.active a {background: #05c6a7 none repeat scroll 0 0;color: #fff;}
.question-filter li a i {color: #bfcbd3;font-size: 18px;padding-right: 15px;}
.question-filter li a span {color: #2b215b;float: right;font-size: 36px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5;margin-top: 10px;text-align: right;}
.question-filter li a:hover i, .question-filter li a:hover span, .question-filter li.active a i, .question-filter li.active a span {color: #fff;}
.listing-tbody {display: table;width: 100%;}
.question-listing-table{display: table;width: 100%; margin-bottom: 30px;}
.question-listing-table ul {display: table-row;position: relative;width: 100%;background: #fff none repeat scroll 0 0;}
.question-listing-table ul.table-thead{background: none;margin-bottom:5px !important;}
.question-listing-table ul.table-thead li{ }
.question-listing-table ul:hover > li{background-color:#e6faf7;}
.question-listing-table ul.table-thead li {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border-bottom: 0 none;color: #2b215b;font-size: 12px;font-stretch: normal;font-style: normal;font-weight: bold;letter-spacing: normal;opacity: 0.5;text-align: left;}
.question-listing-table ul li {display: table-cell; padding: 0 0;}
.question-listing-table .custom-check [type="checkbox"] + label, .question-listing-table .custom-check label {color: #2b215b;font-size: 12px;font-weight: bold;}
.question-listing-table 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;text-align: left; padding: 10px 0px;}
.question-listing-table ul li:first-child {color: #2b215b;}

.job-candidates-listing-table ul li{word-break: break-all; text-align: left important;}
.job-candidates-listing-table ul li{word-break: break-all; text-align: left important;}

.job-candidates-listing-table ul li:nth-child(1){/*width: 6%; position: relative;*/  }
.job-candidates-listing-table ul li:nth-child(2){width: 19%; }
.job-candidates-listing-table ul li:nth-child(3){width: 20%; }
.job-candidates-listing-table ul li:nth-child(4){width: 11%; }
.job-candidates-listing-table ul li:nth-child(5){width: 11%; }
.job-candidates-listing-table ul li:nth-child(6){width: 15%; }
.job-candidates-listing-table ul li:nth-child(7){width: 15%; }
.job-candidates-listing-table ul li:nth-child(8){}
.job-candidates-listing-table ul li .left-icon img { position: absolute; top: 0px; left: 10px !important; width: 90% !important;  height: 90% !important; }
.callout-container { -webkit-box-shadow: 6px 6px 5px -4px rgba(214,214,214,1); -moz-box-shadow: 6px 6px 5px -4px rgba(214,214,214,1); box-shadow: 6px 6px 5px -4px rgba(214,214,214,1);}
.inner-content { /*padding-bottom: 100px;*/ }

.header-class { display: block; }
.header-class li { float: left; vertical-align: center; padding: 10px 0px !important;}
.header-class li:nth-child(1){width: 7% !important; }
.header-class li:nth-child(2){width: 19% !important; }
.header-class li:nth-child(3){width: 20% !important; }
.header-class li:nth-child(4){width: 11% !important; }
.header-class li:nth-child(5){width: 11% !important; }
.header-class li:nth-child(6){width: 15% !important; }
.header-class li:nth-child(7){ width: 15% !important;}
.header-class li:nth-child(8){ }

/*.job-candidates-listing-table ul li .fa-lg { font-size: 1em !important; }*/
.job-candidates-listing-table ul li .fa-star { color: #ffc700 !important;  }
.job-candidates-listing-table ul li .fa-star-o { color:#bfcbd3 !important; }
.job-candidates-listing-table ul li .fa-star-half-o { color: #ffc700 !important;  }
.job-candidates-listing-table ul li .social-icon-to { background: none !important; }
.job-candidates-listing-table ul li .social-icon-to li a { border-radius: 3px;
    display: block;
    font-size: 16px;
    height: 36px !important; 
    line-height: 36px!important; 
    text-align: center;
    width: 36px!important;  }
.job-candidates-listing-table ul li .social-icon-to li { /*float: left; padding: 5px 0px !important; width: 20%; margin-right: 15px;*/ }

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

.question-listing-table ul li .left-icon {border-radius: 20px;top: 4px;color: #fff;display: inline-block;font-size: 14px;height: 40px;line-height: 40px;margin-right: 20px;position: relative;text-align: center;width: 40px;}
.question-listing-table ul li .left-icon.bg-lighter-gray {background: #bfcbd3 none repeat scroll 0 0;}
.question-listing-table ul li .left-icon.bg-dip-blue {background: #2b215b none repeat scroll 0 0;}
.question-listing-table ul li .left-icon .notice-number {background: #05c6a7 none repeat scroll 0 0;border-radius: 11px;color: #fff;display: inline-block;font-size: 11px;height: 22px;left: 60%;line-height: 22px;overflow: hidden;position: absolute;text-align: center;top: 50%;width: 22px;}
.question-listing-table ul li .doted-icon {color: #bfcbd3;height: 30px;display: block;float: right;font-size: 32px;line-height: 6px;width: 15px;font-weight: normal;}
.question-listing-table ul li .required-question {background: #05c6a7 none repeat scroll 0 0;border-radius: 12px;color: #fff;display: inline-block;font-size: 12px;font-weight: bold;margin-right: 30px;padding: 3px 10px;}
.question-listing-table ul li .required-question:hover {opacity: 0.5;}
.question-listing-table ul li .favorites-icon {color: #ff004e;}
.question-listing-table ul li.sub-question-click {background:url("../images/droup-down-icon3.png") no-repeat scroll 70px center;font-weight: bold;}
.question-listing-table ul:hover li.sub-question-click{background:#e6faf7 url("../images/droup-down-icon3.png") no-repeat scroll 70px center;}
.question-listing-table ul li.sub-question-click.down {background:url("../images/droup-up-icon3.png") no-repeat scroll 70px center;}
.question-listing-table ul:hover li.sub-question-click.down {background:#e6faf7 url("../images/droup-up-icon3.png") no-repeat scroll 70px center;}
.question-listing-table ul li.sub-question-click .left-icon {margin-right: 35px;}
.question-listing-table ul.sub-question {display: none;padding-left: 100px;position: relative;top: -1px;}
.question-listing-table ul.sub-question li {border-bottom: 0 none;}
.question-listing-table ul.sub-question li:first-child {padding-left: 100px;}
.add-question-btn {color: #05c6a7;display: inline-block;font-size: 14px;font-stretch: normal;font-style: normal;font-weight: normal;height: 20px;letter-spacing: normal;line-height: 1.43;margin: 20px 0;text-align: left;width: 120px;}
.add-question-popup-main,.popup-main {background: rgba(0, 47, 77, 0.5) none repeat scroll 0 0 !important;height: 100%;position: fixed;width: 100%;z-index: 99;}
.add-question-popup-main .add-question-popup,.popup-main .modal-dialog {background: #fff none repeat scroll 0 0;border-radius: 4px;margin: 50px auto 0;overflow: hidden;}
.add-question-popup-main .add-question-popup .popup-title,.popup-main .modal-dialog .popup-title{background: #2b215b none repeat scroll 0 0;padding: 20px 30px;}
.add-question-popup-main .add-question-popup .close-btn,.popup-main .modal-dialog .close{color: #fff;font-size: 22px;height: 30px;line-height: 30px;position: absolute;right: 10px;text-align: center;top: 10px;width: 30px;cursor:pointer;}
.add-question-popup-main .add-question-popup .popup-title .question-img {float: right;margin-right: 30px;}
.add-question-popup-main .add-question-popup .popup-title h2,.popup-main .modal-dialog .popup-title h2{color: #ffffff;font-size: 24px;font-stretch: normal;font-style: normal;font-weight: bold;letter-spacing: normal;line-height: 1.5;}
.add-question-popup-main .add-question-popup .popup-title p,.popup-main .modal-dialog .popup-title p{color: #ffffff;font-size: 16px;font-stretch: normal;font-style: normal;font-weight: normal;letter-spacing: normal;line-height: 1.5;text-align: left;}
.add-question-popup-main .add-question-popup .popup-data,.popup-main .modal-dialog .popup-data{padding:30px;width:100%;float:left;}
/*.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:20px 0;}*/
.popup-data .qustion-list{width:100%;float:left;margin:5px 0;}
.popup-data .qustion-list .questions{float:left;width:80%;}
.popup-data .qustion-list .delet-btn{color: #ff004e;float: right;font-size: 18px;height: 30px;line-height: 30px;text-align: center;width: 30px;}
.popup-data .qustion-list.question-low-opacity{opacity:0.5;}
.popup-data .qustion-edit-box{width:100%;float:left;margin:10px 0 20px 0;}
.popup-data .qustion-edit-box input{width:100%;float:left;background:#f2f5f6;color:#2b215b;border-radius:3px;height:37px;border:solid 1px #05c6a7;}
.popup-data .qustion-save-add{float:left;width:50%;}
.popup-data .add-question-btn2{float:right;background:#05c6a7;border-radius:4px;color:#fff;font-size: 14px;font-weight: bold;border:0;width:145px;height:38px;text-align:center;line-height:38px;}
.custom-check-to {height: 20px;position: relative;width: 100%;}
.custom-check-to input[type="checkbox"] {height: 21px;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;z-index: 9;}
.custom-check-to [type="checkbox"] + label {background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon.jpg") no-repeat scroll left top;font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;	text-align: left;color: #2b215b;height: 21px;left: 0;letter-spacing: normal;line-height: 20px;padding-left: 45px;position: relative;text-align: left;top: 0;width: 100%;}
.custom-check-to input[type="checkbox"]:checked + label {background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon.jpg") no-repeat scroll left bottom;color: #2b215b;height: 21px;left: 0;position: relative;top: 0;width: 100%;}
.login-bg{background:url("../images/background.png") no-repeat left top ;position:fixed;left:0;top:0;bottom:0;right:0;background-size:cover;z-index: 1;}
.login-bg-to{position:absolute;left:0;top:0;bottom:0;right:0;}
.login-box{width:310px;margin:120px auto 0 auto;text-align: center;}
.login-box h2{margin-bottom:25px;}
.login-box h2 img{max-width:70%;}
.login-box p{font-size: 16px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;text-align: left;color: #ffffff;text-align: center;
    margin: 0 0 10px;
}
.login-box p.links{color: #87a5b8;margin-top:20px;}
.login-box p.links a{font-size: 14px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #87a5b8;}
.login-box p.links a:hover{color: #ffffff;}
.login-box input[type="text"]{width:100%;height:50px;background:#fff;border:0;font-size: 19px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #2b215b;border-radius:4px;margin-bottom:8px;    font-family: "Jaldi",sans-serif;}
.login-box input[type="text"]::placeholder{color: rgba(43, 33, 91, 0.48);opacity:1;}
.login-box input[type="password"]{width:100%;height:50px;background:#fff;border:0;font-size: 19px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.6;letter-spacing: normal;text-align: center;color: #bfcbd2;border-radius:4px;margin-bottom:8px;    font-family: "Jaldi",sans-serif;}
.login-box input[type="password"]::placeholder{color: #bfcbd2;opacity:1;}
.login-box .login-btn{background:#05c6a7;width:100%;height:50px;border:0;color:#fff;font-size: 19px;font-weight: bold;text-align:center;border-radius:4px;margin-bottom:8px;    font-family: "Jaldi",sans-serif;}
div[role="agent"] {float: right !important;}
div[role="agent"] .chat-relative-time{
    color: #2b215b;
    float: right;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    margin-top: 5px;
    opacity: 0.25;
    padding-right: 2px;
    text-align: right;
    width: 100%;

}

div[role="agent"] .dialog-chat{
    background: #fff !important;
    color: #002f4d !important;
   /*  float: right !important; */ /*vertical alignment card*/
}
/* div[role="agent"] .mark-as-box, div[role="agent"] .chat-dp{float: right !important;} *//*vertical alignment card*/
div[role="agent"] .chat-dp{margin-left: 10px;}

div[role="candidate"] .dialog-chat{
    
}
div[role="candidate"] .chat-relative-time{
    color: #2b215b;
    float: right;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    margin-top: 5px;
    
    opacity: 0.25;
    padding-right: 2px;
    text-align: left;
    width: 100%;

}
div[role="candidate"] .chat-relative-time > span{
    /*commented on 11/May/2017*/
/*margin-left: 25px!important;*/
margin-left: 36px !important;
}

div[role="system"] .dialog-chat{
    
}
div[role="system"] .chat-relative-time{
    color: #2b215b;
    float: right;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.33;
    margin-top: 5px;
    
    opacity: 0.25;
    padding-right: 2px;
    text-align: left;
    width: 100%;

}
div[role="system"] .chat-relative-time > span{
    /*commented on 11/May/2017*/
/*margin-left: 25px!important;*/
margin-left: 36px !important;
}

.search-filter-panel{width:100%;float:left;margin:20px 0;}
.search-filter-panel .search-box{float: left;
    width: 300px;
    height: 42px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid transparent;}
.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;}
.search-filter-panel .search-box input[type="text"]{float:left;border:0;width:240px;max-width:80%;height:40px;color:#bfcbd3;font-size:16px;text-align:left;line-height:40px;padding-left:10px;}
.filter-box{float:right;width:260px;max-width:80%;}
.filter-box .sort-panel{float:left;width:60%;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;font-size: 13px;}
.filter-box .sort-panel option{padding:5px 0;border-bottom:1px solid #edf0f2;}
.list-grid-view{float:right;width:80px;height:40px;margin-bottom: 0;}
.list-grid-view li{float:left;}
.grid-view,.list-view{float:left;width:40px;height:40px;color:#2b215b;background:#fff;font-size:17px;line-height:42px;text-align:center;display:block;}
.list-grid-view li .grid-view{border-radius:4px 0 0 4px;}
.list-grid-view li .list-view{border-radius:0 4px 4px 0;}
.list-grid-view li.act a,.list-grid-view li:hover a{color:#fff;background:#05c6a7;}
h3.job-title {color: #2b215b;font-size: 20px;font-stretch: normal;font-style: normal;font-weight: bold;letter-spacing: normal;float:left;width:100%;}
.rating-star span{font-size:17px;padding-right:8px;}
/*.rating-star .rating-star1,.rating-star .rating-star2{color:#ffc700;}
.rating-star .rating-star3{color:#bfcbd3;}*/
/*.fa-star-o {color:#bfcbd3; }
.fa-star {color:#ffc700; }*/
.social-icon-to {height: 36px;padding:0;text-align: left;border-bottom:0;}
.social-icon-to li {display: inline-block;height: 36px;margin-left: 8px;text-align: left;width: 36px;border-bottom:0 !important;padding:0 10px 0 0 !important;}
.social-icon-to li a {border-radius: 5px;display: block;font-size: 18px;height: 36px;line-height: 36px;text-align: center;width: 36px;}
.social-icon-to li.ph a {background: #05c6a7 none repeat scroll 0 0;color: #fff;}
.social-icon-to li.tw a {background: #1da1f2 none repeat scroll 0 0;color: #fff;}
.social-icon-to li.git a {background: #6cc644 none repeat scroll 0 0;color: #fff;}
.social-icon-to li.fb a {background: #3b5998 none repeat scroll 0 0;color: #fff;}
.social-icon-to li.li a {color: #fff;}





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

.job-candidates-listing-table ul.select-job-candidate li{background:#e6faf7;}
.exercised-leadership{right:0px;width:340px;background:#fff;min-height:100%;z-index:9;position:absolute;top:50px;-webkit-box-shadow: -14px 0px 19px -5px rgba(0,47,77,0.34);-moz-box-shadow: -5px 0px 19px -14px rgba(0,47,77,0.34);box-shadow: -5px 0px 19px -14px rgba(0,47,77,0.34);display:none;}
.exercised-leadership .el-title-section{background:#2b215b;padding:15px;float: left;width:100%;}
.exercised-leadership .el-title-section .close-el{cursor:pointer;color:#fff;font-size: 24px;width:30px; height:30px;position:absolute;right:0;top: 15px;text-align:center;line-height:30px;}
.exercised-leadership .el-title-section h3{font-size: 24px;font-weight: 300;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #ffffff;}
.exercised-leadership .el-title-section ul{width:100%;float: left;margin-bottom:0;}
.exercised-leadership .el-title-section ul li{width:25%;padding:5px;display:inline-block; font-size: 24px;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: normal;color: #ffffff;float:left;}
.exercised-leadership .el-title-section ul li span.color-change{color: #05c6a7;}
.exercised-leadership .el-title-section ul li span.small-ltr{font-size:12px;color: #05c6a7;font-weight: bold;color: #ffffff;display:block;}
.exercised-leadership .el-data-section{float:left;}
.exercised-leadership .el-data-section ul{float:left;width:100%;}
.exercised-leadership .el-data-section ul li{float:left;width:100%;border-bottom:1px #e5eaed solid;padding:15px;}
.exercised-leadership .el-data-section ul li:last-child{border-bottom:0;}
.exercised-leadership .el-data-section ul li .el-dp{width:32px;height:32px;border-radius:16px;overflow:hidden;float:left;display:block;}
.exercised-leadership .el-data-section ul li .el-dp img{float:left;width:100%;}
.exercised-leadership .el-listing-data{float:right;max-width: 84%;}
.exercised-leadership .el-listing-data p{font-size: 14px;opacity: 0.5;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.43;letter-spacing: normal;text-align: left;color: #2b215b;margin-bottom: 7px;}
.exercised-leadership .el-listing-data h4{font-size: 14px;font-weight: bold;font-style: normal;font-stretch: normal;line-height: 1.43;letter-spacing: normal;color: #2b215b;}
.exercised-leadership .el-listing-data .el-date-time{font-size: 12px;opacity: 0.25;font-weight: normal;font-style: normal;font-stretch: normal;line-height: 1.33;letter-spacing: normal;text-align: left;color: #2b215b;}
.main-content.bg-white-to{background:#fff;}
.suggest-resources-section{padding:0 20px 20px 20px;float:left;width:100%;background:#fff;}
.suggest-resources-left{width:49%;float:left;}
.suggest-resources-section h3{font-size: 20px;font-weight: bold;color: #2b215b;}
.suggest-resources-left .suggested-listing{width:100%;position:relative;float:left;padding:15px;border-radius:10px;margin-bottom:15px; background-color:rgba(43,33,91,0.03);}
.suggest-icon-left{padding-right:20px;color:#bfcbd3;font-size:14px;position:absolute;top:15px;left:20px;}
.suggest-icon-right{padding-right:20px;color:#bfcbd3;font-size:14px;position:absolute;top:15px;right:0;}
.suggest-resources-left .suggest-data{float: left;margin-left: 40px;margin-right: 40px;position: relative;}
.suggest-resources-section .suggest-data h4{font-size: 16px;font-weight: bold; color: #2b215b;margin-bottom:2px;}
.suggest-resources-section .suggest-data p{font-size: 14px;margin-bottom:2px;line-height: 1.43;text-align: left;color: #849baa;}
.suggest-resources-section .suggest-data a{font-size: 12px;color: #6edecc;text-align: left;}
.suggest-resources-section .suggest-data a:hover{color: #05c6a7;}
.suggest-resources-section .suggest-data p.m-b-0{margin-bottom:0;}
.suggest-resources-section .suggest-data p span{color:#2b215b;}
.suggest-resources-right{width:49%;float:right;}
.suggest-resources-right .suggested-listing{position:relative;float:left;min-width: 51%;padding:15px;border-radius:10px;margin-bottom:15px;background-color:rgba(43,33,91,0.03);}
.suggest-resources-right .suggest-data{float: left;margin-right: 40px;position: relative;}
.set-color-font{float:left;padding-left:20px;width:16.6%;padding-top:20px;}
.color-light-green{color:#05c6a7;}
.color-orange{color:#ffc700;padding-top:144px;}
.color-red{color:#ff004e;padding-top:144px;}
.color-dip-blue{color:#2b215b;padding-top:144px;padding-right:20px;}
.color-white{color:#ffffff;padding-top:144px;background:#2b215b;padding-right:20px;}
.set-color-font .primary-box{background:#05c6a7;color:#fff; font-size: 16px;font-weight: bold;width:100%;padding:70px 10px 10px 10px;margin-bottom:20px;border-radius:4px;}
.set-color-font .secondary-box{background:#009eff;color:#fff; font-size: 16px;font-weight: bold;width:100%;padding:70px 10px 10px 10px;margin-bottom:20px;border-radius:4px;}
.set-color-font .active-box,.set-color-font .accent-box{background:#05c6a7;color:#fff; font-size: 16px;font-weight: bold;width:100%;padding:20px 10px 10px 10px;margin-bottom:20px;border-radius:4px;}
.set-color-font ul{width:100%;float:left;margin:10px 0 20px 0;}
.set-color-font ul li{width:100%;float:left;line-height:140%;}
.set-color-font ul li:nth-child(1),.set-color-font ul li:nth-child(2){font-size:10px;}
.set-color-font ul li:nth-child(3),.set-color-font ul li:nth-child(4){font-size:12px;}
.set-color-font ul li:nth-child(5),.set-color-font ul li:nth-child(6){font-size:14px;}
.set-color-font ul li:nth-child(7),.set-color-font ul li:nth-child(8){font-size:16px;}
.set-color-font ul li:nth-child(9),.set-color-font ul li:nth-child(10){font-size:20px;}
.set-color-font ul li:nth-child(11),.set-color-font ul li:nth-child(12){font-size:24px;}
.set-color-font ul li:nth-child(13),.set-color-font ul li:nth-child(14){font-size:36px;}
.set-color-font ul li:nth-child(15),.set-color-font ul li:nth-child(16){font-size:48px;}
.set-color-font ul li:nth-child(17),.set-color-font ul li:nth-child(18){font-size:72px;}
.set-color-font ul li:nth-child(odd){font-weight:bold;}
.color-ffc700 .accent-box{background:#ffc700;}
.color-ff004e .accent-box{background:#ff004e;}
.color-2b215b .accent-box{background:#2b215b;}
.color-ffffff .accent-box{background:#ffffff;color:#2b215b;}
.m-top-20{margin-top:20px;}

.chat-Open-drawer-section{background:#fff;/*float:left;*/width:100%;/*position:absolute;*/left:0;bottom:0;height:0px;overflow:hidden;}
/* 05/may a.m-collapsed{float: left;width: 100%;line-height: 40px;height:40px;background:none;color:#2b215b;display:block;text-align:center; }*//*position: fixed; bottom: 100px; left: 0px; */
a.m-collapsed.collapsed{text-align:center;float: left;width: 100%;line-height: 40px;height:40px;background-color:rgba(43,33,91,0.5);color:#fff; -ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg);bottom: -40px;}
.bg-light-gray-to {width:210px !important;}
.search-filter-panel .search-box.bg-light-gray-to input[type="text"] {background-color:rgba(43,33,91,0.03);}
.search-filter-panel .search-box.bg-light-gray-to button {background-color:rgba(43,33,91,0.03);border-radius: 2px 0 0 2px;}
.qustion-category,.qu-Collect-list{float:left;width:100%;}
.qustion-category li{float:left;width:100%;margin-bottom:5px;}
.qustion-category li a{float:left;width:100%;padding:5px 0;display:block; color: #2b215b;opacity: 0.5;font-size: 16px;}
.qustion-category li a:hover,.qustion-category li.act a{opacity: 1;}
.like-comment-box{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;}
div[role="candidate"] .like-comment-box{right:0;}
div[role="system"] .like-comment-box{right:0;}
div[role="agent"] .like-comment-box{left:0;}

.like-comment-box h2{width: 100%;height: 27px;line-height: 45px;margin-bottom:0;font-size: 16px;font-weight: bold;font-style: normal;font-stretch: normal;letter-spacing: normal;color: #002f4d;padding-left:10px;}
.like-comment-box ul.like-follow{width:100%;display:block;padding:5px;margin-bottom:0}
.like-comment-box ul.like-follow li{width:100%; display:block;padding: 0;border: medium none; background: #fff !important;}
.like-comment-box 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;}
.like-comment-box ul.like-follow li a i{color:#cac8d6;padding-right:10px;}
.like-comment-box ul.like-follow li a:hover{background:#f7f7f9}
.like-comment-box ul.like-follow li a:hover i{color:#e21a52;}
.job-candidates-tr .like-comment-box ul.like-follow{background:#fafafa;}
.job-candidates-tr .like-comment-box ul.like-follow li {margin:0 5px 5px 5px;border-radius:3px;width: 95.5%;}
.job-candidates-tr .like-comment-box ul.like-follow li a{border-radius:3px;}
.job-candidates-tr .like-comment-box  .add-comment{color:#e21a52;padding:15px;}
.job-candidates-tr .like-comment-box  .add-comment i{padding-right:10px;}
.job-candidates-tr .like-comment-box{left:auto;right:0;background:#fafafa;}
.job-candidates-tr .like-comment-box ul:hover > li a{ background-color:#fafafa;}
.like-comment-box ul.like-follow li a:hover{}

.like-comment-box  .add-comment{border-top:solid 1px #e5eaed;padding:20px 15px;font-size: 16px;font-weight: normal;line-height: 1.5;text-align: left;color: #2b215b;}
.image-round{width:100%;height:100%;display:block;border-radius:50%;overflow:hidden;}
.mar-top-o{margin-top:0 !important;}
.suggest-resources-section h4 {font-size: 16px;font-weight: bold;color: #2b215b;margin-bottom:5px;}
.qu-Collect-list,.draw-res-nav{float:left;width:100%;}
.qu-Collect-list li,.draw-res-nav li{float:left;width:100%;margin-bottom:0px;}
.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:16px;}
.draw-res-nav li a{padding-left:0;}
.qu-Collect-list li.nav-sub > a{background:url("../images/droup-down-icon3.png") no-repeat left center;}
.qu-Collect-list li a[aria-expanded="true"]{background:url("../images/droup-up-icon3.png")no-repeat left center !important;}
.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;}
.qu-Collect-list li .sub-menu{margin-left:10px;}
.suggest-resources-right.bg-white .suggested-listing {background: #ffffff none repeat scroll 0 0 !important; box-shadow: 0 2px 8px 0 rgba(43, 32, 91, 0.1);}
.suggest-icon-left{color:#bfcbd3;font-size:18px;float:left;padding:0 10px 0 0;position: relative;top: 0;left: 0;}
.suggest-resources-section .suggest-data h4{font-size: 16px;font-weight: bold;color: #2b215b;margin-bottom:5px;margin-top:0;}
.draw-resourss-list .suggested-listing{min-width:100%;}
.resources-qu.tab-content{display:none;}
a.add-candi-btn {
	background-color: #24bba2;
	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.add-candi-btn-disabled {
    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;
}


a.add-candi-btn:hover,a.add-candi-btn:focus{
    /*background-color: #211754;*/
    border: 0 none;border-radius: 4px;color: #ffffff;text-decoration:none;outline:none; opacity: 0.6;}
.add-candi-input{float:left;width:48%;margin-left:4%;}
.popup-data .add-candi-input:nth-child(2n){margin-left:0;}
.add-candi-input label{color:#2b215b;font-size:14px;display:block;width:100%;margin:10px 0 5px 0;font-weight: normal;}
.add-candi-input input[type="text"]{color:#2b215b;opacity: 1;font-size:14px;width:100%;margin:3px 0 5px 0;padding-left:10px;/*background:rgba(43,33,91,0.18) !important*/;border:1px #fff solid;border-radius:3px;height:40px;line-height:40px;}
.add-candi-input input[type=text]:focus,.linkdinicon-box input[type="text"]:focus{color:#312860;border:1px #ccc solid;box-shadow: none;outline:none;}
.add-candi-input input[placeholder]{color:#2b215b;opacity: 1;}
.add-candi-input input[placeholder]:focus{color:#2b215b;opacity: 1;}
/*.popup-data h3{font-size: 16px;font-weight: bold;color: #2b215b;margin:0;}*/
.popup-data h3 {
    color: #2b215b;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0 15px 0;
    width: 100%;
}
.linkdinicon-box{width:100%;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;/*z-index:9;*/left:10px;top:2px;line-height:normal;}
.linkdinicon-box .massage-icon{color:#e00b47;font-size:24px;width:24px;height:24px;position:absolute;z-index:9;right:10px;top:0px;line-height:normal;}
.linkdinicon-box .massage-icon{}
.linkdinicon-box input[type="text"]{color:#2b215b;opacity: 1;font-size:14px;width:100%;padding:0 40px;background:none;border-radius:3px;height:40px;line-height:40px;float:left;border:0;}
.button-blue{background:#2b215b;border:0;font-size: 14px;font-weight: bold;color:#fff;padding:0 10px;height:36px;line-height:36px;border-radius:4px;font-size: small;}
.button-gray{background:#24bba2;border:0;font-size:14px;font-weight: bold;color:#fff;padding:0 10px;height:36px;line-height:36px;border-radius:4px;}
.earror-msg{color:#e43465;font-size:14;line-height:20px;margin-top:5px;float:left;width:100%;}
.earror-msg span{padding-right:10px;}
.botm-section{float:left;width:100%;margin:20px 0 0 0; }
.botm-section a{float:left;color: #24bba2;font-size:14px;margin-top:10px;}
.botm-section button{float:right;margin-left:10px;}
.candidate-port{float:left;width:100%;position:relative;}
.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;}
.can-port-hr .edit-can-btn:hover,.can-port-hr .bec-can-btn:hover{opacity: 1;}
.candidate-port .can-port-left {width: 220px;position:absolute;left:0;top:60px;}
.candidate-port .can-port-left .can-port-l-box  {float:left;width: 100%;border-radius: 3px;background-color: #ffffff;margin-bottom:15px;padding:18px;}
.candidate-port .can-port-left .can-port-l-box .profile-img {width: 72px;height: 72px;border-radius: 50%;border: solid 4px #ff004e;overflow:hidden;margin:0 auto;}
.candidate-port .can-port-left .can-port-l-box .profile-img img {width: 100%;height: 100%;border-radius: 50%;border: solid 4px #fff;}
.can-port-l-box h3{font-size: 20px;font-weight: bold;color: #2b215b;margin:10px 0;}
.can-port-l-box .location {font-size: 14px;font-weight: normal;color: #2b215b;margin:0;opacity: 0.5;}
.can-port-l-box .title {font-size: 12px;color: #2b215b;}
.can-port-l-box .star-rt {width:100%;float:left;text-align:center;}
.can-port-l-box .star-rt li {color:#fce95e;display:inline-block;font-size: 23px;}
.can-port-l-box .star-rt li.blank {color:#c4c2d1;display:inline-block;}
.can-port-l-box .msg-alert {height: 20px;line-height:20px;background-color: #24bba2;border-radius: 100px;color:#fff;font-size: 12px;width: 107px;margin:0 auto;}
.can-port-l-box .msg-alert img{width:12px;margin-right:0;position: relative;right: 3px;top: -1px}
.can-port-l-box h4 {font-size: 12px;text-align: left;color: #2b215b;}
.can-port-l-box .year-box{width: 30px;float:left;font-size: 12px;text-align: center;color: rgba(43,33,91,0.5);}
.can-port-l-box .year-box span{font-size: 24px;font-weight: bold;text-align: center;color: #e21a52;display:block;line-height:18px;}
.can-port-l-box .current-rol-data{float:left;margin-left:10px;}
.can-port-l-box .current-rol-data h3{font-size: 16px;color: #2b215b;margin:0;}
.can-port-l-box .current-rol-data span{font-size: 12px; color: #2b215b;margin:0; opacity: 0.5;}
.can-port-l-box  .email-phone li,.can-port-l-box  .social-icon li{font-size: 14px; color: #2b215b;margin:5px 0;line-height: 28px;}
.can-port-l-box  .email-phone li a,.can-port-l-box  .social-icon li a{font-size: 14px; color: #2b215b; /*opacity: 0.25;*/}
.can-port-l-box  .email-phone li i{font-size: 18px; color: #cac8d6;width:25px;padding-top:6px;}
.can-port-l-box  .social-icon i{font-size: 22px;width:28px;padding-top:6px;}
.can-port-l-box  .social-icon li:nth-child(1) i{color: #0077b5;}
.can-port-l-box  .social-icon li:nth-child(2) i{color: #3b5998;}
.can-port-l-box  .social-icon li:nth-child(3) i{color: #1ca0f1;}
.can-port-l-box  .social-icon li:nth-child(4) i{color: #64c33a;}
.can-port-l-box  h5{font-size: 14px;font-weight: bold;color: #2b215b;}
.can-port-l-box.skils-box div{height: 24px;background-color: #2b215b;line-height:24px;border-radius:3px;padding:0 8px;float:left;margin:2px;}
.can-port-l-box.skils-box div a{font-size: 12px; color: #fff;}
.can-port-l-box.skils-box p{width: 100px;float:left;}
.can-port-l-box.skils-box p span{opacity: 0.25;color: #2b215b;font-size: 14px;}
.can-port-l-box.skils-box p a{color: #24bba2;font-size: 12px;}
.can-port-right{width:100%;padding-left:240px;float:left;padding-bottom: 70px;}
.can-port-right .welcome-mms{background:#24bba2 url("../images/arrow-2.svg") no-repeat scroll 97% center;color:#fff;font-size:16px;padding:10px;border-radius:3px;}
.can-port-right .welcome-mms .logomark{width:24px;float:left;margin-right:20px;}
.day-time-canvas{width:100%;float:left;margin:20px 0;}
.day-time-canvas li{float:left;width: 32%;height: 76px;border-radius: 3px;background-color: #ffffff;margin-right:2%;padding:15px;}
.day-time-canvas li:last-child{margin-right:0%;}
.day-time-canvas li .icon-part{float:left;width: 25%;font-size:30px;color:#2b215b;}
.day-time-canvas li .data-part{float:left;width: 75%;}
.day-time-canvas li .data-part h4{font-size: 12px;color: #2b215b;opacity: 0.5;text-align: left;margin:4px 0 0 0;text-transform:uppercase;}
.day-time-canvas li .data-part p{padding:0;}
.day-time-canvas li .data-part p span{font-size: 24px;color: #2b215b;font-weight: bold;}
.day-time-canvas li:nth-child(1) .data-part p span{color: #2b215b;}
.day-time-canvas li:nth-child(2) .data-part p span{color: #e21a52;}
.day-time-canvas li:nth-child(3) .data-part p span{color: #24bba2;}
.can-port-right .mynotes,.can-port-right .nega-posi-block,.can-port-right .potential-job-box{width:100%; margin-bottom: 20px; float:left;padding:15px;background-color: #ffffff;position:relative;}
.can-port-right .mynotes h3{font-size: 16px;font-weight: bold;color: #2b215b;margin:0 0 5px 0;}
.can-port-right .mynotes p{font-size: 16px;color: #2b215b;margin:5px 0;opacity: 0.5;padding:0;}
.can-port-right .nega-posi-block .nega-data,.can-port-right .nega-posi-block .posi-data{float:left;width: 50%;}
.can-port-right .nega-posi-block h3{font-size: 16px;font-weight: bold;color: #2b215b;margin:5px 0 15px 0;}
.can-port-right .nega-posi-block h3 i{font-size: 16px;padding-right:10px;}
.can-port-right .nega-posi-block ul{float:left;width: 100%;padding-right:5%;}
.can-port-right .nega-posi-block ul li{float:left;width: 100%;margin-bottom:5px;}
.can-port-right .nega-posi-block ul li a{color: #2b215b;display:block;width: 100%;font-size: 12px;opacity: 0.5;text-align: left;width:100%;background:url("../images/arrow.png") no-repeat scroll right 5px;padding-right:20px;}
.can-port-right .nega-posi-block ul li a:hover{opacity: 1;}
.can-port-right h2{font-size: 24px;font-weight: bold;color: #2b215b;margin:10px 0 20px;float:left;width: 100%;}
.can-port-right .potential-job-box h3{font-size: 20px;font-weight: normal;color: #2b215b;margin:0;}
.can-port-right .potential-job-box p{font-size: 16px;font-weight: normal;color:2b215b;margin:5px 0;opacity: 0.5;padding: 0;opacity: 0.5;}
.can-port-right .potential-job-box p.opacity-full{opacity: 1 !important;}
.can-port-right .potential-job-box p span{font-size: 12px;font-weight: bold;opacity: 1 !important;}
.can-port-right .potential-job-box p span.low-oacity{font-size: 12px;font-weight: bold;color:rgba(43,33,91,0.25) !important;padding-left:20px;}
.can-port-right .potential-job-box .pote-job-action{position:absolute;right:15px;top:15px;}
.can-port-right .potential-job-box .pote-job-action ul{}
.can-port-right .potential-job-box .pote-job-action ul li{float:left;margin-left:20px;color:#24bba2;}
.can-port-right .potential-job-box .pote-job-action ul li a{color:#24bba2;}
.can-port-right .potential-job-box .pote-job-action ul li:nth-child(1) a{font-size:20px;line-height:46px;}
.can-port-right .potential-job-box .pote-job-action ul li:nth-child(2) a{font-size:36px;}
.can-port-right .save-notes{width:100%;float:left;padding:15px;background-color: #ffffff;position:relative;margin:0 0 20px;}
.can-port-right .save-notes select {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: 14px;height: 40px;line-height: 40px;margin-top: 8px;padding-left: 10px;text-align: left;width: 45%;border-radius: 3px;}
.can-port-right .save-notes option {border: 0 none;padding: 5px;}
.can-port-right .save-notes textarea {background: #f5f4f7 none repeat scroll 0 0;border: 0 none;border-radius: 3px;color: #2b215b;font-size: 13px;height: 60px;margin: 8px 0;padding: 5px;text-align: left;width: 100%;}
.can-port-right .save-notes button.save-btn{background:#24bba2;border:0;font-size:14px;/*font-weight: bold; 03/may */ font-family: "Jaldi",sans-serif; color:#fff;padding:0 10px;height:36px;line-height:36px;border-radius:4px;}
.can-port-right .save-notes button.cancel-btn{background:#fff;border:0;font-size:14px;/*font-weight: bold; 03/may */ font-family: "Jaldi",sans-serif; color:#2b215b;padding:0 10px;height:36px;line-height:36px;border-radius:4px;}
.can-port-right p{width:100%;float:left;padding:10px 0;}
.can-port-right p a.add-job-link{color: #24bba2;font-size: 16px;}
.can-port-right p a.add-job-link:hover{color: #2b215b;}
.can-port-right .candidate-history{width:100%;float:left;margin-bottom:80px;}
.can-port-right .candidate-history li{width:100%;float:left;margin-bottom:20px;}
.can-port-right .candidate-history li .candidate-history-icon{width:40px;float:left;font-size:20px;}
.can-port-right .candidate-history li:nth-child(1) .candidate-history-icon,.can-port-right .candidate-history li:nth-child(2) .candidate-history-icon{color:#2b215b;}
.can-port-right .candidate-history li:nth-child(3) .candidate-history-icon{color:#6cc644;}
.can-port-right .candidate-history li:nth-child(4) .candidate-history-icon{color:#5c42f9;}
.can-port-right .candidate-history li:nth-child(5) .candidate-history-icon{color:#24bba2;}
.can-port-right .candidate-history li .date-tmi{width:80px;float:left;font-size: 16px;opacity: 0.5;color: #2b215b;font-weight: normal;padding:0 10px;}
.can-port-right .candidate-history li .new-job{float:left;font-size:20px;padding:0 10px;}
.can-port-right .candidate-history li .new-job p.normal-text{width:100%;float:left;font-size: 16px;font-weight: bold;color: #2b215b;opacity: 0.5;padding:0 0 !important;text-align:left;margin:0 !important;}
.can-port-right .candidate-history li .new-job p.big-text{width:100%;float:left;font-size:20px;color: #2b215b;padding:0 0 !important;text-align:left;margin:0 !important;}
.full-width{width:100% !important;margin-left:0;}
#datePicker{position:relative;}
#datePicker input[type="text"]{background: rgba(43, 33, 91, 0.05) none repeat scroll 0 0 !important;}
.calendar-icon{border: 0 none !important;padding-right: 10px;position: absolute;right: 10px;top: 45px;background:none !important;}
.color-linkdin{color: #0077b5!important;}
.color-facebook{color: #3b5998!important;}
.color-twitter{color: #1ca0f1!important;}
.color-github{color: #64c33a!important;}
footer{ height: 64px;background-color: #2b215b;float:left;width:100%;position:fixed;bottom:0;left:0;right:0;}
footer .footer-wrapper{left: 220px;position: absolute;right: 220px;top: 0px;}
footer p{  color: #ffffff;opacity: 0.5;font-size: 14px;float:left;padding-top:23px;}
footer .footer-logo{float:right; text-align:right;}
footer .footer-logo img{width:40%;opacity:0.5;}
#eventForm .form-control-feedback {top: 0;right: -15px;}


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

.custom-check3{
display:none;
}

.category-droupdown {
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #2b215b url(../images/droup-down-icon.svg) no-repeat scroll right center;
    border: 0 none;
    color: #ffffff;
    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;
}

div[role="candidate"] + div .callout-panel{
    position: absolute;
    left: 0px;
}

div[role="system"] + div .callout-panel{
    position: absolute;
    left: 0px;
}

div[role="agent"] + div .callout-panel{
    position: absolute;
    right: 215px;
}
/*chat-row{display: block;}*/
/*.callout-container{position: relative;}*/
.callout-container{display: none; z-index: 1000;}
/*.callout-panel{position: absolute;}*/
.hand-cursor{cursor: pointer;} 
.mark-as-box .fa-thumbs-up{
    color: #24bba2;
}
.question-listing-table ul {
	
    display: table-row;
    position: relative;
    width: 100%;
	margin-bottom: 0px !important;
    background: #fff none repeat scroll 0 0;
}

.social-icon-to {
    height: 36px;
    padding: 0;
    text-align: left;
    border-bottom: 0;
}

.social-icon-to li {
    display: inline-block;
    height: 36px;
    margin-left: 8px;
    text-align: left;
    width: 36px;
    border-bottom: 0 !important;
    padding: 0 10px 0 0 !important;
}

.errormsg-text,.logoutmsg-text{
font-size:14px;
}

/* .search-filter-panel #candidate-search{
    float: left;
    width: 300px;
    max-width: 80%;
    height: 42px;
    background: #fff !important;
    border-radius: 3px;
} */
.search-filter-panel #candidate-search{
    float: left;
   /* width: 300px; */
    /* width: 182px; */
    width: 22%;
    max-width: 80%;
    height: 42px;
    background: #fff !important;
    border-radius: 3px;
}

.search-filter-panel #candidate-search:focus,
.search-filter-panel #candidate-search1:focus {
    border-color: #34bba2;
}


/* .search-filter-panel #candidate-search1{
    float: left;
    width: 300px;
    max-width: 80%;
    height: 42px;
    background: #fff !important;
    border-radius: 3px;
} */
.search-filter-panel #candidate-search1{
    float: left;
   /* width: 300px; */
    width: 25%;
    max-width: 80%;
    height: 42px;
    background: #fff !important;
    border-radius: 3px;
}


.search-filter-panel #candidate-search input[type="text"]{
    outline: none;
    background:#fff !important;
    color: #000 !important;
    font-size:16px; font-family: "Jaldi",sans-serif;
}

.search-filter-panel #candidate-search1 input[type="text"]{
    outline: none;
    background:#fff !important;
    color: #000 !important;
    font-size:16px; font-family: "Jaldi",sans-serif;
}

/* added for chat drawers */
.chat-post-section .button-sectionv-to a:hover, .chat-post-section .button-sectionv-to li.active a, .button-sectionv-to  a.nav-link.active {
    border-bottom: 3px solid #1bb89e;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
}
.chat-post-section .button-sectionv-to a {
    float: left;
    margin-right: 20px;
    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;
    text-decoration: none;
    background-color: transparent;
}

.suggest-resources-section {
    padding: 20px;
}
.mCS-content{overflow: auto;position: relative;width: 100%;}
.mCS-content2{overflow: auto;position: absolute;width: 100%;}
.content.hidden{ display: none; }
.resources-found {background:#f4f4f6 url("../images/no-found-bg.png") no-repeat 95% 82%;border-radius:6px;padding:10px 20px !important;}
.resources-found h2 {color:#231a53;font-size:24px;}
.resources-found p {color:#86829b;font-size:20px;margin-bottom:20px;}
.tab-content > .active {
    display: block;
}
.fade.in {
    opacity: 1;
}
.qustion-category,.qu-Collect-list{float:left;width:100%;}
.search-filter-panel .search-box input[placeholder] {
    color: rgba(43,33,91,0.4);
}
.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: 16px;
        background-color: transparent;
      text-decoration: none;
}
.qu-Collect-list li, .draw-res-nav li {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

a.m-collapsed {
    float: left;
    width: 100%;
    line-height: 40px;
    height: 40px;
    background: none;
    color: #2b215b;
    text-align: center;
}
a.m-collaps {
    text-align: center;
    float: left;
    width: 100%;
    line-height: 40px;
    height: 40px;
    background-color: rgba(43,33,91,0.5);
    transform: rotate(180deg);
    bottom: -40px;
    color: #fff;
}
.no-resources-found-box {
    min-height: 250px;}
.resources-found {
    background: #f4f4f6 url(../images/no-found-bg.png) no-repeat 95% 82%;
    border-radius: 6px;
    padding: 10px 20px !important;
}
.suggest-resources-wrapper{
/*min-height:740px;*/
}

/*new nav-bar*/
.profile-top {
    float: right;
}

.profile-top ul {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
    margin-top: 3px;
}
.profile-top ul li {
    float: left;
    margin-left: 7px;
    position: relative;
}
.profile-top ul li a {
    border-radius: 50%;
    color: #2b215b;
    opacity: 0.5;
    display: block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    margin-top: 9px;
    overflow: hidden;
    text-align: center;
    width: 32px;
}
.profile-top ul li.search-link a img {
    height: 24px;
    position: relative;
    top: 0;
}
.profile-top ul li.search-link a {
    margin-top: 8px;
}
.profile-top ul li.education-link a img {
    height: 26px;
    position: relative;
    top: 1px;
}
.profile-top ul li.education-link a img {
    margin-top: -4px;
}
.profile-top ul li a.top-notice-btn, .profile-top ul li.chat-link a {
    color: #24bba2;
}
.profile-top ul li.chat-link a img {
    margin-top: -4px;
   /* height: 26px;*/
}

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



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

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

.error-home p {
    margin: 0;
    padding: 0;
}

.error-home h2.Title {
    font-size: 36px;
    font-weight: bold;
    color: #2b215b;
    margin: 30px 0 20px 0;
}


.error-home p.Still-not-working {
    opacity: 0.5;
    font-size: 16px;
    text-align: center;
    color: #2b215b;
    margin: 10px 0 10px 0;
}
.error-home {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 120px;
}
.error-home a.Contact-our-support {
    font-size: 16px;
    color: #24bba2;
}
.error-home div.Description {
    font-size: 20px;
    text-align: center;
    color: #2b215b;
    opacity: 0.5;
    line-height: 35px;
}

.error-home a.Contact-our-support:hover {
    
    color: #3E4982;
}

/* new edit modal*/
.email-can-port-popup .popup-data .portrait-emails {
    width: 100%;
    float: left;
    text-align: left;
    background: #f4f3f6;
    padding: 7px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.email-can-port-popup .popup-data h2 {
    font-size: 24px;
    font-weight: bold;
    color: #2b215b;
    margin-top: 20px;
    margin-bottom: 20px;
}
.email-can-port-popup .popup-data .portrait-emails span b {
    font-size: 14px;
    color: #fff;
    padding-left: 7px;
}

/* commented for background color*/
/*
.email-can-port-popup .popup-data .portrait-emails span {
    font-size: 12px;
    display: inline-block;
    text-align: left;
    color: #fff;
    background: #2b215b;
    padding: 3px 5px;
    margin: 0 3px;
    border-radius: 3px;
}
*/



label {
    display: inline-block;
    max-width: 100%;
}
.email-can-port-popup .popup-data textarea {
    border: 0;
    width: 100%;
    font-size: 13px;
    text-align: left;
    color: rgba(43,33,91,1);
    background: #f5f4f7;
    padding: 7px;
    border-radius: 3px;
}

.email-can-port-popup .popup-data p {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #2b215b;
    margin-bottom: 20px;
}
.custom-check-two input[type="checkbox"] {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}
.add-question-popup-main .add-question-popup .close-btn, .popup-main .modal-dialog .close, .modal .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;
}
.custom-check-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;
}
.custom-check-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;
}
.email-can-port-popup .popup-data label {
    font-size: 15px;
    text-align: left;
    color: #2b215b;
    opacity: 0.5;
    /* width: 100%; */
    float: left;
    font-weight: normal;
    margin-bottom: 10px;
}
.cancel-btn {
    background: none;
    float: left;
    border: none;
    margin-top: 30px;
    color: #2b215b;
    font-family:inherit;
    text-decoration:none;
}
.email-can-port-popup .popup-data .send-portrait-btn {
    float: right;
    border: 0;
    font-size: 14px;
    text-align: left;
    color: #fff;
    background: #24bba2;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 6px 10px;
    margin-top: 20px;
    font-family:inherit;
}


.custom-check-to [type="checkbox"] + label 
{
background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon.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: 0;
letter-spacing: normal;
line-height: 20px;
padding-left: 45px;
position: relative;
text-align: left;
top: 0;
width: 100%;}
.custom-check-to input[type="checkbox"]:checked + label {
background: rgba(0, 0, 0, 0) url("../images/radio-btn-icon.jpg") no-repeat scroll left top;
color: #2b215b;
height: 21px;
left: 0;
position: relative;
top: 0;
width: 100%;
}

.custom-check-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-two {
    height: 20px;
    position: relative;
    width: 100%;
}