/* app css stylesheet */

/*.menu {*/
/*list-style: none;*/
/*border-bottom: 0.1em solid black;*/
/*margin-bottom: 2em;*/
/*padding: 0 0 0.5em;*/
/*}*/

/*.menu:before {*/
/*content: "[";*/
/*}*/

/*.menu:after {*/
/*content: "]";*/
/*}*/

/*.menu > li {*/
/*display: inline;*/
/*}*/

/*.menu > li:before {*/
/*content: "|";*/
/*padding-right: 0.3em;*/
/*}*/

/*.menu > li:nth-child(1):before {*/
/*content: "";*/
/*padding: 0;*/
/*}*/
@font-face {
    font-family: Gothic;
    src: url(fonts/GOTHIC.TTF);
}

@font-face {
    font-family: GothicB;
    src: url(fonts/GOTHICB.TTF);
}

@font-face {
    font-family: ErasDemi;
    src: url(fonts/ERASDEMI.TTF);
}

.logo {
    font-size: 24px;
    font-family: ErasDemi;
    color: #74b830;
}

.logo > span {
    color: #e78409;
}

.text-logo {
    color: #74b830;
}

.text-logo > span {
    color: #e78409;
}

body {
    background-image: url(../img/header.jpg);
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}
.authoriseBody {
    background-image: url(../images/rsm-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}
.ui.segment.login-form {
    border-radius: 5px !important;
    background-color: #e3f2dd;
    border: 1px solid;
}
.clever-font {
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}

.bold-reg {
    background-color: #74b830;
}

select {
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}

.select12 {
    font-size: 12px;
}

.select13 {
    font-size: 13px;
}

.select14 {
    font-size: 14px;
    padding: 7px 5px 7px 5px !important;
}

.ui.form .field {
    clear: both;
    margin: 5px 0 5px;
}

.ui.form textarea,
.ui.form input[type='text'],
.ui.form input[type='email'],
.ui.form input[type='date'],
.ui.form input[type='password'],
.ui.form input[type='number'],
.ui.form input[type='url'],
.ui.form input[type='tel'] {
    padding: 7px 5px 7px 5px;
}

.header {
    padding-bottom: 0.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header.item {
    text-align: center;
}

.info-candidate > span {
    width: 138px;
}

.item-in-table {
    /*font-weight: bold;*/
    padding: 0.5em 0.3em !important;
}

.candidate-info > tr > td {
    padding: 0.5em 0.3em;
}

a {
    color: #009fda;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #00baff;
    text-decoration: underline;
}

.a_without_underline:hover {
    text-decoration: none !important;
}

.info {
}

/**
* Select2 Bootstrap CSS
* Compatible with Select2 3.3.2, 3.4.1, 3.4.2 and Twitter Bootstrap 3.0.0
* MIT License
*/
/**
 * Reset Bootstrap 3 .form-control styles which - if applied to the
 * original <select>-element the Select2-plugin may be run against -
 * are copied to the .select2-container.
 *
 * 1. Overwrite .select2-container's original display:inline-block
 *    with Bootstrap 3's default for .form-control, display:block;
 *    courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)
 */

ul.select2-choices {
    background: none !important;
    box-shadow: none !important;
}

.select2-container.form-control {
    background: white;
    /*border: none;*/
    display: block;
    padding: 4px 1em;
    min-width: 100%;
    padding: 3px 5px 3px 5px !important;
    /* 1 */
    margin: 0;
    /*padding: 0;*/
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 100%;
}
.select2-container.chooseRole {
    border: 1px solid rgba(0, 0, 0, 0.15);
    padding: 3px 5px 3px 5px !important;
    background: white;
    display: block;
}

.select2-container.form-control.search-select2 {
    padding: 0px 8px !important;
}

/**
 * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.
 */
.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
    background: none;
    padding: 0;
    border-color: #cccccc;
    border-radius: 4px;
    color: #555555;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
    border-color: #cccccc;
    border-radius: 4px;
    color: #555555;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choices .select2-search-field input {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**
 * Adjust Select2 input heights to match the Bootstrap default.
 */
.select2-container .select2-choice {
    height: 34px;
    line-height: 1.42857;
}

/**
 * Address Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-container.select2-container-multi.form-control {
    height: auto;
}

/**
 * Address Bootstrap 3 control sizing classes
 * @see http://getbootstrap.com/css/#forms-control-sizes
 */
.select2-container.input-sm .select2-choice,
.input-group-sm .select2-container .select2-choice {
    height: 30px;
    line-height: 1.5;
    border-radius: 3px;
}

.select2-container.input-lg .select2-choice,
.input-group-lg .select2-container .select2-choice {
    height: 45px;
    line-height: 1.33;
    border-radius: 6px;
}

.select2-container-multi .select2-choices .select2-search-field input {
    height: 32px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {
    height: 28px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {
    height: 43px;
}

/**
 * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.
 */
.select2-container-multi .select2-choices .select2-search-field input {
    margin: 0;
}

.select2-chosen,
.select2-choice > span:first-child,
.select2-container .select2-choices .select2-search-field input {
    padding: 6px 12px;
}

.input-sm .select2-chosen,
.input-group-sm .select2-chosen,
.input-sm .select2-choice > span:first-child,
.input-group-sm .select2-choice > span:first-child,
.input-sm .select2-choices .select2-search-field input,
.input-group-sm .select2-choices .select2-search-field input {
    padding: 5px 10px;
}

.input-lg .select2-chosen,
.input-group-lg .select2-chosen,
.input-lg .select2-choice > span:first-child,
.input-group-lg .select2-choice > span:first-child,
.input-lg .select2-choices .select2-search-field input,
.input-group-lg .select2-choices .select2-search-field input {
    padding: 10px 16px;
}

.select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 5px;
    margin-bottom: 3px;
}

.select2-container-multi.input-sm .select2-choices .select2-search-choice,
.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {
    margin-top: 3px;
    margin-bottom: 2px;
}

.select2-container-multi.input-lg .select2-choices .select2-search-choice,
.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {
    line-height: 24px;
}

/**
 * Adjust the single Select2's dropdown arrow button appearance.
 *
 * 1. For Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    border-left: 1px solid #cccccc;
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.select2-dropdown-open .select2-choice .select2-arrow,
.select2-dropdown-open .select2-choice div {
    border-left-color: transparent;
    background: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

/**
 * Adjust the dropdown arrow button icon position for the single-select Select2 elements
 * to make it line up vertically now that we increased the height of .select2-container.
 *
 * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.
 */
.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    background-position: 0 3px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
    background-position: -18px 3px;
}

.select2-container.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-container .select2-choice .select2-arrow b,
.select2-container.input-sm .select2-choice div b,
.input-group-sm .select2-container .select2-choice div b {
    background-position: 0 1px;
}

.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,
.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-sm .select2-choice div b,
.input-group-sm .select2-dropdown-open .select2-choice div b {
    background-position: -18px 1px;
}

.select2-container.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-container .select2-choice .select2-arrow b,
.select2-container.input-lg .select2-choice div b,
.input-group-lg .select2-container .select2-choice div b {
    background-position: 0 9px;
}

.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,
.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open.input-lg .select2-choice div b,
.input-group-lg .select2-dropdown-open .select2-choice div b {
    background-position: -18px 9px;
}

/**
 * Address Bootstrap's validation states and change Select2's border colors and focus states.
 * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.
 */
.has-warning .select2-choice,
.has-warning .select2-choices {
    border-color: #c09853;
}

.has-warning .select2-container-active .select2-choice,
.has-warning .select2-container-multi.select2-container-active .select2-choices {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.has-warning.select2-drop-active {
    border-color: #a47e3c;
}

.has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #a47e3c;
}

.has-error .select2-choice,
.has-error .select2-choices {
    border-color: #b94a48;
}

.has-error .select2-container-active .select2-choice,
.has-error .select2-container-multi.select2-container-active .select2-choices {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.has-error.select2-drop-active {
    border-color: #953b39;
}

.has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #953b39;
}

.has-success .select2-choice,
.has-success .select2-choices {
    border-color: #468847;
}

.has-success .select2-container-active .select2-choice,
.has-success .select2-container-multi.select2-container-active .select2-choices {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.has-success.select2-drop-active {
    border-color: #356635;
}

.has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #356635;
}

/**
 * Make Select2's active-styles - applied to .select2-container when the widget receives focus -
 * fit Bootstrap 3's .form-element:focus appearance.
 */
.select2-container-active .select2-choice,
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #66afe9;
    outline: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select2-drop-active {
    border-color: #66afe9;
}

.select2-drop-auto-width,
.select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: #66afe9;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstrap 3's
 * "Input Group" component, we don't want specific edges of the Select2 container
 * to have a border-radius.
 *
 * In Bootstrap 2, input groups required a markup where these style adjustments
 * could be bound to a CSS-class identifying if the additional elements are appended,
 * prepended or both.
 *
 * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group
 * to let the contained Select2 widget know which edges should not be rounded as they are
 * directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.input-group.select2-bootstrap-prepend [class^='select2-choice'] {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.input-group.select2-bootstrap-append [class^='select2-choice'] {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.select2-dropdown-open [class^='select2-choice'] {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.select2-dropdown-open.select2-drop-above [class^='select2-choice'] {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

/**
 * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.
 */
.select2-results .select2-highlighted {
    color: white;
    background-color: #428bca;
}

/**
 * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grown higher than their initial size.
 */
.select2-bootstrap-append .select2-container-multiple,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container-multiple,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
    vertical-align: top;
}

/**
 * Make Multi Select2's choices match Bootstrap 3's default button styles.
 */
.select2-container-multi .select2-choices .select2-search-choice {
    color: #555555;
    background: white;
    border-color: #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #ebebeb;
    border-color: #adadad;
    color: #333333;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/**
 * Address Multi Select2's choice close-button vertical alignment.
 */
/*.select2-search-choice-close {
    margin-top: -7px;
    top: 50%;
}*/

/**
 * Adjust the single Select2's clear button position (used to reset the select box
 * back to the placeholder value and visible once a selection is made
 * activated by Select2's "allowClear" option).
 */
.select2-container .select2-choice abbr {
    top: 50%;
}

/**
 * Adjust "no results" and "selection limit" messages to make use
 * of Bootstrap 3's default "Alert" style.
 *
 * @see http://getbootstrap.com/components/#alerts-default
 */
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
    background-color: #fcf8e3;
    color: #c09853;
}

/**
 * Address disabled Select2 styles.
 *
 * 1. For Select2 v.3.3.2.
 * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow
 *    from jumping when switching from disabled to enabled state and vice versa.
 */
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
    cursor: not-allowed;
    background-color: #eeeeee;
    border-color: #cccccc;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow,
.select2-container.select2-container-disabled .select2-choice div,
.select2-container.select2-container-disabled .select2-choices .select2-arrow,
.select2-container.select2-container-disabled .select2-choices div {
    background-color: transparent;
    border-left: 1px solid transparent;
    /* 2 */
}

/**
 * Address Select2's loading indicator position - which should not stick
 * to the right edge of Select2's search input.
 *
 * 1. in .select2-search input
 * 2. in Multi Select2's .select2-search-field input
 * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)
 *
 * These styles alter Select2's default background-position of 100%
 * and supply the new background-position syntax to browsers which support it:
 *
 * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%
 * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax
 *
 * @see http://www.w3.org/TR/css3-background/#background-position
 *
 * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,
 * we could use the :after-pseudo-element to display the loading indicator.
 * Alternatively, we could supply an altered loading indicator image which already
 * contains an offset to the right.
 */
.select2-search input.select2-active,
.select2-container-multi .select2-choices .select2-search-field input.select2-active,
.select2-more-results.select2-active {
    background-position: 99%;
    /* 4 */
    background-position: right 4px center;
    /* 5 */
}

.ui.link.menu .item:hover,
.ui.menu .link.item:hover,
.ui.menu a.item:hover,
.ui.menu .ui.dropdown .menu .item:hover,
#newsDropdown.active {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.11);
}

.ui.buttons .button:last-child {
    border-top-right-radius: 0em;
    border-bottom-right-radius: 0em;
}

.custom-all-table th {
    color: #999 !important;
}

.custom-all-table {
    padding: 0px !important;
}

.ui.custom-all-table td {
    padding: 0.3em 0.7em;
    vertical-align: middle;
    cursor: pointer;
}

.custom-all-table-contacts th {
    color: #999 !important;
}

.ui.custom-all-table-contacts td {
    padding: 0.3em 0.7em;
    vertical-align: middle;
}

.ui.custom-all-table-contacts tr:hover {
    background-color: rgb(226, 226, 226) !important;
}

.high-table tr {
    height: 50px;
}

/*.ui tr:hover {*/
/*cursor: none!important;*/
/*background-color: #000000;*/
/*}*/

.ui.buttons .button:first-child {
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}

.havent_right_indent {
    padding-right: 0%;
}

.ui.vertical.menu .item > .menu > .item {
    padding: 0.5rem 0.9rem;
    font-size: 0.975em;
}

.ui.dropdown .menu .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0em 0em 0em 0.5em;
}

.ui.icon.input > .icon {
    padding-top: 0.52em;
}

.action {
    /*padding: 0.25em 0em;*/
    /*padding-bottom: 0.2rem;*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    clear: both;
}

.ui.header {
    margin: -4em 0em 0rem;
}

.ui.modal > .header {
    padding: 0.5rem 0.9rem;
    font-size: 0.875rem;
}

.ui.modal > .content {
    padding: 0.8em;
}

.content-header {
    padding: 0.5em 0.3em !important;
    color: #999;
}

.content-description > p3px {
    text-align: justify;
    padding-left: 3px;
    line-height: 160%;
    /* padding-top: 4px; */
}

.ui.dimmer {
    background-color: rgba(82, 80, 80, 0.85);
}

.content-description > p:nth-of-type(1) {
    margin-top: 0;
    margin-bottom: 0px;
}

.content-description > p {
    margin: 0px;
}

.content-header-description {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0em 0.3em !important;

    color: #999;
}

.ui.small.vertical.menu {
    width: 14rem;
}

.menu_header {
    font-weight: normal !important;
}

.ui.items .item:hover {
    /* cursor: pointer; */
    /* z-index: 5; */
    /* -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); */
    /* box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); */
}

.ui.dropdown .menu .item {
    /* cursor: pointer; */
    /* border: none; */
    /* border-top: 1px solid rgba(0, 0, 0, 0.05); */
    /* height: auto; */
    /* font-size: 0.875em; */
    /* display: block; */
    /* color: rgba(0, 0, 0, 0.75); */
    /* padding: 0.85em 1em !important; */
    /* font-size: 0.875rem; */
    /* text-transform: none; */
    /* font-weight: normal; */
    /* text-align: left; */
    -webkit-touch-callout: none;
}

.select_hover_in_menu:hover {
    background-color: rgba(0, 0, 0, 0.11);
}

.select_hover_in_responsible:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.header_item_in_menu:before {
    width: 0% !important;
}

.item_before:before {
    width: 0% !important;
}

.ui.form .login {
    text-align: center;
    margin: 10px 0 0 0;
    position: relative;
}
.ui.form .login div {
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
    width: 71px;
    background-color: #74b830;
    border: #74b830;
    border-radius: 20px;
}
.ui.form .login div:hover {
    background-color: #5e9427;
}
.ui.form .login a {
    vertical-align: middle;
}

.ui.form .login-social {
    text-align: center;
}
.login-social a {
    display: inline-block;
}
.ui.form .login-social div {
    margin: 10px;
}

.ui.table {
    font-size: 14px;
}

.ui.grid > .column,
.ui.grid > .row > .column {
    font-size: 14px;
    color: #555555;
}

.ui.menu .item {
    font-size: 14px;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.button_add {
    text-transform: none !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 0.4em;
}

.button-add-right {
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: normal !important;
    padding: 0.4em !important;
    background-color: #74b830 !important;
    right: 0px !important;
    color: white !important;
    margin-right: 5px !important;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.button-add-right:hover,
.ui.teal.buttons .button:hover,
.ui.teal.button:hover {
    background-color: #398439 !important;
}

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

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

.icon-left {
    float: left !important;
    margin: 0px 4px 0px 0px !important;
}

.button_search {
    background-color: #2191bd !important;
}

.button_search:hover {
    background-color: #2a7997 !important;
}

.ui.red.button:hover {
    background-color: #c5393a;
    color: #ffffff;
}

.ui.green.button:hover {
    background-color: #5e9427;
    color: #ffffff;
}

.ui.green.button {
    background-color: #74b830;
    font-size: 14px;
    color: #ffffff;
    font-weight: normal;
    height: 31px;
}

.loading-icon {
    width: 14px;
    animation: icon-loading 2s linear infinite;
    margin: 0 auto;
}

.tfa-login {
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
}

.tfa-login .button {
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
    width: 90px;
    background-color: #74b830;
    border: #74b830;
    border-radius: 20px;
}

.tfa-login .toggleCanNotGetCode {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.tfa-login .canNotGetCode {
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    box-shadow: 0px 1px 10px rgba(59, 89, 152, 0.18);
    display: block;
    z-index: 100;
    background-color: #ffffff;
    padding: 15px;
    border: 1px solid #cccccc57;
    border-radius: 5px;
    text-align: left;
    width: 375px;
}

.tfa-login .canNotGetCode .canNotGetCode-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    cursor: pointer;
}

.ui.table th {
    cursor: auto;
    background-color: rgba(0, 0, 0, 0.05);
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
    padding: 0.3em 0.7em;
    vertical-align: middle;
}

.ui.segment thead:first-child:hover {
    /*margin-top: 0em;*/
    /*background-color: brown!important;*/
}

.ui.custom-all-table tbody > tr:hover {
    background-color: rgb(226, 226, 226) !important;
}

.ui.celled.table th,
.ui.celled.table td {
    border: 0px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 8px 5px;
}

.ui.form textarea,
.ui.form input[type='checkbox'] {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

.contact_menu_item {
    -webkit-user-select: initial !important;
    padding: 2px !important;
    cursor: inherit !important;
}

.ui.feed .event {
    padding: 0.45em 0em;
}

.ui.form .field > label {
    font-size: 14px;
}

highlight {
    background-color: #ffff00;
}

span i.remove.icon {
    display: inline-block;
    color: #666;
}

a:hover i.remove.icon {
    opacity: 1;
}

/*span:hover i.remove.icon::before{*/
/**/
/*}*/

/*span:hover i.remove.icon::after{*/
/*position: relative;*/
/*left: 24px;*/
/*}*/

span i.edit.icon {
    display: none;
}

span:hover i.edit.icon {
    display: block;
}

span i.edit.icon {
    display: none;
}

span:hover i.edit.icon {
    display: block;
}

.test {
    display: none;
}

.test {
    display: block;
}

/*.button_search:hover {*/
/*background-color: #45B1AC; !important;*/
/*}*/

a.item.black:hover {
    box-shadow: rgba(0, 0, 0, 0.952941) 0px 2.799999952316284px 0px 0px inset;
    color: rgba(0, 0, 0, 0.95);
}

a.item.green:hover {
    box-shadow: rgb(161, 207, 100) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(161, 207, 100);
}

a.item.red:hover {
    box-shadow: rgb(217, 92, 92) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(217, 92, 92);
}

a.item.blue:hover {
    box-shadow: rgb(110, 207, 245) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(110, 207, 245);
}

a.item.purple:hover {
    box-shadow: rgb(86, 79, 138) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(86, 79, 138);
}

a.item.teal:hover {
    box-shadow: rgb(0, 181, 173) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(0, 181, 173);
}

a.item.orange:hover {
    box-shadow: rgb(240, 89, 64) 0px 2.799999952316284px 0px 0px inset;
    color: rgb(240, 89, 64);
}

.ui.label {
    text-transform: none;
    padding: 0.2em 0.2em !important;
}

.numberLabel {
    padding: 4px 7px !important;
}

#directives-select2 select {
    width: 200px;
}

.ui.feed .event:last-child {
    margin-bottom: 0px;
}

.more_history {
    padding: 8px;
    background-color: #f7f7f8;
    -webkit-box-shadow: 0px 0px 0px 1px #dddddd;
    box-shadow: 0px 0px 0px 1px #dddddd;
    color: rgb(138, 138, 138);
}

.more_history:hover {
    cursor: pointer;
    /*background-color: #e4e8ed;*/
    color: #000000 !important;
    background-color: rgba(235, 235, 235, 0.62) !important;
}

.button.minip {
    padding: 0.3em 0.3em !important;
}

.ui.feed .content .date {
    float: right;
    padding-left: 1em;
    color: rgba(0, 0, 0, 0.4);
    font-size: 13px;
}

a.item.brown:hover {
    box-shadow: #1976aa 0px 2.799999952316284px 0px 0px inset;
    color: #1976aa;
}

.test {
    position: absolute !important;
    top: 159px !important;
    left: 12px !important;
    z-index: 1 !important;
    display: block !important;
}

/*.ui.menu .brown.active.item{*/
/*border-color:green !important;*/
/*color: #ffffff !important;*/
/*}*/

/*.ui-datepicker-calendar {*/
/*display: none;*/
/*}*/

.ui.black.segment,
.ui.blue.segment,
.ui.green.segment,
.ui.red.segment,
.ui.orange.segment,
.ui.purple.segment,
.ui.teal.segment,
.black-header,
.blue-header,
.green-header,
.red-header,
.orange-header,
.purple-header,
.teal-header {
    border-top: 0.2em solid #e78409 !important;
}

.ui.menu .green.active.item,
.ui.green.menu .active.item,
.ui.menu .teal.active.item,
.ui.teal.menu .active.item,
.ui.menu .purple.active.item,
.ui.purple.menu .active.item,
.ui.menu .orange.active.item,
.ui.orange.menu .active.item,
.ui.menu .red.active.item,
.ui.red.menu .active.item,
.ui.menu .blue.active.item,
.ui.blue.menu .active.item,
.ui.menu .brown.active.item,
.ui.brown.menu .active.item,
.ui.menu .black.active.item,
.ui.black.menu .active.item,
.ui.menu .active.item {
    border-color: #e78409 !important;
    color: #e78409 !important;
}

a.item.red:hover,
a.item.green:hover,
a.item.teal:hover,
a.item.purple:hover,
a.item.orange:hover,
a.item.blue:hover,
a.item.brown:hover,
a.item.black:hover {
    box-shadow: #e78409 0px 2.799999952316284px 0px 0px inset;
    color: #e78409;
}

.ui.teal.labels .label,
.ui.teal.label {
    background-color: #74b830 !important;
    border-color: #74b830 !important;
}

.ui.teal.buttons .button,
.ui.teal.button {
    background-color: #74b830 !important;
}
.ui.teal.wide {
    padding: 0.6em 2em;
}
i.teal.icon {
    color: #74b830 !important;
}

.ui.menu .header.item {
    background-color: rgba(0, 0, 0, 0.05);
}

.item-style {
    padding: 0.02em 0.85em !important;
}

.ui.dropdown .menu .item:hover {
    background-color: rgba(0, 0, 0, 0.16);
    z-index: 12;
}

.ui.buttons .active.button,
.ui.active.button {
    background-color: #eaeaea !important;
    background-image: none;
    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
    color: rgba(0, 0, 0, 0.7);
}

.mce-content-body {
    font-size: 12px !important;
}

.form-description {
    margin: 0em 0em 0.3em;
    display: block;
    color: #555555;
    font-size: 14px;
}

.select2-container {
    display: block !important;
    background-color: #ffffff;
}

.ui.active.selection.dropdown {
    border-radius: 0em 0em 0em 0em !important;
}

.upload-cand-photo {
    right: 0px;
    position: absolute;
}

.change-cand-photo {
    bottom: 0px;
    padding: 3px;
}

.action-cand-photo {
    position: absolute;
    right: 0px;
    z-index: 10;
    margin: 1px !important;

    background-color: #5c6166 !important;
    color: #ffffff !important;
    cursor: pointer;

    opacity: 0 !important;
    -o-transition: opacity 0.2s ease-out !important;
    -ms-transition: opacity 0.2s ease-out !important;
    -moz-transition: opacity 0.2s ease-out !important;
    -webkit-transition: opacity 0.5s ease-out !important;
    transition: opacity 0.2s ease-out !important;
}

.cand-photo {
    border: 1px solid rgba(0, 0, 0, 0.15);
    display: block;
    height: 228px;
    right: 0px;
    position: absolute;
}

.cand-photo-div:hover .action-cand-photo {
    opacity: 1 !important;
}

.btn-external-search-external {
    background-color: #1ab8f3 !important;
    color: #ffffff !important;
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.btn-external-search-external:hover {
    background-color: #10a0d6 !important;
    color: #ffffff !important;
}

.btn-external-search-external .checkMark {
    display: none;
}

.btn-external-search-external .emptyCheckMark {
    display: inline;
}

.btn-external-search-external > .emptyCheckMark.en:after {
    content: 'Search for partners';
}

.btn-external-search-external > .emptyCheckMark.ru:after {
    content: 'Искать у партнеров';
}

.btn-external-search-external > .emptyCheckMark.ua:after {
    content: 'Пошук у партнерів';
}

.btn-external-search > .checkMark.en:after {
    content: 'Search for partners';
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.btn-external-search > .checkMark.ru:after {
    content: 'Искать у партнеров';
}

.btn-external-search > .checkMark.ua:after {
    content: 'Пошук у партнерів';
}

.btn-external-search > .emptyCheckMark.en:after {
    content: 'Search only in CleverStaff';
}

.btn-external-search > .emptyCheckMark.ru:after {
    content: 'Искать только в CleverStaff';
}

.btn-external-search > .emptyCheckMark.ua:after {
    content: 'Шукати тільки в CleverStaff';
}

.btn-external-search > .defcheckMark.en:after {
    content: 'Search only in CleverStaff';
}

.btn-external-search > .defcheckMark.ru:after {
    content: 'Искать только в CleverStaff';
}

.btn-external-search > .defcheckMark.ua:after {
    content: 'Шукати тільки в CleverStaff';
}

.btn-external-search {
    color: #000000 !important;
}

.btn-external-search .checkMark {
    display: none;
}

.btn-external-search .emptyCheckMark {
    display: inline;
}

.btn-external-search .defcheckMark {
    display: none;
}

.btn-external-search:hover {
    background-color: #1ab8f3 !important;
    color: #ffffff !important;
}

.btn-external-search:hover .checkMark {
    display: inline;
}

.btn-external-search:hover .emptyCheckMark {
    display: none;
}

.btn-external-search:hover .defcheckMark {
    display: inline;
}

.btn-external-search.text_message:hover {
    background-color: rgba(192, 192, 192, 0.26) !important;
    color: #000000 !important;
}

.btn-google-ok,
.btn-google-no {
    text-transform: none !important;
}

.btn-google-ok:hover {
    background-color: #e75859 !important;
    color: #ffffff !important;
}

.btn-google-ok:hover span {
    display: none;
}

.btn-google-ok:hover:after {
    content: 'Disconnect Google';
}

.btn-google-ok.ru:hover:after {
    content: 'Отключить Google';
}

.btn-facebook-ok,
.btn-facebook-ok {
    text-transform: none !important;
}

.btn-facebook-ok:hover {
    background-color: #e75859 !important;
    color: #ffffff !important;
}

.btn-facebook-ok:hover span {
    display: none;
}

.btn-facebook-ok:hover:after {
    content: 'Disconnect Facebook';
}

.btn-facebook-ok.ru:hover:after {
    content: 'Отключить Facebook';
}

.btn-facebook-ok.ua:hover:after {
    content: 'Відключити Facebook';
}

.ui.google.icon.mini {
    background: url(../images/sprite/btn_google.svg);
    background-color: #fcfcfc;
    height: 34px;
    width: 135px;
    font-weight: 500;
    color: #646465;
    border: 1px solid #ccc;
    background-position: 8px 7px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0.65em;
    padding-right: 0;
    border-radius: 35px;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}
.ui.google.icon.mini span {
    font-size: 14px;
}
.ui.google.icon.mini:hover {
    background: url(../images/sprite/btn_google.svg);
    background-position: 8px 7px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-color: #f5f4f4;
}
.ui.facebook.icon.mini i {
    font-size: 14px;
    position: absolute;
    top: -2px;
    left: 4px;
    box-shadow: none;
}
.ui.facebook.icon.mini {
    height: 34px;
    width: 135px;
    background-color: #4267b2;
    position: relative;
    color: white;
    border-radius: 35px;
    padding: 0.65em;
    padding-right: 0;
    border: 1px solid #ccc;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
}
.ui.facebook.icon.mini:hover {
    background-color: #395a9c;
}
.btn-linkedin-ok,
.btn-linkedin-no {
    text-transform: none !important;
}

.btn-linkedin-ok:hover {
    background-color: #e75859 !important;
    color: #ffffff !important;
}

.btn-linkedin-ok:hover span {
    display: none;
}

.btn-linkedin-ok:hover:after {
    content: 'Disconnect LinkedIn';
}

.btn-linkedin-ok.ru:hover:after {
    content: 'Отключить LinkedIn';
}

.btn-linkedin-ok.ua:hover:after {
    content: 'Відключити LinkedIn';
}

.ui.buttons .or.ru:before {
    content: 'или';
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.ui.buttons .or.ua:before {
    content: 'або';
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.or.ru:before {
    content: 'или';
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.or.ua:before {
    content: 'або';
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.or.en:before {
    content: 'or';
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.ui.tiny.buttons .or.ru:before,
.ui.mini.buttons .or.ru:before,
.ui.tiny.buttons .or.ua:before,
.ui.mini.buttons .or.ua:before {
    width: 2.32em !important;
    height: 1.45em !important;
    line-height: 1.4 !important;
    margin-left: -1.2em !important;
    margin-top: -0.15em !important;
}

.ui.buttons .or.ru {
    width: 0.6em;
}

.ui.vertical.menu .item > i.icon.left {
    float: left;
}

.contacts > div {
    margin: 0 0 0.47em !important;
}

.add_photo {
    margin: 19px;
    width: 187px;
    border-radius: 15%;
}

.add_photo:hover {
    cursor: pointer;
}

#owner_photo_wrap {
    margin-bottom: 8px;
}

#owner_photo_wrap:hover #owner_photo_bubble {
    opacity: 1;
    filter: none;
    margin-top: 0px;
}

#owner_photo_wrap:hover #owner_photo_top_bubble {
    display: block;
    opacity: 1;
    filter: none;
}

#owner_photo_top_bubble_wrap {
    position: relative;
}

#owner_photo_top_bubble {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    z-index: 450;
    padding: 4px 0;
}

#owner_photo_wrap:hover #owner_photo_top_bubble {
    display: block;
    opacity: 1;
    filter: none;
}

#owner_photo_top_bubble .owner_photo_bubble_action_delete {
    text-align: right;
    width: auto;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

.owner_photo_bubble_delete_wrap {
    position: absolute;
    z-index: 10;
    right: 0px;
    top: 0px;
    background: #222;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /* -webkit-transition: opacity 100ms linear; */
    /* -moz-transition: opacity 100ms linear; */
    /* -o-transition: opacity 100ms linear; */
    /* transition: opacity 100ms linear; */
}

.owner_photo_bubble_delete_wrap:hover .owner_photo_bubble_delete {
    opacity: 1;
    filter: none;
}

.owner_photo_bubble_delete {
    background: url(/images/notifier_close.gif) no-repeat;
    width: 7px;
    height: 7px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: opacity 100ms linear;
    -moz-transition: opacity 100ms linear;
    -o-transition: opacity 100ms linear;
    transition: opacity 100ms linear;
}

.owner_photo_bubble_delete_wrap:hover .owner_photo_bubble_delete {
    opacity: 1;
    filter: none;
}

#page_avatar {
    text-align: center;
    max-height: 500px;
    height: auto !important;
    height: 500px;
    overflow: hidden;
    margin-bottom: 8px;
}

* html #page_avatar {
    height: expression((this.flag == undefined) ? (this.scrollHeight > 500) ? this.flag = '500px': 'auto': '');
}

#page_avatar img {
    vertical-align: top;
}

#owner_photo_bubble_wrap {
    /* height: 80px; */
    height: 56px;
    width: 198px;
    /* margin-top: -88px; */
    margin-top: -64px;
    overflow: hidden;
    position: relative;
}

#owner_photo_bubble {
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    background: rgba(0, 0, 0, 0.7);
    width: 198px;
    margin-top: 40px;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    z-index: 450;
    padding: 4px 0;
}

#owner_photo_wrap:hover #owner_photo_bubble {
    opacity: 1;
    filter: none;
    margin-top: 0px;
}

