/* *************** */
/* COMMON ELEMENTS */
/* *************** */

@font-face {
    font-family: open_sans;
    src: local(open_sans), url('fonts/OpenSans-Regular.ttf') format('opentype'), local(open_sans), url('fonts/OpenSans-Regular-webfont.eot') format('embedded-opentype');
}

@font-face {
    font-family: open_sans;
    src: local(open_sans), url('fonts/OpenSans-Semibold.ttf') format('opentype'), local(open_sans), url('fonts/OpenSans-Semibold-webfont.eot') format('embedded-opentype');
    font-weight: bold;
}

@media (min-width: 990px) {
    .affix {
        position: fixed;
    }
}

@media (max-width: 990px) {
    .affix {
        position: static;
    }
}

html {
    height: 100%
}

body {
    font-size: 12px;
    font-family: open_sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    margin: 0;
    width: 100%;
    height: 100%;
}

.dataTable > tbody > tr > td {
    word-break: break-all;
}

.container-fluid {
    min-height: 100%;
    overflow: hidden;
}

.under-list-info {
    color: #496D88;
    font-style: italic;
    margin-top: -13px;
    margin-bottom: 10px;
}

.under-list-info2 {
    color: #496D88;
    font-style: italic;
    margin-bottom: 10px;
}

.glyphicon-second-component {
    margin-left: -5px;
}

.button-no-label {
    margin-top: 20px;
}

.light-well {
    background-color: #fafafa;
}

.row-separator {
    border-top: solid #dddddd 1px;
    padding-top: 4px;
}

.form-block {
    height: 36px;
}

.checkbox-allignment {
    margin-top: 20px;
}

.table-md-padding {
    padding-left: 0;
}

.vertical-button-section {
    padding: 0
}

.indent {
    margin-left: 30px;
}

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

.checkbox-no-top-label {
    margin-top: 20px;
}

.input-group-addon label {
    font-size: 12px;
    margin: 0;
}

.autoboxing {
    overflow-y: auto;
    height: 50px;
}


/* ----------------------------------------------------------- HTML Elements */

hr {
    border: 0;
    color: #9E9E9E;
    background-color: #9E9E9E;
    height: 1px;
    width: 100%;
}

label {
    display: block;
    color: #323232;
    font-size: 13px;
    margin-bottom: 3px;
}

.checkbox label {
    display: inline!important;
}

.checkbox_campaign label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.loading:not(.selectize-control) {
    margin-left: 30px;
}

.label_and_search .col-md-9 {
    margin: 0;
    padding: 0;
}

.label_and_search .col-md-9 {
    margin: 0;
    padding: 0;
}

.label_and_search h3.table-title {
    margin: 18px 0 0 8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #4c4e54
}

.racm-tabs {
    font-size: 14px;
    font-weight: bold;
}

.racm-sub-tabs {
    font-size: 12px;
    font-weight: normal!important;
    margin-top: 10px;
}

.select-inline-button {
    margin-top: 20px
}

.checkbox-first {
    margin-top: 0;
    padding-top: 0
}


/* Panel headers */

.panel-header-title {
    color: #333;
    margin: 10px 0 3px 14px;
    font-weight: bold;
    font-size: 16px;
}

.panel-header-table-title {
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

h3 {
    color: #333;
    margin: 10px 0 3px 14px;
    font-weight: bold;
}

h4 {
    color: #333;
    margin: 10px 0 3px 5px;
    font-weight: bold;
}

.table-title {
    margin: 10px 0 3px 8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #4c4e54
}


/* Field set content */

fieldset {
    clear: both;
    border: 0;
    width: 70%;
    padding-left: 25px;
    float: left;
}

fieldset select {
    margin: 0;
    padding: 0;
}

fieldset img {
    border: 0;
    float: right;
}

fieldset .label_field_block {
    margin-left: 35px;
}

fieldset .identifier input {
    width: 300px;
}

fieldset .header {
    font-weight: bold;
    font-size: 12px;
}

fieldset .filename {
    width: 250px;
}

fieldset .small {
    width: 50px;
}

fieldset .lines {
    display: inline-flex;
    width: 100%;
    float: left;
    clear: both;
    padding: 5px 0 5px 0;
}

#dialog-modal {
    background-color: white;
    display: none;
}

.block-header {
    font-size: 16px;
    font-weight: bold;
}


/* Typical container */

.container {
    min-width: 100%;
    float: left;
    background-color: white;
    margin-top: 41px;
}

.td_align_top {
    vertical-align: top;
}

