/* surf theme css in order to overwrite the current ms theme from blue to surf red */
.breadcrumb>li a {
  color: #006bb6 !important;
}

.breadcrumb>li a:hover {
  color: #006bb6 !important;
}

.nav-tabs>li>a:hover {
  background-color: #f2f2f2;
  color: #006bb6 !important;
}

.nav-tabs>li>a:focus {
  background-color: #f2f2f2;
  color: #006bb6 !important;
}

.btn-default {
  color: #006bb6 !important;
  background-color: #FFFFFF !important;
  border-color: #006bb6 !important;
}

.btn-default:hover {
  color: #006bb6 !important;
  background-color: #f2f2f2 !important;
  border-color: #006bb6 !important;
}

.btn-default:active,
.btn-default.active {
  color: #006bb6 !important;
  background-color: #f2f2f2 !important;
  border-color: #006bb6 !important;
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
  color: #006bb6 !important;
  background-color: #f2f2f2 !important;
  border-color: #006bb6 !important;
}

.btn-default:focus,
.btn-default.focus {
  color: #006bb6 !important;
  background-color: #f2f2f2 !important;
  border-color: #006bb6 !important;
}

.btn-primary {
  color: #ffffff !important;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
}

.btn-primary:hover {
  color: #ffffff !important;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8;
}

.btn-primary:active,
.btn-primary.active {
  color: #ffffff !important;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus {
  color: #ffffff !important;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff !important;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

.navbar-toggle {
  background-color: #e21f25 !important;
}

.navbar-inverse .navbar-toggle {
  border: 1px solid #e21f25;
}

.navbar-inverse .navbar-nav>li>a:hover {
  background-color: #006bb6;
  color: #ffffff !important;
}

.navbar-toggle:hover,
.navbar-toggle:active,
.navbar-toggle:focus {
  background-color: #e21f25 !important;
  border: 1px solid #e21f25;
  opacity: 0.8 !important;
}

.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #006bb6;
  color: #ffffff !important;
}

.navbar-inverse .navbar-nav>.open>a {
  color: #ffffff;
  background-color: #006bb6 !important;
}

.navbar-inverse .navbar-nav>.open>a:hover {
  color: #ffffff;
  background-color: #006bb6 !important;
}

.navbar-inverse .navbar-nav>.open>a:focus {
  color: #ffffff;
  background-color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu {
  background-color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
  color: #ffffff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
  background-color: #ffffff;
  color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
  background-color: #ffffff;
  color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a {
  background-color: #ffffff;
  color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
  background-color: #ffffff;
  color: #006bb6 !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
  background-color: #ffffff;
  color: #006bb6 !important;
}

.sectionPrimaryColor {
  background-color: #006bb6 !important;
  color: #ffffff;
}

a {
  color: #006bb6 !important;
}

a:hover {
  color: #006bb6 !important;
  text-decoration: underline;
}

a:focus {
  color: #006bb6 !important;
  text-decoration: underline;
}

.open>.btn-default.dropdown-toggle {
  color: #006bb6 !important;
  background-color: #e6e6e6;
  border-color: #006bb6 !important;
}

.open>.btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
}

.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
}

.msos-selecteditems-toggle {
  color: #006bb6 !important;
}

h3,
.h3,
.page_section h3,
.color-inverse h3,
footer .footer-top h3,
.sidebar-home h3 {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  color: #006bb6 !important;
}

button {
  border-radius: 2px;
  font-family: Arial;
  font-weight: 600;
  font-size: 18px;
  border-color: #006bb6 !important;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #006bb6 !important;
  color: #FFFFFF;
}

button:hover {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

button:active,
button.active {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

button:active:hover,
button:active:focus,
button:active.focus,
button.active:hover,
button.active:focus,
button.active.focus {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

button:focus,
button.focus {
  color: #ffffff;
  background-color: #006bb6 !important;
  border-color: #006bb6 !important;
  opacity: 0.8
}

/* grid model settings */
h4.modal-title {
  color: black;
  margin: auto;
}

h2.tab-title {
  border: 0 !important;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 3rem;
}

.modal-body {
  margin: 15px;
}

button.close,
button.form-close {
  background: transparent !important;
}

button.close:hover,
button.close:active,
button.close:focus,
button.form-close:hover,
button.form-close:active,
button.form-close:focus {
  color: #000;
  background: transparent !important;
}

span.input-group-addon {
  background: transparent;
}

.bootstrap-datetimepicker-widget tr td button {
  background: transparent !important;
  color: #858585 !important;
}

.datepicker .next>button,
.datepicker .prev>button,
.datepicker .picker-switch>button {
  background: transparent !important;
  color: black;
}

div#EntityFormPanel {
  border: none;
}

.actions {
  border: none !important;
  justify-content: right;
  display: flex;
}

table.section {
  background: whitesmoke;
}

/* td.clearfix.cell.text.form-control-cell,
td.clearfix.cell.datetime.form-control-cell,
td.clearfix.cell.lookup.form-control-cell,
td.clearfix.cell.picklist-cell,
td.clearfix.cell.textarea.form-control-cell,
td.clearfix.cell.boolean-radio-cell {
  padding-top: 28px;
} */

td {
  background: white;
}

.modal-header {
  border: none;
}

input.form-control,
input,
select,
textarea {
  border: 1px solid #ccc !important;
  background: white !important;
}

ul.pagination>li.active>a {
  background: transparent !important;
  border-color: #006bb6;
  border-radius: 0;
}

span.input-group-addon {
  padding: 8px;
}

.input-group-btn:last-child>.btn {
  border: 1px solid #ccc !important;
  color: #555 !important;
}

input,
select,
textarea {
  padding: 6px 10px !important;
  box-shadow: none !important;
}

fieldset {
  margin-bottom: 0px !important;
}

.crmEntityFormView .form-control.readonly,
.crmEntityFormView .form-control[readonly][disabled],
.form-readonly .form-control {
  background: whitesmoke !important;
  border:none !important;
}

/* remove bootstrap blue outline */
a,
a:focus,
a:active,
a:hover,
button,
button:focus,
button:active,
button:hover {
  outline: none !important;
  border: none !important;
  background: transparent !important;
}

/* hide 'remove value' buttons on the lookups */
.remove-value {
  display: none;
}

.justify-content-right {
  justify-content: end;
  display: flex;
}

/* .section-title {
  border-bottom: 0px;
} */

.section-title>h3 {
  font-size: 16px;
}

/* add border and enlarge size of the time icon  */
/* table.table-condensed {
  border: 1px solid #ccc;
} */

span.icon-time.fa.fa-clock-o {
  font-size: 18px;
  border: 1px solid #ccc;
}

table.table-condensed>tbody>tr>td>a {
  margin-left: 0;
}