#owner_photo_top_bubble .owner_photo_bubble_action_delete {
    text-align: right;
    width: auto;
    max-width: 180px;
    white-space: nowrap;
    overflow: hidden;
}

.owner_photo_bubble_action {
    cursor: pointer;
    padding: 5px 10px;
    height: 14px;
    /*text-align: center;*/
    overflow: hidden;
    white-space: nowrap;
    text-shadow: 0px 1px 0px #262626;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 180px;
}

.owner_photo_bubble_action_in {
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    padding-left: 20px;
    opacity: 0.7;
    filter: none;
}

.owner_photo_bubble_action_crop .owner_photo_bubble_action_in {
    background-position: 0 -26px;
}

.owner_photo_bubble_action_delete .owner_photo_bubble_action_in {
    background-position: 0 -70px;
}

.owner_photo_bubble_action:hover .owner_photo_bubble_action_in {
    opacity: 1;
    filter: none;
}

.owner_photo_bubble_action_in {
    background: url(/images/edit_photo_icons_white.gif) no-repeat 0 -3px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out;
    padding-left: 20px;
    opacity: 0.7;
    filter: none;
}

.owner_photo_bubble_action_crop .owner_photo_bubble_action_in {
    background-position: 0 -26px;
}

.owner_photo_bubble_action_delete .owner_photo_bubble_action_in {
    background-position: 0 -70px;
}