.col-no-padding {
    padding: 0;
}

.form-group-no-margin {
    margin: 0;
}

.label-nowrap {
    white-space: nowrap;
}


/* ----------------------------------------------------- Top navigation part */

.top_navigation {
    margin: 0 0 0 0;
    width: 100%;
    height: 41px;
    background: url("../images/fr/small_logo.png") no-repeat #334450;
    position: fixed;
    top: 0;
}

.top_navigation .top_corporate_right {
    margin: 5px 0 0 0;
    float: right;
}


/* Remove dots around image links */

a {
    outline: none;
}

.table_structure {
    width: 100%;
    margin: 0 0 0 0;
}


/* Top bar button - sliding door style */

a.top_home_button {
    background: transparent url('../images/home_button.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 32px;
    margin-right: 6px;
    width: 43px;
}

a.top_home_button:hover {
    background-position: bottom right;
    color: #000;
}

a.top_small_button {
    background: transparent url('../images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 32px;
    margin-right: 6px;
    padding-right: 11px;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
}

a.top_small_button span {
    background: transparent url('../images/bg_button_span.png') no-repeat;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
    display: block;
    line-height: 22px;
    padding: 5px 0 5px 11px;
    font-size: 11px;
    font-weight: bold;
    color: #E7E7E8;
}

a.top_small_button:hover {
    background-position: bottom right;
    color: #000;
}

a.top_small_button:hover span {
    background-position: bottom left;
}

.error_img {
    background: transparent url('../images/exclame.png') no-repeat scroll top right;
    display: block;
    float: right;
    height: 25px;
    width: 25px;
    margin-top: -5px;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

.download_item {
    background: transparent url('../images/download_item.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

.download_item:hover {
    background-position: bottom right;
    color: #000;
    cursor: pointer;
}

.download_item:active {
    background-position: center right;
    color: #000;
    cursor: pointer;
}

.download_item_static {
    background: transparent url('../images/download_item.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

.delete_item_list {
    background: transparent url('../images/delete_item.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    margin-top: -2px;
}

.delete_item_list:hover {
    background-position: bottom right;
    color: #000;
    cursor: pointer;
}

.delete_item_list:active {
    background-position: center right;
    color: #000;
    cursor: pointer;
}

.delete_item_list_static {
    background: transparent url('../images/delete_item.png') no-repeat scroll top right;
    display: block;
    float: left;
    height: 20px;
    width: 20px;
    margin: 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    margin-top: -2px;
}

.delete_item {
    background: transparent url('../images/delete-button.jpg') no-repeat scroll top right;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin: 4px 0 0 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

.delete_item:hover {
    background-position: bottom right;
    color: #000;
    cursor: pointer;
}

.delete_item:active {
    background-position: center right;
    color: #000;
    cursor: pointer;
}

.delete_item_static {
    background: transparent url('../images/delete-button.jpg') no-repeat scroll top right;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    margin: 4px 0 0 0;
    padding-right: 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
}

#request-search-button {
    margin-top: 10px;
}

#request-search-button span {
    margin-top: 0 !important;
}

#request-search-field {
    margin-top: 10px;
}


/* review campaign in self service */


/* The following css is to replace the default radio button image */

#review_campaign_list_form input[type="radio"] {
    opacity: 0;
    filter: alpha(opacity=0);
}

#review_campaign_list_form input[type="radio"]+label {
    background-image: url('../images/checkbox-false.png');
}

#review_campaign_list_form input[type="radio"].selected_radio+label {
    background-image: url('../images/checkbox-true.png');
}

#review_campaign_list_form input[type="radio"]+label,
#review_campaign_list_form input[type="radio"].selected_radio+label {
    position: relative;
    top: 0;
    left: 0;
    height: 12px;
    width: 12px;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    cursor: pointer;
}


/* Back button*/

.back_button_block {
    float: left;
    width: 80px;
    height: 34px;
    padding: 11px 0 0 0;
    margin-left: -20px;
}

.back_button_block button {
    width: 30px;
}


/* Input fields */

.input_text {
    height: 20px;
    margin: 0 2px 2px 0;
}

.select_multiple {
    border: solid black 1px;
}

.right {
    float: right !important;
}

.left {
    float: left !important;
}

/* Neutral button (used for cancel) */

.btn-outline-primary {
    color: #337ab7;
    background-color: white;
    background-image: none;
    border-color: #337ab7;
}

.btn-outline-primary:hover {
    color: #337ab7;
    background-color: #ddecfc;
    border-color: #337ab7;
}


.btn-outline-secondary {
    color: #6c757d;
    background-color: white;
    background-image: none;
    border-color: #6c757d;
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-outline-danger {
    color: #c9302c;
    background-color: transparent;
    background-image: none;
    border-color: #ac2925;
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #c9302c;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}


/* Buttons position */

.buttons {
    float: right !important;
}


/* Title bars */

.header_text {
    background: url("../images/title_bar_slice.png") repeat-x;
    height: 29px;
    margin: 0 0 0 20px;
    text-shadow: 1px 1px 0 #fff;
    width: 97%;
    float: left;
    clear: both;
}

.header_text span {
    float: left;
}

.header_text span.text {
    padding-top: 5px;
    font-family: "open_sans", Arial, "Open Sans", sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #496D88;
}

.header_text span.right {
    float: right;
}


/* Menu system */


/* Note: All "li a" are overriden in the HTML code to help support IE before version 8. Value added on a conditional statement is: "li a {display:inline-block;}". @see html source code. */

ul.menu {
    font-size: 12px;
    font-family: "open_sans", Arial, sans-serif;
    font-weight: bold;
}

ul.menu,
ul.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.menu a {
    display: block;
    text-decoration: none;
}

ul.menu>li>a {
    border-bottom: solid #e7e7e7 1px;
}

ul.menu li a {
    color: #505156;
    padding: 10px 10px 10px 30px;
    text-transform: uppercase;
}

ul.menu li a:hover {
    color: #505156;
    background-color: #e1e4eb;
    cursor: pointer;
}

ul.menu li ul li a {
    background: #f7f8f9;
    color: #505156;
    text-transform: none;
    border-bottom: solid #e7e7e7 1px;
}

ul.menu li ul li a:hover {
    background: #86aad5;
    border-left: 5px #154278 solid;
    padding-left: 25px;
    color: white
}

ul.menu div.panel a,
ul.menu div.panel li a:hover {
    display: inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}

ul.menu div.panel a:hover {
    color: #334450;
    text-decoration: underline;
}

ul.menu .menu_selected a {
    color: #505156;
    background: #dce8f7;
    border-left: 5px #245b9e solid;
    margin-left:-5px;
}

ul.menu .menu_selected a:hover {
    background: #c3d8f2;
    border-left: 5px #245b9e solid;
    margin-left: 0;
}

table .row_colored {
    background-color: #F9F9F9;
}

table .row_colored_new {
    background-color: #F5D8BE;
    font-style: italic;
}

ul.menu>li>a {
    border-bottom: solid #e7e7e7 1px;
}

ul.menu li a {
    color: #505156;
    padding: 10px 10px 10px 40px;
    text-transform: uppercase;
    font-weight: bold;
}

ul.menu li a:hover {
    color: #505156;
    background-color: #e1e4eb;
    cursor: pointer;
}

ul.menu li ul li a {
    background: #f7f8f9;
    color: #505156;
    text-transform: none;
    border-bottom: solid #e7e7e7 1px;
}

ul.menu li ul li a:hover {
    background: #86aad5;
    border-left: 5px #154278 solid;
    padding-left: 35px;
    color: white
}

ul.menu div.panel a,
ul.menu div.panel li a:hover {
    display: inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
}

ul.menu li ul li ul li a {
    padding-left: 60px;
    font-weight: normal;
}

ul.menu li ul li ul li a:hover, ul.menu li ul li ul li.menu_selected a {
    padding-left: 55px;
}

ul.menu div.panel a:hover {
    color: #334450;
    text-decoration: underline;
}

ul.menu .menu_selected a {
    color: #505156;
    background: #dce8f7;
    border-left: 5px #245b9e solid;
}

ul.menu .menu_selected a:hover {
    background: #c3d8f2;
    border-left: 5px #245b9e solid;
}

ul.menu .menu_padding {
    padding: 10px 10px 10px 10px;
}
ul.menu .left-menu-icon{
    font-size:1.3em;
    color: #245b9e;
    margin-right:7px;
    width:25px;
    text-align:center;
}

table .row_colored {
    background-color: #F9F9F9;
}

table .row_colored_new {
    background-color: #F5D8BE;
    font-style: italic;
}


/* ---------------------------------------------------------------- Messages */

.message_box_container {
    font-size: 13px;
}

.message_box_container_warning .message_warning {
    font-size: 13px;
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 0
}

.max_reached {
    margin: 3px 0 0 0;
    font-style: italic;
    color: #990000;
    float: left;
    width: 100%;
}

.role_max_reached {
    margin: 3px 0 0 10px;
    font-style: italic;
    color: #990000;
    float: left;
    height: 22px;
}


/* ------------------------------------------------------------ Help section */

#help_box {
    display: none;
    font-size: 13px;
}

#help_box ul {
    margin: 3px 0
}


/* ---------------------------------------------- Override jQuery UI library */

.ui-widget {
    font-family: "open_sans", Arial, Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px;
}


/* ----------------------------------------------------------- Paging blocks */

.pagingblock {
    margin-top: 11px;
    padding: 0;
}

.pagingblock .last a {
    border-right: solid 1px #D6D6D6;
    border-radius: 0 5px 5px 0;
}

.pagingblock .last {
    border-right: solid 1px #D6D6D6;
    border-radius: 0 5px 5px 0;
}

.pagingblock .dots {
    border-left: solid 1px #D6D6D6;
}

.pagingblock > .pagingblockCell:last-child {
    border-right: solid 1px #D6D6D6;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagingnumber {
    background: white;
    border-radius: 5px 0 0 5px;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    color: #3173be;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingblock a {
    background: white;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    font-size: 11px;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingblock a:hover {
    border-top: 1px solid #F7941e;
    border-bottom: 1px solid #F7941e;
    border-left: 1px solid #F7941e;
    background-color: #F7941e;
    color: white;
}

.pagingblock .dots {
    color: #475B6D;
    font-size: 13px;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingselected {
    background: #3173be;
    border: solid 1px #215fa6;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingtitle {
    background: #E9E9E9;
    border-radius: 5px 0 0 5px;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    color: #404040;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingblock .last {
    border-right: solid 1px #D6D6D6;
    border-radius: 0 5px 5px 0;
}

.pagingblock .dots {
    border-left: solid 1px #D6D6D6;
}

.pagingnumber {
    background: white;
    border-radius: 5px 0 0 5px;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    color: #3173be;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingblock a {
    background: white;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    font-size: 11px;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingblock a:hover {
    border-top: 1px solid #F7941e;
    border-bottom: 1px solid #F7941e;
    border-left: 1px solid #F7941e;
    background-color: #F7941e;
    color: white;
}

.pagingblock .dots {
    color: #475B6D;
    font-size: 13px;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingselected {
    background: #3173be;
    border: solid 1px #215fa6;
    color: white;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingtitle {
    background: #E9E9E9;
    border-radius: 5px 0 0 5px;
    border-left: solid 1px #D6D6D6;
    border-top: solid 1px #D6D6D6;
    border-bottom: solid 1px #D6D6D6;
    color: #404040;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    padding: 6px 12px;
    text-decoration: none;
}

.pagingtitle{background: #E9E9E9;border-radius: 5px 0px 0px 5px;border-left: solid 1px #D6D6D6;border-top: solid 1px #D6D6D6;border-bottom: solid 1px #D6D6D6;color: #404040;font-size: 11px;font-weight:bold;height: 20px;padding: 6px 12px;text-decoration: none;}

/* list_form */

.pagingblock {
    padding: 0;
}

.searchblock {
    padding: 5px 0 0 0;
}

.row .button-block {
    height: 75px;
}

.row .button-block button {
    margin-bottom: 20px;
}

.row .button-block-under-list {
    padding-right: 0
}

.split {
    width: 50%;
}


/* show autocomplete list above modal window */

.ui-autocomplete {
    z-index: 5000 !important;
}

.select2-dropdown {
    z-index: 5000 !important;
}


/* for inputs with type=file */

.btn-file-xs {
    margin-left: 10px;
}

.hover_cursor {
    cursor: default
}

.padding-dev-version-btn {
    padding-left: 0;
    padding-top: 3px;
}

.login-button {
    margin-left: 10px!important;
}

.checkbox-right label {
    min-height: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.force-wrap {
    overflow-wrap: break-word;
}

.table-loader {
    margin-top: -10px;
    margin-left: 10px;
}

.label-as-badge {
    border-radius: 1em;
}

.fa-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.ace_racm.ace_log_error {
    color: red;
}

.ace_racm.ace_stacktrace_bold {
    color: orangered;
    font-weight: bold;
}

.ace_racm.ace_stacktrace {
    color: orangered;
}

.panel-heading.clickable {
    cursor: pointer;
}

.cursor-arrow {
    cursor: default;
}

.underline:hover {
    text-decoration: underline;
}

.adjust-message-margin {
    margin-top: 5px;
}