/* Banner */
.merriweather {font-family: 'Merriweather', serif;}
.headerLeft {width:99%;}
.siteLogo {margin-right:.4rem;}
.siteLogo a.linked-img img {height:25px; width:auto;}
.uafLogoText {display:block !important; font-size:1.2rem; line-height:1rem; text-wrap:balance;}
.headerRight {width:1%;}
.nav-gradient-border {
background: -webkit-linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, -webkit-linear-gradient(left, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
background: -o-linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, -o-linear-gradient(left, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 20px) calc(100% - 20px) no-repeat, linear-gradient(to right, rgba(135,209,230,1) 0%, rgba(196,207,218,1) 50%, rgba(255,205,0,1) 100%);
border-radius: 0px;
padding: 10px;
box-sizing: border-box;
}
.site-header {display:none;}
@media (min-width: 576px) {
	.siteLogo {margin-right:.4rem;}
	.siteLogo a.linked-img img {height:42px; width:auto;}
	.uafLogoText {display:block; font-size:1.155rem; line-height:1.22rem; max-width:430px;}
}
@media (min-width: 768px) {
	.siteLogo {margin-right:.4rem;}
	.siteLogo a.linked-img img {height:50px; width:auto;}
	.uafLogoText {display:block; font-size:1.32rem; line-height:1.4rem; max-width:500px;}
}
/* end */
a { color: #111C4E;}
.container-custom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
#navbar-header{
    background: #003266;
}

@media (min-width: 576px){
.container-custom {
    max-width: 540px;
}}
@media (min-width: 768px){
.container-custom  {
    max-width: 720px;
	padding-right: 0;
    padding-left: 0;
	margin:auto;
}}
@media (min-width: 992px){
.container-custom  {
    max-width: 960px;
}}
@media (min-width: 1200px){
.container-custom  {
    max-width: 1140px;
}}



@media (min-width: 768px){
.site-header { padding: 0.5rem 0;}
}


/* Search home */
.search-main .h1 {
    font-size: 1.8rem;
}
.search-bg {
    padding: 2rem;
	margin: 0 1rem;
	color: #1e5c8d;
}
.get-help {
    margin: 0 1rem;
}

@media (min-width: 767.98px) { 
.get-help {
    margin: 0;
}
.search-main .h1 {
    font-size: 2.2rem;
}
.search-bg {
    padding: 3rem;
    margin: 0;
}}

.search-bg a:link, .search-bg a:visited {
    color: #212529;
	text-decoration: underline !important;
    font-weight: 400;
}
.search-bg a:hover {
    color: #1e5c8d;
}
.search-bg h3 {
	font-weight:500;
}


/* search start */
.search-bar.featured-bg-container {
    padding: 1.5rem 0 1.5rem;
}
.search-bar .col-md-auto {
	padding-left:0;
}
/* .searchresults {
	padding: 1rem 0px;
}*/

.searchCatalog h1 {
 margin:0;	
}
.search-main .h2 {
    font-size: 1.6rem;
}
.searchCatalog form {
 margin:0;
}
.searchCatalog .form-group {
    margin-bottom: 0;
}
.searchCatalog input{
    outline: none;
    background: url(/nooktech/images/icon_search.png) no-repeat 50% center;
    background-position: 1rem;
    background-size: 25px;
    color: #555;
}

.searchCatalog input[type=search] {
    background-color: white;
    width: 100%;
	padding:1rem;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
	  transition: all .5s;
}

.searchCatalog input[type=search].collapsed {
    width: 50px;
    padding: 2rem 2.4rem;
    margin: 0;
    float: right;
    height: 5rem;
    background-position: 1rem;
}
.searchCatalog input:-moz-placeholder,
.searchCatalog input::-webkit-input-placeholder {
	color: #999;
}

.searchCatalog input[type=search]:hover {
	background-color: #eee;
}
.searchCatalog input[type=search]:focus,
.searchCatalog input[type=search].expanded {
	width: 100%;
	padding-left: 3.1rem;
	color: #000;
	cursor: auto;
}
@media (min-width: 767.98px) { 
.searchCatalog input[type=search]{
	padding:0rem;
	height: 4rem;
	line-height: 3rem;
	font-size: 1rem;
	width: 5rem;
}

.searchCatalog input[type=search]:focus{
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
::selection {
    background: #00c4cc;
    color: #fff;
    text-shadow: none;
}

/* test end */


/* Services Styles */
h3, .h3 {
    font-style: normal;
}

.service-filters{
   padding-bottom: 2rem;
}
.service-filters .nav-item {
	font-size: 1.2rem;
	background: none;
    border: 0;
    color: #555;
    margin-right: 15px;
}
.service-filters .tab-content {
	padding: 0.7rem 0;
}
 .service-filters .filter-button-group button {
    font-weight: 700;
    margin-bottom: 10px;
    margin-right: 10px;
}
.service-filters .nav-tabs {
    border-bottom: 3px solid #cccccc;
    /* background: #e9ecef87;*/
	font-weight: 700;
}
.service-filters .nav-item a:link{
	text-decoration: none;
	padding: 1rem 2rem;
}
.service-filters .nav-item a:hover{
	text-decoration: underline;
}
.service-filters .nav-tabs .nav-link.active {
    background: #607d8b38;
    border: 0;
}
.service-filters .nav-tabs .nav-link:hover {
    border-color: transparent;
}
.service-filters .badge-secondary {
    color: #495057;
    background-color: #dee2e6;
}
.card {
    margin: 0 1rem 1rem 0;
}
.grid-item-content{
	height: 220px;
}
.grid-item {
	margin-bottom 1rem;
}
.grid-item-content {
    overflow: hidden;
    max-height: 15rem;
	hyphens: auto;
}
.ng-trans {
    -webkit-transition: 240ms all; 
    transition: 240ms all; 
}
#service-intro {
	padding-bottom: 1rem; 
}
div#service-related {
    padding: 0 1rem;
}

/* search  */
.service-filters .form-control-lg {
	width: 20rem;
}

.relative {
    position: relative;
}
.service-filters .button-search{
    position: absolute;
    display: block;
    right: 1rem;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: .6;
    border: none;
    top: 50%;
    transform: translateY(-50%);
}
.svg-inline--fa.fa-fw {
    width: 1.25em;
}
.fa-fw {
    text-align: center;
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.button-search:focus, .button-search:hover {
    color: #228be6;
}

/* ------- Mega Menu ------- */
    #navbar-header{
    background: #003266;
}
.megaMenu .dropdown-menu.megamenu.show {
    border-top: #1e63a1 0.5rem solid;
	top: -2px;
}
.megaMenu .nav-link {
	text-transform: uppercase;
	color: #fcfcfc !important;
}
.megaMenu .megamenu {
	background: #ffffff;
	font-size: 1.1rem;
	padding: 2rem;
}
.megaMenu .megamenu ul {
    list-style: none;
    border-left: 3px solid #ffc107;
    margin-left: 0.5rem;
    padding-left: 1rem;
	line-height: 1.5rem;
}
.megaMenu .megamenu a:link,
.megaMenu .megamenu a:visited {
	color: #000;
}
.megaMenu .megamenu a:hover {
	text-decoration: none;
}
.megaMenu .megamenu li:hover {
	/* border-bottom: solid 2px #00bcd4;*/
	text-decoration: none;
	background:#eee;
	transition: 0.3s;
}
.megaMenu .title.h3 {
    padding-bottom: 0.5rem;
}
.megaMenu p.h4 {
    font-weight: 600;
    font-size: 1.4rem;
}
.megaMenu p.text-small {
    font-size: 0.9rem;
    height: 2.5rem;
}

.megaMenu .navbar-nav {
    text-align: left;
}
.megaMenu .nav-item.show {
    background: transparent;
}

.megaMenu a.nav-link:hover {
    background: #022141;
	transition: 0.5s;
}

@media (min-width: 767.98px) { 
.megaMenu .navbar-nav {
    text-align:right;
}
.megaMenu .nav-item.show {
	background: #1e68a9;
}}

.megamenu li {
    padding: 0.5rem;
    border-bottom: 1px solid #eee;
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: #fcfcfc !important;
}

/* @media all and (min-width: 992px) { */
@media all and (min-width: 767.98px) {
		.navbar{ padding-top: 0; padding-bottom: 0; }
		.navbar .has-megamenu{position:static!important;}
		.navbar .megamenu{left:0; right:0; width:100%;}
		.navbar .nav-link{padding: 0.6rem 1.5rem !important;font-weight: 100;}
	}

    /* end menu */
/* status io */

.meta {padding: 1rem 2rem;border-radius: 5px;background: #f7f7f7;margin: 0 0 1.5rem;}
.meta a:link,
.meta a:visited {
    color: #222;
    font-weight: 500;
    /* font-size: 1.6rem; */
}
.meta a:hover {
color: #888;
}

.color-dot, .color-round {
  border-radius: 99px !important;
  display:inline-block;
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.maintenance {
	background-color:#4d90fe;
} 
  .critical {
    background-color:#e74c3c;
  }
  .major {
    background-color:#e67e22;
  }
  .minor {
    background-color:#f1c40f;
  }
  .none, .green {
    background-color:#2ecc71;
  }

.card-title.h3 {
    font-size: 1.5rem;
}
.multicolumn-container .h3.text-uppercase {
    margin-bottom: 1.5rem;
}
.custom-bx {
    background: transparent;
    padding-top: 0;
    margin-bottom: 0 !Important;
    padding-bottom: 0 !important;
}
@media (min-width: 768px) {
.featured-bg-container {
  padding: 1rem;
}

#uaid .tabs-container .nav-tabs .nav-item {
    margin-bottom: -1px;
    width: 33%;
}

#uaid .tabs-container .nav-tabs .nav-link {
    padding: 2rem 0;
    color:#1f5a8f;
    font-size:1.1rem
}}

@media (min-width: 767.98px) { 

#uaid .tabs-container .nav-tabs .nav-link {
    padding: 4rem 0;
    font-size:1.5rem
}
#uaid .tabs-container .card-body {
    padding-top: 2rem;
}}


.ou-component-icon-card .customdark-card .card-title.h3 a:link, 
.ou-component-icon-card .customdark-card .card-title.h3 a:visited,
.ou-component-icon-card .customdark-card .card-body {
	color:white !important;
}

.multicolumn-container {
    overflow: initial;
}
	
.alert-dismissible {
    padding-right: 1rem;
}
.submitTicket .dropdown-item:hover {
    color: #000000 !important;
}