.owner_photo_bubble_action:hover .owner_photo_bubble_action_in {
    opacity: 1;
    filter: none;
}

.owner_photo_bubble_action_crop .owner_photo_bubble_action_in {
    background-position: 0 -26px;
}

.datepicker table tr td span {
    background-color: rgb(240, 240, 240);
}

.datepicker table tr td span:hover {
    background-color: #b1adad !important;
}

.tr_hover > tbody > tr:hover {
    background-color: #808080;
}

/*.datepicker table tr td.day:hover, .datepicker table tr td.day.focused*/
.tr_hover > tbody > tr > td.day:hover {
    background-color: #808080 !important;
}

/*!
 * Datetimepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
}

.datetimepicker-inline {
    width: 220px;
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right;
}

.datetimepicker-dropdown,
.datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

[class*=' datetimepicker-dropdown']:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #cccccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*=' datetimepicker-dropdown']:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*=' datetimepicker-dropdown-top']:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #cccccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*=' datetimepicker-dropdown-top']:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker > div {
    display: none;
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}

.datetimepicker.days div.datetimepicker-days {
    display: block;
}

.datetimepicker.months div.datetimepicker-months {
    display: block;
}

.datetimepicker.years div.datetimepicker-years {
    display: block;
}

.datetimepicker table {
    margin: 0;
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datetimepicker table tr td,
.table-striped .datetimepicker table tr th {
    background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.old,
.datetimepicker table tr td.new {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399;
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datetimepicker .datetimepicker-hours span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker .datetimepicker-hours table tr td span.hour_am,
.datetimepicker .datetimepicker-hours table tr td span.hour_pm {
    width: 14.6%;
}

.datetimepicker .datetimepicker-hours fieldset legend,
.datetimepicker .datetimepicker-minutes fieldset legend {
    margin-bottom: inherit;
    line-height: 30px;
}

.datetimepicker .datetimepicker-minutes span {
    height: 26px;
    line-height: 26px;
}

.datetimepicker table tr td span:hover {
    background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399;
}

.datetimepicker table tr td span.old {
    color: #999999;
}

.datetimepicker th.switch {
    width: 145px;
}

.datetimepicker th span.glyphicon {
    pointer-events: none;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i,
.input-group.date .input-group-addon span {
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: '';
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.clearfix:before,
.clearfix:after {
    content: ' ';
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.affix {
    position: fixed;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.undisabled_itemInSelect {
    background-color: rgba(0, 0, 0, 0.05);
}

.share_button {
}

.share_button:hover {
    font-size: 20px;
}

.share_linkedin {
    color: #1394d6 !important;
}

.share_facebook {
    color: #3a59a9 !important;
}

.share_twitter {
    color: #399ade !important;
}

.share_vk {
    color: #537aa5 !important;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak,
.ng-hide {
    display: none !important;
}

.ui.modal > .content {
    background-color: #eeecec;
}

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover td,
.ui.table tr:hover td.disabled {
    color: rgba(150, 150, 150, 0.71);
}

.ui.mini.button {
    font-size: 0.8rem;
    padding: 5px;
}
.ui.mini.button.wide {
    padding: 5px 30px;
}
.text_shadow {
    color: #999 !important;
}

.text_shadow:hover {
    color: #000000 !important;
}

.ui.form.recall textarea,
.ui.form input[type='text'],
.ui.form input[type='email'],
.ui.form input[type='date'],
.ui.form input[type='password'],
.ui.form input[type='number'],
.ui.form input[type='url'],
.ui.form input[type='tel'] {
    padding: 4px 5px 4px 5px !important;
}

.item_without_before:before {
    width: 0% !important;
}

.ui.menu.without_hover a.item:hover {
    background-color: rgba(0, 0, 0, 0) !important;
}

.intl-tel-input.pretty .flag-dropdown .country-list .divider {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 2px solid #cccccc;
}

.ui.list .item {
    font-size: 1em;
    padding: 4px 22px 4px 10px;
}

.ui.list .item:hover {
    background-color: #f1f1f1;
}
.item_without_before:hover {
    background-color: unset !important;
}
.ui.list .list {
    clear: both;
    padding: 0px 0px 0px 0px;
}

.ui.list .header {
    font-weight: bold;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
}

.ui.grey_to_red.button {
    background-color: rgba(0, 0, 0, 0.06) !important;
}

.ui.grey_to_red.button:hover {
    background-color: red !important;
}

.plussBlock {
    z-index: 10000;
    position: absolute;
    color: #000000;
    width: 200px;
    height: 14px;

    font-size: 16px;
    text-align: center;

    cursor: pointer;
}
.blockDisplay {
    top: 0px;
    left: 101px;
}
.blockDisplayVacancy {
    top: 0px;
    left: 184px;
}
.blockDisplay,
.blockDisplayVacancy {
    display: none;
}
.blockDisplay:hover {
    display: block;
}
.blockDisplayVacancy:hover {
    display: block;
}
.recommendationBlock:hover ~ .blockDisplay {
    display: block;
}
.recommendationBlock:hover ~ .blockDisplayVacancy {
    display: block;
}
.ui.menu .item {
    padding: 0.84em 0.95em 0.86em 0.95em;
}

.ui.menu {
    margin: 0rem 0rem;
}

.plussBlockW {
    background-color: rgba(255, 255, 255, 0);
    height: 5px;
}

.plussBlockContent {
    background-color: rgba(0, 0, 0, 0.11);
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    height: 20px;
}

.ui.progress {
    height: 30px;
    padding: 2px;
}

.blue_icon_in_dd {
}

.blue_icon_in_dd:hover > i {
    color: #009fda !important;
    text-decoration: none;
}

.next,
.previous {
    text-decoration: none;
    color: #000000;
    font-size: 18px;
}
.next:hover,
.previous:hover {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}

.ui.button.next.active {
    background-color: #41a258 !important;
    color: #ffffff;
}

.recommendation_block {
    border: 0.1em solid #e78409 !important;
    position: absolute !important;
    background-color: #ffffff !important;
    z-index: 20000 !important;
    width: 121px !important;
    cursor: pointer !important;
}

.recommendation_sign {
    background-color: rgba(228, 228, 228, 0.33);
    float: left;
    width: 71%;
}

.recommendation_sign > div {
    padding: 2px;
    text-align: center;
    font-size: 13px;
    padding-top: 3px;
}

.recommendation_button {
    float: right;
    width: 29%;
    font-size: 19px;
    height: 0px;
}

.recommendation_button > label {
    padding-top: 20px !important;
    width: 35px !important;
}

.recommendation_button > label > i {
    margin: -11px !important;
    color: #ffffff !important;
    margin-right: -5px !important;
}

.ui.button {
    text-transform: none;
    background-color: rgba(192, 192, 192, 0.26);
}

.select2-container-multi .select2-choices {
    min-height: 26px !important;
}

.select2-search-field {
    height: 26px !important;
}

.select2-search-field > input {
    height: 18px !important;
    height: -moz-calc(25px) !important;
}

html,
body,
#map-canvas {
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    width: 100%;
    margin: 0em;
    font-size: 1em;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 5px 4px 5px !important;
}

#pac-input:focus {
    border-color: #4d90fe;
    margin-left: -1px;
    padding-left: 14px; /* Regular padding-left + 1. */
}

.pac-input {
    width: 100%;
    margin: 0em;
    font-size: 1em;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    outline: none;
    color: rgba(0, 0, 0, 0.7);
    border-radius: 0;
    -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
    transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
    -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 5px 4px 5px !important;
}

.pac-input:focus {
    border-color: #4d90fe;
    margin-left: -1px;
    padding-left: 14px; /* Regular padding-left + 1. */
}

.pac-container {
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.angular-google-map-container {
    height: 350px;
}

/*.mce-colorbutton.mce-btn-small .mce-open {*/
/*padding: 0 0px 0 0px!important;*/
/*}*/
/*.mce-container * {*/
/*background: white!important;*/
/*}*/

.ui.vertical.menu.search_menu .item:before {
    height: 0px;
}

.grey_menu > div {
    background-color: rgb(223, 223, 223);
}

.ui.fast-cand.loading {
    position: relative;
}

.ui.fast-cand.loading:after {
    position: absolute;
    top: 0%;
    left: 0%;
    content: '';
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8) url(../css/images/loader-large.gif) no-repeat 50% 50%;
    visibility: visible;
}

.ui.button.teal.button-light {
    background-color: rgba(116, 184, 48, 0.5) !important;
}

.country {
    color: #000000 !important;
}

.city {
    color: rgba(114, 24, 24, 1) !important;
}

.big_tinymce {
    overflow: hidden;
    padding-top: 4px;
}

.big_tinymce iframe {
    height: 200px !important;
}

.skillsBlock iframe {
    height: 175px !important;
}

.custom_message {
    margin-top: 0px !important;
    margin-bottom: 7px !important;
    font-weight: bold !important;
    padding: 8px !important;
    text-align: center !important;
}

.field input {
    margin: 4px 0 !important;
}
.custom_message_success {
    color: #2779aa !important;
    background-color: rgba(150, 247, 137, 0.5) !important;
}

.custom_message_def {
    color: #2779aa !important;
    background-color: rgba(215, 235, 249, 0) !important;
}

.custom_message_error {
    color: #2779aa !important;
    background-color: rgba(255, 0, 0, 0.18) !important;
}

.tags_container {
    margin: 0;
    position: relative;
    zoom: 1;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important;
}

.active_active {
    background-color: rgba(231, 132, 9, 0.5) !important;
    color: black !important;
}

.active_def {
    background-color: rgba(192, 192, 192, 0.26);
}

.search_active {
    background-color: rgba(116, 184, 48, 0.6) !important;
    color: #ffffff !important;
    font-weight: bold;
}

.button_search_candidate_active {
    float: left;
    background-color: #74b830 !important;
    color: white !important;
    border: none;
    font-weight: bolder;

    padding: 5px !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

.button_search_candidate_def {
    float: left;
    background-color: rgba(192, 192, 192, 0.26) !important;
    color: rgba(0, 0, 0, 0.61);
    font-weight: bolder;

    padding: 5px !important;
    margin-top: 6px;
    margin-bottom: 6px;
}

.add_to_candidate_from_external {
    padding: 4px;
    float: right;
    background-color: #74b830 !important;
    color: white !important;
}

.add_to_candidate_from_external:hover {
    background-color: #398439 !important;
}

.select2100 > div {
    width: 100% !important;
    font-size: 1em;
}

.select2-search-choice-close {
    margin-top: -2px !important;
}

.ui.input input {
    width: 100%;
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
}

.ui.input input {
    font-size: 13px;
    height: 30px;
}
.ui.input select {
    height: 27px;
}

.item_hover:hover {
    background-color: rgba(0, 0, 0, 0) !important;
    cursor: default !important;
}

.item_hover_without_before:hover {
    /*background-color: #ffffff !important;*/
    /*cursor: default !important;*/
}

.item_hover_without_before:before {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        color-stop(50%, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0))
    ) !important;
    background-image: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0) 100%
    ) !important;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%) !important;
}

.external_menu {
    width: 578px;
    height: 166px;
    background-color: #ffffff !important;
    position: absolute;
    z-index: 10000;
    top: 80px;
    border: 5px solid rgb(223, 223, 223);
}

.external_menu > .row_external.left {
    padding: 2px 0px 1px 6px;
    width: 24%;
    float: left;
}

.external_menu > .row_external.right {
    padding: 2px 0px 1px 6px;
    width: 50%;
    float: left;
    -moz-padding-start: 0px !important;
    padding-left: 0px !important;
}

.external_menu > .row_external {
}

.test_color {
    opacity: 0.3;
}

.external_menu > .row_external > .element {
    padding: 2px 0px 2px 3px;
    background-color: #ffffff;
    cursor: pointer;
}

.external_menu > .row_external > .element > span.label {
    padding-left: 3px;
    font-weight: bold;
}

.ui.modal > .close {
    color: rgba(0, 0, 0, 0.8);
    top: 0.4rem;
    right: 0.2rem;
}

.ui.modal {
    top: 5% !important;
    margin-top: 0px !important;
}

.cross_out_text {
    text-decoration: line-through;
}

.cross_out_text:-moz-placeholder {
    text-decoration: line-through;
}

.cross_out_text::-webkit-input-placeholder {
    text-decoration: line-through;
}

.text_change {
    -webkit-transition: color 0.5s !important;
    -moz-transition: color 0.5s !important;
    -ms-transition: color 0.5s !important;
    -o-transition: color 0.5s !important;
    transition: color 0.5s !important;
    cursor: pointer;
}

.text_change:hover {
    color: #00baff !important;
}

#bubble {
    position: absolute;
    width: 76px;
    height: 85px;
    visibility: hidden;
    z-index: 99999;
}

#bubble-arrow {
    position: absolute;
    width: 75px;
    height: 85px;
    background: url('/css/images/bubble_arrow.png');
    z-index: 99999;
}

#arrow_preview {
    position: absolute;
    width: 28px;
    height: 88px;
    background: url('/css/images/bubble_arrow_2.png');
    z-index: 99999;
}

#bubble.left-pos .bubble-info {
    left: -274px;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.3);
}

.bubble-info {
    position: absolute;
    left: 70px;
    bottom: 0px;
    min-height: 134px;
    height: auto;
    padding: 11px;
    background-color: #fff;
    /* border-radius: 50px; */
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #15181a;
    line-height: 18px;
    visibility: hidden;
    border: #00aeef solid 5px;
}

.bubble-text {
    position: relative;
}

.bubble-info span {
    position: relative;
    display: block;
    font-size: 15px;
    color: #0279a6;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

#bubble.bottom-pos {
    /*margin-top: 50px;*/
}

#bubble.bottom-pos #bubble-arrow {
    background-position: left bottom;
}

#bubble.bottom-pos .bubble-info {
    top: 50px;
    left: 70px;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
}

