* {
    font-family: 'SF';
}

.ta-editor {
    min-height: 300px;
    height: auto;
    overflow: auto;
    font-family: inherit;
    font-size: 100%;
}

body {
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    background-color: #fff;
}

form {
    max-width:644px !important;
    margin:0 auto;
}

.background-image {
    background: url(/content/images/tlo.jpg) no-repeat;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.gray-background {
    background: #fff;
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 0px;
}

.height100 {
    height: 100vh;
}

.max-width-unset {
    max-width: unset !important;
}

.height-unset {
    height: unset !important;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-4 {
    gap: 1rem;
}

.flex-1 {
    flex: 1;
}

.cursor-pointer {
    cursor: pointer !important;
}

.login-page, .register-page {
    background: inherit;
}

.logo {
    background: url(/content/images/logo.png) no-repeat;
    width: 135px;
    height: 83px;
    float: right;
    position:absolute;
    margin-top:-0.25em;
    margin-left:1em;
}

.logo2 {
    background: url(/content/images/logo.png) no-repeat;
    width: 135px;
    height: 83px;
    float: left;
    margin-left: 80px;
    margin-top: 1.5em;
}

.logo3 {
    float: left;
    margin-left: 80px;
    margin-top: 1.5em;
}

.logo4 {
    background: url(/content/images/logo.png) no-repeat;
    width: 135px;
    height: 83px;
    float: left;
    margin-left: 0px;
    margin-top: 1.5em;
}

.login-page {
    height: 100vh;
}

.login-box {
    margin: 0;
    float: right;
    width: 35%;
}

.login-box form span {
    width: 223px;
    height: 49px;
    color: #025da9;
    font-family: "SF";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.login-box form {
    margin-top: 15em;
    margin-right: 10em;
    width: 300px;
    margin-left:0;
}

.login-box form h4 {
    color: #025da9;
    font-size: 35px;
    width: 500px;
    font-family: 'SF Bold';
    margin-bottom:1em;
}

.login-box form h5{
    color: #025da9;
    margin-bottom: 3em;
    font-size:20px;
    width: 500px;
}

.md-chips .md-chip-input-container {
    top: -10px;
    left: 0px;
    position: absolute;
}

.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"], .md-chips .md-chip-input-container input[type="search"] {
    position: absolute;
    top: 8px;
    left: 30px;
}

input[type="text"], input[type="number"], input[type="password"], textarea, .md-chips {
    height: 41px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
}

.md-chips {
    margin-top: -1.3em;
}

md-chip {
    top: 40px;
}

input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, textarea:focus {
    color: #025da9;
    border: 1px solid #025da9 !important;
    font-size: 14px;
    font-weight: 400;
}

.href-link {
    color: #015ca8 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

label {
    height: 15px;
    color: #025da9;
    font-size: 12px;
    font-weight: 700;
    margin-left: 1em;
}

.black-label {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 600;
    font-family: "SF";
    text-align: right;
    width: 100%;
    margin-left: 0em;
}

.div-label {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 600;
    font-family: "SF";
    width: 100%;
    margin-left: 0em;
    position: relative;
    top: -15px;
}

.black-label-left {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    text-align: left;
    margin-left: 0em;
}

.black-label-chackbox {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: -50px;
    margin-left: 0;
    overflow: visible !important;
}

.black-label-range {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: -40px;
    margin-left: 0;
    overflow: visible !important;
}

.black-label-dateedit {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: -30px;
    margin-left: 18px;
}

.black-label-dateedit-list {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: -15px;
    margin-left: 38px;
}

.not-show-label .md-input-has-value label {
    display:none;
}


.not-show-label md-input-container.md-input-focused label:not(.md-no-float), .not-show-label md-input-container.md-input-has-placeholder label:not(.md-no-float), .not-show-label md-input-container.md-input-has-value label:not(.md-no-float) label {
    transform: scale(0);
}

.back-button {
    float: left;
    margin-top: 1.1em;
}

.plus-button {
    min-width: unset;
}

.plus-button .menu-add-icon {
    margin-right: 0;
}

.btn-success, md-dialog-actions .md-button, md-dialog-actions .md-primary {
    height: 41px;
    border-radius: 10px;
    background-color: #025da9 !important;
    font-family: "SF";
    font-size: 13px;
    font-weight: 600;
    float: right;
    color: #fff !important;
    text-transform: none;
    margin-right: 0em;
}

.candidateCheckboxes md-checkbox[disabled] span {
    color: #000 !important;
}

.candidateCheckboxes md-checkbox[disabled][aria-checked="true"] span {
    color: inherit !important;
}

.btn-notsuccess {
    height: 41px;
    border-radius: 10px;
    background-color: #fff !important;
    font-family: "SF";
    font-size: 13px;
    font-weight: 600;
    float: right;
    color: #025da9 !important;
    text-transform: none;
    margin-right: 0em;
    border: 1px solid #025da9;
}

.btn-success:hover, md-dialog-actions .md-button:hover, md-dialog-actions .md-primary:hover {
    background-color: #025da9;
}

.btn-transparent-bg, .btn-transparent-bg:focus, .btn-transparent-bg:focus-visible {
    border: none;
    outline: none;
    background: transparent;
}

.btn-icon-after-input {
    height: 22px;
    margin-top: 8px;
}

.btn-option-disabled[disabled] {
    opacity: 0.15;
}

.svg-disabled {
    fill: #E3E6E9;
}

.arrow-right {
    background: url(/content/images/arrow-right.png) no-repeat;
    width: 18px;
    height: 8px;
    margin-top: 0.95em;
    float: right;
}

.clr {
    clear: both;
}

.black-font {
    bottom: 2em;
    position: absolute;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-left: 1.2em;
}

.content-wrapper, .right-side {
    background: #fff;
}

.username {
    color: #025da9 !important;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    float: right;
    margin-top: 1.7em;
}

.error-ico {
    background: url(/content/images/input-error.svg) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    margin-left: 1em;
}

.accept-ico {
    background: url(/content/images/acc.svg) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    cursor: pointer;
}

.reject-ico {
    background: url(/content/images/dis.svg) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    position: absolute;
    cursor: pointer;
}

.button-mapping-pixid {
    border: solid #025da9 2px;
    border-radius: 10px;
    float:left;
    width:100px;
    line-height:30px;
    text-align:center;
    margin-top:-20px;
}

.accept-icon {
    background: url(/content/images/accept.svg) no-repeat;
    width: 30px;
    position: absolute;
    height: 30px;
    margin-left: -15px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.reject-icon {
    background: url(/content/images/reject.svg) no-repeat;
    width: 30px;
    position: absolute;
    height: 30px;
    margin-left: -15px;
    margin-top: 10px;
    float: left;
    cursor: pointer;
}

.menu-delete-icon {
    background: url(/content/images/menu_delete_icon.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.5em;
}

.menu-edit-icon {
    background: url(/content/images/menu_edit_icon.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.5em;
}

.menu-principal {
    width: 100%;
    height: 73px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2);
    background-color: #025da9;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.menu-principal h4 {
    line-height: 73px;
    margin-left: 3em;
}

.details, .dashboard, .detailsTabs {
    max-width: 1326px;
    margin: 0 auto;
}

.detailsTabs md-tab-item {
   line-height: 16px;
}

.desktop {
    max-width: 1180px;
    margin: 0 auto;
}

.desktop-menu-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin: 64px 0 64px 0;
    padding: 0;
}

.desktop-menu-items section {
    position: relative;
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    align-items: center;
    width: 220px;
}

.desktop-menu-items .menu-item-icon {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid #025DA9;
    background-color: #E1F1FF;
}

.desktop-menu-items a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 195px;
    padding: 16px 8px 16px 40px;
    border-radius: 8px;
    border: 2px solid #025DA9;
    background-color: #2688DC;
    color: #FFF;
    text-align: center;
    font-family: 'SF';
    font-size: 16px;
    font-weight: bold;
}

.desktop-autres {
    color: #025DA9 !important;
    font-size: 18px;
    font-weight: 600;
    font-family: 'SF';
}

.digital-summary {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 16px;
    gap: 20px;
}

.digital-summary .digital-summary-item .header {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 279px;
}

.digital-summary-item .header label {
    width: 257px;
    height: 62px;
    margin: 0;
    display: flex;
    padding: 12px 10px 12px 12px;
    align-items: center;
    border-radius: 8px;
    color: #393939;
    font-family: 'SF';
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
}

.digital-summary-item .header .item-amount {
    position: absolute;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    border: 2px solid #000;
    background-color: #fff;
    font-family: 'SF';
    font-weight: 600;
    font-size: 18px;
}

.digital-summary-item .good{
    color: #1DD100
}

.digital-summary-item .bad {
    color: #FF0000
}

.digital-summary-item ul {
    list-style: none;
    margin: 0;
    padding: 0 32px;
}

.digital-summary-item ul li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 16px 12px 16px 12px;
    border-bottom: 1px solid #000;
}

.digital-summary-item ul li::before {
    content: url('/content/images/arrow-right.svg');
}

.digital-summary-item ul li:last-child {
    border-radius: 0px 0px 8px 8px;
    border: none;
}

.digital-summary-item ul li a {
    color: #393939;
    font-family: 'SF';
    font-size: 14px;
    font-weight: 500;
}

.digital-summary-item ul li a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.digital-summary-item ul li span {
    position: absolute;
    right: 12px;
    font-family: 'SF';
    font-size: 14px;
    font-weight: 600;
}

.digital-summary-item:nth-child(1) .header label {
    background-color: #AED0EC;
}

.digital-summary-item:nth-child(1) .header .item-amount {
    border-color: #AED0EC;
}

.digital-summary-item:nth-child(1) ul li {
    background-color: #D3E4F3;
    border-color: #AED0EC;
}

.digital-summary-item:nth-child(2) .header label {
    background-color: #F5B07D;
}

.digital-summary-item:nth-child(2) .header .item-amount {
    border-color: #F5B07D;
}

.digital-summary-item:nth-child(2) ul li {
    background-color: #FBD9CB;
    border-color: #F5B07D;
}

.digital-summary-item:nth-child(3) .header label {
    background-color: #B4E8AA;
}

.digital-summary-item:nth-child(3) .header .item-amount {
    border-color: #B4E8AA;
}

.digital-summary-item:nth-child(3) ul li {
    background-color: #D8F3D3;
    border-color: #B4E8AA;
}

.digital-summary-item:nth-child(4) .header label {
    background-color: #97BEF7
}

.digital-summary-item:nth-child(4) .header .item-amount {
    border-color: #97BEF7;
}

.digital-summary-item:nth-child(4) ul li {
    background-color: #CADDFE;
    border-color: #97BEF7;
}

.delete-icon {
    background: url(/content/images/remove.png) no-repeat 0px 2px;
    width: 20px;
    height: 17px;
    display:inline-block;
    margin-left: 10px;
    cursor: pointer;
    float:left;
    margin-top:2px;
}

.home-icon {
    background: url(/content/images/home_icon.png) no-repeat;
    width: 20px;
    height: 17px;
    float: left;
    margin-left: 10px;
    cursor: pointer;
}

.confirm-icon {
    background: url(/content/images/confirm.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.comment-icon {
    background: url(/content/images/comments.svg) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    margin: 0 auto;
    margin-top: 2px;
    float:right;
    margin-right:10px;
}

.no-icon {
    background: url(/content/images/no.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.noconfirm-icon {
    background: url(/content/images/noconfirm.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
}

.profil-icon {
    background: url(/content/images/profil_icon.png) no-repeat;
    width: 21px;
    height: 18px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top:10px;
    cursor: pointer;
}

.arrow {
    background: url(/content/images/arrow.png) no-repeat;
    width: 10px;
    height: 5px;
    float: left;
}

.left-arrow {
    background: url(/content/images/left_arrow.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
}

.left-arrow2 {
    background: url(/content/images/left_arrow2.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.filter {
    background: url(/content/images/filter.png) no-repeat 0 4px;
    width: 20px;
    height: 16px;
    float: left;
    margin-left: 0.5em;
    margin-top: 0.5em;
    cursor:pointer;
}

.filter-clear {
    background: url(/content/images/filter_clear.png) no-repeat 0 4px;
    width: 20px;
    height: 16px;
    float: left;
    margin-left: 0.5em;
    margin-top: 0.5em
}

.search-input {
    background: url(/content/images/search_input.png) no-repeat 0 4px;
    width: 18px;
    height: 25px;
    position: absolute;
    margin-top: 7px;
    margin-left: 5px;
}

.pl1em {
    padding-left: 2em !important;
}

.search-input-label {
}

.menu_right_arrow {
    background: url(/content/images/menu_right_arrow.png) no-repeat;
    width: 5px;
    height: 8px;
    float: left;
    margin-left: 10px;
    margin-top: 0.5em;
}

.menu_right_arrow:after {
    margin-left: 10px;
}

.menu-search-icon {
    background: url(/content/images/search_input.png) no-repeat 0 0px;
    width: 25px;
    height: 30px;
    float: right;
    margin-right: -2.5em;
    margin-top: -2px;
}

.menu-add-icon {
    background: url(/content/images/menu_add_icon.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.25em;
    margin-right: 10px;
    cursor: pointer;
}

.btn-with-icon-only .menu-add-icon {
    margin-right: unset;
}

.menu-arrow {
    background: url(/content/images/menu_arrow.png) no-repeat;
    width: 16px;
    height: 16px;
    float: right;
    margin-top: 1.5em;
}

.admin {
    padding-top: 1em;
}

.admin-left-column {
    width: 90%;
    float: left;
    height: 15px;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

.admin-right-column {
    width: 10%;
    float: right;
    height: 15px;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    text-align: right;
}

.admin ul {
    margin: 0 -1em;
    margin-top: 2em;
    list-style: none;
    padding-left: 0em;
}

.admin ul ul {
    margin-top: 0em;
}

.admin ul li {
    border-bottom: 1px solid #ececee;
    cursor: pointer;
}

.admin ul li ul li a {
    margin-left: 4em;
    margin-right:2em;
}

.admin ul li a {
    line-height: 60px;
    height: 60px;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-left:1em;
    margin-right:1em;
}

.admin ul li a span:first-child {
    float: left;
    width: 300px;
}

.admin ul li a span:not(:first-child) {
    font-family: "SF";
    font-size: 12px !important;
}

.admin ul li:hover ul, .admin ul li:hover ul li a {
    background: #fff !important;
}

.admin ul li:hover, .admin ul li:hover ul li:hover , .admin ul li:hover ul li a:hover{
    background: #D7E4EF !important;
}

.avatar img{
    width: 56px;
    height: 56px;
    float: right;
    margin-top: 15px;
    border-radius:50%;
    margin-right:5px;
}

.avatar-mini-note img {
    width: 20px;
    height: 20px;
    float: left;
    border-radius: 50%;
    margin-right: 5px;
}

.avatar-mini img {
    width: 36px;
    height: 36px;
    float: left;
    border-radius: 50%;
    margin-right: 5px;
}

#smallImage {
    border-radius: 50%;
    width: 84px;
    height: 84px;
}

.arrow-down {
    background: url(/content/images/arrow_down.png) no-repeat;
    width: 12px;
    height: 7px;
    float: right;
    margin-right: 1.5em;
    margin-top: 0.5em;
}

.arrow-up {
    background: url(/content/images/arrow_up.png) no-repeat;
    width: 12px;
    height: 7px;
    float: right;
    margin-right: 1.5em;
    margin-top: 0.5em;
    margin-left:10px;
}

.structure {
    background: url(/content/images/structure.png) no-repeat;
    width: 22px;
    height: 16px;
    float: right;
    margin-right: 1.5em;
    margin-top: 0.2em;
}

.structure1 {
    background: url(/content/images/structure1.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-top: 0.5em;
}

.desktop2 {
    background: url(/content/images/desktop2.svg) no-repeat;
    width: 17px;
    height: 17px;
    display: block;
    margin: 0 auto;
    margin-top: 0.5em;
}

.desktop3 {
    background: url(/content/images/desktop3.svg) no-repeat;
    width: 17px;
    height: 17px;
    display:block;
    margin:0 auto;
    margin-top: 0.5em;

}

.settings {
    background: url(/content/images/settings.png) no-repeat;
    width: 28px;
    height: 28px;
    float: right;
    margin-top: 2.5em;
    margin-right: 250px;
}

.my-profile1 {
    background: url(/content/images/my_profile1.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 0.5em;
}

.notification {
    background: url(/content/images/notification.png?v=1) no-repeat;
    width: 26px;
    height: 32px;
    float: right;
    margin-top: 2.2em;
    margin-right: 1.5em;
}

.hasNotification {
    background: url(/content/images/notificationHas.png?v=1) no-repeat;
    width: 26px;
    height: 32px;
    float: right;
    margin-top: 2.2em;
    margin-right: 1.5em;
}

.faqIcon {
    background: url(/content/images/faq.png?v=1) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 2.6em;
    margin-right: 1.5em;
    background-size: 30px;
}

.notification span {
    background-color: #2DC76D;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    margin-left: 21px;
}

.calendar {
    background: url(/content/images/calendar.png) no-repeat;
    width: 29px;
    height: 29px;
    float: right;
    margin-top: 2.5em;
    margin-right: 1.5em;
}

.agency-select-navbar {
    float: right;
    margin-right: 1.5em;
    margin-top: 2.5em;
    height: 30px;
}

.agency-select-container {
    height: 30px;
    margin: 0;
}

.agency-select {
    height: 30px;
    width: 180px;
}

.user-menu-base {
    width: 234px;
    height: 56px;
    position: absolute;
    right: 5px;
    top: 5px;
    border: 1px solid #fff;
}

.user-menu .username, .user-menu-base .username {
    color: #025da9 !important;
    font-family: "SF";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    position: absolute;
    width: 130px;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 50px;
    left:1em;
}

.user-menu {
    width: 234px;
    height: 156px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border: 1px solid #025da9;
    background-color: #ffffff;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 999999;
}

.user-menu ul {
    left: 0;
    top: 6em;
    position:absolute;
    border-radius: 10px;
    list-style: none;
    text-align: center;
    width: 200px;
    line-height: 30px;
    padding-left: 0px;
}

.user-menu ul li a {
    color: #015ca8 !important;
    line-height:33px;
}

.text-left{
    text-align:left;
}


.user-menu ul li {
    color: #015ca8;
    font-family: "SF";
    font-size: 16px;
    font-weight: 600;
    width: 200px;
    text-align: left;
    float: left;
    margin-left:16px;
}

.user-menu1 {
    background: url(/content/images/user_menu1.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.5em;
}

.user-menu2 {
    background: url(/content/images/user_menu2.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.5em;
}

.wrapper {
    background: #fff !important;
}

.form-mini-empty-space {
    width: 100%;
    height: 10px;
}

.form-empty-space {
    width: 100%;
    height: 30px;
}

.form-section-empty-space {
    width: 100%;
    height: 15px;
}

.full-width {
    width: 100%;
}

.form-profile-create {
    width: 60%;
}

.horizontal-form-container {
    gap: 12px;
}

.horizontal-form-label p {
    margin: 0 0 24px 0;
}

.section-header {
    height: 50px;
    border-radius: 10px;
    background-color: #025da9;
}

.section-header-text {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 20px;
}

.explanation-label {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 600;
}

.field-label {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 700;
}

/********** CheckBox ***********/
.checkBox {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 3px;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .checkBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

.checkmark {
    position: absolute;
    padding-left: 0;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border-radius: 3px;
    border: 1px solid #5a5a5a;
}

.checkBox:hover input ~ .checkmark {
    border: 1px solid #025da9;
}

.checkBox input:checked ~ .checkmark {
    border: 1px solid #025da9;
}

.checkBox input:disabled ~ .checkmark {
    background: #ffffff;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkBox input:checked ~ .checkmark:after {
    display: block;
}

.checkBox .checkmark:after {
    left: 8px;
    top: 4px;
    width: 6px;
    height: 11px;
    border: solid #025da9;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/************************************/

/*********** Radio Button ***********/
.radioButton {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 3px;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #5a5a5a;
    font-size: 14px;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radioButton input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 1px solid #5a5a5a;
}

.radioButton:hover input ~ .radioCheckmark {
    border: 1px solid #025da9;
}

.radioButton input:checked ~ .radioCheckmark {
    border: 1px solid #025da9;
}

.radioButton input:disabled ~ .radioCheckmark {
    background: #ffffff;
}

.radioCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radioButton input:checked ~ .radioCheckmark:after {
    display: block;
}

.radioButton .radioCheckmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #025da9;
}
/************************************/

.round-select {
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
}

.indention {
    margin-left: 35px;
}

md-select .md-select-value {
    border-bottom: 0 !important;
}

.btn-submit {
    border-radius: 10px;
    background-color: #025da9;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.27px;
}

    .btn-submit:hover {
        color: #ffffff;
    }

.form-devider {
    width: 100%;
    height: 1px;
    background-color: #ececee;
}

.tick-select {
    margin-top: 10px;
}

.validation-error {
    color: #a90202 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-bottom: 1em !important;
}

md-select {
    font-family: 'SF';
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 400;
    height: 41px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
    padding-left: 0.8em;
    text-align: left;
}

md-select.ng-invalid-required {
	border: 2px solid #ec4242 !important;
    padding-right: 25px !important;
    background: url(/content/images/input-error.svg) no-repeat right;
    background-size: 20px;
    background-position-x: calc(100% - 20px);
}

md-select.ng-invalid-required span.md-select-icon {
	margin-right: -20px !important;
}

md-select.small-select {
    height: 26px;
}

md-select.small-select md-select-value {
    line-height: 15px;
    min-width: unset;
    min-height: unset;
}

md-content {
    background: none;
}

.menu-items {
    float: left;
    margin-top: -4.5em;
    width: 100%;
}

.menu-title {
    float: left;
    font-family: 'SF';
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    margin-left: 20px;
    margin-top: -0.1em;
}

.menu-items span {
    float: left;
    font-family: 'SF';
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 400;
    margin-left: 10px;
    margin-top: -0.1em;
    opacity: 0.6;
    cursor: pointer;
}

.menu-items input::placeholder {
    color: #000 !important;
}

.menu-items input:focus {
    outline:none;
    font-size:14px;
    color:#000 !important;
}


.menu-items input {
    background: #fff;
    border: none;
    width: 200px;
    color: #000 !important;
    font-size: 14px;
    font-weight: 400;
    float: right;
    margin-top: -0.5em;
    margin-right: 3em;
    padding-left: 2.5em;
    min-width:200px;
    height:26px;
}


.right-params button {
    height: 20px;
    border-radius: 5px;
    background-color: #ffffff;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    margin-top: 2.3em;
    padding: 0 10px;
    min-height: 25px;
    line-height: 25px;
}

.btn-with-icon-only {
    min-width: unset;
}

.btn-add {
    float: right;
    height: 20px;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #ffffff;
    color: #025da9 !important;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    margin-top: -0.5em;
    padding: 0 10px;
    min-height: 25px;
    line-height: 25px;
}

.btn-add-small {
    min-width: 25px !important;
    padding-right: 0 !important;
}

.btn-add:disabled {
    background-color: #ffffff;
    color: #a4a4a4 !important;
}

.btn-add span {
    color: #025da9 !important;
    font-family: "SF";
    font-size: 13px;
    font-weight: 600;
    margin-top: 0.1em;
    margin-left: 0;
    line-height:23px;
    opacity:1;
}

.btn-add:hover {
    color: #025da9 !important;
    border: 1px solid #fff !important;
    background-color: #ffffff !important;
}

    .btn-add:disabled:hover {
        color: #a4a4a4 !important;
        border: 1px solid #fff !important;
        background-color: #ffffff !important;
    }

.right {
    float: right;
    margin-top: -0.7em;
}

.lbl-createuser-right {
    margin-left: 40px;
}

.inpt-container-right {
    float: right;
    width: 50%;
    padding: 0px;
    margin: 0px;
    margin-right: 30px;
}

.btn-createuser-avatar {
    margin-left: 30px;
}

.btn-left {
    float: left;
}

.line {
    background-color: #ececee;
    height: 1px;
    width: 102%;
    margin-top: 2em;
    margin-left: -1em;
    margin-right: 1em;
}

.inpt-container-left {
    float: left;
    width: 50%;
    padding: 0px;
    margin: 0px;
    margin-left: 30px;
}

h3 {
    width: 200px;
    height: 26px;
    color: #025da9;
    font-family: "SF";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin-left: 0.5em;
}

.md-select-right {
    margin: 0px;
    margin-bottom: 20px;
    padding: 0px;
    width: 50%;
    float: right;
}

.md-table-container th, .position-create th {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

.md-select-left {
    margin: 0px;
    margin-left: 30px;
    padding: 0px;
    width: 50%;
    float: left;
}

table.md-table {
}

.inpt-createuser-right {
    width: 302px;
    height: 41px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
    float: right;
    margin-left: 30px;
}

table.md-table td.md-cell {
    height: 56px;
    border-bottom: 1px solid #ececee;
    margin: 0 2em;
}

.inpt-createuser-left {
    width: 302px;
    height: 41px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
    float: left;
}

.md-table-container tr, .position-create tr{
    border-bottom: 1px solid #ececee;
}

.createuser-btn {
    width: 263px;
    height: 41px;
    border-radius: 10px;
    background-color: #025da9;
    margin-top: 20px;
}

.list-label {
    color: #015ca8 !important;
    font-family: "SF";
    font-size: 13px;
    font-weight: 600;
}

.right-params {
    position: absolute;
    right: 0em;
    width: 40%;
    top: 190px;
}

.block {
    float: none;
    display: inline-block;
    margin-top: 0;
    margin-right: 0;
}

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: #025da9;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #025da9;
}

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: #025da9;
}

table.md-table.md-row-select td.md-cell:first-child, table.md-table.md-row-select th.md-column:first-child {
    padding-left: 10px;
    padding-right: 10px;
}

table.md-table.md-row-select tbody.md-body > tr.md-row.md-selected {
    background-color: #D8E5F0;
}

.table-tasks td {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #ececee !important;
    padding:20px 10px;
}

.table-tasks tr:first-child td {
    font-family: 'SF Medium';
}

.createuser-btn-p {
    width: 225px;
    height: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.27px;
}

.mt--2 {
    margin-top:-2em;
}

.mt-2 {
    margin-top: 2em !important;
}

.mt-4 {
    margin-top: 4em !important;
}

.page-filter md-input-container, .create-form md-input-container, .candidates-best md-input-container {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.details .btn-filter {
    line-height:39px;
}

.btn-filter {
    margin: 0 auto;
    float: none;
    margin-top: 2em;
}

.md-chips md-chip {
    height: 19px;
    border-radius: 10px;
    border: 1px solid #015ca8;
    background: #fff;
    color: #015ca8;
    font-family: "SF";
    font-size: 10px;
    font-weight: 400;
    line-height: 17px;
}

    .md-chips md-chip .md-chip-remove md-icon {
        top: 25%;
    }

.md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon {
    color: #015ca8;
}

.md-chips.md-default-theme .md-chips.md-focused, md-chips .md-chips.md-focused {
    box-shadow: none;
}

md-content {
    overflow-x: hidden;
}

.round-info {
    background-color: #025da9;
    border-radius: 50%;
}

.round-info-text {
    color: white;
    margin: 10px;
}

.card {
    border: none !important;
}

.card-body {
    padding: 0;
}

.standalone-form-input {
    margin: 0;
}

.panel-heading .accordion-toggle:after {
    content: url(/content/images/arrow-up.png);
    float: right;
    color: white;
    margin-right: 15px;
    margin-top: -4px;
}

.panel-heading .accordion-toggle.collapsed:after {
    transform: rotate(180deg);
    margin-top: 4px;
}


md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon {
    background: white;
    color: #025da9;
    border-radius: 3px;
    border: 1px solid #025da9;
}

md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon {
    background: white;
    color: #025da9;
    border-radius: 3px;
    border: 1px solid #025da9;
}

.md-checkbox-enabled.md-default-theme[selected] .md-icon:after, .md-checkbox-enabled[selected] .md-icon:after {
    border-color: #025da9;
    margin-left: 2px;
}

.md-select-value > span:not(.md-select-icon) .md-text {
    color: #025da9;
}

md-optgroup label {
    text-transform: none;
    padding: 0;
}

.center {
    margin: 0 auto;
}

.create-form h3 {
    text-wrap: nowrap;
}

.md-accordion .expandCollapse {
    width: 30px;
    height: 30px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
    display: block;
    margin-top: -2px;
    margin-left: -2px;
    overflow: hidden;
}

    .md-accordion .expandCollapse:active {
        border: 0px;
    }

    .md-accordion .expandCollapse:before,
    .md-accordion .expandCollapse:after {
        width: 30px;
        height: 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 32px;
        text-align: center;
        -webkit-transition: .8s all ease-out;
        transition: .8s all ease-out;
    }

    .md-accordion .expandCollapse:before {
        opacity: 1 -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        content: "|";
        margin-top: -3px;
    }

    .md-accordion .expandCollapse:after {
        opacity: 1;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        content: "|";
        margin-left: -3px;
    }

.md-accordion .active:before {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px;
    margin-top: 0px;
}

.md-accordion .dataContent {
    background: #FFF;
    height: 0px;
    overflow: hidden;
    -webkit-transition: .8s all ease-out;
    transition: .8s all ease-out;
}

.md-accordion .activeContent {
    height: auto;
    display: block;
}

.md-accordion md-toolbar {
    cursor: pointer;
    border-bottom: 1px solid rgb(63, 107, 181)
}

md-slider canvas {
    height: 30px;
}

md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    border-radius: 10px;
    background-color: #025da9 !important;
}

md-toolbar {
    min-height: 35px;
    height: 35px;
}

md-toolbar h3 {
    color: #fff;
    height: 41px;
    line-height: 35px;
    font-size: 15px;
    margin-left: 1em;
    width: 95%;
    cursor:default;
}

md-toolbar .btn-add {
    margin-top: 0.45em;
    margin-right:20px;
}

.details md-toolbar {
    flex-direction: unset;
}

.details md-toolbar h3 {
    width: 95%;
}

textarea {
    border-radius: 10px !important;
    border: 1px solid #5a5a5a !important;
    background-color: #ffffff !important;
    height: 250px !important;
}

textarea:focus {
    color: #025da9 !important;
    border: 1px solid #025da9 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.create-form a {
    color: #025da9;
}

md-tabs-wrapper {
    border-bottom: solid #025da9 5px !important;
}

md-tab-item {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
    border-radius: 10px 10px 0 0;
    background-color: rgba(2, 93, 169, 0.15);
    color: #5a5a5a !important;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
    margin-right: 1em;
}

.md-tab.md-active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.04);
    border-radius: 10px 10px 0 0;
    background-color: #025da9;
    color: #ffffff !important;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
    margin-right: 1em;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar {
    display: none;
}

.add-another-text {
    color: #025ca7 !important;
    font-size: 16px;
    font-weight: 600;
}

[disabled] md-input-container.md-default-theme .md-input, [disabled] md-input-container .md-input, md-input-container.md-default-theme .md-input[disabled], md-input-container .md-input[disabled] {
    border-bottom: 1px solid #5a5a5a;
}

.label-button {
    cursor: pointer;
    height: 41px;
}

.tag-button {
    border-radius: 10px;
    border: 1px solid #015ca8;
    color: #015ca8;
    background: #ffffff;
    font-size: 10px;
    font-weight: 400;
}

.tag-button-gap {
    margin-right: 10px;
}

.details-label {
    color: #5a5a5a;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 9px;
}

.form-input {
    margin-top: 0;
    margin-bottom: 0;
}

.form-input-select {
    margin-top: 0;
    margin-bottom: 25px;
}

.form-input-gap {
    margin-right: 34px;
}

.form-input-gap-min {
    margin-right: 10px;
}

    md-chip {
        margin-top: 0em;
    }

md-table-container table tr {
    cursor:pointer;
}

md-input-container .md-input {
    color: #015ca8;
    padding-left: 25px
}

read-only-view {
    position: inherit;
}

.read-only-view [disabled] md-input-container.md-default-theme .md-input, .read-only-view [disabled] md-input-container .md-input, .read-only-view md-input-container.md-default-theme .md-input[disabled], .read-only-view md-input-container .md-input[disabled] {
    color: #015ca8;
}

.read-only-view md-checkbox.md-default-theme[disabled] .md-label, .read-only-view md-checkbox[disabled] .md-label {
    color: #015ca8;
}

.read-only-view md-radio-button.md-default-theme[disabled], .read-only-view md-radio-button[disabled], .read-only-view md-radio-group.md-default-theme[disabled], .read-only-view md-radio-group[disabled] {
    color: #015ca8;
}

md-checkbox.md-checked .md-label {
    color: #015ca8;
}

md-radio-button.md-checked .md-label {
    color: #015ca8;
}

md-radio-button.label-no-wrap .md-label {
    white-space: nowrap;
}

a {
    cursor:pointer;
}

.menu-icon {
    width: 24px;
    height: 18px;
    background: url(/content/images/menu.png) no-repeat;
    float: left;
    margin-left: 30px;
    margin-top: 40px;
    position: absolute;
    left: 0.5em;
}

.sidebar{
    position:fixed;
}

.md-sidenav-left {
    background-color: #025da9;
}

.menu1 {
    background: url(/content/images/menu1.png) no-repeat;
    width: 102px;
    height: 60px;
    float: left;
    margin-top: 30px;
    margin-left: 40px;
}

.menu2 {
    background: url(/content/images/menu2.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
}

.menu3 {
    background: url(/content/images/menu3.png) no-repeat;
    width: 22px;
    height: 19px;
    float: right;
    margin-top: 1em;
    margin-right: 1em;
}

.menu4 {
    background: url(/content/images/menu4.png) no-repeat;
    width: 24px;
    height: 18px;
    float: left;
    margin-left:30px;
    margin-top:50px;
}

.menu5{
    background: url(/content/images/menu5.png) no-repeat;
    width: 12px;
    height: 7px;
    float: right;
    margin-top:0.5em;
}

.menu6 {
    background: url(/content/images/menu6.png) no-repeat;
    width: 12px;
    height: 7px;
    float: right;
    margin-top: 0.5em;
}

.menu ul {
    padding-left: 0px;
    width: 100%;
    margin-top:3em;
}

.menu ul li {
    width:100%;
    min-width:200px;
    height: 40px;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
}

.menu a {
    color:#fff !important;
}

.menu ul li a {
    width:100%;
    min-width:200px;
    height: 40px;
    line-height:40px;
    color: #ffffff !important;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
    float:left;
    padding-left: 30px;
}

.menu ul li a:hover {
    background:#fff;
    width:100%;
    min-width:200px;
    height: 40px;
    line-height:40px;
    color: #025da9 !important;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
    float:left;
    padding-left: 30px;
}

.menu-link {
    margin-left:30px;
}

.limit-select {
    display:none;
}

.limit-select md-select {
    min-width: unset;
}

.with-limit-select .limit-select,
.with-page-select .page-select {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.none {
    float:none !important;
}

.task1 {
    background: url(/content/images/task1.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 0.5em;
}

.task2 {
    background: url(/content/images/task2.png) no-repeat;
    width: 17px;
    height: 20px;
    float: left;
    margin-top: 0.4em;
}

.upload-attachment {
    background: url(/content/images/attachment.png) no-repeat;
    width: 11px;
    height: 22px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.task3 {
    background: url(/content/images/task3.png) no-repeat;
    width: 18px;
    height: 20px;
    float: left;
    margin-top: 0.5em;
}

.task4 {
    background: url(/content/images/task4.png) no-repeat;
    width: 18px;
    height: 13px;
    float: left;
    margin-top: 0.7em;
}

.client1 {
    background: url(/content/images/client1.png) no-repeat;
    background-position-y: 5px;
    width: 18px;
    height: 25px;
    float:left;
    margin-top: -0.5em;
    margin-left:10px;
}

.client2 {
    background: url(/content/images/client2.png) no-repeat;
    width: 14px;
    height: 14px;
    float: left;
}

.client3 {
    background: url(/content/images/client3.png) no-repeat;
    width: 14px;
    height: 14px;
    float: left;
}

.client4 {
    background: url(/content/images/client4.png) no-repeat;
    width: 18px;
    height: 10px;
    float: left;
    margin-right:10px;
    margin-top:13px;
    margin-left:10px;
}

.sourcing1 {
    background: url(/content/images/sourcing1.png) no-repeat;
    width: 18px;
    height: 20px;
    float: right;
    margin-top:0.1em;
}

.sourcing2 {
    background: url(/content/images/sourcing2.png) no-repeat;
    width: 18px;
    height: 20px;
    float: left;
    margin-top: 0.35em;
}

.sourcing3 {
    background: url(/content/images/sourcing3.png) no-repeat;
    width: 22px;
    height: 20px;
    float: left;
    margin-top: 0.35em;
}

.sourcing4 {
    background: url(/content/images/sourcing4.png) no-repeat;
    width: 22px;
    height: 15px;
    float: left;
    margin-top: 0.45em;
    margin-left: 0.3em;
}

.sourcing5 {
    background: url(/content/images/sourcing5.png) no-repeat;
    width: 22px;
    height: 15px;
    float: left;
    margin-top: 0.45em;
    margin-left: 0.3em;
}

.sourcing6 {
    background: url(/content/images/sourcing6.png) no-repeat;
    width: 22px;
    height: 20px;
    float: left;
    margin-top: 0.3em;
    margin-left: 0.5em;
    margin-right:-0.5em;
}

.detail1 {
    background: url(/content/images/detail1.png) no-repeat;
    width: 20px;
    height: 14px;
    float: left;
    margin-top: 0.2em;
}

.detail2 {
    background: url(/content/images/detail2.png) no-repeat;
    width: 17px;
    height: 17px;
    float: left;
    margin-top: 0.2em;
}

.detail3 {
    background: url(/content/images/detail3.png) no-repeat;
    width: 21px;
    height: 18px;
    float: left;
    margin-top: 0.2em;
}

.ok-svg {
    background: url(/content/images/ok.svg) no-repeat;
    width: 20px;
    height: 80px;
    float: left;
    margin-top: 0.2em;
}

.ok-white-svg {
    background: url(/content/images/ok-white.svg) no-repeat;
    width: 20px;
    height: 80px;
    float: left;
    margin-top: 0.1em;
}

.detail4 {
    background: url(/content/images/detail4.png) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-top: 0.2em;
}

.detail5 {
    background: url(/content/images/detail5.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.2em;
}

.detail6 {
    background: url(/content/images/detail6.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.2em;
}

.detail7 {
    background: url(/content/images/detail7.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.2em;
}

.detail8 {
    background: url(/content/images/detail8.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 2px;
}

.detail13 {
    background: url(/content/images/detail9.png) no-repeat;
    width: 18px;
    height: 10px;
    float: left;
    margin-top: 1em;
    margin-left:2em;
}

.detail9 {
    background: url(/content/images/eye_image.png) no-repeat;
    width: 18px;
    height: 10px;
    float: left;
    margin-top: 0.3em;
}

.detail10 {
    background: url(/content/images/eye_image.png) no-repeat;
    width: 22px;
    height: 20px;
    float: left;
    margin-top: 0.3em;
}

.detail11 {
    background: url(/content/images/person_image.png) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 0.3em;
}

.detail12 {
    background: url(/content/images/desktop1.png) no-repeat;
    width: 18px;
    height: 18px;
    float:left;
    margin-top: 0.3em;
}

.detailDollar {
    background: url(/content/images/dollar.svg) no-repeat;
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 0em;
}

.detailEuro {
    background: url(/content/images/money.svg) no-repeat;
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 0em;
}

.disc {
    background: url(/content/images/disc.svg) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.2em;
}

.detailFolder {
    background: url(/content/images/folder.svg) no-repeat;
    width: 20px;
    height: 19px;
    float: left;
    margin-top: 0.2em;
}


.importData {
    background: url(/content/images/globe.png) no-repeat;
    background-size: 20px 19px;
    width: 20px;
    height: 19px;
    float: left;
    margin-top: 0.2em;
}

.bookIcon {
    background: url(/content/images/book.svg) no-repeat;
    background-size: 20px 17px;
    width: 20px;
    height: 17px;
    float: left;
    margin-top: 0.2em;
}

.eyeIcon {
    background: url(/content/images/eye_image.png) no-repeat;
    background-size: 22px 15px;
    width: 22px;
    height: 15px;
    float: right;
    margin-left: 10px;
}

.details .md-accordion label{
    height: 15px;
    color: #5a5a5a;
    font-family: 'SF Medium';
    font-size: 12px;
    font-weight: 600;
    margin-left: 0em;
}

.dialog-label {
    height: 15px;
    color: #5a5a5a;
    font-family: 'SF Medium';
    font-size: 10px;
    font-weight: 600;
    margin-left: 0em;
}

.details .md-accordion p, .details .md-accordion p label {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    overflow-x: hidden;
    line-height: 20px;
}

.details .md-accordion .print-description.with-no-height p,
.details .md-accordion .print-description.with-no-height p label {
    margin-bottom: 0;
}

.details .md-accordion .print-description.with-no-height p label {
    height: unset;
}

.details .md-accordion .print-description p label input {
    margin-right: 5px;
}

.details .md-accordion .print-description p.subsection-title {
    font-weight: bold;
}

.details .md-accordion p span {
    font-family: "SF";
    font-size: 12px;
}

.details .profil-avatar img, .md-accordion .profil-avatar img {
    margin-top: -1em;
    margin-left: 1em;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.mini-profile {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.details .responsibles table.md-table:not(.md-row-select) td.md-cell:first-child, .details .responsibles table.md-table:not(.md-row-select) th.md-column:first-child {
    padding: 0;
}

.details .responsibles table th, .position-create table th {
    text-align: left;
    width: initial;
    height: initial;
    border-radius: initial;
    background-color: initial;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    padding-left: initial;
    margin-right: initial;
}

.details .responsibles table td, .position-create table td {
    color: #5a5a5a;
    background-color: #fff !important;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
}

.position-create table td, .position-create table th {
    padding: 10px 5px !important;
}

.position-create md-select {
    margin:0px;
}

.details .responsibles table th:first-child, .details .responsibles table td:first-child {
    text-align: initial;
    width: 35%;
}

.need-position-details table th:first-child, .need-position-details table td:first-child {
    width: 15% !important;
}

.need-position-details table tr:hover td {
    background-color: #EEEEEE !important;
}


.details .responsibles table thead:first-child,
.details .responsibles table td {
    border-bottom: 1px solid #ececee !important;
    border-top: none !important;
}

.details table th {
    text-align:center;
    width:15%;
    height: 28px;
    border-radius: 10px;
    background-color: #025da9;
    color: #ffffff;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    padding-left:1em;
    margin-right:2em;
}

.details table.details-table td {
    color: #025da9;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.details table.details-table.selectable tr.active td,
.details table.details-table.selectable tr:hover td{
    background-color: #b9dbfb;
    cursor: pointer;
}
.details table.experience-table, .details-table {
    border-collapse: unset;
}

.details table.experience-table a, .details-table a {
    display: flex;
    justify-content: center;
}

.details table.experience-table a i, .details-table a i {
    margin: 0;
}

.details table.experience-table th {
    margin-left: 2px;
    background-color: #4e95d9 !important;
    font-size: 14px;
    padding-left: 0;
}

.details table.details-table th {
    margin-left: 2px;
    background-color: #025da9 !important;
    font-size: 14px;
    padding-left: 0;
}

.details table.experience-table th:first-child, .details table td:first-child,
.details-table th:first-child, .details-table td:first-child{
    width: unset;
}

.details table.experience-table th:nth-child(2n),
.details-table th:nth-child(2n) {
    background-color: #025da9;
}

.details table th:first-child, .details table td:first-child {
    width: 70%;
}

.details table th:first-child, .details table td:first-child {
    width: unset;
}

.details table.experience-table td, .details-table td {
    height: 28px;
    border-radius: 10px;
    border: 1px solid #ececee;
    margin-top: 0.5em;
    padding: 0.2em 0.6em;
}

.details table.experience-table td:nth-child(2n),
.details table.details-table td:nth-child(2n) {
    border: 1px solid #ececee;
}

.details table.details-table td md-select md-select-value {
    text-align: center;
}

.details table.details-table td md-select md-select-value .md-text {
    white-space: normal;
}

.details table.details-table.scrollable tbody {
    display: block;
    height: 320px;
    overflow-y: scroll;
}

.details table.details-table.scrollable thead,
.details table.details-table.scrollable tbody tr {
    display: table;
    width: 100%;
}

.details table.details-table.scrollable thead {
    width: calc( 100% - 1em );
}

.details table.details-table.selectable tr td.no-background:hover {
    background-color: #FFF !important;
}


.details .bilans th, .details .bilans td {
    padding-left: 1em;
    background-color: #fff;
}

.details .bilans table {
    width:100%;
    margin-left:-1em;
}

.details .bilans table th, .details .bilans table td {
    width: 33%;
}

.details table th:nth-child(2n), .details table td:nth-child(2n) {
    background-color: #fff;
    width: 2px;
}

.cost-tab table tr td {
    vertical-align: top
}

.cost-tab tbody tr input:disabled {
    background-color: #e4e4e4 !important;
    color: rgba(0,0,0,0.38) !important;
    padding: 0px;
    margin: 0px;
    height: 30px;
    text-align: center;
    border: none;
}

.cost-tab tbody tr input {
    text-align:center;
}

.details table td .row-detail {
    text-align: center;
    height: 28px;
    border-radius: 10px;
    border: 1px solid #ececee;
    margin-top: 0.5em;
    padding: 0.2em 0.6em;
}

.details table td .crud,
.experience-crud{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.details table td .crud i {
    margin-top: 0;
}

.details table th .row-detail {
    text-align: center;
    height: 28px;
    border-radius: 10px;
    background-color: #025da9;
    line-height: 28px;
}

.details table td:first-child .row-detail,
.details table.experience-table td:nth-child(2) .row-detail,
.details-table td:nth-child(2) .row-detail {
    text-align: left;
}

.details table td:nth-child(2n) {
    height: 28px;
    border: none;
}

.bilans table td .row-detail {
    text-align: center !important;
}

.details table tr {
    min-height: 8px;
}

.details .qualification li {
    height: 28px;
    border-radius: 10px;
    border: 1px solid #025da9;
    list-style: none;
    float: left;
    padding: 0 2em;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    margin-right: 1px;
}

.details .sector li {
    height: 28px;
    border-radius: 10px;
    border: 1px solid #025da9;
    list-style: none;
    float: left;
    padding: 0 2em;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.details .contacts ul {
    padding-top: 20px;
    padding-left:0;
}

.details .contacts ul li {
    list-style: none;
    cursor: pointer;
    padding: 0 20px 0 20px;
}

.details .contacts .name {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
}

.details .contacts .other {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 5px;
}

.details .notes ul {
    padding-left:0;
}

.details .notes ul li {
    list-style: none;
    padding: 1em;
    color: #25265e;
    font-size: 14px;
    font-weight: 600;
    cursor:pointer;
}

.details .notes ul li span {
    font-weight:400;
    margin-top:1em;
    float:left;
}

.details .btn-success {
    margin:0 auto;
}

.details .profit span{
    color: #ff7052;
    font-family: "SF";
    font-size: 16px;
    font-weight: 700;
}

.details .profit {
    color: #25265e;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
}

.details .profit div {
    padding-left:2em;
}

.green span{
    color: #2dc76d !important;
}

.activities-sourcing a span {
    font-size:0.7em;
}

.activities-sourcing a md-checkbox {
    margin-bottom:0px;
}

.activities a, .activities-sourcing a {
    height: 20px;
    color: #015ca8 !important;
    font-family: "SF";
    font-size: 16px;
    font-weight: 600;
}

.activities ul li, .activities-sourcing ul li {
    padding: 1em 2em;
    cursor: pointer;
}

.activities-sourcing ul li {
    padding:0;
}

.activities ul, .activities-sourcing ul {
    padding-left: 0em;
}

.activities ul li a, .activities-sourcing ul li a {
    color: #ff7052 !important;
    font-weight: 400;
    float:left;
    width:100%;
    overflow:hidden;
}

.green-font ul li a {
    color: #2dc76d !important;
}

.activities ul li p.warning span, .activities-sourcing ul li p.warning span {
    color: #ff7052 !important;
    font-size: 16px;
    font-weight: 400;
}



td.warning span {
    color: #ff7052 !important;
    font-size: 13px;
    font-weight: 400;
}


.activities ul li p, .activities-sourcing ul li p, .need-pos-candidate-details-info {
    color: #5a5a5a !important;
    font-weight: 400;
    width: 100%;
    font-size: 16px;
}
.activities ul li, .activities-sourcing ul li {
    color: #ff7052;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
}

.activities ul li .layout-row, .activities-sourcing` ul li .layout-row {
    height:30px;
}

.activities .candidate-item li, .activities-sourcing .candidate-item li {
    width: 100%;
    margin-top: 1em;
}

.activities .candidate-item2 li, .activities-sourcing .candidate-item2 li {
    width: 100%;
    margin-top: 1em;
}

.candidate-item,
.candidate-item2 {
    width: 100%;
}

.activities-sourcing .candidate-item2 li {
    width: 100%;
    height: auto;
}

.activities .candidate-item li a, .activities .candidate-item2 li a, .activities-sourcing .candidate-item li a, .activities-sourcing .candidate-item2 li a {
    height: auto;
    color: #000 !important;
}

.activities .candidate-item li p, .activities .candidate-item2 li p, .activities-sourcing .candidate-item li p, .activities-sourcing .candidate-item2 li p {
    margin-bottom:0;
}

.activities1 {
    background: url(/content/images/activities1.png) no-repeat;
    width: 30px;
    height: 30px;
    background-size:30px 30px;
    display:inline-block;
    margin-top:10px;
}

.tab-button span {
    line-height: 50px;
    margin-top: 0em;
    float: left;
}

.tab-menu-right a {
    float: right;
    color: #5a5a5a !important;
    margin-right: 2em;
    font-family: "SF";
    font-size: 16px;
    font-weight: 600;
}

.tab-menu-right a:first-child {
    margin-right:0;
}

.tab-menu-right a span{
    color: #015ca8 !important;
}


.tab-menu-right .arrow-down {
    margin-top: 0.6em;
    margin-left: 0.5em;
}

.activities .arrow-down {
    margin-right:0em;
}

.activities p, .activities-sourcing p {
    height: 26px;
    color: #025da9;
    font-family: "SF";
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

md-tab-content {
    min-height: 1000px;
}

.no-min-height md-tab-content {
    min-height: unset;
}

.activities-sourcing li p span {
    font-size:16px !important;
}

.activities, .activities-sourcing {
    padding-right: 10px;
}

.activities-sourcing li {
    width: 601px;
    height: auto;
    border-bottom: 1px solid #ececee;
    background-color: #ffffff;
    list-style:none;
}

.activities li {
    width: 601px;
    height: 89px;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.03);
    border-radius: 4px;
    border: 1px solid #025da9;
    background-color: #ffffff;
    list-style:none;
}

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
}

.desktop1 {
    background: url(/content/images/desktop1.png) no-repeat;
    width: 18px;
    height: 18px;
    display:inline-block;
    margin-top: 0.5em;
}

.desktop-reorganize{
    float:right;
}

.md-sidenav-right ul li {
    background: none;
    border: none;
    box-shadow: none;
    margin-top:0px;
    height:auto;
}

.md-sidenav-right md-input-container {
    width:100%;
    margin:0;
}

.md-sidenav-right .btn-block {
    margin-top:0;
}

.md-sidenav-right .md-select-icon {
    display:none;
}

.autocomplete-input .md-whiteframe-1dp, .md-whiteframe-z1 {
    box-shadow: none;
}

.autocomplete-input md-autocomplete md-autocomplete-wrap {
    height: 41px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
}

.autocomplete-input .md-input {
    border: 0 !important;
    margin-top: 4px;
}

.autocomplete-input i {
    z-index: 10;
}

.autocomplete-search-input .md-input {

}

.autocomplete-search-input i {
    margin-left: 20px;
    z-index: 10;
}

.autocomplete-list-header {
    font-size: 1.2em;
    font-weight: bold;
    color: #333;
    pointer-events: none;
}

.autocomplete-list-subheader {
    font-size: 1em;
    font-style: italic;
    color: #666;
    margin-left: 10px;
    pointer-events: none;
}

.autocomplete-list-item {
    margin-left: 16px;
}

.structure-view ul {
    border-left: 1px solid #015ca8;
    list-style: none;
    padding-top: 10px;
}

.structure-view ul li {
    list-style:none;
}

.structure-view .pointer:hover {
    background: #D7E4EF;
}


.structure-view label {
    color: #5a5a5a;
    margin-left:0em;
}

.structure-view p {
    color: #5a5a5a;
}

.structure-view .line {
    margin-left:0em;
    width:99%;
}

.structure-view .menu-items {
    margin-top: -6.5em;
}

.structure-view .structure {
    position:absolute;
    right:3em;
    margin-top:-0.5em;
}

.structure-view .arrow-up, .structure-view .arrow-down {
    position: absolute;
    right: 0;
    margin-top: -0.3em;
    background-color:#fff;
    width:32px;
    height:40px;
    background-position: center top;
}

.block {
    display: inline-block;
}

.oval-counter {
    background: url(/content/images/oval_5.svg) no-repeat;
    width: 24px;
    height: 24px;
    color: #ffffff;
    padding-left: 5px;
    display: inline-block;
    padding-top: 1px;
    font-family: "San Francisco Display";
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
}

.phone_ico {
    background: url(/content/images/phone_ico.png) no-repeat;
    width: 18px;
    height: 100%;
    float: left;
    margin-top: 0.3em;
}

.phone {
    background: url(/content/images/phone_ico.png) no-repeat;
    width: 18px;
    height: 18px;
    float: left;
    margin-top: 0.1em;
}

.mail {
    background: url(/content/images/mail.svg) no-repeat;
    width: 20px;
    height: 16px;
    float: left;
    margin-top: 0.1em;
}

.correspondence {
    background: url(/content/images/correspondence.png) no-repeat;
    float: right;
    margin-top: 2.5em;
    margin-right: 1.5em;
    width: 29px;
    height: 29px;
}

.redcalendar_ico {
    background-color: #ce0000;
    background: url(/content/images/redcalendar_ico.png) no-repeat;
    width: 18px;
    height: 20px;
    float: left;
}

.oval-text {
    padding-top: -2px;
    padding-right: 2px;
    padding-bottom: -5px;
}

.table-noteheader-title {
    width: 43px;
    height: 15px;
    color: #5a5a5a;
    font-family: "San Francisco Display";
    font-size: 12px;
    font-weight: 600;
}

.table-noteheader-value {
    width: 273px;
    height: 20px;
    color: #5a5a5a;
    font-family: "San Francisco Display";
    font-size: 16px;
    font-weight: 400;
}

.notes-long-text-label {
    width: 99px;
    height: 15px;
    color: #5a5a5a;
    font-family: "San Francisco Display";
    font-size: 12px;
    font-weight: 600;
    margin-top: 20px;
}

.notes-long-text {
    width: 1302px;
    height: 313px;
    color: #5a5a5a;
    font-family: "San Francisco Display";
    font-size: 16px;
    font-weight: 400;
    padding-top: 9px;
    width: 100%;
}

.menu .line {
    margin-top:0em;
}

md-menu-content {
    max-height: 500px;
}

.blue {
    background-color: #015ba8;
    color:#fff !important;
}

.blue-char {
    border-radius: 50%;
    background-color: #015ba8;
    width: 28px;
    height: 28px;
    float: left;
    margin-top: 0.2em;
}

.green-char {
    border-radius: 50%;
    background-color: #2dc76d;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.yellow-char {
    border-radius: 50%;
    background-color: #FFC800;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.grey-char {
    border-radius: 50%;
    background-color: #c9c9c9;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.black-char {
    border-radius: 50%;
    background-color: #000;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.red-char {
    border-radius: 50%;
    background-color: #FF7052;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.orange-char {
    border-radius: 50%;
    background-color: #ff7052;
    width: 15px;
    height: 15px;
    float: left;
    margin-top: 0.2em;
}

.classification-list ul {
    padding-left:0;
}

.sector-list ul {
    padding-left:0;
}

md-dialog .validation-error {
    margin-left:1em;
}

.candidate-box-info {
    width: 140px;
    height: 78px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border: 3px solid #025da9;
    background-color: #2688dc;
    margin: 30px 15px;
    display: inline-block;
    color: #ffffff;
    padding: 10px 10px;
    cursor: pointer;
    font-family: 'SF Medium';
    font-size: 10px;
}

.client .candidate-box-info {
    padding: 0;
}

.candidate-box-info p {
    height: 25px;
    margin-left:3px;
}

.client .candidate-box-info p {
    width: 130px;
    height: 35px;
}

.md-accordion .candidate-box-info {
    margin: 1em 1em;
    text-align:center;
}

.center-element {
    text-align:center;
}

.document-box {
    display: inline-grid;
}

.document-circle {
    min-width: 54px !important;
    width: fit-content !important;
    width: -moz-fit-content !important;
    padding-left: 4px;
    padding-right: 4px;
    height: 54px !important;
    margin: 0 auto !important;
    margin-top: 0.5em !important;
    font-size: 20px !important;
    padding-top: 10px !important;
}


.white-cirlce {
    min-width: 54px;
    width: fit-content;
    width: -moz-fit-content;
    padding-left: 4px;
    padding-right: 4px;
    height: 54px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border: 3px solid #025da9;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 0.5em;
    font-size: 17px;
    color: #5a5a5a;
    padding-top: 10px;
    font-family: 'SF Medium';
}

.orange-cirlce {
    min-width: 54px;
    width: fit-content;
    width: -moz-fit-content;
    padding-left: 4px;
    padding-right: 4px;
    height: 54px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border: 3px solid #ff7052;
    background-color: #ffffff;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 0.5em;
    font-size: 24px;
    color: #ff7052;
    padding-top: 7px;
    font-family: 'SF Medium';
}

.candidates-best li{
    list-style:none;
}

.candidates-best a {
    color:#015ca8 !important;
}

.no-result p {
    margin-left: 0.8em;
    margin-top: 2em;
}

.ml-2 {
    margin-left:1em !important;
}

.rules p {
    margin-left:0.3em;
}

md-dialog .create-form {
    min-width:400px;
}

.pointer {
    cursor:pointer;
}

md-input-container.md-input-focused .md-input, md-input-container .md-input.ng-invalid.ng-dirty, md-input-container.md-input-resized .md-input {
    border-width: 1px;
}

.not-checkbox .md-checkbox-column, .not-checkbox .md-checkbox-cell {
    display: none;
}

.normal-text {
    color: #025ca7;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
}

.structure-row {
    height: 56px;
    padding-top: 10px;
}

.md-sidenav-right {
    z-index:9999999;
}

.details md-toolbar {
    cursor:auto;
}

.create-content .line {
    margin-left: 0em;
    margin-right: 0em;
}

.structure-view img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

.menu-items .arrow-down {
    margin-right: 0em;
}

.submenu-filter {
    z-index: 9999;
    position: absolute;
    background: #fff;
    width: 200px;
    margin-top: 30px;
    margin-left: 7%;
}

.submenu-filter md-input-container {
    margin:0px;
}

.submenu-filter md-autocomplete {
    width: 90%;
    margin-left: 10px;
    min-width:0;
}

.submenu-filter .line {
    margin-top: 0em;
    margin-left: 2em;
}

md-tab-content md-radio-group {
    width: 70%;
    margin-left: 10%;
}

md-tab-content md-radio-group md-input-container {
    margin-left: 10% !important;
}

.filter-buttons {
    width:100px;
    float:left;
}

.task-details md-dialog-actions {
    width: 300px;
}

.task-details md-dialog-actions {
    margin:0 auto;
}

.task-details label {
    height: 15px;
    font-size: 12px;
    font-weight: 700;
    margin-left: 0;
}

.task-details .profil-avatar img {
    width: 30px;
}

.filter-dates input {
    width: 130px;
}

md-toolbar .arrow-down-white, md-toolbar .arrow-up-white {
    position:absolute;
    right:-10px;
    bottom:13px;
}

.arrow-up-white {
    background: url(/content/images/arrow-up.png);
    width: 12px;
    height: 7px;
    float: right;
    margin-right: 1.5em;
    margin-top: 0.5em;
}

.arrow-down-white {
    background: url(/content/images/arrow-down-white.png);
    width: 12px;
    height: 7px;
    float: right;
    margin-right: 1.5em;
    margin-top: 0.5em;
}

.dots {
    background: url(/content/images/dots.png);
    width: 16px;
    height: 4px;
    position:absolute;
}

.list1 {
    background: url(/content/images/list1.png);
    width: 12px;
    height: 12px;
    float: right;
    margin-left: 5px;
    margin-top: 3px;
}

.dialog-file-content {
    width:100px;
    margin:0 auto;
}

.dialog-file-content .btn-createuser-avatar {
    margin-left:10px;
}

.md-icon-button + .md-datepicker-input-container {
    margin-left:0px;
}

.candidate-filename {
    margin-top:1em;
}

.filter-full-width .filter-info {
    width: 100%;
    max-width: 100%;
}

.filter-info {
    white-space: nowrap;
    overflow: hidden;
    float: left;
    max-width: 60%;
}

.filter-info .dots{
    margin-bottom:50px;
}

.filter-info .filter-box {
    float:left;
    height: 41px;
    border-radius: 10px;
    border: 1px solid #025da9;
    background-color: #fbfbfb;
    padding:10px 20px;
    margin-left:20px;
    color: #015ca8 !important;
    font-size: 12px;
    font-weight: 600;
    margin-bottom:20px;
}

.filter-info .filter-box span {
    color:#5a5a5a;
}

.list h3 {
    width:auto;
    float:left;
}

.count-info {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #025da9;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    font-style: normal;
    text-align: center;
    line-height: 24px;
    padding: 0 4px;
}

.count-white-info {
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    color: #025da9;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    font-style: normal;
    text-align: center;
    line-height: 24px;
    padding: 0 4px;
    float:right;
    margin-top:5px;
}

.title-list {
    margin-top: 5px;
    margin-left: 1em;
}

.note-menu {
    margin-top:-6.5em;
}

.note-detail p {
    line-height:40px !important;
}

md-event-calendar {
    display:block;
    min-height:600px;
}

md-event-calendar-header {
    background:none !important;
    border:none !important;
}

md-event-calendar md-event-calendar-header md-event-calendar-title {
    color: #5a5a5a !important;
}

md-event-calendar._md.md-primary md-event-calendar-header md-event-calendar-next .md-arrow svg, md-event-calendar._md.md-primary md-event-calendar-header md-event-calendar-prev .md-arrow svg {
    fill: #5a5a5a !important;
}

.md-event-calendar-month-row-header {
    color: #5a5a5a !important;
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 1px solid #c9c9c9;
}

md-event-calendar._md.md-primary md-event-calendar-month .md-event-calendar-month-row-header {
    background: #fff;
    border-top: 1px solid #c9c9c9;
}

.md-event-calendar-month-cell-header {
    background: #fff;
}

.md-event-calendar-cell-event {
    background-color: rgb(223, 254, 255) !important;
    color: #015ca8 !important;
    font-family: "San Francisco Display";
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #025da9;
}

md-event-calendar .md-event-calendar-cell-event.md-continue, md-event-calendar .md-event-calendar-cell-event.md-continue-both, md-event-calendar .md-event-calendar-cell-event.md-continue-right,
md-event-calendar .md-event-calendar-cell-event.md-end {
    min-height: 28px;
}

md-event-calendar .md-event-calendar-cell-event.md-end {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

md-event-calendar .md-event-calendar-cell-event.md-start {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

md-event-calendar .md-event-calendar-cell-event.md-single{
    border-radius:10px;
}

.md-event-calendar._md md-event-calendar-month .md-event-calendar-month-row .md-event-calendar-month-cell {
    border: 1px solid #c9c9c9 !important;
}

.md-event-calendar-cell-data-label {
    color: #5a5a5a !important;
}

.max-calendar {
    min-height:1200px;
}

.candidates table td,
.documents table td {
    white-space: nowrap;
}

.clients_new_info {
    color: #000000;
    font-size: 16px;
    font-weight: 400;
}

.clients_new_blue_info {
    color: #025da9;
    font-size: 16px;
    font-weight: 600;
}


.semi-bold {
    font-family: 'SF Medium';
}

.print .blue-font {

}

.print .blue-font span {
    line-height: 2em;
    color: #025da9 !important;
    font-family: 'SF Medium' !important;
    margin-left:10px;
    margin-top: -0.4em;
    float:left;
}

.blue-font {
    color: #025da9 !important;
    font-family: 'SF Medium' !important;
}

.blue-font-disabled {
    color: #5a5a5a !important;
    font-family: 'SF Medium' !important;
    font-size: 16px !important;
}

.text-button {
    background: none;
    border: none;
    padding: 0;
    text-transform: none !important;
    font: inherit;
    color: inherit;
    cursor: pointer;
    display: inline;
    text-decoration: none;
    font-size: 16px;
    margin: 0 !important;
    min-height: 20px;
    min-width: 0;
    height: 20px !important;
}

.text-button:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

.text-button:hover,
.text-button:focus {
    background-color: #fff !important;
}

.md-accordion md-radio-button {
    float:left;
}

.radio-form {
    margin-top: 15px;
    display: block;
}

.warning .warning-icon-tab {
    margin-left: 0 !important;
}

.warning-icon-desc {
    color: #ff7052 !important;
    text-decoration: underline;
    font-weight: 600 !important;
}

.warning-icon {
    background: url(/content/images/warning.png) no-repeat;
    width: 22px;
    height: 19px;
    margin-left: 10px;
    cursor: pointer;
    display:inline-block;
}

.warning-icon-tab {
    background: url(/content/images/warning-tab.png) no-repeat;
    width: 22px;
    height: 19px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}

.warning-icon2 {
    background: url(/content/images/warning2.png) no-repeat;
    width: 22px;
    height: 19px;
    margin-left: 10px;
    cursor: pointer;
    display: inline-block;
}

.candidate-form {
    max-width: 744px !important;
    margin:0 auto;
}

.need-position-form {
    max-width: 844px !important;
    margin: 0 auto;
}


._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    left: 10px;
    right: auto;
    overflow:visible;
}

md-datepicker.full-width .md-datepicker-input-container {
    width: 100%;
}

.md-datepicker-input-container {
    width: 70%;
}

.full-width-date-picker .md-datepicker-input-container {
    width: 100%;
}

.documents .delete-icon {
    margin-top: 1em;
}

.dashboard md-input-container .md-errors-spacer,
.hide-validation-error .md-errors-spacer {
    min-height: 0px;
}

.dashboard .md-accordion md-toolbar {
    cursor: default;
}

.prospect-not-started {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 1px solid #5a5a5a;
    background-color: #5a5a5a;
    color: #ffffff;
    font-size: 32px;
    font-weight: 600;
    text-align: center;
    line-height: 72px;
}

.prospect-started {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 4px solid #025da9;
    color: #025da9;
    font-size: 32px;
    font-weight: 600;
    line-height: 67px;
    text-align: center;
}

.prospect-last {
    text-align: right !important;
}

.prospect-middle {
    text-align: center !important;
    padding-left: 7px;
    padding-right: 7px;
}

.prospect-first {
    text-align: center !important;
    padding-right: 10px;
}

.prospect-details-ico {
    margin: 0px;
    padding: 0px;
    float: right !important;
    margin-left: 10px;
    cursor: pointer;
}

.prospect-details-view-info {
    width: 140px;
}

.prospect-started-text {
    color: #025da9;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
}

.prospect-not-started-text {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
}

.prospect-progress {
    width: 72px;
    height: 72px;
    background-color: #ffd438;
    border-radius: 50%;
    text-align: center;
}

.prospect-finished {
    width: 72px;
    height: 72px;
    background-color: #368711;
    border-radius: 50%;
    text-align: center;
}

.prospect-line {
    height: 1px;
    border: 1px solid #5a5a5a;
    margin-top: 36px;
    margin-left: 10px;
    margin-right: 10px;
}

.yes-tick {
    background: url(/content/images/yes_tick.svg) no-repeat;
    width: 34px;
    height: 25px;
    float: left;
    margin-top: 22px;
    margin-left: 19px;
}

.clock-svg {
    background: url(/content/images/clock.svg) no-repeat;
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 16px;
    margin-left: 16px;
}

.eye-svg {
    background: url(/content/images/eye.svg) no-repeat;
    width: 22px;
    height: 16px;
    float: left;
    margin-top:3px;
}

.calendar-svg {
    background: url(/content/images/calendar.svg) no-repeat;
    width: 18px;
    height: 20px;
    float: left;
}

.facebook-ico {
    background: url(/content/images/facebook.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
}

.linkedin-ico {
    background: url(/content/images/linkedin.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
}

.instagram-ico {
    background: url(/content/images/instagram.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
}

.globe-ico {
    background: url(/content/images/globe.png) no-repeat;
    width: 30px;
    height: 30px;
    float: left;
}

.white-list-svg {
    background: url(/content/images/list_white.svg) no-repeat;
    width: 18px;
    height: 10px;
    float: left;
    margin-top: 0.9em;
}

.client-social-media {
    color: #025da9;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
md-chips.md-default-theme md-chip md-icon, md-chips md-chip md-icon {
    min-width: 15px;
    min-height: 15px;
}

.md-chips md-chip .md-chip-remove md-icon {
    left: 60%;
}

.btn-createuser-avatar {
    text-transform:none;
}

md-dialog .md-actions, md-dialog md-dialog-actions{
    justify-content:center !important;
}

.break-time .size50 {
    width: 32%;
    float: left;
    margin-bottom: 1em;
}

md-event-calendar-title .md-datepicker-input {
    display:none;
}

.md-event-calendar-header-label {
    width:300px;
}

.calendar-position {
    position: absolute;
    margin-left: 100px;
    margin-top: -70px;
}

md-event-calendar-title .md-datepicker-triangle-button {
    display:none;
}

md-event-calendar-title .md-button.md-icon-button {
    float: left;
    margin-top: 15px;
}

.create-form md-radio-button {
    float:left;
}

.candidate-last-update{
    width:100%;
    padding-left:0;
}

.candidate-last-update li{
    width:50%;
    margin-top:20px;
    float:left;
}

.notes-last-update {
    width: 100%;
    padding-left: 0;
}

.notes-last-update li a{
   color: #5a5a5a !important;
   font-size: 16px;
   font-weight: 400;
}

.notes-last-update li {
    width: 100%;
    margin-top: 20px;
    float: left;
}

.candidate-detail-basic-info div {
    line-height:30px;
}

.size50 span {
    float:left;
    margin-left:10px;
}

md-dialog > form {
    max-width: 100% !important;
    width: 100%;
}

.only-mobile {
    display:none;
}

@media (max-width: 1600px) {
    .not-mobile{
        display:none;
    }

    .only-mobile {
        float:right;
        display:block;
    }

    .login-box form {
        margin-top: 5em;
        margin-right: 10em;
        width: 300px;
        margin-left: 0;
    }

    .hide-low-mobile {
        display: block;
    }

    .login-box form h4 .login-box form h5 {
        display:none;
    }
}

@media (max-width: 1100px) {
    .hide-low-mobile {
        display: none;
    }

    .black-font {
        bottom: 0;
    }
}

@media (max-width: 1400px) {

    .black-font {
        bottom: 0;
    }
}

@media (max-width: 900px) {
    .only-mobile {
        display: none;
    }

    .background-image {
        background:none;
    }

    .login-box {
        width:100%;
        overflow:visible;
    }
}

.contract .md-chips md-chip {
    margin-bottom: 20px;
}

.direction md-autocomplete {
    min-width: 0px !important;
}

.preloader-shade {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: #5a5a5a;
    opacity: 0.3
}

.circular-preloader {
    position: fixed;
    top: 30%;
    left: 48%;
    z-index: 9999
}

md-input-container textarea {
    overflow-y: auto;
}

.contract-form {
    max-width: 100% !important;
}

.contract-regular-form {
    max-width: 644px !important;
    margin-left: auto;
    margin-right: auto;
}

.contract-edit-regular-form {
    max-width: 1000px !important;
    margin-left: auto;
    margin-right: auto;
}

.contract table th {
    text-align: center;
    height: 28px;
    border-radius: 10px;
    background-color: #4e95d9;
    color: #ffffff;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

.contract .standalone-table-header {
    text-align: center;
    height: 37px !important;
    border-radius: 10px !important;
    background-color: #025da9 !important;
    color: #ffffff !important;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    padding-top: 8px;
}

.contract .table-tab-selected {
    text-align: center;
    height: 37px !important;
    border-radius: 10px !important;
    background-color: #4e95d9 !important;
    color: #ffffff !important;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    padding-top: 8px;
    cursor: pointer;
}

.contract .table-tab-not-selected {
    text-align: center;
    height: 37px !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    border: 1px solid #025da9 !important;
    color: #025da9 !important;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
    padding-top: 8px;
    cursor: pointer;
}

.contract table th:first-child, .contract table td:first-child {
    width: auto;
    color: #5a5a5a;
    background: white;
}

.contract table th:nth-child(2n), .contract table td:nth-child(2n) {
    background-color: #fff;
    width: 2px;
}

.contract table thead tr th {
    max-width: 80px;
}

.details table.details-table.selectable tr td.no-background,
.contract table tr th.no-background {
    background-color: #fff !important;
}


.contract table td .row-detail {
    text-align: center;
    height: 28px;
    border-radius: 10px;
    border: 1px solid #ececee;
    margin-top: 0.5em;
    padding: 0.2em 0.6em;
}

.contract table md-select .md-select-value {
    align-items: unset;
}

.contract table .small-text {
    font-family: "SF";
    font-size: 10px;
    font-weight: 400;
}

.contract.section-header {
    background-color: #4e95d9 !important;
    height: 40px;
    padding-top: 6px;
}

md-toast .md-toast-content {
    display: block;
    max-height: none;
}

md-toast.md-top {
    margin-top:90px;
}

.sector li {
    height: 28px;
    border-radius: 10px;
    border: 1px solid #025da9;
    list-style: none;
    float: left;
    padding: 0 2em;
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
}

.contract-message md-autocomplete {
    width: 310px;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}
.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}

.autocomplete-custom-template .vm-contact {
    display:flex;
    flex-direction: column;
}

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
}

.contract-period {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 400;
}

}

.align-right {
    text-align:right;
}

.print .btn-add .arrow-down {
    margin-right:0;
}

.print-description span {
    color: #5a5a5a;
    font-size: 16px !important;
    font-weight: 400;
    float:left;
    margin-left:10px;
}

.print-description p{
    display:block;
}

.no-margin,.no-margin span {
    margin-left: 0 !important;
}

.btn-details {
    padding-left: 20px;
    padding-right: 20px
}

::-webkit-validation-bubble-message {
    display: none;
}

.md-datepicker-input {
    min-width:90px;
}

.date-period .md-datepicker-input-container {
    width:60%;
}

.experience-client {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

.experience-client-name {
    color: #025da9;
    font-family: "SF";
    font-size: 16px;
    font-weight: 600;
}

.experience-date {
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
}

.experience-description {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    word-break: break-all;
}

@media print {
    .menu-items {
        display:none;
    }

    header {
        display:none;
    }

    .details {
        margin-top:-3em;
    }

    .btn-success {
        display:none;
    }
}

md-dialog .md-actions, md-dialog md-dialog-actions {
    padding-left:8px;
}

md-dialog md-tab-content {
    min-height:10px;
}

.validation-error-absolute {
    position: absolute;
    margin-top: 50px;
    width: 200px;
}

.validation-error-absolute-date {
    position: absolute;
    width: 200px;
    margin-top:20px;
}

.date-period md-input-container.md-input-focused label:not(.md-no-float), .date-period md-input-container.md-input-has-placeholder label:not(.md-no-float), .date-period md-input-container.md-input-has-value label:not(.md-no-float) {
    display: none;
}

.date-period md-input-container .md-input {
    padding-left: 0px;
}

.catalogs-tree-item{
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.catalog-expand-img {
    background: url(images/catalog/catalog_expand.png) left top no-repeat;
    width: 13px;
    height: 13px;
    float: left;
    margin-top: 8px;
    cursor: pointer;
}

.catalog-expanded-img {
    background: url(images/catalog/catalog_expanded.png) left top no-repeat;
    float: left;
    width: 13px;
    height: 7px;
    margin-top: 8px;
    cursor: pointer;
}

.catalog-expand-none-img {
    float: left;
    width: 13px;
    height: 7px;
}

.catalog-img {
    background: url(images/catalog/catalog.png) left top;
    float: left;
    width: 20px;
    height: 16px;
    margin: 4px 10px 4px 4px;
    cursor: pointer;
}

.catalog-selected-img {
    background: url(images/catalog/catalog_sel.png) left top;
    float: left;
    width: 20px;
    height: 16px;
    margin: 4px 10px 4px 4px;
    cursor: pointer;
}

.catalog-item
{
    margin: 5px 0px 5px 0px;
}

.catalog-md-chips > .md-chips {
    margin-top: 0px;
}

.catalog-right-readonly {
    height: 19px;
    border-radius: 10px;
    border: 1px solid #015ca8;
    background: #fff;
    color: #015ca8;
    font-family: "SF";
    font-size: 10px;
    font-weight: 400;
    line-height: 17px;
    cursor: default;
    border-radius: 16px;
    display: block;
    margin: 8px 8px 0 0;
    padding: 0 12px 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

.btn-upload-document {
    height: 60px;
    width: 100%;
    border: 1px dashed silver;
    margin-top: 25px;
    padding: 20px;
    text-align: left;
}

.btn-select-catalog {
    height: 20px;
    width: 350px;
    margin-top: 20px;
    text-align: left;
}

.document-link-ico {
    background: url(/content/images/remove_doc_link.png) no-repeat;
    width: 20px;
    height: 23px;
    display: inline-block;
}

.document-no-preview {
    border: 3px solid #025da9;
    border-radius: 20px;
    min-height: 600px;
    z-index: 1000;
    padding: 20px;
    background: url(/content/images/warning2.png) center center no-repeat;
    text-align: center;
    vertical-align: central;
}

.document-preview {
    border: 3px solid #025da9;
    border-radius: 20px;
    min-height: 600px;
    z-index: 1000;
    padding: 20px;
}

.document-preview > img {
    max-width: 100%;
    max-height: 800px;
}

.document-preview-btn
{
    margin-left: 10px;
    margin-right: 10px;
}

.document-expired > * > p {
    color: #ff6f52 !important;
}

.document-expired > * > i {
    background: url(/content/images/date-warning.png) no-repeat;
    width: 22px;
    height: 19px;
    float: left;
    margin-right: 5px;
}

i.warning {
    background: url(/content/images/date-warning.png) no-repeat;
    width: 22px;
    height: 19px;
    float: left;
    margin-right: 5px;
}

.menu-download-icon {
    background: url(/content/images/download.png) no-repeat;
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 0.5em;
}

.pdf-controls {
    width: 100%;
    display: block;
    background: #eee;
    padding: 1em;
}


.no-border{
    border: none;
}

.no-focus-border input:focus {
    border: none !important;
    outline: none !important;
}

.sourcing-graph p {
    color: #fff !important;
    margin-top: 40px;
    margin-left: -50px;
    font-size: 1.5em !important;
}

.sourcing-graph .white-cirlce {
    width: 90px;
    height: 90px;
    position: absolute;
    margin-left: 110px;
    margin-top: -45px;
    padding-top:25px;
}

.sourcing-graph .candidate-box-info {
    float:left;
}

.need-position-list td {
    cursor:pointer;
}

md-autocomplete[md-floating-label] md-input-container {
    margin-top: -2px !important;
}

md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
    background-image: none;
}

.statistics table th:nth-child(n) {
    width: auto;
    background-color: #025da9;
    color: #fff;
    border-radius: 0px;
    padding-left: 5px;
    text-align: left;
}

.statistics table td:nth-child(n) {
    width: auto;
    background-color: #fff;
    color: #000;
    border-radius: 0px;
    padding-left: 5px;
    text-align: left;
}

.statistics table th:last-child
{
    width: auto;
    color: #bfd4f6;
    font-weight: bold;
}

.statistics table td:last-child
{
    width: auto;
    color: #0033FF;
    font-weight: bold;
}

.statistics table tfoot th:nth-child(n) {
    width: auto;
    background-color: silver;
    color: #000;
    border-radius: 0px;
    padding-left: 5px;
    text-align: left;
}


.timesheet table th:nth-child(n) {
    width: auto;
    background-color: #025da9;
    color: #fff;
    border-radius: 0px;
    padding-left: 5px;
    text-align: left;
}

.timesheet table td:nth-child(n) {
    width: auto;
    background-color: #fff;
    color: #000;
    border-radius: 0px;
    padding-left: 5px;
    text-align: left;
}

.equipment-readonly {
    height: 19px;
    border-radius: 10px;
    border: 1px solid #015ca8;
    background: #fff;
    color: #015ca8;
    font-family: "SF";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    cursor: default;
    border-radius: 16px;
    display: block;
    margin: 8px 8px 0 0;
    padding: 0 12px 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

.equipment-details-level-1 {
    font-size: 13px !important;
    font-family: 'SF';
    font-weight: 700;
    margin-left: 10px;
    margin-bottom: 0px;
}

.equipment-details-level-2 {
    font-size: 13px !important;
    font-family: 'SF';
    margin-left: 30px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

canvas {
    cursor: crosshair;
    border: 1px solid #000000;
}

.timesheet-day-header-column-1 {
    width: 95%;
    height: 60px;
    align-items: center;
    display: flex;
    font-size: 14px;
}

.timesheet-day-row-column-1 {
    width: 95%;
    height: 40px;
    align-items: center;
    display: flex;
    font-size: 14px;
}

.timesheet-day-header-column-n {
    width: 95%;
    height: 60px;
    align-items: center;
    display: flex;
    font-size: 14px;
}

.timesheet-day-header-day-name {
    width: 95%;
    display: flex;
    align-items: center;
}

.timesheet-day-header-total {
    width: 95%;
    font-weight: bold;
    text-align: right;
}

.timesheet-day-header-total-value {
    width: 85%;
    font-weight: bold;
    text-align: center;
}

.timesheet-day-value {
    width: 85%;
    text-align: center;
    margin-right: 5px;
    border-color: silver !important;
}

md-input-container.timesheet-day-value {
    margin-right: 0px !important;
}

button.timesheet-day-value
{
    max-width: 25px;
    width: 25px;
    min-width: 25px;
}

.timesheet-day-value > .menu-add-icon,
.timesheet-day-value > .menu-delete-icon
{
    margin-top: 0px;
}



.timesheet-day-value > md-autocomplete {
    min-width: 130px;
    padding-top: 3px;
}

.switch-img {
    background: url(/content/images/switch.png) no-repeat;
    width: 21px;
    height: 14px;
    float: left;
    margin-top: 0.7em;
}

input.timesheet-day-value:read-only {
    background-color: rgba(0, 0, 0, 0.25);
}

.timesheet-day-value-error {
    color: #f13434
}

.like-input {
    margin-top: 6px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
    color: #015ca8;
    min-height: 41px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    word-break: break-word;
}

.like-input-disabled {
    margin-top: 6px;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    background-color: #ffffff;
    color: rgba(0,0,0,0.38);
    min-height: 41px;
    padding-left: 11px;
    padding-right: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    word-break: break-word;
}

.like-input-label {
    margin-top: 15px;
}

.input-description {
    font-size: 10px;
}


.apply-google-address {
    margin-top: 3px;
    margin-left: 10px;
    height: 10px;
}

.searchSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'searchSelectHeader' class */ }
.searchSelectHeader .header-searchbox {
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; }
.searchSelectHeader .select-header {
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; }
.searchSelectHeader md-content._md {
    max-height: 240px;
}

md-input-container.md-input-has-value md-select[disabled] .md-select-value > span:not(.md-select-icon),
md-input-container.md-input-has-value md-select[disabled] .md-select-value > span:not(.md-select-icon) .md-text {
    color: rgba(0,0,0,0.5);
}

md-input-container.md-input-has-value .md-select-value > span:not(.md-select-icon) {
    color: #015ca8;
}

md-input-container md-checkbox, md-input-container md-radio-button {
    margin-top: 10px;
}

.autocomplete-search-company {
    min-width: 800px;
    width: 800px;
}

.autocomplete-search-candidate-contract-copy {
    min-width: 400px;
    width: 400px;
    min-height: 250px;
}

.autocomplete-search-candidate-contract-copy-tile li {
    min-width: 400px;
    width: 400px;
    height: auto;
}

.expanded-content {
    display: none;
    padding: 10px 0;
}

.expanded-content p {
    margin: 0;
    line-height: normal;
    color: #5a5a5a;
}

.expandable-tile:hover .expanded-content {
    display: block;
}


.page-filter input::placeholder {
    font-size:12px;
}

.md-label {
    font-size:12px;
}

.dashboard input[type="text"], .candidates-best md-autocomplete-wrap {
    height: 26px !important;
    margin-top: -5px;
}

.candidates-best input[type="search"] {
    margin-top: -3px;
}

.dashboard .search-input {
    margin-top:-3px;
}

._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    float: left;
    margin-top: -12px;
    top: 9.5px;
    position: absolute;
    left: -15px;
}


.off-floating-label {
    -webkit-transform: translate3d(0,6px,0) scale(.75) !important;
    transform: translate3d(0,6px,0) scale(.75) !important;
    -webkit-transition: width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
    transition: width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1) !important;
    transition: transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1) !important;
    opacity: 1 !important;
    top: auto !important;
    left: 10px !important;
    text-align: left !important;
}

.parameters-label {
    font-size: 15px !important;
    margin-top: -0.2em;
}

.messages-tab-combo-filter {
    margin-top: 10px;
}

.messages-tab-combo-filter-popup {
    right: 0.5%;
    margin-top: 40px;
}

.messages-tab-combo-second-filter-popup {
    right: 220px;
}

.breakTimeDescription
{
    height: 100px !important;
}

.btn-add-new-place-at-mission
{
    left: -30px;
}

.address-padding
{
    padding-right: 3px;
}

.autocomplete-search-mission {
    min-width: 400px;
    width: 400px;
}

.full-address-readonly {
    height: 85px !important;
    width: 100% !important;
    padding-left: 10px !important
}

.need-position-dast-create-date > .md-datepicker-input-container
{
    width: 100%
}

.date-input-field > .md-datepicker-input-container {
    width: 120px !important;
    padding-left: 25px !important;
}

.hide-placeholder > .md-select-value.md-select-placeholder {
    visibility: hidden;
}

.document-type-field-type
{
    margin-top: 10px !important;
}

.place-description {
    min-width: 100%;
    margin-left: 3%;
}

.radio-button-left-margin {
    margin-left: 20px;
}

.dialog-field-label {
    color: rgba(0,0,0,0.54);
    font-size: 9px;
    font-weight: 700;
    position: absolute !important;
    top: -45px;
    overflow: visible !important;
    font-family: 'SF';
}

.dialog-datepicker-label {
    color: rgba(0,0,0,0.54);
    font-size: 9px;
    font-weight: 700;
    overflow: visible !important;
    font-family: 'SF';
}


.selected-subvalue {
    margin-left: 15px;
}

.position-bonus-name {
    max-width: 100px;
}

.position-bonus-name > md-autocomplete {
    max-width: 100px;
    min-width: 100px !important;
}

.position-bonus-name > md-autocomplete > md-autocomplete-wrap {
    max-width: 100px;
}

.position-bonus-name > md-autocomplete > md-autocomplete-wrap > input {
    padding-left: 0px;
}

.needposition-box-info {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    border: 3px solid #025da9;
    background-color: #2688dc;
    margin: 1em 1em;
    display: inline-block;
    padding: 10px 10px;
    cursor: pointer;
    font-family: 'SF Medium';
    text-align: center;
    float: left;
    width: 200px;
}

.needposition-box-info .info {
    height: 40px;
    margin-left: 3px;
    color: #fff !important;
    font-size: 16px !important;
    position: relative;
}

.needposition-box-info .white-cirlce {
    width: 90px;
    height: 90px;
    position: relative;
    padding-top: 25px;
}

.needposition-box-1 {
    height: 140px;
    width: 200px;
}

.needposition-box-1 > .info {
    top: 35px;
}

.needposition-box-1 > .white-cirlce {
    top: -40px;
    left: 110px;
}

.needposition-box-2 {
    height: 120px;
    width: 200px;
    margin-top: 25px;
}

.needposition-box-2 > .info {
    top: 24px;
}

.needposition-box-2 > .white-cirlce {
    top: -51px;
    left: 110px;
}

.needposition-box-3 {
    height: 100px;
    width: 200px;
    margin-top: 34px
}

.needposition-box-3 > .info {
    top: 15px;
}

.needposition-box-3 > .white-cirlce {
    top: -60px;
    left: 110px;
}
.cirlce-red-text {
    color: red;
    font-family: 'SF Medium';
}


.needposition-box-4 {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 90px !important;
    margin-top: 60px !important;
}

.needposition-box-4 > i {
    margin-top: 12px;
}

.no-wrap {
    white-space: nowrap
}

.little-right-padding {
    padding-right: 7px;
}

.bonus-name-col
{
    min-width: 240px;
}

.bonuses th:nth-child(2n), .bonuses td:nth-child(2n), .bonuses th {
    text-align: center !important;
    height: 28px;
    border: none !important;
    background-color: white !important;
    color: #5a5a5a !important;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

md-tabs.md-default-theme .md-tab, md-tabs .md-tab {
    font-size:0.77em;
}


.childs-dir-pagination {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.54);
    margin: 7px;
}

.childs-dir-pagination-next {
    background: url(images/catalog/navigate-next-32.png) left top;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px;
    cursor: pointer;
}

.childs-dir-pagination-prev {
    background: url(images/catalog/navigate-before-32.png) left top;
    float: left;
    width: 24px;
    height: 24px;
    margin: 0px;
    cursor: pointer;
}

.bonus-cell
{
    height: 80px !important;
}

.age-warning {
    color: #a90202 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

i.application-from-portal {
    color: white;
    background-color: #025da9;
    font-size: 12px;
    font-style: normal;
    padding: 5px;
    margin-right: 5px;
}

.wrap-text
{
    text-wrap: normal;
    overflow-wrap: break-word;
}

.email-item-bold
{
    font-weight: bold;
}

.loader {
    z-index: 2000;
    background-color: none; /* rgba(249,249,249,0.3);*/
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    color: white;
    background: url(/content/images/loader.gif) 50% 50% no-repeat rgba(249,249,249,0.2);
}

.not-read-mails-circle {
    background: #ec4242;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 30px;
    margin-right: 5px;
    text-align: center;
    width: 30px;
    position: relative;
    top: 10px;
    left: 13px;
    cursor: pointer;
}

.are-new-messages {
    background: #ec4242;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    max-height: 20px;
}

.email-item {
    font-weight: normal;
    cursor: pointer;
}

.chat-dialog .dialog-scroll-settings {
    scrollbar-color: #025da9 #fff;
}

.chat-dialog .dialog-chat-title {
    padding: 10px;
}


.chat-dialog .chat-group {
    padding-top: 20px;
}

.chat-dialog .chat-item {
    border: 1px solid #e3f4e3;
    background-color: #fff;
    border-radius: 5px;
}

.chat-dialog .chat-item .chat-content {
    padding: 10px;
    font-size: 12px;
}

.chat-dialog .chat-item .user-logo-div,
.chat-dialog .chat-item .user-logo-div img {
    max-height: 20px;
    max-width: 20px;
    height: 20px;
    width: 20px;
}

.chat-dialog .chat-item .user-logo-div {
    padding: 2px;
    max-height: 30px;
    max-width: 25px;
    height: 30px;
    width: 25px;
}

.chat-dialog .chat-item-title {
    background-color: #e3f2e6;
    font-size: 13px;
}


.chat-dialog .chat-item-user-name,
.chat-dialog .chat-item-create-date {
    font-size: 12px;
    font-weight: 400;
    font-family: 'SF';
}

.chat-dialog .chat-item-candidate {
    border: 1px solid #025da90a;
    background-color: #025da90a;
}

    .chat-dialog .chat-item-candidate .chat-item-title {
        background-color: rgba(2, 93, 169, 0.15);
    }

.chat-dialog .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 55px;
    margin-left: 10px;
    width: auto;
    color: rgba(2,93,169,1);
}

.chat-dialog md-toolbar .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 55px;
    margin-left: 10px;
    width: auto;
    color: #ffffff;
}

.chat-dialog md-toolbar {
    min-height: 35px;
    height: 55px;
}

.chat-dialog  md-dialog-content
{
    padding: 10px;
}

.chat-dialog .chat-send-button {
    padding-left: 5px;
    padding-right: 5px;
    margin: 10px 0px 0px 0px;
    text-transform: none;
    background-color: #1a8631;
    font-size: 12px;
    height: 30px;
    min-height: 25px;
    line-height: 0px;
}

.chat-dialog textarea.new-message {
    height: 80px !important;
    width: 100%;
    padding-right: 10px;
    margin-right: 10px;
}

.chat-dialog .new-message-label {
    font-size: 14px;
    font-weight: 600;
    font-family: 'SF';
}

.prime-name-col-2 {
    min-width: 70%;
}

.prime-name-col-5 {
    min-width: 150px;
}

.footer-version {
    margin: 16px;
    float:right;
    font-size:10px;
    color: white;
}

.regulations {
    font-size: 11px;
}

.send-document-form
{

}
    .send-document-form md-radio-button:first-child {
        margin-top: 30px;
    }

.send-document-form .help-info {
    font-size: 11px;
    font-style: italic;
}


.tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: white;
    color: #b34242;
    text-align: left;
    padding: 3px;
    position: relative;
    z-index: 1;
    top: 15px;
    left: 30px;
    border: 1px dotted;
    display: inline-block;
}

i:hover .tooltiptext {
    visibility: visible;
}

.md-column.dpaeStatusDesc {
    min-width: 170px;
}


.dpae-label, .dpae-div {
    position: relative;
    top: -15px;
    font-size: 12px;
    color: rgba(0,0,0,0.54);
}

div.send-to-signsafe-chbx {
    padding-top: 14px;
}

.btn-add i.eye-svg {
    margin-top: 5px;
}

.message-sms
{
    height: 200px !important;
}

.message-email-label
{
    min-height: 20px;
}

.message-email .ta-editor {
    height: 210px;
    min-height: 210px;
    max-height: 210px;
}

.message-email .ta-bind {
    height: 200px;
    min-height: 200px;
    max-height: 200px;
}

.timesheet-primes md-select {
    margin: 0px;
}

.timesheet-primes td {
    padding-top: 10px;
    vertical-align: top;
}

.timesheet-primes td i {
    margin-top: 15px;
}

p.space
{
    padding-right: 5px;
}


input.need-fast-create-number-value {
    padding-left: 2px;
    min-width: 30px;
}


.need-position-dast-create-date input {
    max-width: 115px;
}

.need-position-dast-create-date .md-datepicker-input-container {
    max-width: 120px;
}

.cut-long-label {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 120px !important;
}

.need-position-dast-create-md-autocomplete {
    min-width: 50px;
}

.sex-radio {
    margin-top: 0px;
    display: block;
}

.black-label-radio {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: -45px;
    margin-left: 0;
    overflow: visible !important;
}

.edit-place-address-button {
    margin-bottom: 20px;
}

.timesheet-navigation-btn {
    margin-left: 5px;
    background: transparent;
    border: none;
}


.timesheet-edit .filter-info {
    max-width: 100%;
}

.timesheet-edit .filter-info .filter-box {
    float: left;
    min-height: 41px;
    border-radius: 10px;
    border: 1px solid #025da9;
    background-color: #fbfbfb;
    padding: 10px 20px;
    margin: 0px;
    color: #015ca8 !important;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
    white-space: normal;
    box-sizing: border-box;
    height: auto;
    margin-left: 18px;
}

.timesheet-edit .form-input-select {
    padding: 0px;
    margin-bottom: 14px;
}

.timesheet-edit md-input-container {
    padding: 0px;
    margin: 0px;
    margin-right: 10px;
}

.timesheet-edit .md-accordion p {
    padding: 0px;
    margin: 0px;
}

.timesheet-edit .prime-name-fld
{
    width: 90%;
}

.timesheet-edit md-input-container label:not(.md-container-ignore).md-required::after
{
    content: '' !important;
}


.timesheet-edit md-input-container .md-input {
    color: #015ca8;
    padding-left: 0px;
}

.fast-create-position-label {
    white-space: normal !important;
    min-height: 30px;
    width: 100% !important;
    padding: 0px;
    margin: 0px;
    min-height: 38px;
}

.fast-create-position-nowrap-label {
    white-space: nowrap !important;
    width: 100% !important;
    max-width: none !important;
}

md-input-container label.fast-create-position-label:not(.md-container-ignore).md-required::after,
md-input-container label.fast-create-position-nowrap-label:not(.md-container-ignore).md-required::after {
    content: '' !important;
}

.fast-create-position-row {
    padding-top: 20px;
}

.fast-create-position-date-1 {
    top: -50px !important;
    position: absolute;
}

.fast-create-position-empl-input {
    min-width: 50px;
}

.fast-create-position-empl-label {
    min-width: 100px;
}

.timesheet-edit .timesheet-value-left-margin {
    margin-left: 10px;
}

/*.timesheet-list .md-chips md-chip {
    margin-bottom: 20px;
}
*/
.timesheet-list md-chips-wrap md-chip:last-of-type {
    margin-bottom: 45px;
}

.timesheet-list .md-errors-spacer {
    min-height: unset;
}
.timesheet-list .page-filter md-input-container {
    margin-top: 5px;
}

.timesheet-list .black-label-chackbox {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: absolute;
    top: -35px;
    margin-left: 0;
    overflow: visible !important;
}

.add-contact-link-form md-chips-wrap md-chip:last-of-type {
    margin-bottom: 15px;
}

.bank-input
{
    padding-left: 5px !important;
}

.min-width-1100px {
    min-width: 1100px;
}

.min-width-400px {
    min-width: 400px;
}

.min-width-240px {
    min-width: 240px;
}

.min-width-60px {
    min-width: 60px;
}

.client-contract-table-item
{
    width: 64px;
}
.client-contract-table-item:invalid {
    border: 1px solid red !important;
    color: red !important;
}

.contact-client-space
{
    padding-left: 27px;
}

.radio-button-with-input {
    display: flex;
    align-items: center;
}

.radio-button-with-input md-input-container {
    display: flex;
    width: 100%;
    margin-left: 5px;
}

.dpae-rejected-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    background-color: #f00;
    border-radius: 50%;
}

.dpae-processing-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    background-color: #fcba03;
    border-radius: 50%;
}

.dpae-confirmed-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    background-color: #6aa84f;
    border-radius: 50%;
}

.pixid-confirmed-icon {
    width: 15px;
    height: 15px;
    cursor: pointer;
    display: block;
    float:left;
    background-color: #6aa84f;
    border-radius: 50%;
    margin-top:3px;
}

.dpae-status {
    padding-left: 6px;
}

.timesheet-autocomplete-search-mission {
    min-width: 300px;
    width: 300px;
}

div.file-options {
    padding-top: 45px;
}

.motif {
    padding: 0px;
    margin: 0px;
}


    .motif .motif-details {
        padding-left: 15px;
    }

    .motif .client2 {
        margin-top: 4px;
    }

    .motif > md-radio-group {
        display: flex;
        flex-direction: column;
        padding: 0px;
        margin: 0px;
    }

        .motif > md-radio-group > md-radio-button {
            padding: 0px !important;
            margin: 10px 0px 0px 0px !important;
        }

    .motif.other {
        padding-right: 10px;
        margin-top: 20px;
    }

.justicatif {
    padding: 0px;
    margin-top: 0px !important;
    margin-bottom: 10px !important;
}
    .justicatif-first-item{
        margin-top: 10px;
    }

    .justicatif .client2,
    .justicatif .client3 {
        margin-top: 5px;
    }

.btn-space {
    margin-right: 10px;
}

.contract-days {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.contract-days md-input-container,
.contract-days md-input-container md-checkbox {
    padding: 0px;
    margin: 0px;
}

.select-candidates-input md-chips-wrap md-chip:last-of-type {
    margin-bottom: 45px;
}


.agency-logo {
    max-height: 60px;
    max-width: 100px;
}

.contract-avatar {
    position: relative;
    top: 0px;
    left: 0px;
}

    .contract-avatar > img {
        margin-top: 0px !important;
        margin-left: 0px !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
    }

.agency-signature {
    min-width: 150px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    max-width: 300px;
}


.active-employ-filter {
    margin-bottom: 10px;
}

.timesheet-filter-space {
    padding-bottom: 10px !important;
}

.not-applicable {
    font-style: italic !important;
    font-size: 11px !important;
}

.taux-additional-info
{
}

input.taux-additional-info {
    padding-left: 5px;
}

input.taux-amounts {
    padding-left: 5px;
}


.primes-table,
.primes-table tbody > tr > td
{
    font-size: 14px !important;
}

.prime-category-col {
    min-width: 130px;
}

.percent-condition-field {
    width: 45px;
    margin-right: 2px;
}


.workflow-error{
    background-color:red;
}

.edit-form-label-padding {
    padding-left: 10px !important;
}

.attachment-info
{
    font-style: italic;
    font-size: 10px;
}

textarea.justificatif
{
    padding-left: 5px;
}


.fast-create-position-line > md-autocomplete-wrap {
    height: 28px !important;
    font-size: 12px !important;
    border: 1px solid #ececee !important;
    padding-top: 0px !important;
    margin-top: 0px !important;
    vertical-align: middle !important;
}

    .fast-create-position-line > md-autocomplete-wrap > input {
        margin-top: 0px !important;
    }

.fast-create-position-line.duplicated > md-autocomplete-wrap {
    border: 1px solid red !important;
}

md-autocomplete.fast-create-position {
    min-width: 50px;
}
}

.details-need {
    max-width: 99% !important;
    margin: 0 auto;
}

.details-need-position-candidates {
    padding-left: 100px !important;
    padding-right: 100px !important;
}

.need-positions-details .right-ico {
    background: url('/content/images/caret-right-fill.svg') no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.need-positions-details .down-ico {
    background: url(/content/images/caret-down-fill.svg) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.need-positions-details .contract-preview {
    background: url(/content/images/file-text.svg) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}

.need-positions-details .sourcing-preview {
    background: url(/content/images/people.svg) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
}


.need-positions-details .md-button {
    background-color: transparent !important;
}

.need-positions-details {
    overflow-y: auto;
    min-width: 98%;
}

    .need-positions-details table.md-table td.md-cell {
        padding: 0 !important;
    }

    .details-need-position-candidates div {
        min-height: 90px;
        max-height: 300px;
        overflow: auto;
    }

    .details-need-position-candidates div table {
        margin-left: 50px;
        max-width: 90%;
    }

        .details-need-position-candidates div table th:nth-child(2n)
        {
            background-color: transparent !important;
        }


.search-candidates-box-1 {
    height: 70px;
    width: 300px;
    margin-left: 35px;
    margin-right: 0;
}

.add-joboffer-box {
    height: 70px;
    width: 300px;
}

.search-candidates-box-1 > .info {
padding-left: 20px;
}

.search-candidates-box-1 > .white-cirlce {
    top: -65px;
    left: -85px;
    width: 80px;
    height: 80px;
}

.details-need-position-candidates .href-link {
    color: #3c8dbc !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.details-need-position-candidates .action {
    color: #3c8dbc !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    margin-left: 0px;
}

.details-need-position-candidates td.action {
    min-width: 35px;
    max-width: 55px;
    width: 45px;
    text-align: left !important;
}

.need-positions-details table {
    width: 100%;
}

.need-positions-details table thead tr th {
    font-weight: bold !important;
    color: #5a5a5a !important;
    font-size: 14px !important;
}

.need-positions-details th.center {
    text-align: center !important;
}

.need-positions-details td.center {
    text-align: center !important;
}

.need-positions-details table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
    padding: 0 10px 0 0 !important;
}


.need-positions-details .blue-row th {
    background-color: #aed0ec;
}

.need-positions-details .blue-row td {
    background-color: #d3e4f3;
}

    .need-positions-details .blue-row td.details-need-position-candidates,
    .need-positions-details .blue-row td.details-need-position-candidates td,
    .need-positions-details .blue-row td.details-need-position-candidates th {
        background-color: #ffffff;
    }


.details-need-position-candidates table.md-table td.info {
    padding-left: 10px !important;
}

.details-need-position-candidates table.md-table td.info p {
    margin: 0px;
}

.details-need-position-candidates button {
    background-color: #fff !important;
    font-size: 12px;
    border-width: 2px;
    border-radius: 8px;
    color: #000 !important;
    font-weight: bold;
}

    .details-need-position-candidates button.green {
        border-color: #28a745 !important;
    }

    .details-need-position-candidates button.blue {
        border-color: #025da9 !important;
    }

    .details-need-position-candidates button.red {
        border-color: #dc3545 !important;
    }

        .details-need-position-candidates button.red svg,
        .details-need-position-candidates button.blue svg,
        .details-need-position-candidates button.green svg {
            left: -5px;
            position: relative;
            top: -1px;
        }

.need-fast-create .md-select-value {
    min-width: 10px;
    margin: 0px;
    padding: 0px;
}

    .need-fast-create .md-select-value .md-select-icon {
        text-align: unset;
        min-width: 10px;
        margin: 0px;
        padding: 0px;
    }

    .need-fast-create .md-select-value > span:not(.md-select-icon) {
        text-overflow: unset;
    }


.red-border {
    border: 1px solid red !important;
}

.red-picker-border .md-datepicker-input-container {
    border: 1px solid red !important;
    border-radius: 5px;
}

.contract-status-details button,
.contract-status-details .btn-filter {
    margin-top: 5px !important;
}

.contract-status-details span.prospect-last {
    text-align: right !important;
    padding-left: 0px;
}

.contract-status-details div.prospect-last {
    text-align: right !important;
    padding-left: 20px;
}

.contract-details-form
{
}

    .contract-details-form md-input-container {
        margin: 0px;
    }


    .contract-details-form .form-input-gap {
        margin-right: 0px;
    }

    /* focused inputs
    .contract-details-form input:focus {
        border: 2px solid #1b7acb !important;
    }*/
    .contract-details-form md-input-container.md-input-focused > input,
    .contract-details-form md-input-container.md-input-focused textarea:focus,
    .contract-details-form md-input-container.md-input-focused .md-datepicker-input,
    .contract-details-form md-input-container.md-input-focused md-select,
    .contract-details-form md-input-container.md-input-focused md-autocomplete-wrap {
        border: 2px solid #1b7acb !important;
    }

   /* disabled inputs*/
    .contract-details-form md-input-container > input:disabled,
    .contract-details-form md-input-container .md-datepicker-input:disabled,
    .contract-details-form textarea:disabled,
    .contract-details-form md-select[disabled],
    .contract-details-form md-autocomplete[disabled] md-autocomplete-wrap,
    .need-fast-create md-input-container > input:disabled {
        background-color: #e4e4e4 !important;
        color: rgba(0,0,0,0.38) !important;
    }
    .contract-details-form md-autocomplete[disabled]:not([md-floating-label]) {
        background: none;
    }

    .contract-details-form md-autocomplete[disabled]:not([md-floating-label]) input{
        background: none;
        margin: 2px;
    }

    .contract-details-form md-select[disabled] .md-select-value span div,
    .contract-details-form md-checkbox[disabled] > *,
    .contract-details-form md-radio-group[disabled] md-radio-button > * {
        color: rgba(0,0,0,0.38) !important;
    }

    .contract-details-form md-checkbox[disabled] > .md-ink-ripple {
        background-color: rgba(0,0,0,0.04) !important;
    }

    .contract-details-form md-radio-group[disabled] .md-container .md-on {
        background-color: rgba(0,0,0,0.38);
    }

    /* invalid inputs*/
    .contract-details-form md-input-container.md-input-invalid > input,
    .contract-details-form md-input-container.md-input-invalid textarea,
    .contract-details-form textarea.ng-invalid-required,
    .contract-details-form md-input-container.md-input-invalid .md-datepicker-input,
    .contract-details-form md-select.ng-invalid-required,
    .contract-details-form md-input-container.md-input-invalid md-select,
    .contract-details-form md-input-container.md-input-invalid md-autocomplete-wrap {
        border: 2px solid #ec4242 !important;
        padding-right: 25px !important;
        background: url("/content/images/input-error.svg") no-repeat right;
        background-size: 20px;
        background-position-x: calc(100% - 20px);
    }

    .tab-invalid {
        padding-right: 25px !important;
        background: url(/content/images/input-error.svg) no-repeat right;
        background-size: 20px;
        background-position-x: 0;
        background-position-y: 0;
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        margin-top: -20px;
        right: 5px;
    }

    .contracts-tab md-tab-item {
        min-width:150px;
    }

    .contract-details-form md-select.ng-invalid-required md-select-value .md-select-icon,
    .contract-details-form md-input-container.md-input-invalid md-select md-select-value .md-select-icon {
        margin-right: -20px !important;
    }

    .contract-details-form div > input.ng-invalid-required:not(input:disabled):not(input:focus) {
        border: 2px solid #ec4242 !important;
        padding-right: 25px !important;
        background: url("/content/images/input-error.svg") no-repeat right;
        background-size: 20px;
        background-position-x: calc(100% - 10px);
    }

    .contract-details-form md-input-container label.error{
        color: transparent;
    }

    /* Basic datapicker style */
    .contract-details-form .md-datepicker-input-container {
        margin: 0px;
        padding: 0px;
        width: 100%;
    }

    .contract-details-form .data-picker-max-width {
        max-width: 170px;
    }

    .contract-details-form md-input-container:not(.md-input-has-value):not(.md-input-has-placeholder) input:not(:focus) {
        color: transparent !important;
    }

    .contract-details-form md-datepicker input {
        border-radius: 10px;
        border: 1px solid #5a5a5a;
        height: 40px;
    }

    .contract-details-form .md-datepicker-button {
        margin-top: -7px !important;
        top: 9.5px !important;
        position: absolute !important;
        left: -10px !important;
    }

    .contract-details-form .md-datepicker-triangle-button {
        margin-right: 10px;
        margin-bottom: 5px;
    }

    .contract-details-form ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
        right: 18px;
        left: auto;
        width: calc(100% - 54px);
    }

    .contract-details-form label.disabled {
        right: 38px !important;
    }

    .contract-details-form md-input-container.md-input-has-value label:not(.md-no-float) {
        right: 18px !important;
        left: auto !important;
        width: calc(100% - 24px) !important;
        top: -20px !important;
    }

    /* input */
    .contract-details-form md-input-container .md-input
    {
        padding-left: 5px;
    }

    /* data picker */
    .contract-details-form md-input-container .md-datepicker-input {
        padding-left: 25px;
    }


    .candidate-contract-tabs md-tab-content {
        min-height: 100px;
    }

    .candidate-contract-tabs form{
        max-width: 100% !important;
    }

.candidate-contract-tabs label.h2 {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
}

.candidate-contract-tabs span.h2 {
    color: #5a5a5a;
    font-family: "SF";
    font-size: 14px;
    font-weight: 600;
    margin-left: 1em;
}


.candidate-contract-tabs .cost-table thead tr {
    height: 40px;
}

    .candidate-contract-tabs .cost-table thead tr:first-child,
    .candidate-contract-tabs .cost-table tbody tr:first-child {
        text-align: right;
        font-size: 17px;
    }

        .candidate-contract-tabs .cost-table tbody tr input
        {
            width: 100%;
        }

        .candidate-contract-tabs .cost-table tbody tr input:disabled {
            width: 100%;
            background-color: #e4e4e4 !important;
            color: rgba(0,0,0,0.38) !important;
        }

.cost-table input,
.cost-table md-select {
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
}

.cost-table table th {
    font-size: 14px;
}

.cost-table md-select {
    text-align: center;
    padding-left: 30px !important;
}

    .cost-table md-select[disabled] {
        border: none !important;
    }

    .candidate-contract-tabs table td .row-detail-autocomplete md-autocomplete-wrap {
        text-align: center;
        height: 28px;
        border-radius: 10px;
        border: 1px solid #ececee;
        margin-top: 2px;
        padding: 0.2em 0.6em;
    }

    .candidate-contract-tabs table td .row-detail-autocomplete md-autocomplete-wrap input {
        padding: 0px !important;
        margin: 0px !important;
        height: 28px;
        top: -4px;
        position: relative;
    }
    .candidate-contract-tabs table td .row-detail-autocomplete md-autocomplete {
        height: 38px;
    }


    .candidate-contract-tabs table td .row-detail {
        padding: 0px;
        margin: 0px;
    }
.candidate-contract-tabs table td .row-detail-md-select {
    padding: 0px;
    margin: 0px;
    height: 28px;
}

.candidate-contract-tabs .risks .md-label,
.candidate-contract-tabs .risks md-checkbox[disabled] {
    font-size: 13px;
    color: #212529 !important;
}

.candidate-contract-tabs .label-radio {
    color: #5a5a5a;
    padding-top: 5px;
    padding-right: 10px;
    margin: 0px;
}

.cost-table md-input-container.md-input-has-value label:not(.md-no-float) {
    right: 18px !important;
    left: auto !important;
    width: calc(100% - 24px) !important;
    top: -7px !important;
}

.candidate-contract-tabs .label {
    color: #5a5a5a;
    font-family: 'SF Medium';
    font-size: 12px;
    font-weight: 600;
    margin-left: 0em;
}

.candidate-contract-tabs input.prime-name {
    text-align: left !important;
    padding-left: 10px !important;
}

.candidate-contract-tabs .prime-name input {
    text-align: left !important;
}

.candidate-contract-tabs .field-label {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: relative;
    left: 10px;
    margin-left: 0;
    overflow: visible !important;
}

.candidate-contract-tabs .md-errors-spacer-min md-input-container .md-errors-spacer {
    min-height: 10px;
    max-height: 10px;
}

.candidate-contract-tabs .risk-table th {
    height: 40px;
}

    .candidate-contract-tabs .risk-table th span {
        border-radius: 10px;
        background-color: #025da9;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        color: white;
    }

.no-email-address {
    color: red;
}

.no-link,
.no-link td {
    cursor: default;
}

.link {
    cursor: pointer;
}

.div-document-info {
    padding: 0px;
    margin: 0px;
    /*    height: 10px !important;
    min-height: 50px !important;

    vertical-align: middle !important;
    display: inline !important;*/
}

.autocomplete-search-position {
    min-width: 450px;
    width: 450px;
}

.candidate-not-held-status {
    color: #AEAEAE !important
}

.mission-abandoned-date td
{
    color: red !important;
}

.contract-list a{
    color:#000
}

.envoi-facturation-label {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: relative;
    top: 4px;
    margin-left: 15px;
}

.envoi-facturation-label-dlg {
    color: #5a5a5a;
    font-size: 9px;
    font-weight: 600;
    position: relative;
    top: -14px;
    margin-left: 15px;
}


.envoi-facturation-md-input-container {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -20px;
    left: 15px;
}

    .envoi-facturation-md-input-container md-checkbox {
        margin-top: 20px;
    }


.list-table-cell-value {
    white-space: -o-pre-wrap !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap !important;
}

.list-table-cell-value-id,
.list-table-cell-value-date {
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}

.list-table-cell-value-need-position-name {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}

.list-table-cell-value-client-name {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

.list-table-cell-value-candidate {
    min-width: 250px;
    max-width: 250px;
    width: 250px;
}


.list-table-cell-value-chantier {
    min-width: 120px;
    max-width: 120px;
    width: 120px;
}

.list-table-cell-value-user-name {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

.list-table-cell-value-agency-name {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

table.md-table.list-table-user {
    padding: 0px !important;
    margin: 0px !important;
}

.draggable-svg {
    background: url(/content/images/grip-vertical.svg) no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    cursor: move;
    margin-top: 10px;
}

.col-dragging {

}

li.col-coldroppable-first {
    height: 20px !important;
}

li.col-dragging-over {
    border-bottom: 10px solid #c1d0dd !important;
}

table.md-table {
    padding: 0px 2px 0px 2px !important;
    margin: 0px 2px 0px 2px !important;
}

    table.md-table:not(.md-row-select) td.md-cell:nth-child(n+2):nth-last-child(n+2),
    table.md-table:not(.md-row-select) th.md-column:nth-child(n+2):nth-last-child(n+2) {
        padding: 0px 2px 0px 2px !important;
        margin: 0px 2px 0px 2px !important;
    }

    table.md-table td.md-cell:last-child, table.md-table th.md-column:last-child {
        padding: 0px 2px 0px 2px !important;
        margin: 0px 2px 0px 2px !important;
    }

    table.md-table.md-row-select td.md-cell:nth-child(n+3):nth-last-child(n+2),
    table.md-table.md-row-select th.md-column:nth-child(n+3):nth-last-child(n+2) {
        padding: 0px 2px 0px 2px !important;
        margin: 0px 2px 0px 2px !important;
    }


td.status {
    min-width: 80px;
}


.iban md-input-container {
    padding: 0px;
    padding-right: 2px;
    margin-bottom: 0px;
}

.styled-title[title]:hover::after {
    content: attr(title);
    position: absolute;
    top: -100%;
    left: 0;
}

.overflow-unset {
    overflow: unset !important;
    overflow-x: unset !important;
    overflow-y: unset !important;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    bottom: -1.6em;
    left: 100%;
    padding: 4px 8px 4px 8px;
    color: #fff;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 4px #222;
    background-color: #025da9;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

.title-hover[data-title]:after {
    left: 0;
    bottom: -2em;
}

[data-title] {
    position: relative;
}

.white-space-pre-line {
    white-space: pre-line;
}

.copyImg {
    background: url(/content/images/copy_ico.svg) no-repeat;
    width: 24px;
    height: 24px;
    float: left;
    margin-top: 10px;
    cursor: pointer;
}

.hours-input-percent-container {
/*    display: inline-block;
    position: relative;*/
}

.hours-input-percent-sufix {
    position: absolute;
    left: 50px;
    top: 10px;
    color: #555;
    font: inherit;
}

.hours-input-percent-container > input:disabled {
    background-color: #e8e8e8;
}

.hours-input-percent-container > input.title {
    font-weight: bold;
    background-color: #fff;
}

.p-like-label {
    font-size: 12px;
    font-weight: 700;
    color: rgba(0,0,0,0.54);
}

.min-width-unset {
    min-width: unset;
}

.has-information md-input-container {
    width: 100%;
}

.has-information md-input-container label {
    padding-left: 20px !important;
}

.has-information md-input-container input.md-input {
    padding-left: 30px;
}

.information-icon-before-input {
    position: absolute;
    z-index: 2;
    left: 7px;
    margin-bottom: 24px;
}

.information-icon-before-input img {
    height: 20px;
    width: 20px;
}


.client-sectors-chips md-chips-wrap md-chip {
    height: min-content;
    margin: 8px 8px 10px 0;
}

    .client-sectors-chips md-chips-wrap md-chip md-chip-template {
        white-space: normal;
    }

.autocomplete-search-sector {
    min-width: 750px;
    width: 750px;
}

.autocomplete-menu-container-350px {
    min-width: 350px !important;
}

.prospect-tabs {
    display: flex;
    gap: 16px;
}

.prospect-tabs a, .prospect-tabs a:visited {
    padding: 8px 16px;
    font-family: 'SF';
    font-weight: bold;
    border-radius: 8px;
    border: 1px solid #4e95d9;
}

.prospect-tabs a.active, .prospect-tabs a:hover {
    background-color: #4e95d9;
    color: #FFF;
    font-weight: 500;
}

td.ellipsis {
    position: relative;
}

td.ellipsis:before {
    content: ' ';
    visibility: hidden;
}

td.ellipsis span {
    position: absolute;
    left: 0.6em;
    right: 0;
    margin-right: 0.6em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.column-checkboxes .md-label {
    display: inline-block;
    max-width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.with-info-icon .info-icon {
    position: absolute;
    bottom: -6px;
    left: -6px;
}

table.contract-hours-lines td .row-detail {
    margin-top: 0.5em;
    padding: 0.2em 0.6em;
}

.multiline-select .md-select-value > span:not(.md-select-icon) {
    white-space: normal;
}

md-input-container.search::after
{
    display: none;
}

.min-width-unset {
    min-width: unset;
}

.information-icon-before-input {
    height: 20px;
    width: 20px;
    margin-bottom: 24px;
}

table.contract-hours-lines {
    width: 850px;
}

table.contract-hours-lines tr th.data {
    min-width: 100px;
}

table.contract-hours-lines .client-contract-table-item {
    width: 100%;
}

table.contract-hours-lines md-select .md-select-value {
    min-width: 40px;
    max-width: 40px;
    align-items: center;
}

    table.contract-hours-lines md-select {
        height: auto;
        margin: 7px 0px 0px 2px;
        border: 1px solid #ececee;
        height: 28px;
        padding: 0px 2px 0px 5px;
    }

        table.contract-hours-lines md-select .md-select-value .md-select-icon {
            text-align: left;
        }

        table.contract-hours-lines md-select .md-select-value .md-text {
            color: black;
        }

    table.contract-hours-lines md-select[disabled] {
        background-color: #e8e8e8;
    }


        table.contract-hours-lines md-select[disabled] .md-text {
            color: rgb(109, 109, 109);
        }



    table.contract-hours-lines td .row-detail {
        margin-top: 0.5em;
        padding: 0.2em 0.6em;
    }

.visualize-container {
    max-width: 1326px;
    margin: 0 auto;
}

.green-background {
    background-color: darkseagreen !important;
}

.dpae-list-datapicker {
    top: 12px;
}

    .dpae-list-datapicker label {
        visibility: hidden;
    }



table.dpae-candidates-list th {
    text-align: center;
    height: 38px;
    border-radius: 10px;
    background-color: #4e95d9;
    color: #ffffff;
    font-family: "SF";
    font-size: 12px;
    font-weight: 600;
}

    table.dpae-candidates-list th:nth-child(2n), table.dpae-candidates-list td:nth-child(2n), table.dpae-candidates-list th:first-child {
        background-color: #fff;
        width: 2px;
    }


    table.dpae-candidates-list md-input-container label {
        visibility: hidden;
    }

.dpae-candidates-list .input-item
{
    width: 100%;
}

.dpae-candidates-list .was-sent-dpae .input-item {
    background-color: #decccc;
}

.low-margin-checkboxes md-checkbox {
    margin-bottom: 5px;
}

.list-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.no-error .md-errors-spacer {
    display: none;
}

.pixid-logo {
    background: url(/content/images/pixid.png) no-repeat;
    width: 100px;
    height: 30px;
    float: right;
    display: block;
    background-size: 100%;
    background-color: #fff;
    margin-top: 3px;
}

.blue-border {
    border: solid #025da9 2px;
    border-radius:20px;
    margin-bottom:10px;
    padding:10px;
}


md-backdrop {
    position: fixed;
}
.blue-border label {
    margin-left:0px;
}

md-dialog[aria-label="Erreur"] {
    max-width: 500px;
}

.address-list-table {
    table-layout: fixed;
    width: 100%;
}

.address-list-table td .row-detail {
    text-align: center;
    height: 28px;
    border-radius: 10px;
    border: 1px solid #ececee;
    margin-top: 0.5em;
    padding: 0.2em 0.6em;
    display: block;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pac-container {
    z-index: 9999 !important;
}

.success-button-green {
    background: #17C214;
    color: #FFF !important;
    border-color: #17C214 !important;
}

.success-button-green i {
    margin-right: 8px;
}

.addressTemplate md-input-container > input:disabled,
.addressTemplate md-input-container > md-select[disabled],
.addressTemplate md-input-container > md-autocomplete[disabled] > md-autocomplete-wrap {
    background-color: #e4e4e4 !important;
    color: rgba(0,0,0,0.38) !important;
}

.input-group-label {
    font-size: 12px;
    font-weight: 700;
    margin-left: 1em;
    color: rgba(0, 0, 0, 0.54);
}

.calendar-icon {
    background: url(/content/images/calendar_icon.png) no-repeat;
    width: 27px;
    height: 30px;
    float: left;
    margin-top: 5px;
}

.modifyCandidacyStatusIcon {
    background: url(/content/images/desktop1.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    height: 20px !important;
    margin: 0;
    margin-left: 10px;
    padding: 0;
}

.modifyCandidacyStatusIcon:hover,
.modifyCandidacyStatusIcon:focus {
    background-color: #fff !important;
}

.pagination-goto-button {
    border-radius: 10px;
    border: 1px solid #015ca8;
    color: #015ca8;
    background: #ffffff;
    font-size: 10px;
    font-weight: 400;
    height: 40px;
    margin: 0;
}

.font-bold {
    font-weight: bold;
}

.candidacyDetailsCVPreview {
    position: absolute;
    bottom: -200px;
    left: 100%;
    margin-left: 10px;
    width: 400px;
    height: 370px;
    z-index: 1000;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.pac-container {
    z-index: 20000 !important;
}

.centered-info-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: bold;
    color: #777;
    text-align: center;
}

.form-box {
    border-radius: 10px;
    border: 1px solid #5a5a5a;
    margin-bottom: 30px;
    padding: 15px;
}

.form-box-label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 9px;
    font-weight: 700;
    margin-left: 1em;
    margin-bottom: 0.5em;
    padding-left: 3px;
}

.open-modify-icon {
    background: url(/content/images/desktop1.png) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    height: 20px !important;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    text-align: center;
}

.clock-icon {
    background: url(/content/images/clock-blue.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    min-height: 20px;
    min-width: 0;
    height: 20px !important;
    margin: 0;
    margin-left: 10px;
    padding: 0;
    text-align: center;
}

.day-circle-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px;
    border-radius: 18px;
    margin-right: 15px;
    margin-left: 15px;
}

.day-circle-button-active {
    color: #025da9 !important;
    background-color: azure !important;
}

.greyed-out-input {
    background-color: #ccc !important;
    color: #666 !important;
}