.table-responsive {
    overflow-x: visible;
}
.wrapper-content {
    padding: 20px 10px 70px;
}
.test-right {
    position: absolute;
    top: 0;
    right: 0;
    /*opacity: 0.7; !* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) *!*/
    /*filter:alpha(opacity=70); !* for <= IE 8 *!*/
    font-size: 20px;
    margin-right: -20px;
    /*transform: rotate(45deg);*/
}
.cc-allow {
    white-space: pre-wrap;
}
.link {
    text-decoration: underline;
}
.shadow-link {
    text-decoration: none;
    color: #676a6c;
}
.nav-bar-client {
    color: #999c9e;
    font-size: 14px;
    padding: 20px 10px;
    min-height: 50px;
}
h2 > b > .no-fa-clipboard,
h2 > i > .no-fa-clipboard,
div > p > .no-fa-clipboard {
    display: inline-block;
    height: 18px;
    width: 18px;
}
span > .no-fa-clipboard {
    display: inline-block;
    height: 14px;
    width: 14px;
}
h2:hover > b > .no-fa-clipboard,
h2:hover > i > .no-fa-clipboard,
div:hover > p > .no-fa-clipboard,
span:hover > .no-fa-clipboard {
    display: none;
}
td > .pull-right > .fa.fa-clipboard,
h2 > b > .fa.fa-clipboard,
h2 > i > small > i.fa.fa-clipboard,
div > p > .fa.fa-clipboard,
span > i.fa.fa-clipboard {
    display: none;
}
h2:hover > b > .fa.fa-clipboard {
    display: inline-block;
    cursor: pointer;
    height: 18px;
    width: 18px;
}
td:hover > .pull-right > .fa.fa-clipboard,
h2:hover > i > small > i.fa.fa-clipboard,
h2:hover > i > .fa.fa-clipboard,
div:hover > span > .fa.fa-clipboard,
div:hover > p > .fa.fa-clipboard,
div:hover > span > i.fa.fa-clipboard  {
    display: inline;
    cursor: pointer;
    height: 18px;
    width: 18px;
}
.mask-data {
    -webkit-text-security: disc;
    -moz-text-security: disc;
    text-security: disc;
}
.label-job {
    margin-right: 4px;
}

/** background in form wrapped by jquery.step **/
.form-control:focus,
.single-line:focus,
.wizard > .content > .body input:focus,
.wizard > .content > .body textarea:focus {
    border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
    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,
    -webkit-box-shadow ease-in-out 0.15s;
}
.body input.select2-search__field,
.wizard > .content > .body input.select2-search__field  {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
}
.body input.select2-search__field,
.wizard > .content > .body input.select2-search__field  {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
}
.body input.select2-search__field,
.wizard > .content > .body input.select2-search__field  {
    border: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    transition: none;
}
.body ul.select2-selection__rendered,
.wizard > .content > .body ul.select2-selection__rendered {
    list-style: none !important;
}
.form-control,
.single-line {
    border-radius: 4px;
}
/** no padding to display responsive **/
.input-group[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}

.select2-container--disabled {
    font-style: italic;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}
.checkbox input[type="checkbox"]:indeterminate + label::after {
    font-family: "FontAwesome";
    content: "\f068";
    padding-left: 4px;
}
.href-blank:hover:after {
    font-family: "FontAwesome";
    content: "\f14c";
    padding-left: 4px;
}
.div-as-input-disabled {
    background-color: #ffffff;
    cursor: not-allowed;
    border: 1px solid #f1f1f1;
    display: inline-block;
    padding: 6px 12px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    width: 100%;
}

.div-as-tagsinput-disabled {
    cursor: not-allowed;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    width: 100%;
    height: 34px;
}

.sweet-alert button {
    font-size: 14px;
    font-weight: 500;
    padding: 8px 30px;
    border-radius: 3px;
}

.dropdown-menu > li > a > div > div > p.text-right,
.dropdown-menu > li > a > div > div > p.text-left {
    margin-top: 2px;
    margin-bottom: 2px;
}

.modal-body.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}
.modal-body > .sk-spinner {
    display: none;
}
.modal-body.sk-loading:after {
    opacity: 0.7;
    content: '';
    background-color: #f8fafb;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
span.form-control.no-borders {
    height: fit-content
}

.modal-body.sk-loading > .sk-spinner {
    display: block;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    z-index: 2000;
}
.modal-body > .sk-spinner {
    display: none;
}
.modal-body.sk-loading:after {
    opacity: 0.7;
    content: '';
    background-color: #f8fafb;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
span.form-control.no-borders {
    height: fit-content
}

.select2-modal-container {
    z-index: 2060 !important;
}
div#add-title-modal button.btn.btn-danger.btn-outline,
div#add-linked-id-modal button.btn.btn-danger.btn-outline {
    margin-bottom: 0px;
}

#add_title_row, #add_linked_id_row {
    display: flex;
    border-radius: 4px;
    overflow: hidden;
}
#add_title_row:hover *, #add_linked_id_row:hover * {
    background-color: azure;
    cursor: default;
}
#add_title_row > div > a, #add_linked_id_row > div > a {
    display: none;
}
#add_title_row:hover > div > a, #add_linked_id_row:hover > div > a {
    display: inline-block;
}

#add_title_row:hover > div > a > i.fa, #add_linked_id_row:hover > div > a > i.fa {
    display: inline-block;
    cursor: pointer;
    height: 18px;
    width: 18px;
}

.word-break-id {
    word-break: break-all;
}
.word-break-title {
    word-break: break-word;
}
.word-break {
    word-break: break-word;
}

.warning-row {
    padding-left: 15px;
    padding-right: 15px;
}