.pulsar {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.text_TEST .pulsar {
    position: relative !important;
}

.pulsar-circle1 {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    /* background: url(/public/images/alpha_bg.png); */
    border: #fff solid 2px;
    border-radius: 20px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    animation-name: movePulsar1;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: movePulsar1;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: movePulsar1;
    -o-animation-duration: 0.8s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: movePulsar1;
    -ms-animation-duration: 0.8s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
}

.pulsar-circle2 {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -6px;
    width: 10px;
    height: 10px;
    /*background: url(/public/images/alpha_bg.png);*/
    border: #fff solid 2px;
    border-radius: 20px;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -o-transform: scale(0.5);
    animation-name: movePulsar2;
    animation-duration: 0.8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: movePulsar2;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -o-animation-name: movePulsar2;
    -o-animation-duration: 0.3s;
    -o-animation-timing-function: linear;
    -o-animation-iteration-count: infinite;
    -ms-animation-name: movePulsar2;
    -ms-animation-duration: 0.8s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
}

@keyframes movePulsar1 {
    0% {
        transform: scale(0.5);
    }
    70% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes 'movePulsar1' {
    0% {
        -webkit-transform: scale(0.5);
    }
    70% {
        -webkit-transform: scale(2);
        border-radius: 30px;
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

@-o-keyframes movePulsar1 {
    0% {
        -o-transform: scale(0.5);
    }
    70% {
        -o-transform: scale(2);
        opacity: 0;
    }
    100% {
        -o-transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes movePulsar1 {
    0% {
        -ms-transform: scale(0.5);
    }
    70% {
        -ms-transform: scale(2);
        opacity: 0;
    }
    100% {
        -ms-transform: scale(2);
        opacity: 0;
    }
}

@keyframes movePulsar2 {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    30% {
        transform: scale(0.5);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes 'movePulsar2' {
    0% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(2);
        border-radius: 30px;
        opacity: 0;
    }
}

@-o-keyframes movePulsar2 {
    0% {
        -o-transform: scale(0.5);
        opacity: 1;
    }
    30% {
        -o-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        -o-transform: scale(2);
        opacity: 0;
    }
}

@-ms-keyframes movePulsar2 {
    0% {
        -ms-transform: scale(0.5);
        opacity: 1;
    }
    30% {
        -ms-transform: scale(0.5);
        opacity: 1;
    }
    100% {
        -ms-transform: scale(2);
        opacity: 0;
    }
}

.invite_user {
    position: absolute !important;
    left: -136px !important;
    top: 80px !important;
}

.invite_user:before {
    margin-left: -0.3em !important;
    top: 5px !important;
    left: 100% !important;
}

#candidate_preview .attached {
    z-index: 10000000000;
    min-height: 100px;
}

.ui.celled_small.table td {
    border: 0px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    padding: 5px 5px;
}

.longlist_color {
    color: #6ecff5 !important;
}

.shortlist_color {
    color: #1976aa !important;
}

.interview_color {
    color: #564f8a !important;
}

.approved_color {
    color: #a1cf64 !important;
}

.notafit_color {
    color: #d95c5c !important;
}

.declinedoffer_color {
    color: #f05940 !important;
}
.no_response_color {
    color: #ff2733;
}

.disabled_status {
    background-color: rgba(21, 42, 21, 0.56) !important;
}

.interview_header {
    font-size: 17px;
}

.interview_header > div {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Yellow */

.ui.yellow.labels .label,
.ui.yellow.label {
    background-color: #f6f3d5 !important;
    border-color: #f6f3d5 !important;
    color: #96904d !important;
}

.ui.labels .yellow.label:before,
.ui.yellow.labels .label:before,
.ui.yellow.label:before {
    background-color: #f6f3d5 !important;
}

/* Hover */

a.ui.yellow.labels .label:hover,
.ui.yellow.labels a.label:hover,
a.ui.yellow.label:hover {
    background-color: #f6f3d5 !important;
    border-color: #f6f3d5 !important;
    color: #96904d !important;
}

.ui.labels a.yellow.label:hover:before,
.ui.yellow.labels a.label:hover:before,
a.ui.yellow.label:hover:before {
    background-color: #f6f3d5 !important;
}

.ui.without_tr_border.table tbody tr {
    border-bottom: 0px solid rgba(0, 0, 0, 0.03) !important;
}

.notice_element {
    padding: 0px;
}

.notice_element > .notice_element_icon {
    padding: 10px 8px 8px 8px;
}

.notices {
    width: 588px;
    position: absolute;
    z-index: 100000;
    left: -552px;
    background-color: white;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.4);
    cursor: default;
    display: none;
}

.statistics {
    width: 750px;
    position: absolute;
    z-index: 100000;
    background-color: white;
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.4);
    cursor: default;
    display: none;
}

.notice_ {
    min-height: 200px;
    padding: 0px 0px 2px 0px;
    border-bottom: 1px solid rgba(145, 141, 141, 0.44) !important;
}

.notice_element > .notices > .notice_ > .notice_title {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    margin-bottom: 14px;
}

.not_read {
    background-color: rgb(230, 230, 255) !important;
}

.notice_object > .event {
}

.notice_object > .event:hover {
    background-color: #f4f6f9;
}

.notice_object_2.event {
}

.notice_object_2:hover {
    background-color: #f4f6f9;
}

.more_history_2 {
    padding: 2px !important;
    cursor: pointer;
    color: rgb(138, 138, 138);
}

.notice_new {
    background-color: rgb(230, 230, 255) !important;
}

.notice_new:hover {
    background-color: rgb(230, 230, 255) !important;
}

.items_notice i {
    color: rgba(216, 216, 216, 0.75);
}

.items_notice:hover i {
    color: rgba(0, 0, 0, 0.75);
}

.hidden {
    display: none !important;
}

tr:hover .hidden,
tr:hover .responsibleTableHover {
    display: block !important;
    opacity: 1;
    transition: 0.5s;
}
tr:hover .hidden,
tr .mine {
    display: block !important;
    opacity: 1;
    transition: 0.5s;
    position: absolute;
    top: 13px;
    color: #999;
}
tr:hover .hidden,
tr:hover .mine {
    opacity: 0;
}

.responsibleTableHover {
    color: grey;
}

.test_change_color:after {
    background-color: green;
}

.test_change_color {
    -webkit-transition-property: background;
    -webkit-transition-duration: 2s;
    -webkit-transition-timing-function: ease;
}

@-webkit-keyframes change-color {
    0% {
        background-color: rgb(182, 206, 244);
    }
    100% {
        background-color: #ffffff;
    }
}

@-moz-keyframes change-color {
    0% {
        background-color: rgb(182, 206, 244);
    }
    100% {
        background-color: #ffffff;
    }
}

@-o-keyframes change-color {
    0% {
        background-color: rgb(182, 206, 244);
    }
    100% {
        background-color: #ffffff;
    }
}

@keyframes change-color {
    0% {
        background-color: rgb(182, 206, 244);
    }
    100% {
        background-color: #ffffff;
    }
}

.animated {
    -webkit-animation: change-color 2s; /* Safari 4+ */
    -moz-animation: change-color 2s; /* Fx 5+ */
    -o-animation: change-color 2s; /* Opera 12+ */
    animation: change-color 2s; /* IE 10+ */
}

.interview {
}

.ui.menu .active.interview.item {
    border-color: #e78409 !important;
    color: #e78409 !important;
    font-weight: bold;
}

i.protect.left:before {
    content: '\f132';
}

i.icon.send:before {
    content: '\f1d8';
}

i.icon.puzzle:before {
    content: '\f12e';
}

i.icon.google:before {
    content: '\f1a0';
}

i.icon.marker:before {
    content: '\f041';
}

i.icon.caret.down:before {
    content: '\f0d7';
}
i.icon.text.telephone:before {
    content: '\f1e4';
}
i.icon.linkify:before {
    content: '\f0c1';
}

.statistic_title.ua {
    padding-left: 95px;
}

.statistic_title.ru {
    padding-left: 60px;
}

.statistic_title.en {
    padding-left: 120px;
}

#notices {
    color: #000000;
}

#notices a {
    color: #00baff;
}

.item.events_c {
    border-bottom: 1px solid rgb(211, 207, 207);
}

.status_in_event {
    text-align: center;
    font-size: 11px;
    border-radius: 3px;
    min-width: 90px;
}
.eventData {
    cursor: pointer;
}

.active_intem_custom:after {
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    right: -12px !important;
    bottom: auto;
    left: auto;
    font-size: 34px;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 0;
}

.iten_custom:hover {
    background-color: #ffffff !important;
}

.iten_custom:hover .text_info {
    color: #00baff;
}

.ui.positive.buttons .button,
.ui.positive.button {
    background-color: #72b52f !important;
    color: #ffffff;
    font-weight: normal;
}

.ui.positive.buttons .button,
.ui.positive.button:hover {
    background-color: #398439 !important;
}
.ui.decline.buttons .button,
.ui.decline.button {
    background-color: #ccc;
    color: #ffffff;
    font-weight: normal;
}

.item-text {
    padding: 5px !important;
    margin-top: 6px;
    margin-bottom: 6px;
    margin-right: 7%;
    float: left;
    width: 0px;
    color: #555555;
    font-size: 14px;
    font-weight: bolder;
}

.modal-button {
    /*width: 7em;*/
    font-weight: bolder;
}

.ui.popup.bottom.center.transition.visible:hover {
    opacity: 1 !important;
}

.clever-window {
    position: absolute !important;
    z-index: 999 !important;
    cursor: default;
    background-color: #ffffff !important;
    text-align: justify;
    font-weight: normal;
    padding: 5px;
    left: 198px;
    width: 100px;
    line-height: 1.3;
    border: 1px solid rgb(223, 223, 223);
}

.clever-window.info {
    top: 33px;
    padding: 7px;
    right: -1px;
    left: inherit;
    text-indent: 25px;
}

.clever-window.status-vacancy {
    left: 127px;
    width: 214px;
    top: 20px;
    background-color: rgba(255, 255, 255, 0) !important;
    border: none;
    padding: 0px;
}

.clever-window.status {
    left: 60px;
    width: 130px;
    top: 23px;
    background-color: rgba(255, 255, 255, 0) !important;
    border: none;
    padding: 0px;
}

.clever-window.responsible {
    left: 135px;
    width: 220px;
    top: 20px;
    background-color: rgba(255, 255, 255, 0) !important;
    border: none;
    padding: 0px;
}

.clever-window-element {
    box-shadow: 0 0 0 1px rgb(221, 221, 221);
    border-radius: 5px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #ffffff;
    text-align: left;
    margin-bottom: 1px;
    font-size: 14px;
    cursor: pointer;
}

.clever-window-element.small {
    font-size: 13px;
}

.clever-window-element:hover {
    background-color: rgb(121, 121, 121) !important;
    color: white;
}

.clever-window-element.base {
    float: none;
    margin-left: 10px;
    height: 18px;
    line-height: initial;
}

.clever-window-element.base:hover {
    background-color: #ffffff !important;
    color: initial;
}

.popup.clever-popup {
    padding: 3px;
    opacity: 0.8;
    z-index: 1;
}

.popup.clever-popup.gmail {
    min-width: 155px;
    top: 23px;
    right: -53px;
    text-transform: lowercase;
}

.popup.clever-popup.status-vacancy {
    width: 239px;
    top: 19px;
    right: -254px;
}

.popup.clever-popup.responsible {
    width: 300px;
    max-width: 300px;
    top: 0px;
    right: -320px;
}

.clever-item {
    background-color: #ffffff;
    width: 700px;
    text-align: justify;
    margin: 10px auto;
    padding: 10px 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    margin-top: 1px;
}

.clever-item.small {
    text-align: justify;
    margin: 6px auto;
    padding: 6px 6px !important;
    box-shadow: 0 0 0 6px rgba(194, 194, 194, 1);
    border: 1px solid rgba(0, 0, 0, 0.5);
}

span.dot:hover {
    /*color: #000000 !important;*/
    /*border-color: #000000 !important;*/
}

span.black-dot {
    color: #ffffff !important;
    border-color: #000000 !important;
    font-weight: bold;
    border-bottom: 0px dashed #000080 !important;
}

.test123123 {
    background-color: rgba(116, 184, 48, 0.76) !important;
    margin-left: 9px;
}

span.dot {
    /*border-bottom: 1px dashed #000080;*/
    padding-left: 3px;
    cursor: pointer;
    color: #009fda;
    border-color: #009fda;
}

/*.sticker{*/
/*padding-top: 4px;*/
/*}*/

/*.sticker > h2,p{*/
/*font-size:100%;*/
/*font-weight:normal;*/
/*}*/
/*.sticker> ul,li{*/
/*list-style:none;*/
/*}*/
/*.sticker> ul{*/
/*padding-bottom: 23px;*/
/*overflow:hidden;*/
/*padding-left: 0px;*/
/*margin-top: 0px;*/
/*}*/
/*.sticker > ul li a{*/
/*text-decoration:none;*/
/*color:#000;*/
/*background:#ffc;*/
/*display:block;*/
/*height:10em;*/
/*width:10em;*/
/*padding:1em;*/
/*}*/
/*.sticker> ul li{*/
/*margin: 17px;*/
/*float:left;*/
/*}*/

/*.sticker> ul li h2{*/
/*margin-top: 0px;*/
/*font-weight: bold;*/
/*padding-bottom: 0px;*/
/*font-size: 1.1em;*/
/*text-align: left;*/
/*margin-bottom: 4px;*/
/*overflow: hidden;*/
/*height: 38px;*/
/*}*/
/*.sticker>  ul li p {*/
/*font-family: "Reenie Beanie", arial, sans-serif;*/
/*font-size: 1em;*/
/*text-align: left;*/
/*margin-top: 0px;*/
/*word-break: break-all;*/
/*}*/

/*.sticker > ul li a{*/
/*text-decoration:none;*/
/*color:#000;*/
/*background:#ffc;*/
/*display:block;*/
/*height:10em;*/
/*width:10em;*/
/*padding:1em;*/
/* Firefox */
/*-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);*/
/* Safari+Chrome */
/*-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);*/
/* Opera */
/*box-shadow: 5px 5px 7px rgba(33,33,33,.7);*/
/*}*/

/*.sticker> ul li:nth-child(even) a{*/
/*-o-transform:rotate(4deg);*/
/*-webkit-transform:rotate(4deg);*/
/*-moz-transform:rotate(4deg);*/
/*position:relative;*/
/*top:5px;*/
/*}*/
/*.sticker> ul li:nth-child(3n) a{*/
/*-o-transform:rotate(-3deg);*/
/*-webkit-transform:rotate(-3deg);*/
/*-moz-transform:rotate(-3deg);*/
/*position:relative;*/
/*top:-5px;*/
/*}*/
/*.sticker> ul li:nth-child(5n) a{*/
/*-o-transform:rotate(5deg);*/
/*-webkit-transform:rotate(5deg);*/
/*-moz-transform:rotate(5deg);*/
/*position:relative;*/
/*top:-10px;*/
/*}*/

/*.sticker>ul li a:hover,ul li a:focus{*/
/*-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
/*-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7);*/
/*box-shadow:10px 10px 7px rgba(0,0,0,.7);*/
/*-webkit-transform: scale(1.25);*/
/*-moz-transform: scale(1.25);*/
/*-o-transform: scale(1.25);*/
/*position:relative;*/
/*z-index:5;*/
/*}*/

/*.sticker> ul li a{*/
/*text-decoration:none;*/
/*color:#000;*/
/*background:#ffc;*/
/*display:block;*/
/*height:10em;*/
/*width:10em;*/
/*padding:1em;*/
/*-moz-box-shadow:5px 5px 7px rgba(33,33,33,1);*/
/*-webkit-box-shadow: 5px 5px 7px rgba(33,33,33,.7);*/
/*box-shadow: 5px 5px 7px rgba(33,33,33,.7);*/
/*-moz-transition:-moz-transform .15s linear;*/
/*-o-transition:-o-transform .15s linear;*/
/*-webkit-transition:-webkit-transform .15s linear;*/
/*}*/

/*ul li:nth-child(even) a{*/
/*-o-transform:rotate(3deg);*/
/*-webkit-transform:rotate(3deg);*/
/*-moz-transform:rotate(3deg);*/
/*position:relative;*/
/*top:5px;*/
/*background:#cfc;*/
/*}*/
/*ul li:nth-child(3n) a{*/
/*-o-transform:rotate(-2deg);*/
/*-webkit-transform:rotate(-2deg);*/
/*-moz-transform:rotate(-2deg);*/
/*position:relative;*/
/*top:-5px;*/
/*background:#ccf;*/
/*}*/

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

.sticker-list {
}

.sticker {
    background-color: rgb(255, 255, 255);
    width: 240px;
    display: inline-block;
    margin: 0px 2px 7px 2px;
    opacity: 1;
    position: relative;
    -webkit-transition-duration: 0.218s;
    transition-duration: 0.218s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    vertical-align: top;

    box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
}

.sticker-header {
    font-size: 14px !important;
    font-weight: bold;
    line-height: 18px;
    min-height: 20px;
    padding: 12px 15px 0 15px;
    text-align: left;
}

.sticker-header > div > input {
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
    font-size: 14px !important;
    width: 99%;
    padding: 3px;
    border: 1px solid rgb(113, 173, 240);
    background-color: rgba(255, 255, 255, 0.36);
}

.sticker-content {
    font-size: 14px !important;
    line-height: 19px;
    min-height: 84px;
    max-height: 155px;
    padding: 1px 15px 0px 15px;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.8);
}

.sticker-footer-toolbar {
    min-height: 22px;
    font-size: 19px;
    padding: 0px 14px 1px 13px;
}

.sticker-footer-toolbar > i {
    display: none;
    margin-right: 6px;
}

.sticker-footer-save {
    min-height: 22px;
    font-size: 14px !important;
    padding: 0px 0px 0px 0px;
    margin-bottom: 3px;
    margin-top: 4px;
}

.sticker:hover > .sticker-footer-toolbar > i {
    display: inline-block;
}

.sticker-palette {
    width: 120px;
    height: 50px;
    background-color: #6f6565;
    position: absolute;
    left: 46px;
    bottom: 22px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 1);
}

.sticker-palette-icon-list > i {
    font-size: 24px;
    margin-right: 0px;
    cursor: pointer;
    opacity: 1;
}

.sticker-palette-icon-list {
}

.sticker-content > div > textarea {
    font-family: Arial, 'lucida grande', tahoma, verdana, arial, sans-serif !important;
    font-size: 14px !important;
    width: 204px;
    max-width: 204px;
    min-height: 61px;
    max-height: 128px;
    border: 1px solid rgb(113, 173, 240);
    background-color: rgba(255, 255, 255, 0.36);
}

.sticker-footer-save > .ui.icon.buttons > .ui.button {
    padding: 1px !important;
    width: 103px;
    background-color: rgba(255, 255, 255, 0.68);
}

.button_add_sticker {
    padding: 8px;
    font-weight: bold;
    text-align: center;
}

.button_add_sticker:hover {
    background-color: #ffffff;
}

/*.sticker-button-save {*/
/*float: right;*/
/*width: 43%;*/
/*text-align: center;*/
/*padding: 0px 0px 3px 0px;*/
/*background-color:rgba(242, 242, 242, 0.75);*/
/*text-transform: inherit;*/
/*}*/

/*.sticker-button-save:hover{*/
/*background-color: rgb(222, 226, 225);*/
/*cursor: pointer;*/
/*}*/

.sticker-button-save_left {
    float: right;
    width: 48%;
    text-align: center;
    padding: 2px 0px 2px 0px;
    background-color: rgba(242, 242, 242, 0.75);
    text-transform: inherit;
    margin-right: 1px;
}

.sticker-button-save_left:hover {
    background-color: rgb(222, 226, 225);
    cursor: pointer;
}

.sticker-button-save_right {
    float: right;
    margin-left: 2px;
    margin-right: 15px;
    background-color: rgba(255, 255, 255, 0);
    width: 38%;
    text-align: center;
    padding: 0px 0px 3px 0px;
    text-transform: inherit;
}

.ui.custom_small.menu .item {
    font-size: 12px;
}

.message_about_already_added {
    margin: 4px 0px 4px 0px;
    padding: 3px 11px 3px 11px;
    line-height: 16px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    text-align: justify;
}

.status_menu {
    margin-bottom: 6px;
}

.status_menu_item.status_active-blue {
    background-color: rgb(217, 233, 252);
}

.status_menu_item {
    padding: 2px 0px 2px 3px;
    cursor: pointer;
    margin-bottom: 2px;
    background-color: rgb(252, 252, 252);
    border: 1px solid rgba(0, 0, 0, 0.15) !important;
}

textarea {
    padding: 4px 5px 4px 5px !important;
}

.ui.menu.menu_custom {
    /*background-color: rgba(255, 255, 255, 0);*/
    /*-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);*/
    /*box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);*/
}

.ui.menu.menu_custom > .item {
    padding: 0.64em 0.75em 0.68em 0.75em !important;

    /*background-color: #FFFFFF;*/
    /*-webkit-box-shadow: 1px 0px 0px 1px rgba(1, 0, 0, 0.1);*/
    /*box-shadow: 1px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
}

.ui.menu.menu_custom > .item:first-child {
    /*background-color: #FFFFFF;*/
    /*-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
    /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
}

.ui.menu.menu_custom > .item:last-child {
    /*background-color: #FFFFFF;*/
    /*-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
    /*border-radius: 0px 0em 0em 0px;*/
    /*box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);*/
}

.ui.menu.menu_custom > .item > .icon {
    margin-right: 0px;
}

.ui.menu.menu_custom > .item:hover {
    cursor: pointer;
    background-color: rgba(227, 227, 227, 0.99);
}

.ui.menu .item.custom_item {
    /*background-image: none;*/
    /*padding-left: 8px;*/
    /*padding-right: 8px;*/
    /*padding: 11px 6px 11px 6px!important;*/

    text-align: center;
}

.floating_notice_customize {
    /*top: 24px!important;*/
    /*left: 56%!important;*/
    margin-left: 0px !important;
}

/*.notice_info_search_container {*/
/*top: 25px!important;*/
/*background-color: rgba(255, 255, 255, 0) !important;*/
/*position: absolute;*/
/*left: 0!important;*/
/*right: 0!important;*/
/*margin-left: auto !important;*/
/*margin-right: auto !important;*/
/*}*/

.notice_info_search {
    background-color: #e78409 !important;
    border-color: #6ecff5 !important;
    font-weight: bold;
    border-radius: 5px !important;
    padding: 3px;
}
.notice_info_search_can {
    background-color: rgba(24, 185, 243, 0.3);
    border-color: #6ecff5 !important;
    border-radius: 5px !important;
    padding: 3px;
}
.notice_info_search_can_click {
    background-color: rgba(0, 168, 240, 1);
}
.notice_info_search_vac {
    background-color: #5fb5d7 !important;
    border-color: #6ecff5 !important;
    font-weight: bold;
    border-radius: 10px !important;
    min-width: 17px;
    min-height: 17px;
}

.select_search_type_item {
    cursor: pointer;
}

.select_search_type_item:hover {
    background-color: rgba(234, 237, 231, 0.76);
}

.ui.modal > .header {
    border-radius: 0em 0em 0px 0px !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0.1) !important;
}

