/* PARAGRAPHS */
p {
	font-size: 1.25em;
}


/* NAV BAR */
.navbar-brand.logo-control img.logo-img {
    max-height: 90px;
}

.header-wrap .navbar-brand img {
	margin-top: 0px
}

.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li:last-child > a:hover, .t4-megamenu .navbar-nav > li:last-child > .nav-link:hover {
    border-color: #000;
    color: #000;
}

/* nav bar buttons*/
#menu-user > li > a {
    line-height: 30px;
  	border: 1px solid transparent;
    border-radius: 25px;
	min-width: 170px;
    height: 48px;
  	font-weight: bold;
}

/* access buttons */
a.btn.btn-danger.nav-link {
    color: #fff !important;
    border-radius: 25px;
}

/* logo */
.header-wrap .navbar-brand { 
	margin: 0px;
}

/* submenu */
ul#off-canvas-guest .nav-item li.nav-item.active a {
    color: var(--color-primary);
}

ul#off-canvas-guest .nav-item li.nav-item a:hover {
    color: var(--color-primary);
}

/* slide nav bar */
ul#off-canvas-main li.nav-item.active a {
    color: var(--color-primary);
}


/* BACKGROUNDS */
.primary-bg {
	background-color: #CC092F
}


/* TITLES */
.main-title {
	z-index: 2;
}


/* BUTTONS */

/* actions buttons*/
.btn.btn-primary, .t4b-btn.btn, .btn.btn-info {
    line-height: 35px;
  	border: 1px solid transparent;
    border-radius: 25px;
	min-width: 170px;
    height: 48px;
  	font-weight: bold;
}

.btn.btn-primary:hover, .search .btn-toolbar .btn:hover {
	--color-primary: #9c102c;
}

.btn.btn-primary:focus, .search .btn-toolbar .btn:focus {
    box-shadow: none;
    --color-primary: #9c102c;
    background-color: #9c102c !important;
}

.btn.btn-light:focus {
    --color-light: #CC092F;
    /* background-color: #efefef !important;
    border: 2px solid; */
}

.btn.btn-light:hover {
    --color-light: #e2e5e2;
}

.btn.btn-light {
    background-color: #efefef;
    color: #001e26;
    border-radius: 25px;
    border: 2px solid #979896;
    min-width: 170px;
}



.btn.btn-danger:hover {
    --color-danger: #9c102c;
    background-color: #ff605a;
    opacity: 1;
}

/* t4 builder buttons */
.t4b-btn.btn.custom-btn-white {
    color: #e1173f;
    background-color: #fff;
    border: 1px solid transparent;
}

.t4b-btn.btn.custom-btn-white:active {
    color: #ffffff !important;
    background-color: #9b0724 !important;
    border: 1px solid #ffffff !important;
}

.t4b-btn.btn.custom-btn-white:hover {
	color: #ffffff !important;
    background-color: #9b0724 !important;
  	border: 1px solid #ffffff !important;
}

/* MONITORING AND FILTERS BUTTONS */
.btn.btn-outline-default.active {
    color: #ffffff;
    background-color: var(--color-primary);
}

.btn.btn-outline-default {
	color: var(--color-dark);
}

.monitor-tabs a:hover {
    border-bottom: 4px solid #d0d0d0;
}

/*DATE RANGER PICKER*/

#daterange {
	color: #CC092F
}

#daterange:hover {
  	color: #fff;
	border-color: #CC092F;
  	background-color: #CC092F
}

.daterangepicker .ranges li {
    color: var(--color-primary);
}

.daterangepicker .ranges li:hover, .daterangepicker .ranges li:focus {
    color: var(--color-primary);
}

.monitor-tabs > li.active > a, .monitor-tabs > li.active > a:hover, .monitor-tabs > li.active > a:focus {
    color: #000;
    background: transparent;
    border: none;
    border-bottom: 4px solid #CC092F;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    border: 1px solid #cc092f;
}

.daterangepicker .ranges li.active {
    background-color: #cc092f !important;
    border-color: #cc092f !important;
    color: #ffffff;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--color-primary);
    border-color: transparent;
    color: #fff;
}

/* APIS */
.nav-tabs > li > .nav-link.active, .nav-tabs > li > .nav-link.active:hover, .nav-tabs > li > .nav-link.active:focus {
    color: #001e26 !important;
    background: transparent;
    border: none;
    border-bottom: 4px solid #cc092f;
}

.card-title a {
    color: var(--body-link-color);
}

.api-layout.tile .api-top-section .api-heading {
	word-break: break-word;
}

/* EDIT PAGE*/
/* buttons */
a.btn.btn-default.edit-usr-btn {
    border-radius: 25px;
    min-width: 150px;
    background-color: var(--color-primary);
}

a.btn.btn-default.edit-usr-btn:hover {
    color: #fff;
    background-color: #9b0724;
}

/* EDIT APPLICATION PAGE */
.application-form-wrapper #delete {
    background-color: #efefef;
    color: #001e26;
    border-radius: 25px;
    border: 2px solid transparent;
    min-width: 170px;
}

.application-form-wrapper #delete:hover {
    background-color: #e2e5e2;
  	border: 2px solid transparent;
  	color: #000
}



/* ICONS */

.table th.sorting_asc::after {
    content: "\f106";
  font-family: var(--fa-style-family,"Font Awesome 6 Free");
}

.table th.sorting_desc::after {
    content: "\f107";
  font-family: var(--fa-style-family,"Font Awesome 6 Free");
}

.application-view-wrapper .tab-content #authentication .section-title .btn:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f106";
}

.application-view-wrapper .tab-content #authentication .section-title .btn.collapsed:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107";
}

.application-form-wrapper .authentication-section .section-title .btn:before {
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f106";
}

.application-form-wrapper .authentication-section .section-title .btn.collapsed:before {
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f107";
}

@media (max-width: 575.98px) {
  .navbar-brand.logo-image.logo-control {
	max-width: 115px;
  }
}