.ui-select-match {
  vertical-align: top;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body {
  font-family: 'Segoe UI', 'Trebuchet MS', 'Arial';
}

#rootwizard1 {
  font-family: 'Segoe UI', 'Trebuchet MS', 'Arial';
}

.breadcrumb {
  padding: 0;
}

input {
    border: 1px solid rgb(226,226,226);
}

select.arrow-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 51%, gray 50%),
    linear-gradient(135deg, gray 51%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) calc(50% + 2px), calc(100% - 10px) calc(50% + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 0px 0em;
    background-repeat: no-repeat;
}

.nowrap {
    white-space: nowrap;
}

.breadcrumb > .active {
  opacity: 1;
  margin-right: 320px;
}

form[name="campaign_form"] div.tab-content {
  width: 95%;
}

.rtb-red-text {
  color: #ff0000;
}

.rtb-blue-text {
  color: #0000FF;
}

.rtb-green-text {
  color: green;
}

.rtb-capitalize {
  text-transform: capitalize;
}

.rtb-word-break {
  word-break: break-all;
}

.rtb-no-wrap {
  white-space: nowrap;
}

.rtb-default-cursor {
  cursor: default;
}

.balance-drop-down .balance-alert{
  color: #d5181e;
}

.rtb-dollars::before {
  content: '$';
  margin-right: 7px;
  color: #999999;
}

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

.rtb-font-bold {
  font-weight: bold;
}

div.tooltip-inner {
  white-space: normal;
}

div.selectize-control.single .selectize-input {
  background-image: none;
  background-color: #fff;
  border: 1px solid #e2e2e2
}

textarea.rtb-text-area {
  border: 1px solid #eee;
  padding: 0 5px;
}

input.ng-invalid.rtb-input-invalid {
  /*background-color: #ffdddd;*/
  box-shadow: 0 0 5px 1px red;
}

span.expandable-menu-item {
  cursor: pointer;
}

li > a > span.expandable-menu-item::before {
  content: '+ ';
}

li.expanded > a > span.expandable-menu-item::before {
  content: '− ';
}

/*--------------------------------------------------------------------------*/

div.rtb-tick {
  display: inline-block;
  border: 2px solid black;
  width: 18px;
  height: 18px;
}

div.rtb-tick > div {
  display: none;
}

div.rtb-tick > div.selected {
  display: block;
  position: relative;
  left: 4px;
  width: 45%;
  height: 85%;
  border-color: #CC181E;
  border-style: solid;
  border-width: 0 3px 3px 0;
  transform: rotate(35deg);
}


/*search-dropdown*/

.headerbar-right .dropdown-toggle{
  float:right;
}
.typeahead-group-header {
  font-weight: 700 !important;
  color: black;
  padding-left: 15px !important ;
}

.typeahead-group-header hr {
  margin-top: 5px;
  margin-bottom: 0;
}
.dropdown-menu > .active > a.typeahead-group-header ,
.typeahead-group-header:hover {
  background-color: transparent !important;
  color:#2196f3 !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
  background-color: #2196f3;
  text-decoration: auto;
  width: 100%
}

.navbar-search {
  direction: rtl;
}

.navbar-search.expanded input {
  max-width: 220px;
}

.navbar-search button {
  position: absolute;
  right: 0;
}

#search {
  direction: ltr;
}

.option-list {
  white-space: nowrap;
  width: 357px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.header-nav-options .dropdown-menu {
  width: 450px;
  top: 58px !important;
  position: fixed;
  left: auto !important;
  right: auto;
  direction: ltr;
}

.search-link {
  padding: 3px 10px;
  display: inline-flex !important;
}

.form-inverse .form-group .form-control {
  color: black;
  border-bottom-color: gray;
}

.form-inverse .form-group .form-control::-moz-placeholder {
  color: black;
  opacity: 1;
}

.form-inverse .form-group .form-control:-ms-input-placeholder {
  color: black;
}

.form-inverse .form-group .form-control::-webkit-input-placeholder {
  color: black;
}

.form-inverse .form-group .form-control:focus {
  border-color: gray;
}


/*--------------------------------------------------------------------------*/

.rtb-tooltip {
  display: inline-block;
  position: fixed;
  width: 500px;
  cursor: default;
  font-size: 13px;
}

.rtb-tooltip > * {
  display: inline-block;
}

.rtb-tooltip > *::before {
  content: '?';
  color: #FFF;
  font-weight: bold;
  border-radius: 50%;
  padding: 0 3px;
  background-color: #555;
  line-height: 16px;
  margin-left: 5px;
}

.rtb-tooltip > *::after {
  content: attr(data-tip);
  font-weight: normal;
  position: absolute;
  z-index: 999999;
  bottom: 30px;
  left: -40px;
  max-width: 250px;
  color: #000;
  padding: 2px 5px;
  background: #FFFAF0;
  border: 2px solid #999;
  border-radius: 5px;
  display: none;
}
.rtb-tooltip > *:hover::after {
  display: inline-block;
}

/*--------------------------------------------------------------------------*/

.rtb-custom-tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #026b9c;
  white-space: normal;
  line-height: 14px;
}