.ui.modal {
    border: 0px solid #dddddd !important;
}

.clever-ellipsis {
    overflow: hidden;
    min-height: 84px;
    max-height: 150px;
}

.clever-ellipsis:before {
    content: '';
    float: left;
    width: 5px;
}

.clever-ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px;
}

.clever-ellipsis:after {
    content: '';
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right;
    position: relative;
    top: -74px;
    left: 100%;
    width: 3em;
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
}

.spinner_wraper {
    width: 100%;
    height: 100%;
    background: rgba(145, 139, 150, 0.52);
    z-index: 10;

    position: fixed;
    top: 50%;
    left: 50%;

    /* bring your own prefixes */
    transform: translate(-50%, -50%);

    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-timing-function: ease;
}

.spinner {
    width: 70px;
    text-align: center;
    position: fixed; /* or absolute */
    top: 50%;
    left: 50%;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
    background-color: white;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    background-color: white;
}

.spinner .bounce3 {
    background-color: white;
}

@-webkit-keyframes bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes bouncedelay {
    0%,
    80%,
    100% {
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    40% {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.grey-hover:hover {
    background-color: rgba(57, 57, 57, 0.96) !important;
}

.ui.progress .bar > span {
    font-size: 0.9em;
    top: 50%;
    margin-top: 0.5em;
    font-weight: 700;
    float: right;
    margin-right: 3px;
    color: white;
}

#footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear: both;
}

/* CLEAR FIX*/
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

tr.border_bottom td {
    /*border-bottom:1pt solid black;*/
}

tbody.border_top > tr:first-child {
    /*border-top:1pt solid black;*/
}

.clever-shadow-bottom {
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1), 0px -2px 0px 0px rgba(255, 255, 255, 0.8) !important;
}

.select2-container.form-control.error {
    border: 1px solid rgba(255, 0, 0, 0.4);
}

.clever-button-plus {
    padding: 0px !important;
    font-size: 16px !important;
    border: 1px solid rgba(53, 53, 53, 0.2) !important;
    background-color: #ffffff !important;
}

.clever-button-plus.green {
    background-color: #74b830 !important;
}

.clever-button-plus.green:hover {
    background-color: #398439 !important;
}

.clever-button-plus.green > i {
    color: #ffffff !important;
}

.clever-button-plus > i {
    opacity: 1;
    cursor: pointer !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    margin-top: 1px !important;
    color: rgba(0, 0, 0, 0.47) !important;
}

.clever-button-plus:hover {
    background-color: rgba(0, 0, 0, 0.4) !important;
}

a:hover > i {
    text-decoration: none !important;
}

.ui.button.without_back_image {
    background-image: none;
    box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.08) inset;
    background-color: #ffffff;
}

.without_back_imag:hover {
    background-color: #000000 !important;
}

/*#s2id_autogen3{*/
/*box-shadow: none!important;*/
/*margin: 0px;*/
/*padding: 4px 5px 4px 5px !important;*/
/*height: 27px;*/
/*}*/

/*.select2-container-multi .select2-choices .select2-search-choice{*/
/*padding-left: 5px!important;*/
/*padding-right: 19px!important;*/
/*}*/

/*.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close{*/
/*float: right;*/
/*left: inherit;*/
/*}*/
/*.select2-drop{*/
/*border-top:1px solid rgba(0, 0, 0, 0.3)!important*/
/*}*/
/*.select2-results{*/
/*margin: 0px 0px 0px 0px!important;*/
/*padding-left: 0px!important;*/
/*}*/
/*.select2-results:first-child{*/
/*margin-top: 2px;*/
/*}*/
/*.select2-result-label{*/
/*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
/*}*/
/*.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {*/
/*float: right;*/
/*left: inherit;*/
/*}*/

.select2-search {
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.select2-drop {
    border-top: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.select2-results {
    margin: 0px 0px 0px 0px !important;
    padding-left: 0px !important;
}

.select2-results:first-child {
    margin-top: 2px;
}

.select2-result-label {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.comma {
}

.comma > span:after {
    content: ', ';
    margin-left: 0px;
}

.comma > span:last-child:after {
    content: '';
}

.field > div.select2-container {
    padding: 0px 0px 0px 0px !important;
}

.select2-container {
    /*border: 1px solid rgba(0, 0, 0, 0.15)!important;*/
}

#youtubeBtn:hover > #youtubeCloseBtn {
    display: block !important;
}

.height82 {
    height: 82px !important;
}

.heightInitial {
    height: initial !important;
}

.bottom20 {
    bottom: 20px !important;
}

.bottom48 {
    bottom: 48px !important;
}

.ui.form .field > label,
.form-description {
    margin: 0px;
}

.footer {
    margin-top: -50px;
    left: 0px;
    bottom: 0px;
    height: 35px;
    text-align: center;
    color: #555555;
    width: 100%;
    /*background: #F3F3F3;*/
}

.ui.red.pointing.above.ui.label {
    margin-left: 0px;
}

.box-shadow-none {
    box-shadow: none !important;
}

.item.custom_hover:hover {
    box-shadow: #ffffff 0px 0px 0px 0px inset !important;
}

.not_show_icon.disabled > center > i {
    visibility: hidden;
}

.ui.form :first-child {
}

.select2-chosen {
    max-width: 395px !important;
}

.fade {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: 1;
}

.fade.ng-enter,
.fade.ng-leave {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.fade.ng-enter {
    opacity: 0;
}

.fade.ng-enter-active {
    opacity: 1;
}

.fade.ng-leave {
    opacity: 1;
}

.fade.ng-leave-active {
    opacity: 0;
}

.scope_background_color {
    background-color: #dde1e7;
}

.scope_background_color > div > button {
    background-color: #74b830 !important;
    color: #ffffff !important;
}

/************************Fly menu in candidates***************************/
.flyOuter {
    width: 31%;
    margin-right: 1%;
    margin-top: 25px;
    margin-left: 1%;
}
.fly {
    box-shadow: rgba(60, 79, 89, 0.498039) 0px 1px 6px;
    padding: 10px 10px;
}
.title {
    font-weight: 600;
    margin-bottom: 3px;
    display: block;
}
.flyOuterTask {
    margin-top: 25px;
}
/************************End   (Fly menu in candidates)***************************/

.typeOfJob .select2-container .select2-choices .select2-search-choice div {
    float: right;
    text-align: right;
}
.typeOfJob .select2-container .select2-choices .select2-search-choice a {
    float: right;
    left: inherit;
}
.typeOfJob .select2-container .select2-choices .select2-search-choice {
    padding: 3px 18px 3px 5px;
}
.grey {
    color: #999 !important;
}
/*.arrow{*/
/*position: absolute;*/
/*}*/
.arrowVk {
    left: -20px;
    top: 90px;
}
.passwordViaSoc {
    padding-left: 0;
}
.myVacancyOuter {
    background-color: #fff;
    margin-top: 2em;
    border: 1px solid #ccc;
}
.floatRight {
    float: right;
}
.floatLeft {
    float: left;
}
.date {
    color: rgba(0, 0, 0, 0.4);
    font-size: 0.9em;
}
.beta {
    position: absolute;
    right: -23px;
    top: 0;
    color: red;
    font-size: 0.8em;
}
.formats {
    color: #cccccc;
}
div.mce-tinymce {
    outline: 1px solid #cccccc;
    -webkit-logical-height: 232px !important;
    visibility: visible !important;
}

/*********************Pay page**********************************/
.checkoutOuter {
    min-height: 150px;
    padding-left: 25px;
    padding-right: 25px;
}
.checkout {
    position: relative;
}
.creditCards {
    position: absolute;
    width: 140px;
    left: 10px;
    bottom: 13px;
}
.creditCards img {
    max-width: 100%;
}
.checkout > span {
    display: block;
    text-align: left;
}
.checkoutInner {
}
.checkoutInnerSelect {
}
.checkoutInner:first-child {
    margin-top: 0em;
}
.checkoutInner .select2-container {
    min-width: 60px;
    margin-top: 1em;
}
.checkoutInner.word {
    margin-right: 4em;
}
.payFor {
    margin-top: 1.8em;
    font-size: 18px;
}
.payButtonOuter {
    margin-top: 1em;
    padding: 0 15px;
}
.clear {
    clear: both;
}
.payPrice {
    font-weight: 500;
    font-size: 2em;
}
.ammount {
    /*margin-top: 1.4em;*/
    /*display: block;*/
    /*margin-left: 2.5em;*/
    /*text-transform: lowercase;*/
}
.ammountMonth {
    /*margin-top: 1.8em;*/
}
#payButton {
    margin-top: 0.7em;
    padding: 1em 2em;
}
.discountTip {
    font-size: 0.9em;
    margin-top: 1em;
}
.checkoutSelectOuter {
    background-color: #c0def1;
    height: 96px;
    padding: 5px 40px;
    margin-top: 40px;
}
.ui.table .checkoutTable th,
.uploadsContent td {
    text-align: center;
}
.checkoutTable .ui.custom-all-table td {
    cursor: default;
}
.paySelect {
    /*margin-top: 20px;*/
    /*width: 100%;*/
    float: left;
    margin-left: -60px;
}
.paySelectOuter {
    margin-top: 20px;
    text-align: center;
}
i.paymentGreen {
    color: #027d1b;
    font-size: 20px;
}
/*************************End of Pay page*******************************/
.percent {
    font-size: 11px;
}
.zipOuter {
    width: 65%;
    margin: 0 auto;
    padding-top: 5px;
}
.zipradio {
    float: left;
    margin-left: 17px;
    margin-right: 14px;
}
.questionRadio {
    margin-top: 10px;
    margin-right: 15px;
}
.labelZip {
    margin-top: 15px;
    display: block;
    overflow: auto;
}
#zipType {
    width: 100%;
}
.tooltipRegion {
    display: block;
    margin-top: 25px;
    font-size: 0.8em;
    margin-bottom: 5px;
}
.zipTextOuter {
    padding-bottom: 19px;
}
.textZip {
    text-align: left;
}
.mainFormZip {
    float: left;
    width: 89%;
    margin-bottom: 30px;
    transition: 0.5s;
    text-align: left;
}
#pac-input3,
.mainFormZip,
.minorFormZip {
    transition: 0.5s;
}
.mainFormZipInner,
.mainFormZipInner {
    margin-right: 20px;
}
.helpZip {
    width: 515px;
    position: absolute;
    z-index: 100000;
    top: 100px;
    left: 365px;
    background-color: white;
    box-shadow: 0px 0px 10px rgb(16, 192, 255);
    cursor: default;
    display: none;
}

/*******************************Start question page******************************************/
.windowQuestion {
    margin-top: 15px;
    box-shadow: 0px 0px 10px rgb(16, 192, 255);
}
.buttonQuestionOuter {
    margin-top: 15px;
    margin-bottom: 40px;
}
.buttonQuestionOuterEdit {
    margin-top: 15px;
}
.buttonQuestion > span {
    padding: 0 5px;
}
.buttonQuestionDenied {
    width: 100%;
}
.buttonQuestion,
.buttonQuestionDenied {
    color: #ffffff;
}
.noticesQuestion {
    width: 515px;
    position: absolute;
    z-index: 100000;
    /*top: -44px;*/
    left: 468px;
    background-color: white;
    box-shadow: 0px 0px 10px rgb(16, 192, 255);
    cursor: default;
    display: none;
}
.questionsOuter {
    margin: 0 auto;
    background-color: #ffffff;
    padding: 10px;
    min-height: 185px;
}
.sendQuestion {
    width: 20%;
    margin: 15px auto 0;
}
#questionForm {
    border-top: 1px solid #cccccc;
    margin-top: 10px;
}
.questionBigTy {
    text-align: center;
}
.sign {
    text-align: left;
}
/*******************************End question page******************************************/

.hhSmallLogo {
    height: 0.7em;
    margin-right: 0.3em;
}
.workuaSmallLogo {
    margin-right: 0.3em;
    top: 3px;
    position: relative;
}
.textCompanysettings {
    margin-top: 15px;
    color: #8d8883;
    font-size: 0.8em;
}
.contentCompanySettings {
    /*margin-top: -10px;*/
}
.sizeOnLogo {
    display: block;
    position: absolute;
    left: 83px;
    top: 105px;
    font-size: 1.5em;
    color: #555555;
}
.betaZip {
    position: absolute;
    right: -6px;
    top: 0px;
    color: red;
    font-size: 0.8em;
}
.betaCompanySettings {
    position: absolute;
    right: -32px;
    top: -4px;
}
.ui.progress.progressBarOuter {
    text-align: left;
    overflow: hidden;
    width: 65%;
    height: 25px;
    -webkit-transition: top 1s ease-out 0.5s;
    -moz-transition: top 1s ease-out 0.5s;
    -o-transition: top 1s ease-out 0.5s;
    transition: top 1s ease-out 0.5s;
}
.ui.progress .bar {
    background-color: #74b830;
}
.excelHistory {
    font-size: 13px;
    display: block;
    text-align: center;
    cursor: pointer;
}
.excelHistory:hover {
    text-decoration: none;
}
table.ui.tableExcel tr:hover {
    background-color: #ffffff !important;
}
.criterion {
    color: #999999;
}
.criterionOuter .criterionValue:after {
    content: ', ';
}
.criterionOuter .criterionValue:last-child:after {
    content: ' ';
}
.leftPanelLine {
    padding: 0px;
    margin: 0px;
    opacity: 0.2;
}
.editCommentArea {
    width: 22rem;
    height: 7rem;
}
.doneAchieve {
    /*color: #0DFF43;*/
    color: #74b830;
}
i.achieveIconDone {
    /*color: #0DFF43;*/
    color: #74b830;
    float: right;
    margin-top: -5px;
    margin-left: 7px;
    font-size: 1.4em;
}
i.achieveIconDoneHeader {
    color: #74b830;
    margin-top: -5px;
    margin-left: 7px;
    font-size: 1.4em;
}
.notDoneAchieve {
    color: rgba(0, 0, 0, 0.4);
}
.notDoneAchieve:hover {
    text-decoration: none;
}
.achieveIconNotDone {
    color: rgba(0, 0, 0, 0.4);
    float: right;
}
.hiddenOpacity {
    opacity: 0;
}
.helpIcon {
    font-size: 18px;
    cursor: pointer;
}
.achieveText {
    padding: 0px 25px 15px 0;
    overflow: auto;
    margin-top: -1em;
}
.removeMessage {
    margin-left: -5px;
    position: relative;
}
.removeMessage:focus {
    outline: none;
}
.removeMessage:hover {
    text-decoration: none;
}
.shortRemoveComment {
    max-width: 430px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newRemove {
    position: absolute;
    right: -13px;
    top: 0;
    color: red;
    font-size: 0.8em;
}
.newCommentLabel {
    position: absolute;
    right: -32px;
    top: 0px;
}
.newCommentLabel:first-child {
    display: none;
}
textarea {
    font-family: inherit;
    font-size: inherit;
}
.noImage {
    background-image: url('../img/missing-image-640x360.png');
    padding-bottom: 70px;
    padding-top: 70px;
    background-size: 250px 159px;
    background-position: -11px -1px;
    text-align: center;
    cursor: pointer;
    margin-bottom: -28px;
}
.newStatus {
    position: absolute;
    top: -5px;
    right: -27px;
    color: red;
    font-size: 0.8em;
}
#payMessage a {
    color: #2d0ce8;
}
.ui.list span.achieveHeader {
    display: block;
    float: left;
    margin-top: 2px;
}
.achieveContainer {
    padding: 5px 10px;
}
.achieveContainer.selected,
.achieveContainerLast.selected {
    background-color: #f1f1f1;
}
.departmentOuter {
    outline: 1px solid #cccccc;
    height: 300px;
    overflow: auto;
}
.departmentOuter ul {
    list-style: none;
    padding: 0 10px;
}
.departmentOuter ul li {
    padding: 8px;
}
.departmentOuter ul li:hover {
    background-color: rgba(0, 0, 0, 0.11);
}
.departmentOuter ul li:hover .removeDepartment {
    display: block;
}
.removeDepartment {
    float: right;
    display: none;
}
.departmentEdit {
    text-align: center;
}
.newBlog {
    position: absolute;
    right: -9px;
    top: 4px;
    color: red;
    font-size: 0.8em;
}
.departmentSelect {
    width: 200px;
    margin: 10px 0 0 -4px;
    padding: 1px 2px !important;
    float: right;
}
.departmentCreateOuter {
    text-align: right;
}
.ui.popup {
    max-width: 400px;
}
.achieveImg {
    max-width: 100%;
}
.ui .item .newsMenu {
    left: -105px;
    width: 260px;
    cursor: auto;
    position: absolute;
    display: block;
    top: 100%;
    margin: 0em;
    background-color: #ffffff;
    min-width: 100%;
    white-space: nowrap;
    font-size: 0.875em;
    text-shadow: none;
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 0.325em 0.325em;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    z-index: 11;
}
.newsLinkOuter {
    margin-bottom: 10px;
}
.newsLinkOuter:first-child {
    margin-top: 10px;
}
.newsLinkOuter a {
    white-space: normal;
}
.activeNewsCounter {
    position: absolute;
    right: 5px;
    top: 4px;
    color: red;
    font-size: 0.9em;
    font-weight: 600;
}
.newsMenu {
    text-align: left;
    position: relative;
}
i.closeNewsTab {
    position: absolute;
    right: -3px;
    top: 0;
    font-size: 17px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.3);
}
.ui.vertical.menu div.item {
    display: inline-block;
    width: 100%;
}
_::-webkit-full-page-media,
_:future,
:root .ui.vertical.menu div.item {
    display: inline-block;
    width: 100%;
}
.achieveLevelHeader {
    text-align: center;
    cursor: pointer;
}
.achieveLevelHeader2 {
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer;
}
.achieveLevelHeaderActive {
    color: #74b830;
}
.ui.buttons .button.verticalButton {
    min-width: 160px;
    margin: 50px -20px 0 -43px;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.ui.buttons div.button.activeAchievesButton {
    margin-top: 69px;
}
.achievesOuter2 {
    display: none;
}
.achievesOuter3 {
    display: none;
}
.ui.teal.button.red {
    background-color: #cc181e !important;
}
.ui.teal.button.red:hover {
    background-color: #bd0d13 !important;
}
.achieveSign {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
}
.labelNewAchieves {
    position: absolute;
    left: 10px;
    top: 10px;
}
.popupOuter {
    position: relative;
}
.popupOuter .icon {
    position: absolute;
    bottom: 5px;
    right: -20px;
    font-size: 14px;
}
.logoClientNone {
    font-size: 20px;
    color: #555555;
    display: block;
    margin-top: -80px;
    margin-bottom: 55px;
}
.titleForProgress {
    outline: 1px solid red;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
}
.alert-danger {
    background-color: red;
}
.shortCommentVacancy {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 30px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    margin-left: 20px;
}
.errorInput {
    border-color: red;
}
.linkAddFile {
    color: #00baff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /*display: block;*/
    margin-top: 5px;
}
.iconLinkFilesDelete {
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 7px;
}
.external_menu_add_link {
    width: 578px;
    height: 172px;
    background-color: #ffffff !important;
    position: absolute;
    z-index: 10000;
    left: 230px;
    top: -50px;
    border: 5px solid rgb(223, 223, 223);
}
.newAddLink {
    position: absolute;
    right: 20px;
    top: -4px;
}
i.iconForEditInterview {
    visibility: hidden;
}
.ui.list .item:hover .iconForEditInterview {
    visibility: visible;
}
tr td div.ui.addCommentInVacancyLabel {
    display: none;
}
tr:first-child td div.ui.addCommentInVacancyLabel {
    position: absolute;
    top: -22px;
    display: block;
}
.ui.menu a.item:before {
    content: initial;
}
.ui.menu div.item:before {
    content: initial;
}
div.ui.menu#newsDropdown:after {
    content: initial;
}
.previewCandidate {
    visibility: hidden;
    transition: 0.5s;
}
tr:hover td .previewCandidate {
    visibility: visible;
}
/*div.item.red:hover{*/
/*box-shadow: #E78409 0px 2.799999952316284px 0px 0px inset;*/
/*color: #E78409;*/
/*}*/
.ui.menu div.item:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.11);
}
.notHover:hover {
    background-color: #f3f3f3 !important;
    cursor: auto !important;
}
.notHover_2:hover {
    color: #009fda;
}
i.resizeClass {
    padding-right: 7px;
    margin-left: 10px;
}
.inactive {
    background-color: rgba(0, 0, 0, 0.11);
    opacity: 0.5;
}
.anchor.resizeClass {
    visibility: hidden;
}
.item.interview:hover .anchor.resizeClass {
    visibility: visible;
}
.ui.basic.table tbody tr {
    border-bottom: none;
}
.ui.vertical.menu .choosingStages.item:before {
    height: 0px;
}
.newlabelStages {
    position: absolute;
    top: -4px;
}
i.removeStage {
    position: absolute;
    right: -15px;
    top: 0;
    margin-left: 10px;
    display: none;
}
.stagesOuter:hover i.removeStage {
    display: block;
}
.choosingStages i.resizeClass {
    opacity: 0;
    display: inline-block;
}
.choosingStages:hover i.resizeClass {
    opacity: 1;
}
.customStageName {
    text-overflow: ellipsis;
    max-width: 180px;
    display: block;
    overflow: hidden;
}
.ui.vertical.menu .item.choosingStages > i.icon {
    float: left;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 0;
}
.ui.vertical.menu .item.choosingStages > button {
    margin-right: 7px;
}
.bold {
    font-weight: 600;
}
#s2 .mainLink {
    font-weight: 600;
    color: #999;
    float: left;
}
.ui.sub.addMenu a.noneVisibleItem {
    font-size: 13px;
    padding: 0px;
    width: 138px;
}
_:-moz-tree-row(hover),
.ui.sub.addMenu a.noneVisibleItem {
    font-size: 13px;
    padding: 0px;
    /*width: 144px!important;*/
    vertical-align: bottom;
    padding-bottom: 3px !important;
    padding-top: 8px !important;
}
_:-moz-tree-row(hover),
#drop_down_scope {
    padding-bottom: 7px !important;
}
_:-moz-tree-row(hover),
.logoOuter {
    width: 144px;
}
.checkoutTable.tableCandidate th,
.checkoutTable.tableCandidate td,
.candidateTableLast.tableCandidate td {
    width: 12%;
}
.candidateTableLast.tableCandidate td:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui.celled.table .tableVacancy th,
.ui.celled.table .tableVacancy td {
    padding: 0px;
    font-size: 12px;
    font-weight: 100;
    background-color: #6ecff5;
}
.ui.table tr.tableVacancy th {
    text-align: left;
    border-bottom: 0 !important;
}
.ui.table tr.tableVacancy td {
    border-top: 1px solid #6ecff5;
}
.chooseStatusMenu,
.choosePersonMenu {
    box-shadow: 0px 0px 10px rgb(16, 192, 255) !important;
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 100;
}
.chooseStagesMenu {
    box-shadow: 0px 0px 10px rgb(16, 192, 255) !important;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    z-index: 100;
}
.commasBlog > span {
    white-space: nowrap;
}

.commasBlog > span:after {
    content: ', ';
}
.commasBlog:last-child > span:after {
    content: ' ';
}
.commasBlogUsers {
    display: inline-flex;
    margin-right: 4px;
}
.commasBlogUsers:after {
    content: ', ';
}
.commasBlogUsers:nth-last-child(2):after {
    content: ' ';
}
.select13 .dollar {
    color: initial;
    position: absolute;
    right: 0;
    top: 5px;
}
.blockUser a:not(.exit) {
    pointer-events: none;
}
.blockUserHide div:not(.paymentMain) {
    display: none !important;
}
.exportExcellIcon:hover {
    text-decoration: none;
}
.linkReport {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 14px;
    text-align: center;
    font-weight: 600;
}
.add_comment_decor:hover {
    text-decoration: underline;
}
.excelImg {
    width: 30px;
    height: 30px;
    margin-bottom: -8px;
}
.emailSentCandidate {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}
span.ui.top.attached.label.buttonAddCommentInVacancy {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 13px;
    line-height: 12px;
    padding: 2px 5px !important;
    margin-left: 10px;
}
span.ui.top.attached.label.buttonAddCommentInVacancy.dontShow {
    display: none;
}
tr:hover span.ui.top.attached.label.buttonAddCommentInVacancy.dontShow {
    display: block;
}
.reportPersonChoose {
    float: left;
    width: 33%;
    min-width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0.3em 0.95em !important;
}
.socialCleverstaff {
    display: inline-block;
}
a.hoverNotUnderLine:hover {
    text-decoration: none;
}
#drop_down_scope {
    min-width: 290px !important;
}
#drop_down_scope-2 {
    display: none;
}
.tabl {
    width: 260px;
    height: 37px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}
.tabl-2 {
    width: 266px;
    height: 37px;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}