.rtb-custom-tooltip > div {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 0;
  right: 0;
}

.rtb-custom-tooltip > div > div {
  position: absolute;
  width: 400px;
  left: 0;
  transform: translateY(-50%);
  display: none;
}

.rtb-custom-tooltip:hover > div > div {
  display: inline-block;
}

.rtb-custom-tooltip > div > div > div {
  position: fixed;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  z-index: 99999;
  max-width: 400px;
  color: #000;
  background-color: #FFFAF0;
  padding: 10px 20px;
  border: 2px solid #999;
  border-radius: 5px;
  max-height: 400px;
  overflow-y: auto;
}

.rtb-custom-tooltip.left-side-tooltip > div {
  left: 0;
  right: auto;
}
.rtb-custom-tooltip.left-side-tooltip > div > div,
.rtb-custom-tooltip.left-side-tooltip > div > div > div {
  left: auto;
  right: 0;
}

.rtb-custom-tooltip i.fa {
  font-size: 17px;
}

div[rtb-component-tooltip] {
  position: relative;
}

.rtb-component-tooltip {
  position: absolute;
  font-size: 13px;
  font-weight: normal;
  z-index: 9999;
  color: #000;
  background-color: #FFFAF0;
  border: 2px solid #999;
  padding: 1px 5px;
  border-radius: 5px;
  visibility: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*--------------------------------------------------------------------------*/
.gray-box{
  padding-left: 10px;
  background-color: #E6E6E6;
  -webkit-box-shadow: -1px 5px 7px -2px;
  -moz-box-shadow: -1px 5px 7px -2px;
  box-shadow: -1px 5px 7px -2px;
  border-radius: 3px;
}

.danger-font{
  color:#912a1d;
}


.rtb-thumb-icons > * {
  border-radius: 50%;
  padding: 4px 5px;
  font-size: 18px;
  cursor: pointer;
}

.rtb-thumb-icons > *:hover {
  opacity: 0.75;
}

.rtb-thumb-icons .fa-thumbs-o-down {
  border: 2px solid #660000;
  background-color: #ff9999;
  color: #660000;
}

.rtb-thumb-icons .fa-thumbs-o-up {
  border: 2px solid #006600;
  background-color: #00DD00;
  color: #006600;
}

.rtb-thumb-icons > *:not(:first-child) {
  margin-left: 10px;
}

/*--------------------------------------------------------------------------*/

div.rtb-check {
  border-right: 3px solid #000000;
  border-bottom: 3px solid #000000;
  width: 9px;
  height: 20px;
  transform: rotate(35deg);
}

div.rtb-check-red {
  border-color: #CC181E;
}

div.rtb-check-green {
  border-color: #009900;
}

/*--------------------------------------------------------------------------*/

.rtb-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 13px;
}

.rtb-modal .modal-header {
  font-weight: bold;
  font-size: 15px;
}

.rtb-modal .rtb-form-input-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.rtb-modal .rtb-form-text-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.rtb-modal > form {
  margin: 0 auto;
}
.rtb-modal.rtb-display-none {
  display: none;
}

.rtb-modal button {
  min-width: 80px;
}

.rtb-modal textarea {
  border: 1px solid #d9d9d9;
  padding: 0 5px;
}

.rtb-modal .rtb-form-label {
  white-space: nowrap;
  margin: 0 10px 0 0;
}

.rtb-modal .modal-body > *:not(:last-child) {
  margin-bottom: 25px;
}

.rtb-modal .modal-footer .btn + .btn {
  margin-left: 10px;
}

.rtb-modal div.rtb-tick {
  margin-right: 10px;
}

.rtb-modal .modal-body div.error {
  margin-top: 20px;
  color: #CC0000;
  background: #FFEFEF;
  max-width: 100%;
  font-size: 14px;
  border-radius: 4px;
  padding: 5px 10px;
}

/*--------------------------------------------------------------------------*/

.rtb-disable-text-select {
  -webkit-user-select: none; /* Chrome, Safari, and Opera */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE */
  user-select: none;         /* Likely future */
}

/*--------------------------------------------------------------------------*/
.success-global{
    background-color: #D2E8D1;
    color: #528E5A;
}
.warning-global{
    background-color: #faebd4;
    color: #8a6d3b;
}
.error-global{
    background-color:#FAD7D5;
    color:#B6535C;
}