.ui.sub.addMenu {
    clear: both;
}
_::-moz-tree-row(hover),
.ui.sub.addMenu a.noneVisibleItem.key_h {
    width: 144px !important;
}
#box {
    display: block;
}
.iconCS {
    display: none;
}
.lastPayment {
    border: 5px solid rgb(16, 192, 255) !important;
}
#invited_users {
    width: 200px;
    height: 200px;
    background-color: #f3f3f3;
    position: relative;
    top: 274px;
    left: 150px;
    z-index: 1;
}
.fifteen.wide.column:hover #invited_users {
    display: block !important;
}
.mail_1,
.role_1 {
    width: 100px;
    height: 20px;
    margin-left: 10px;
}
.editFileMenu > .ui.middle.aligned.selection.list > .item:hover {
    background-color: #797979;
}
.editFileMenu > .ui.middle.aligned.selection.list > .item > .content > div:hover {
    color: #ffffff !important;
}
.editFileMenu > .ui.middle.aligned.selection.list > .item:hover {
    color: #ffffff !important;
}
.nowItWork {
    position: relative !important;
}
.payBtn {
    color: #72b52f !important;
}
.payBtn:hover {
    background-color: #d9d9d9 !important;
    color: #58b86f !important;
}
.blog {
    color: #72b52f !important;
}
.blog:hover {
    background-color: #d9d9d9 !important;
    color: #58b86f !important;
}
.ui.menu .item > .input input {
    -webkit-margin-before: 4px !important;
}
.notHoverTxt {
    text-decoration: none !important;
}
.AdvancedSearchCandidate {
    display: none;
    width: 900px;
    min-height: 410px;
    background-color: #e7e8d8 !important;
    position: absolute;
    z-index: 999;
    left: 224px;
    top: 6px;
    border-left: none;
    min-height: -moz-calc(417px);
    /*background-image: url(../img/header.jpg);*/
}
.boxThreeColumn {
    width: 270px;
    float: left;
    margin: 0px 15px;
    margin-top: 58px !important;
}
.button_add.ui.item.icon.teal.button {
    padding: 6px;
}
.styleCandidateLabel {
    color: #222;
    font-size: 14px;
    padding: 0px 5px;
}
.criterionSearchCandidate {
    min-width: 75%;
    min-height: 31px;
    float: left;
    max-width: 80%;
}
.pivot {
    background-color: rgba(130, 138, 142, 0.2);
    padding: 5px 10px;
    font-size: 13px;
    color: #333;
    float: left;
    margin: 5px 5px 0px 5px;
    -webkit-box-shadow: inset 0 0 3px #ddd;
    -moz-box-shadow: inset 0 0 3px #ddd;
    box-shadow: inset 0 0 3px #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    display: inline-block;
}
ul .pivot:first-child {
    margin-top: 5px;
}
.pivots {
    /*display: none;*/
    width: 100% !important;
    padding-left: 0px;
    margin: 0;
    min-height: 31px;
    padding-top: 5px;
    /*padding-bottom: 5px;*/
    /*border: 1px solid rgba(153,153,153,0.4);*/
    /*border-left: none;*/
    /*border-right: none;*/
}
.notHoverMenu {
    border-radius: 0px !important;
}
.button_add.ui.item.icon.teal.button {
    padding: 6px;
}
.usersLogoutNotification.modal.ui.small {
    width: 32%;
    margin-left: -17%;
    margin-top: 250px !important;
}
.showVerticalScrollbar {
    overflow-y: scroll;
}
.ui.fluid.demo.tabular.menu.forcandid {
    width: 78% !important;
}
.hideDateForPay {
    display: block;
}
.showDateForPay {
    display: none;
}
.payBtn:hover .hideDateForPay {
    display: none;
}
.payBtn:hover .showDateForPay {
    display: block;
}
.blockTwelveWide {
    float: left;
    margin-top: 0px !important;
}
.vacancyVerticalMenu {
    float: left;
}
.requestFormShow {
    display: none;
}
.outerBlock .innerBlock > span:after {
    content: ', ';
}
.innerBlock:last-child > span:after {
    content: ' ';
}
@media (min-width: 320px) and (max-width: 1200px) {
    .displayNone {
        display: none;
    }
}
@media (min-width: 1101px) and (max-width: 1200px) {
    .candidateMenuAdaptive_2 {
        width: 33% !important;
    }
    .candidateMenuAdaptive_3 {
        width: 36% !important;
    }
}
@media (min-width: 769px) and (max-width: 1190px) {
    #s2 {
        height: 105px !important;
        -webkit-max-logical-height: 105px !important;
    }
    .item.orange.mainLink {
        width: 110px !important;
    }
    a.item.item_hover_without_before.sr {
        width: 111px !important;
    }
    .tabl {
        position: absolute;
        top: 66px;
        left: 318px;
        display: block;
        width: 440px !important;
    }
    .tabl-2 {
        position: absolute;
        top: 70px;
        left: 425px;
        display: none;
        width: 390px !important;
    }
    .payBtn {
        width: 125px !important;
        height: 41px !important;
    }
    #drop_down_scope {
        position: absolute;
        top: 76px !important;
        left: 0px;
        width: 402px !important;
    }
    #drop_down_scope > .menu {
        left: -20px !important;
    }
    #drop_down_scope-2 {
        display: none;
    }
    #box {
        display: block;
        height: 104px;
    }
    .ui.fluid.demo.tabular.menu.forcandid {
        position: absolute;
        width: 100% !important;
    }
    .candidateMenuAdaptive_1 {
        width: 124px !important;
        -webkit-logical-width: 120px !important;
    }
    .candidateMenuAdaptive_2 {
        width: 40% !important;
    }
    .candidateMenuAdaptive_3 {
        width: 37% !important;
    }
    .AdvancedSearchCandidate {
        width: 325px !important;
    }
    .AdvancedSearchCandidate > .ui.search_menu.grey_menu > .header.item.red-header > span {
        left: -35px !important;
    }
    .AdvancedSearchCandidate
        > .ui.search_menu.grey_menu
        > .header.item.red-header
        > div
        > .button_add.ui.item.icon.teal.button {
        width: 50% !important;
        margin-left: 80px !important;
        margin-top: 10px !important;
    }
    /*_::-moz-tree-row(hover), .lf {*/
    /*margin-left: 143px;*/
    /*}*/
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h {
        width: 144px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.hid {
        width: 138px !important;
    }
    .del_add {
        display: none;
    }
    .blockTwelveWide {
        width: 67% !important;
    }
    .requestFormShow {
        display: none;
    }
}
@media (min-width: 582px) and (max-width: 768px) {
    .mMenu {
        width: 195px;
        height: 224px;
        -moz-height: 190px;
        position: relative;
        left: 0px;
        top: -2px;
        z-index: 9999;
        background-color: #f5f5f5 !important;
        opacity: 0.97;
        clear: both;
        float: none;
    }
    .logo {
        font-size: 19px;
        display: none;
    }
    _::-moz-tree-row(hover),
    .logoOuter {
        width: 65px;
    }
    .iconCS {
        background-image: url(img/icon48.png);
        display: block;
    }
    #s2 .mainLink {
        float: none;
    }
    .item.orange.mainLink {
        width: 100px !important;
    }
    .item.teal.mainLink {
        width: 105px !important;
    }
    .item.green.mainLink {
        width: 105px !important;
    }
    .item.red.mainLink {
        width: 105px !important;
    }
    .item.blue.mainLink {
        width: 105px !important;
    }
    .ui.sub.addMenu {
        width: 104px;
    }
    .ui.sub.addMenu a.noneVisibleItem {
        font-size: 12px !important;
    }
    a.item.item_hover_without_before {
        width: 95px !important;
        position: relative;
        top: -187px;
        left: 100px !important;
        height: 36px;
        margin-top: 14px;
    }
    a.item.item_hover_without_before.noneVisibleItem {
        margin-top: 0px;
    }
    a.item.item_hover_without_before > span {
        top: 0px !important;
    }
    a.item.item_hover_without_before.not_show_icon {
        margin-top: 12px;
    }
    a.item.item_hover_without_before > .dw {
        padding: 19px 8px !important;
    }
    a.item.item_hover_without_before > center {
        margin-top: 0px;
    }
    .item.item_hover_without_before.pd {
        padding: 18px 8px !important;
        margin-top: 0px !important;
    }
    a.item.item_hover_without_before > i {
        display: none;
    }
    a.item.item_hover_without_before > span {
        top: 0px !important;
    }
    a.item.item_hover_without_before.bot {
        margin-top: 3px;
        padding: 12px !important;
    }
    #drop_down_scope {
        top: -20px;
        left: -174px;
        display: none;
    }
    #drop_down_scope-2 {
        top: 40px;
        right: 0px;
        display: block;
    }
    .beta {
        right: -13px;
        top: -6px;
    }
    .tabl {
        float: none;
        top: -38px;
        left: 136px;
        display: none;
    }
    .tabl-2 {
        width: 325px !important;
        float: none;
        top: 0px;
        display: block;
    }
    .item.mainLink.logoOuter {
        position: relative;
        top: 0px;
        left: -20px;
        height: 58px;
    }
    .item.item_hover.mainLink.logoOuter-2 {
        display: block !important;
    }
    .item.mainLink.logoOuter.lg {
        display: none;
    }
    #s2 {
        height: 58px;
    }
    .ui.menu > i#poolButton.list.layout.icon {
        float: left;
        display: block;
        position: relative;
        left: 93px;
        width: 30px;
        height: 30px;
        top: 12px;
        font-size: 25px;
        cursor: pointer;
        color: #414141;
    }
    .ui.menu > i#poolButton.list.layout.icon.vi {
        left: 93px;
    }
    .ui.menu > i#poolButton.list.layout.icon:hover {
        background-color: rgba(0, 0, 0, 0.11);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }
    .ui.menu > i#poolButton {
        padding: 0.4em 1.5em 1.08em 0.5em;
    }
    #box {
        display: none;
        width: 195px !important;
    }
    .lf {
        float: none !important;
    }
    .notices {
        width: 566px;
        position: absolute;
        z-index: 100000;
        left: -241px;
        background-color: white;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.4);
        cursor: default;
        display: none;
        top: 58px;
    }
    .ui.menu.menu_custom.m2 {
        margin-top: 4px !important;
    }
    _::-moz-tree-row(hover),
    .key {
        width: 0px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h {
        width: 0px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem {
        width: 138px !important;
        padding: 0px 47.5px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h > span {
        left: -41px;
        top: 6px !important;
    }
    .del_add {
        display: none !important;
    }
    .del_add_1 {
        display: none !important;
    }
    .menu.ui.transition.visible {
        left: -80px !important;
    }
    .blockTwelveWide {
        width: 56% !important;
    }
    .requestFormShow {
        display: none;
    }
}
@media (min-width: 440px) and (max-width: 581px) {
    .mMenu {
        width: 195px;
        height: 213px;
        position: relative !important;
        left: 0px;
        top: -2px;
        z-index: 9999;
        background-color: #f5f5f5 !important;
        opacity: 0.97;
        float: none;
        clear: both;
    }
    #s2 .mainLink {
        float: none;
        top: 0;
        left: 0;
    }
    .logo {
        display: none;
    }
    _::-moz-tree-row(hover),
    .logoOuter {
        width: 65px;
    }
    .iconCS {
        background-image: url(img/icon128.png);
        display: block;
    }
    .item.orange.mainLink {
        width: 100px !important;
    }
    .item.teal.mainLink {
        width: 105px !important;
    }
    .item.green.mainLink {
        width: 105px !important;
    }
    .item.red.mainLink {
        width: 105px !important;
    }
    .item.blue.mainLink {
        width: 105px !important;
    }
    .ui.sub.addMenu {
        width: 105px;
    }
    .ui.sub.addMenu a.noneVisibleItem {
        font-size: 12px !important;
    }
    a.item.item_hover_without_before {
        width: 95px !important;
        position: relative;
        top: -183px;
        left: 100px !important;
        height: 36px;
        margin-top: 12px;
    }
    a.item.item_hover_without_before.noneVisibleItem {
        margin-top: -3px;
    }
    a.item.item_hover_without_before.not_show_icon {
        margin-top: 12px;
    }
    .item.item_hover_without_before.pd {
        padding: 14px 8px !important;
        margin-top: 0px !important;
    }
    a.item.item_hover_without_before > i {
        display: none;
    }
    a.item.item_hover_without_before > span {
        top: 0px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem {
        padding: 0px 47.5px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h {
        width: 95px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h > span {
        left: -41px;
        top: 6px !important;
    }
    a.item.item_hover_without_before.bot {
        margin-top: 3px;
        padding: 12px !important;
    }
    a.item.item_hover_without_before > center {
        margin-top: 0px;
    }
    #drop_down_scope {
        top: 150px;
        left: 0px;
        display: none;
    }
    #drop_down_scope-2 {
        top: 38px;
        display: block;
    }
    .beta {
        right: -13px;
        top: -6px;
    }
    .tabl {
        float: none;
        top: 171px;
        left: -130px;
        display: none;
    }
    .tabl-2 {
        float: none;
        top: 0px;
        display: block;
    }
    .item.mainLink.logoOuter {
        position: relative;
        top: 15px;
        left: -20px !important;
        height: 58px;
    }
    .item.item_hover.mainLink.logoOuter-2 {
        display: block !important;
    }
    .item.mainLink.logoOuter.lg {
        display: none;
    }
    #s2 {
        height: 58px;
    }
    .ui.menu > i#poolButton.list.layout.icon {
        float: left;
        display: block;
        position: relative;
        left: 90px;
        width: 30px;
        height: 30px;
        top: 12px;
        font-size: 25px;
        cursor: pointer;
        color: #414141;
    }
    .ui.menu > i#poolButton.list.layout.icon.vi {
        left: 88px;
    }
    .ui.menu > i#poolButton.list.layout.icon:hover {
        background-color: rgba(0, 0, 0, 0.11);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }
    .ui.menu > i#poolButton {
        padding: 0.4em 1.5em 1.08em 0.5em;
    }
    #box {
        display: none;
        width: 195px !important;
    }
    .lf {
        float: none !important;
    }
    .notices {
        width: 425px;
        position: absolute;
        z-index: 100000;
        left: -75px;
        background-color: white;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.4);
        cursor: default;
        display: none;
        top: 58px;
    }
    .ui.menu.menu_custom.m2 {
        margin-top: 4px !important;
    }
    _::-moz-tree-row(hover),
    .key {
        width: 0px !important;
    }
    .del_add {
        display: none !important;
    }
    .del_add_1 {
        display: none !important;
    }
    .menu.ui.transition.visible {
        left: -80px !important;
    }
    .flyOuter > div {
        width: 615% !important;
    }
    .blockTwelveWide {
        padding-left: 10px !important;
        -webkit-padding-start: 10px !important;
        margin-top: 5px !important;
        width: 100% !important;
    }
    .vacancyVerticalMenu {
        width: 96% !important;
        margin-left: 10px !important;
    }
    .inputWidth {
        width: 96% !important;
    }
    .requestFormHide {
        display: none;
    }
    .requestFormShow {
        display: block;
        background-color: #fff;
    }
}
@media (max-width: 439px) {
    .mMenu {
        width: 189px;
        height: 220px;
        position: relative !important;
        left: 0px;
        top: -2px;
        z-index: 9999;
        background-color: #f5f5f5 !important;
        opacity: 0.97;
        float: none;
        clear: both;
    }
    #s2 .mainLink {
        float: none;
    }
    .logo {
        display: none;
    }
    _::-moz-tree-row(hover),
    .logoOuter {
        width: 53px;
        height: 44px;
    }
    .iconCS {
        background-image: url(img/icon128.png);
        display: block;
    }
    .iconCS img {
        width: 35px;
        height: 35px;
        position: relative;
        top: 15px;
    }
    .item.teal.mainLink {
        width: 105px !important;
    }
    .item.green.mainLink {
        width: 105px !important;
    }
    .item.red.mainLink {
        width: 105px !important;
    }
    .item.blue.mainLink {
        width: 105px !important;
    }
    .item.mainLink.logoOuter {
        left: -40px !important;
    }
    .item.orange.mainLink {
        width: 100px !important;
    }
    .ui.sub.addMenu a.noneVisibleItem {
        font-size: 12px !important;
    }
    a.item.item_hover_without_before {
        width: 95px !important;
        position: relative;
        top: -186px;
        left: 94px !important;
        height: 36px;
        margin-top: 12px;
    }
    .item.item_hover_without_before.pd {
        padding: 18px 8px !important;
        margin-top: 0px !important;
    }
    a.item.item_hover_without_before > i {
        display: none;
    }
    a.item.item_hover_without_before.noneVisibleItem {
        margin-top: -2px;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem {
        padding: 0px 47.5px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h {
        width: 95px !important;
    }
    _::-moz-tree-row(hover),
    .ui.sub.addMenu a.noneVisibleItem.key_h > span {
        left: -41px;
        top: 7px !important;
    }
    a.item.item_hover_without_before.not_show_icon {
        margin-top: 12px;
    }
    a.item.item_hover_without_before > span {
        top: 0px !important;
    }
    a.item.item_hover_without_before.bot {
        margin-top: 3px;
        padding: 12px !important;
    }
    a.item.item_hover_without_before > center {
        margin-top: 0px;
    }
    #drop_down_scope {
        top: 100px;
        left: 0px;
        display: none;
    }
    #drop_down_scope-2 {
        top: 40px;
        display: block;
        width: 260px !important;
    }
    .content-header {
        padding: 0px !important;
    }
    .beta {
        right: -13px;
        top: -6px;
    }
    .tabl {
        float: none;
        top: 155px;
        left: -110px;
        display: none;
    }
    .tabl-2 {
        width: 320px !important;
        float: none;
        top: 0px;
        display: block;
    }
    .item.orange.mainLink.fir {
        position: relative;
    }
    .item.orange.mainLink.sec {
        position: relative;
    }
    #s2 {
        height: 58px;
    }
    .item.mainLink.logoOuter {
        left: -57px !important;
        top: 0px;
        height: 58px;
    }
    .item.item_hover.mainLink.logoOuter-2 {
        display: block !important;
    }
    .item.mainLink.logoOuter.lg {
        display: none;
    }
    .logo {
        font-size: 12px;
    }
    .ui.menu > i#poolButton.list.layout.icon {
        float: left;
        display: block;
        position: relative;
        left: 35px;
        width: 30px;
        height: 30px;
        top: 21px;
        font-size: 25px;
        cursor: pointer;
        color: #414141;
    }
    .ui.menu > i#poolButton.list.layout.icon:hover {
        background-color: rgba(0, 0, 0, 0.11);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: opacity 0.2s ease, background 0.2s ease, -webkit-box-shadow 0.2s ease;
        transition: opacity 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
    }
    .ui.menu > i#poolButton {
        padding: 0.4em 1.5em 1.08em 0.5em;
    }
    #box {
        display: none;
        width: 189px !important;
    }
    .lf {
        float: none !important;
    }
    .notices {
        width: 326px;
        position: absolute;
        z-index: 100000;
        left: -22px;
        background-color: white;
        box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.4);
        cursor: default;
        display: none;
        top: 58px;
    }
    .ui.menu.menu_custom.m2 {
        margin-top: 4px !important;
    }
    _::-moz-tree-row(hover),
    .key {
        width: 0px !important;
    }
    .del_add {
        display: none !important;
    }
    .del_add_1 {
        display: none !important;
    }
    /*.row.four.wide.column{
        width: 10%!important;
    }*/
    /*.ui.small.vertical.menu.search_menu.grey_menu{
        width: 102%;
    }*/
    .ui.small.input {
        width: 100%;
    }
    .ui.small.vertical.menu {
        width: 9rem;
    }
    .search_menu select.select2-container.form-control.input-lg.select2 {
        width: 100% !important;
    }
    .ui.vertical.menu .item > .input input {
        width: 100%;
    }
    _::-moz-tree-row(hover),
    .ui.small.input > div {
        width: 55px;
    }
    _::-moz-tree-row(hover),
    .ui.small.input > div ~ div {
        width: 39px !important;
    }
    .ui.small.input > div {
        width: 66px;
    }
    .ui.small.input > div ~ div {
        width: 51px !important;
    }
    _::-moz-select2-container.form-control.input-lg.select2.select13.search-select2.shi {
        width: 150px !important;
    }
    .select2-container.form-control.input-lg.select2.select13.search-select2.shi {
        width: 118px !important;
    }
    .menu.ui.transition.visible {
        left: -60px !important;
        width: 320px !important;
    }
    .ui.tiny.input {
        width: 118px;
    }
    /*.vacancyVerticalMenu{*/
    /*position: absolute;*/
    /*top: 775px;*/
    /*top: -moz-calc(800px);*/
    /*width: 96%!important;*/
    /*}*/
    /*.logoForVacancy{*/
    /*position: absolute;*/
    /*top: -850px;*/
    /*top: -moz-calc(-795px);*/
    /*-webkit-margin-before: 85px;*/
    /*left: 0;*/
    /*right: 0;*/
    /*}*/
    /*.vacancyRegionOnLogo{*/
    /*position: absolute;*/
    /*top: -55px;*/
    /*left: 20px;*/
    /*width: 280px !important;*/
    /*}*/
    /*.blockTwelveWide{*/
    /*width: 99.5%!important;*/
    /*padding-top: 150px!important;*/
    /*padding-left: 7px!important;*/
    /*padding-right: 0px!important;*/
    /*}*/
    /*.blockTwelveWideScroll{*/
    /*height: 625px;*/
    /*overflow: auto;*/
    /*}*/
    /*.helpToSearchNewWork{*/
    /*position: absolute;*/
    /*bottom: -925px;*/
    /*bottom: -moz-calc(-775px);*/
    /*padding-bottom: 0px!important;*/
    /*}*/
    /*.fotFot{*/
    /*position: absolute;*/
    /*top: 1430px;*/
    /*top: -moz-calc(1415px);*/
    /*-webkit-margin-after: -35px;*/
    /*width: 98%!important;*/
    /*}*/
    /*.inputWidth{*/
    /*width: 275px!important;*/
    /*}*/
    .blockTwelveWide {
        padding-left: 10px !important;
        -webkit-padding-start: 10px !important;
        margin-top: 5px !important;
        width: 100% !important;
    }
    .vacancyVerticalMenu {
        width: 96% !important;
        margin-left: 10px !important;
    }
    .inputWidth {
        width: 96% !important;
    }
    .requestFormHide {
        display: none;
    }
    .requestFormShow {
        display: block;
        background-color: #fff;
    }
    .vacancyLangTabl {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) !important;
    }
    .vacancyLangTabl:last-child {
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
    }
}
@media (min-width: 768px) and (max-width: 950px) {
    .ui.menu.menu_custom.m2 {
        margin-top: 3px !important;
        margin-right: 224px;
    }
}
.taskOuter {
    box-shadow: rgba(60, 79, 89, 0.498039) 0px 1px 6px;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: top 1s ease-out 0.5s;
}
.taskOuterFirst {
    margin-top: 10px;
}
.taskOuter > span {
    float: right;
}
.taskOuter > h3 {
    margin: 0px 0 5px;
}
.taskText {
    float: left !important;
    width: 90%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 63px;
    margin-top: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.checkmarkTask {
    margin: 10px 0 0 0 !important;
    color: #999;
    cursor: pointer;
}
.darkGreen {
    color: #ffffff !important;
    background-color: #398439 !important;
}
.darkGreenText {
    color: #398439;
}
.darkGreenShadow {
    box-shadow: #398439 0px 1px 20px !important;
}
.darkRedShadowForPastTasks {
    box-shadow: red 0px 1px 20px;
    margin: 6px;
}
.darkRedShadowForPastTasksDetail {
    box-shadow: red 0px 1px 20px;
}
.darkOrangeShadowForScope {
    box-shadow: #e78409 0px 1px 10px;
}
.editTextTask {
    min-height: inherit !important;
    width: 90% !important;
    margin-top: 10px !important;
}
.editDateTask {
    cursor: pointer;
    margin-top: 16.6px;
}
.saveTextTaskButton {
    margin-right: 11% !important;
    margin-top: 10px !important;
}

#scrollup {
    position: fixed; /* фиксированная позиция */
    opacity: 0.8; /* прозрачность */
    padding: 15px 10px 10px; /* отступы */
    background: #aaa;
    border-radius: 5px; /* скругление углов */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    left: 10px; /* отступ слева */
    bottom: 10px; /* отступ снизу */
    display: none; /* спрятать блок */
    cursor: pointer;
}
i.icon.checkmark.checkmarkTask:before {
    opacity: 0.2;
}
i.icon.checkmark.checkmarkTask.darkGreen:before {
    opacity: 1;
}
.checkTextTask::first-letter {
    text-transform: uppercase;
}
_:-moz-tree-row(hover),
.saveTaskNameButton {
    margin-top: -5px !important;
    margin-left: -5px !important;
}
.skillsBlock {
    width: 50%;
}
div.stars {
    display: inline-block;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding-left: 10px;
    font-size: 20px;
    color: #444;
    transition: all 0.2s;
}

input.star.active ~ label.star:before {
    content: '\f005';
    color: #fd4;
    transition: all 0.25s;
}

input.star-5.active ~ label.star:before {
    color: #fe7;
    text-shadow: 0 0 20px #952;
}

/*input.star-1.active ~ label.star:before { color: #F62; }*/

label.star.editable:hover {
    transform: rotate(-15deg) scale(1.3);
}

label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}
ul.skillsList {
    list-style: none;
    padding-left: 0;
}
ul li:first-child {
    margin-top: 0;
}
/*ul li{*/
/*margin-top: 10px;*/
/*}*/
i.deleteSkillIcon {
    font-size: 20px;
    margin: 0 0 0 15px;
}
.selectSkillLevel option {
    color: black;
}
div.ui.grid {
    margin: 0% 0%;
}
.windowEditResume {
    width: 230px;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 31px;
    box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px;
    border-radius: 5px;
    text-align: left;
    display: none;
    background-color: rgb(255, 255, 255);
}
.windowEditResumeOnEditCandidate {
    width: 230px;
    position: absolute;
    z-index: 1;
    left: 30px;
    top: 31px;
    box-shadow: rgb(221, 221, 221) 0px 0px 0px 1px;
    border-radius: 5px;
    text-align: left;
    display: none;
    background-color: rgb(255, 255, 255);
}
.perfomerLink {
    cursor: pointer;
    width: 45%;
    display: block;
    float: left;
}
.perfomerLink .remove {
    opacity: 0;
    transition: 0.5s;
}
.perfomerLink:hover .remove {
    opacity: 1;
}
.createdByTask > span.runOnTask {
    float: right;
    display: block;
    margin-top: 7px;
}
.addPerfomer {
    font-size: 30px !important;
    margin-left: -7px !important;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    opacity: 1;
    color: #666;
}
i.icon.editTaskDescription {
    opacity: 0;
    margin: 5px;
    transition: 0.5s;
    cursor: pointer;
}
div:hover > i.icon.editTaskDescription {
    opacity: 1;
}
.ui.modal.showResume {
    background-color: rgba(0, 0, 0, 0);
}
.showResume iframe {
    width: 100%;
    height: 100%;
}
.showResume img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}
.linkForLastAction:after {
    content: '.';
}
.refuseTitle {
    font-size: 14px;
    text-align: center;
    font-weight: 600;
    color: #999;
    display: block;
    margin: 7px 0 2px;
}
a.item.optionInterview {
    padding: 3px 7px !important;
    text-align: center;
    border: 0;
    background-color: #ffffff;
    box-shadow: none !important;
    color: #009fda !important;
}
a.item.optionInterview:hover {
    background-color: #ffffff !important;
    color: #e78409 !important;
}

.LetterThanks {
    background: url('../img/Layer7845.png') no-repeat;
    height: 278px;
    background-size: cover;
    width: 96.5%;
    position: relative;
    left: 15px;
    bottom: -1160px;
    bottom: -moz-calc(-1262px);
}
.starPresentThanks {
    background-image: url('../img/Confetti_Decoration_PNG_Clipart_Image.png');
    background-repeat: round;
    height: 735px;
    background-size: 100% 100%;
    width: 100%;
    position: absolute;
    left: -1px;
    top: -415px;
}
.presentBoxThanks {
    background: url('../img/korob89.png') no-repeat;
    height: 500px;
    background-size: contain;
    width: 50%;
    position: relative;
    left: -206px;
    bottom: -660px;
    bottom: -moz-calc(-762px);
    z-index: 9;
}

_::-moz-tree-row(hover),
.angle.down.icon {
    top: -33px !important;
}

_::-moz-tree-row(hover),
.attachment.left.disk.icon {
    margin: 5px 0px 3px !important;
}
.ui.teal.label.buttonChangeState {
    background-color: transparent !important;
    color: #999 !important;
    cursor: pointer;
}
/*.ui.dimmer{*/
/*z-index: 100000000;*/
/*}*/
.ui-pnotify {
    z-index: 99999999;
}
.select2-drop {
    z-index: 999999999 !important;
}
tr:hover .ui.teal.label.buttonChangeState {
    transition: 0.5s;
    color: #ffffff !important;
    background-color: #74b830 !important;
}
.paymentStatus:first-letter {
    text-transform: uppercase;
}
.showSearchCandidate {
    display: flex;
    justify-content: center;
}
.pageNumberInVacancy {
    -moz-appearance: textfield;
}
.pageNumberInVacancy::-webkit-outer-spin-button,
.pageNumberInVacancy::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.prevDoc,
.nextDoc {
    position: absolute;
    cursor: pointer;
    font-size: 3rem;
    top: 50%;
    transform: translate(-50%, -50%);
}
.prevDoc {
    left: 5%;
}
.nextDoc {
    left: 95%;
}

@keyframes icon-loading {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*adaptive menu vacancies start*/
/*only button start*/

@media (min-width: 1100px) and (max-width: 1280px) {
    .InfCandidTaskHistClient {
        width: 260px !important;
        padding-left: 10px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 0px -19px 0px 0px !important;
    }
    .candPos {
        left: 7px;
        margin-top: -4px !important;
        width: 107px;
        height: 37px !important;
    }
    .candPos label {
        height: 37px !important;
    }
    .taskPos {
        left: 9px;
        /*margin-top: -9px!important;*/
        width: 130px;
        padding: 6px 0px !important;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: 14px;
        width: 168px;
        /*margin-top: -20px!important;*/
        padding: 6px 0px !important;
    }
}
@media (min-width: 1001px) and (max-width: 1100px) {
    .InfCandidTaskHistClient {
        width: 237px !important;
        padding-left: 10px !important;
        padding-right: 0px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 0px 6px 0px 0px !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
    .candPos {
        left: -7px;
        margin-top: -4px !important;
        width: 95px;
        height: 37px !important;
    }
    .candPos > label {
        height: 37px !important;
    }
    .taskPos {
        left: -6px;
        /*margin-top: -10px!important;*/
        width: 120px;
        padding: 7px 0px !important;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: -5px;
        width: 145px;
        margin-top: -6px !important;
        padding: 4px 0px !important;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
}
@media (min-width: 960px) and (max-width: 1001px) {
    .InfCandidTaskHistClient {
        width: 220px !important;
        padding-left: 5px !important;
        padding-right: 0px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 0px 16px 0px 0px !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
    .candPos {
        left: -6px;
        margin-top: -6px !important;
        width: 95px;
        height: 39px !important;
    }
    .candPos > label {
        height: 39px !important;
    }
    .taskPos {
        left: -6px;
        width: 120px;
        /*margin-top: -10px!important;*/
        padding: 7px 0px !important;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: -7px;
        width: 135px;
        margin-top: -7px !important;
        padding: 4px 0px !important;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
}
@media (min-width: 891px) and (max-width: 960px) {
    .InfCandidTaskHistClient {
        width: 210px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 0px -17px 0px 0px !important;
    }
    .candPos {
        left: -250px;
        top: 37px;
        z-index: 999;
        width: 150px;
    }
    .taskPos {
        left: -240px;
        top: 50px !important;
        z-index: 999;
        width: 165px;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: -300px;
        top: 35px !important;
        z-index: 999;
        width: 180px;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
    .blForCand {
        display: block !important;
    }
    /*.InfCandidTaskHistClient i{*/
    /*display: none;*/
    /*}*/
}
@media (min-width: 851px) and (max-width: 890px) {
    .InfCandidTaskHistClient {
        width: 190px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 0px -17px 0px 0px !important;
    }
    .candPos {
        left: -210px;
        top: 36px;
        z-index: 999;
        width: 150px;
    }
    .taskPos {
        left: -210px;
        top: 50px !important;
        z-index: 999;
        width: 165px;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: -240px;
        top: 35px !important;
        z-index: 999;
        width: 180px;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
    .blForCand {
        display: block !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
}
@media (min-width: 769px) and (max-width: 850px) {
    .InfCandidTaskHistClient {
        width: 180px !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
    .candPos {
        left: -190px;
        top: 36px;
        z-index: 999;
        width: 150px;
    }
    .taskPos {
        left: -210px;
        top: 50px !important;
        z-index: 999;
        width: 165px;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: -200px;
        top: 35px !important;
        z-index: 999;
        width: 180px;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
    .blForCand {
        display: block !important;
    }
}
.ui.fluid.demo.tabular.menu > .item.InfCandidTaskHistClient > a:hover {
    text-decoration: none !important;
}
.ui.fluid.demo.tabular.menu > .item.InfCandidTaskHistClient > a > span:hover {
    text-decoration: underline !important;
}
/*only button end*/
@media (min-width: 769px) and (max-width: 1280px) {
    /*.InfCandidTaskHistClient i{*/
    /*display: none;*/
    /*}*/

    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > .ui.basic.table.custom {
        width: 310px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column ~ .five.wide.column {
        width: 320px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > .ui.small.vertical.menu {
        width: 180px !important;
    }
    .row
        > .twelve.wide.column
        > .ten.wide.column
        > .five.wide.column
        ~ .five.wide.column
        > .ui.basic.table
        > tbody
        > tr
        > td {
        width: 190px !important;
    }
}
@media (min-width: 581px) and (max-width: 768px) {
    .ui.fluid.demo.tabular.menu {
        height: 84px !important;
    }
    .InfCandidTaskHistClient {
        width: 264px !important;
        padding-left: 5px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 1px -9px 0px 0px !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
    .candPos {
        left: 10px;
        top: -10px !important;
        width: 132px;
        height: 40px !important;
    }
    .candPos label {
        height: 40px !important;
    }
    .taskPos {
        left: 13px;
        top: -16px !important;
        width: 179px;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: 11px;
        /*top: -16px!important;*/
        width: 176px;
    }
    .taskOuter {
        width: 320%;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
    .row > .twelve.wide.column > .ten.wide.column {
        margin-left: 0px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column {
        margin-left: 0px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > table {
        width: 285px !important;
    }
}
@media (min-width: 440px) and (max-width: 580px) {
    .ui.fluid.demo.tabular.menu {
        height: 84px !important;
    }
    .InfCandidTaskHistClient {
        width: 198px !important;
        padding-left: 7px !important;
    }
    .InfCandidTaskHistClient a {
        margin: 1px 20px 0px 0px !important;
    }
    .candPos {
        left: 12px;
        top: -24px !important;
        z-index: 999;
        width: 108px;
    }
    .candPos label {
        height: 38px !important;
    }
    .taskPos {
        left: 72px;
        top: -17px !important;
        z-index: 999;
        width: 115px;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: 65px;
        top: -19px !important;
        width: 120px;
    }
    .taskOuter {
        width: 50%;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
    }
    .ui.bottom.attached.segment.green {
        padding-left: 1px;
    }
    .row > .twelve.wide.column {
        width: 215px !important;
    }
    .row > .four.wide.column > .ui.basic.table {
        width: 201px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column {
        width: 161px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > table {
        width: 205px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > .ui.small.vertical.menu {
        width: 161px !important;
        float: none !important;
        margin: 0 5px 0px 20px;
    }
    .row > .twelve.wide.column > .ui.attached.segment.green {
        width: 191% !important;
    }
    .sortableOptions {
        width: 160px !important;
    }
    .sortableOptions > .ui.vertical.menu {
        width: 160px !important;
    }
    .sortableOptions > .ui.vertical.menu > .interview.item.stagesOuter {
        width: 160px !important;
    }
    .finalCandidate {
        margin-top: 0px !important;
    }
    .ui.button {
        float: none !important;
    }
    .ui.divided.grid > .row > .four.wide.column {
        padding-left: 5px !important;
        padding-right: inherit !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .sortableOptions {
        width: 165px !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .ui.vertical.menu {
        width: 0rem !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .ui.vertical.menu ~ .ui.vertical.menu {
        width: 165px !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .sortableOptions > .ui.vertical.menu {
        width: 165px !important;
    }
}
@media (max-width: 439px) {
    .ui.fluid.demo.tabular.menu {
        height: 84px !important;
    }
    .InfCandidTaskHistClient {
        width: 145px !important;
        padding-left: 3px !important;
    }
    .InfCandidTaskHistClient a {
        margin: -14px -20px 0px 0px !important;
    }
    .InfCandidTaskHistClient i {
        display: none;
    }
    .candPos {
        left: -82px;
        top: 70px !important;
        z-index: 999;
        width: 147px;
    }
    .taskPos {
        left: 20px;
        top: -22px !important;
        width: 64px;
        padding: 6px 0px !important;
    }
    .tskTil {
        padding-left: 20px !important;
        text-align: left !important;
    }
    .histPos {
        left: 17px;
        top: 60px !important;
        z-index: 999;
        width: 170px;
    }
    .taskOuter {
        width: 320%;
    }
    .sixteen.wide.column > .linkReportPos {
        float: none !important;
        padding-left: 0 !important;
    }
    .ui.bottom.attached.segment.green {
        padding-left: 1px;
    }
    .row > .four.wide.column {
        padding-right: 16px !important;
    }
    .row > .four.wide.column > .ui.basic.table {
        width: 150px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column {
        width: 175px;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column {
        width: 161px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > table {
        width: 163px !important;
    }
    .row > .twelve.wide.column > .ten.wide.column > .five.wide.column > .ui.small.vertical.menu {
        width: 161px !important;
        float: none !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .sortableOptions {
        width: 165px !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .ui.vertical.menu {
        width: 0rem !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .ui.vertical.menu ~ .ui.vertical.menu {
        width: 165px !important;
    }
    .ui.bottom.attached.segment.green > .ui.vertically.divided.grid > .sortableOptions > .ui.vertical.menu {
        width: 165px !important;
    }
}
/*adaptive menu vacancies end*/
@media (min-width: 769px) and (max-width: 1037px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 35px 0px 0px !important;
    }
    .ui.vertical.divider {
        left: 46% !important;
    }
}
@media (min-width: 582px) and (max-width: 768px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 0px 0px 0px !important;
        margin: 0px !important;
    }
    .ui.vertical.divider {
        left: 42% !important;
    }
    .center.aligned.column {
        width: 220px !important;
        margin-left: 0px !important;
    }
    .column {
        padding-left: 0px;
    }
}
@media (min-width: 582px) and (max-width: 642px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 0px 0px 0px !important;
    }
}
@media (min-width: 642px) and (max-width: 768px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 0px 0px 52px !important;
    }
    .ui.vertical.divider {
        left: 42% !important;
    }
}
@media (min-width: 440px) and (max-width: 581px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 0px 0px 0px !important;
    }
    .ui.vertical.divider {
        display: none;
    }
    .center.aligned.column {
        width: 208px !important;
    }
    .column {
        padding-left: 0px;
    }
}
@media (max-width: 439px) {
    .ui.two.column.middle.aligned.relaxed.grid.basic.segment {
        padding: 0px 0px 0px 0px !important;
    }
    .ui.vertical.divider {
        display: none;
    }
    .center.aligned.column {
        width: 320px !important;
    }
    .column {
        padding-left: 0px;
    }
    .min_dev {
        margin-left: 7px;
        width: 315px !important;
    }
}