@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
/* General */
.category > h1 {
  font: 500 28px var(--medium-weight-sans), sans-serif;
  margin:auto;
  text-align: center;
  padding-top:10px;
  text-transform: none;
  letter-spacing: 0;
  text-shadow: none;
}

.ufit-search-hero {
  position: relative;
  padding: 100px;
  padding-top: 50px;
  margin-bottom:30px;
  background-color:#163ca6; /* Dark blue, but this color shouldn't matter */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
body.home .ufit-search-hero {
  margin-top: 0; 
}
.ufit-search-hero:before {
  background: url('/media/templates/uf2015/img/edge-bottom.png');
  background-position: top center;
  bottom: 0;
  content: '';
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 5; 
}
.hidden {
 display: none; 
}
.sub-page-title {
 font-size: 48px;
 margin-bottom: 20px;
}
#find-service {
  margin-top: 10px; 
}
#find-service label {
  color: #ffffff;
  font-family: quadon;
  font-size: 18px;
  padding: 14px;
  background-color: #4c87b5;
  border: none;
  height: 50px;
  display: inline-block;
  vertical-align: bottom;
  margin-top: 10px;
}   
#find-service input {
  line-height: 45px;
  height:50px;
  padding-left: 10px;
  width:100%;
  font-size:20px;
  border: none;
  margin-top: 10px;
}
#find-service input:active {
  border: none;
}
#find-service input:focus {
  outline: -webkit-focus-ring-color auto 5px; 
}
#find-service a {
  height: 50px;
  margin-left: -2px;
  vertical-align: bottom;
  margin-top: 10px;
}
#find-service input:placeholder-shown {
    font-family: var(--light-weight-sans), sans-serif;
    font-style: italic;
}
#service-form > div {
 	display:inline-block; 
}
#service-input:focus {
  outline: -webkit-focus-ring-color auto 5px;
}
#hero-buttons {
  color:white;
  font-family: inherit;
  margin: 20px auto;
  float:none;
}
body:not(.home) #hero-buttons {
  display: none; 
}
#hero-buttons .request-text {
  display: inline-block;
  font-size: 36px;
  margin-right: 32px;
  margin-left: 32px;
  line-height: 1em;
}
#hero-buttons a {
  color: #fff;
}

#hero-buttons a:hover {
 color: #f37021;
}

#hero-buttons .fa {
 font-size: 24px;
}
#hero-buttons .request-btn {
  color: #ffffff;
  background-color: #dd661e;
  border-color: #dd661e;
}
#hero-buttons .request-btn:hover {
  color: #ffffff;
  background-color: #f37021;
  border-color: #f37021;
}
.hero-buttons-text {
    font-weight: 400;
    font-size: 24px;
}

#filter-form {
  margin-bottom: 20px;
}

#filter-form input[type='text'].service-filter {
 	font-size: 14px;
  	margin: 16px 0;
}

.category-list {

}

.category-list .category-item {

}

.category-list .category-item span.null:before {
  content: "\2022";
  margin-right: 6px;
  font-weight: bold;
}
.category-list .category-item h4 {
 font-size: 18px; 
}

.btn-holder {
 padding: 0 20px 20px;
}
.btn.small-btn {
 padding: 10px;
 margin: 5px;
 font-size: 14px;
}

.service-card h4.card-title {
    text-transform: none;
    line-height: 28px;
    max-height: 4em;
    font-size: 20px;
}

.service-card .card-info {
    position: absolute;
    bottom: 18px;
    right: 18px;
}

.search-results-body {
    padding: 18px;
    position: relative;
    margin: 10px;
    margin-bottom: 30px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

.search-results-clear {
    text-align: right;
}


/* Service List colorization */
.services-list .btn-holder a:first-of-type {
    background-color: #80be63;
    color: white;
    border-color: #80be63;
}
.services-list div[data-category="Administrative and Business"] .card-body {
    border-left: 10px solid #593674;
}
.services-list a[data-target="Administrative and Business"] {
    background-color: #593674;
    color: white;
    border-color: #593674;
}
.services-list div[data-category="Communication and Collaboration"] .card-body {
    border-left: 10px solid #efa525;
}
.services-list a[data-target="Communication and Collaboration"] {
    background-color: #efa525;
    color: white;
    border-color: #efa525;
}
.services-list div[data-category="End-Point Computing"] .card-body {
    border-left: 10px solid #5e8e3f;
}
.services-list a[data-target="End-Point Computing"] {
    background-color: #5e8e3f;
    color: white;
    border-color: #5e8e3f;
}
.services-list div[data-category="Infrastructure"] .card-body {
    border-left: 10px solid #e28f41;
}
.services-list a[data-target="Infrastructure"] {
    background-color: #e28f41;
    color: white;
    border-color: #e28f41;
}
.services-list div[data-category="IT Professional Services"] .card-body {
    border-left: 10px solid #6c9ac3;
}
.services-list a[data-target="IT Professional Services"] {
    background-color: #6c9ac3;
    color: white;
    border-color: #6c9ac3;
}
.services-list div[data-category="Research"] .card-body {
    border-left: 10px solid #54a09d;
}
.services-list a[data-target="Research"] {
    background-color: #54a09d;
    color: white;
    border-color: #54a09d;
}
.services-list div[data-category="Security"] .card-body {
    border-left: 10px solid #80be63;
}
.services-list a[data-target="Security"] {
    background-color: #80be63;
    color: white;
    border-color: #80be63;
}
.services-list div[data-category="Teaching and Learning"] .card-body {
    border-left: 10px solid #b1894e;
}
.services-list a[data-target="Teaching and Learning"] {
    background-color: #b1894e;
    color: white;
    border-color: #b1894e;
}
.services-list .btn-holder a.btn.small-btn:first-of-type {
    background-color: #707173;
    color: white;
    border-color: #707173;
}
.services-list .btn-holder a.btn.small-btn:hover {
    background: none;
    color: #484848;
}


.service-summary {
 margin-top: 16px;
 padding: 26px 36px;
 background-color: #fff;
 box-shadow: 0 1px 4px rgba(0,0,0,0.1);
 border-left: 8px solid #00529b;
}
.service-summary p {
 margin: 0; 
}

.service-details {
 margin-top: 16px; 
}

/* Sidebar styles */
.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 80px solid transparent;     /* Wider sidebar entry: 80px Single-line: 60px*/
  border-bottom: 80px solid transparent;  /* Wider sidebar entry: 80px Single-line: 60px*/
  border-left: 60px solid #EE904B;
  position: absolute;
  margin-top: -25px;                      /* Determines selected 1:-25px 3:200px */
  margin-left: 300px;
  display:none;
}

.sidebar-item {
  padding: 10px;
  background: #7998b8;
  width: 100%;
  margin:5px 0;
  border-radius:4px;
}

.sidebar-item h3 {
  text-transform: uppercase;
  color: #FFF;
  padding-bottom: 10px;
  font: 500 20px/26px var(--medium-weight-sans), sans-serif;
  text-shadow:none;
  letter-spacing: 2px;
  margin: auto;
  text-align: center;
  padding-top: 10px;
}

.sidebar-1 {
  top:459px;
}

.sidebar-2 {
  top: 570px;
}
.sidebar-3 {
  top: 681px;
}
.sidebar-4 {
  top: 758px;
}
.sidebar-5 {
  top: 835px;
}
.sidebar-item.selected {
  background:  #EE904B;
}
.sidebar-item.sidebar-link:hover {
  background: #586BA4;
  cursor:pointer;
}
@media (min-width: 992px) {
  .fixed {
    top:150px;
    position:fixed;
    width:25%;
    padding-right:22px;
  }
}
.align-left {
  text-align: left;
}
#responsive-sidebar-menu {
  display:none;
}

@media (max-width:767px){
  .breaker {
    height:350px;
  }
  .breaker h1 {
    font-size:30px;
    margin-bottom:10px;
  }
  #find-service input {
    width:100%;
  }
  .ufit-search-hero {
    padding: 25px; 
    padding-bottom: 72px;
    height: auto;
  }
  #hero-buttons .fa {
    display:none;
  }
  #hero-buttons .request-text {
    margin-right: 0;
    margin-left: 0;
  }
  #hero-buttons .hero-buttons-text {
    font-size: 1.5em;
    line-height: 35px;
  }
  #find-service input {
      line-height: 45px;
      padding-left: 10px;
      min-width: 200px;
      font-size: 20px;
  }
  #responsive-sidebar-menu {
    display:block;
  }
  #responsive-sidebar-menu .col-xs-3 {
    background-color: #7998b8;
    color:white; 
    text-align:center;
    font-size:48px;
    height:60px;
    vertical-align: middle;
  }
  .sidebar {
    width:100%; 
  }
}

.demo-banner {
  background: #FFD700;
  font-size: 20px;
  width: 100%;
  position: fixed;
  z-index: 2;
  text-align: center;
  font-style: italic;
}
@media (min-width:768px){ 
  .sidebar {
    width:25%; 
  }
}
@media (min-width: 992px) {
  .fixed {
    top:150px;
    position:fixed;
    width:25%;
    padding-right:22px;
  }
}
.homepage-wrapper .col-md-9 {
    float: right;
}

#quick-links-menu a {
    color:#595959;
    margin-bottom: 0;
    font-weight: 400;
    padding: 10px 20px;
  	margin: 0;
    display: block;
}
#quick-links-menu ul {
    margin-top: 20px;
    margin-left: 0;
}
#quick-links-menu li{
    margin: 0;
}
#quick-links-menu li:hover {
    background: #f37021;
}
#quick-links-menu li:hover a {
    color: white;
}
#quick-links-menu li::before {
    content: '';
    display: none;
}

/* Updates section */
#updates,
#updates h4,
#updates td {
    text-transform: none;
}
.update-date h5 {
    color: dimgray;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 120%;
    text-transform: none;
    text-align: right;  
    margin-top:5px;
}
#ufit-news {
    display:inline-block;
}
#ufit-news .ufit-news-item {
    /*margin-top: 20px;*/
}
#ufit-news h4 {
    text-transform: none;
    margin-bottom: 0;
    line-height: 1.2em;
}
#ufit-news a h4 {
    color: #f37021;
}
#ufit-news a:hover h4 {
    color: #f79f6a;
}
#ufit-news .img-container {
  overflow:hidden;
  height:185px;
  margin-bottom: 18px;
}
#ufit-news .img-container img {
  width: 100%;
  margin: 0px;
}
#ufit-news .ufit-news-date {
    
}
#ufit-news + .more-news {
  text-align: right;
  margin-bottom: 20px;
}
.more-news a {
  font-size: 24px;
}
.more-news .fa {
  margin-right: 10px;
}

/* Service Page Styling */
.service-button {
  width: 100%; 
  margin-bottom: 20px; 
  text-align: center; 
  font-size: 1.1em;
  background-color: #c2510a;
  border: 3px solid #c2510a;
  color: #fff;
}

.service-button:hover {
  background-color:#B84D0A; 
  border-color: #B84D0A;
}

.go-to-service-button {
  width: 100%; 
  margin-bottom: 20px; 
  text-align: center; 
  font-size: 1.1em;
  border-color: #00529b;
  background-color: #00529b;
  color: #fff; 
}

.go-to-service-button:hover {
  background-color: #084b81; 
  border-color: #084b81;
}


/**************** system-alerts.css ****************/

#ufit-system-alerts,
#ufit-system-alerts ul,
#ufit-system-alerts ul li,
#ufit-system-alerts ul li a {
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  word-wrap: break-word;
}
#ufit-system-alerts {
  color: #595959; /* darker than dimgray */
  margin: 15px 0 30px 0;
}
#ufit-system-alerts ul {
  margin-left: 0px;
}
#ufit-system-alerts ul ul {
  display: none;
}
#ufit-system-alerts > ul > li.active > ul {
  display: block;
}

#ufit-system-alerts > ul > li > a {
  padding: 16px 42px 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  color: #595959; /* darker than dimgray */
  -webkit-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#ufit-system-alerts ul > li.has-sub > a:after {
  position: absolute;
  right: 26px;
  top: 19px;
  z-index: 5;
  display: block;
  height: 10px;
  width: 2px;
  background: #595959;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#ufit-system-alerts ul > li.has-sub > a:before {
  position: absolute;
  right: 22px;
  top: 23px;
  display: block;
  width: 10px;
  height: 2px;
  background: #595959;
  content: "";
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
#ufit-system-alerts ul > li.has-sub.open > a:after,
#ufit-system-alerts ul > li.has-sub.open > a:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#ufit-system-alerts ul:before{
  display:none;
}
#ufit-system-alerts .inner {
  background-color: #fffdf5;
  color: #595959; /* darker than dimgray */
  padding:15px;
  line-height: 1.8em;
  font-size: 16px;
}
#ufit-system-alerts .red {
  border: 2px solid;
  border-color: rgb(215, 24, 42);
}
#ufit-system-alerts .yellow {
  border: 2px solid;
  border-color: rgb(252, 175, 23);
}
#ufit-system-alerts .green {
  border: 2px solid;
  border-color: rgb(94, 142, 63);
}
#ufit-system-alerts .red,
#ufit-system-alerts .yellow,
#ufit-system-alerts .green 
{
  border-left-width: 8px;
  background-color: #fffdf5;
}
#ufit-system-alerts ul li:before, #ufit-system-alerts ol li:before {
  content:none;
}
#ufit-system-alerts i,
#ufit-system-alerts span.fa {
  float: left;
}
#ufit-system-alerts .alert-title {
  padding-left: 36px;
  display: block;
}
#ufit-system-alerts a {
  text-decoration:underline; 
  font-size: 18px;
  color: #f76408;
  text-decoration-color: orange;
}
#ufit-system-alerts a:hover {
  text-decoration-style: double;
}

/**************** accordion.css ****************/

#accordion .panel-heading {
  background:#a8dcd9;
}
#accordion .panel-title {
  padding: 10px 25px;
  color:#696969;
  font: 500 22px var(--medium-weight-sans), sans-serif;
  text-transform: none;
}

#accordion .panel-body > li {
  padding:10px 15px;
  font: 500 18px var(--medium-weight-sans), sans-serif;
  color:#696969;
}
#accordion .panel {
  border:none;
}
#accordion .panel-collapse {
  background: #FAF8F1;
}

/**************** category.css ****************/

.category {
  color: white;
  background:#6699CC;
  border-radius:15px;
  margin: 10px;
  padding:15px;
  height:225px;
}
.category h1 {
  color:white;
  text-transform: none;
  text-shadow:none;
  letter-spacing: 0;
  font-size:22px;
}
.category:hover {
  cursor:pointer;
  background:#3D63A6;
}
.fa-large {
  font-size: 3.5em;
}

.icon {
  text-align: center;
  margin-top:10px;
}

.icons-container {
  margin-right:auto;
  margin-left:auto;
  display: flex;
  width:100%;
}

@media (min-width:1600px) {
  .fa-large {
    font-size: 6em;
  }
  .category h1 {
    font-size:28px;
  }
}


#service-details {
  display:none;
}

.gotoService i {
  margin-left:10px;
}


/* CUSTOM CLOUD SERVICES CSS */

.landing-page-hero-full .hero-img {
   height: 280px;
}
  @media (min-width: 992px) {
    body.home .landing-page-hero-full {
      margin-bottom: 60px;
      } }
.filter-results {
   position: absolute;
   right: 32px;
   top: 6px;
   color: #888;
}
.service-item {
   width: 100%;
   padding: 20px;
   border-top: 1px solid #e5dfcf;
   position: relative;
}
.service-item:hover {
   background-color: rgba(234, 229, 215, 0.4);
}
a .service-item {
   color: #333132;
}
.service-item .icon-svg {
   display: none;
   color: #f37021;
   position: absolute;
   right: 28px;
   top: 28px;
   width: 18px;
   height: 18px;
}
.service-item:hover .icon-svg {
   display: inline;
}
.homepage-columns {
   margin-top: 40px;
   margin-bottom: 80px;
}
.homepage-columns .homepage-left {
   margin-bottom: 40px;
}
.homepage-columns .homepage-left .mission-text {
   color: #4c87b5;
   font: 500 18px/28px "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   line-height: 1.6em;
   text-align: center;
}
.homepage-columns .homepage-left .mission-container {
   background-color: #fffdf5;
   box-shadow: 0 1px 4px rgba(0,0,0,0.1);
   padding: 40px;
}
.homepage-columns .homepage-left .additional-content {
   padding: 0 10px;
}
.homepage-columns .homepage-right {
  /* background-color: rgba(234, 229, 215, 0.4); */
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.1);
  padding-top: 20px;
  padding-bottom: 20px;
}
.service-item-short {
   width: 100%;
   border-top: 1px solid #e5dfcf;
   padding: 10px;
}
.service-item-short .short-head {
   font-size: 1em;
}
.service-item-short .short-body {
   font-size: 0.8em;
}
.service-item-details {
   padding-left: 40px;
}
.register-button {
	width: 100%;
    text-align: center;
}
.content-box-copy {
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
#cloud-service-form .uf-check {
  font-size: 14px;
  margin-bottom: 18px;
}
#cloud-service-form input[type="text"], #cloud-service-form textarea {
  font-size: 14px;
  margin-top: 16px;
  margin-bottom: 16px;
}
#cloud-service-form .uf-check input[type="checkbox"] + div, #cloud-service-form .uf-check input[type="radio"] + div {
  height: 24px;
  width: 24px;
  margin-right: 8px;
}
#cloud-service-form .icon-svg {
  height: 14px;
  width: 14px;
}

/* Right hand information box */

.info-blurb-box {
	float:right;
	margin:30px;
}
.info-blurb-box hr {
	margin: 20px 0;
}

/* Policies pages */

#remote-access-policy h3 {
    margin-bottom: 15px;
}
#remote-access-policy ol {
    list-style-type: decimal;
}

#remote-access-standard ol li {
    margin: 5px 0;
}

#remote-access-standard h3 {
    margin-bottom: 15px;
}

#remote-access-policy li:before,
#remote-access-standard li:before {
	content: none !important;  
}

#it-projects-data-elements h3 {
	margin: 15px 0;
}
#it-projects-data-elements footer#footnotes :target {
	background: yellow;
}
#it-projects-data-elements sup a {
    vertical-align: super;
    font-size: 16px;
}


/* Updates Listing */
.update-item h5 {
    line-height: 24px;
    margin-bottom: 0;
    text-transform: none;
}
.update-item {
    border-bottom: 1px solid #e5dfcf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
/* GatorCloud */
.mission-text {
   color: #4c87b5;
   font: 500 18px/28px "quadon", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.2em;
   line-height: 1.6em;
   text-align: center;
}
.mission-container {
   background-color: #fffdf5;
   box-shadow: 0 1px 4px rgba(0,0,0,0.1);
   padding: 40px;
}

/* IT Policies */
.policy-table {
    width: 100%;
}
.policy-table th {
    width: 25%;
}
.policy-table th:first-of-type {
    width: 50%;
}

.policy-card {
    width: 100%;
}
.policy-card .card-body {
    padding: 18px;
    position: relative;
    margin: 10px 0;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}
.policy-card h4.card-title {
    text-transform: none;
    line-height: 28px;
    max-height: 3em;
    font-size: 20px;
}
.policy-card h5 {
    margin-bottom: 0;
}
@media (min-width: 768px) {
   .policy-card {
        float: right;
        width: 50%;
    }
    .policy-card .card-body {
        margin: 10px;
    }
}



/* Nested OL fixes */
ol>li>ol>li {
    counter-increment: lvl2-step-counter;
}
ol>li>ol>li:before {
    content: counter(lvl2-step-counter);
}

ol>li>ol>li>ol>li {
    counter-increment: lvl3-step-counter;
}
ol>li>ol>li>ol>li:before {
    content: counter(lvl3-step-counter);
}



.cogbot-main .alberta .chatbotWrap .chatbotHeader .expandCloseIconsWrap button {
  min-width: 24px; 
  min-height: 24px;
}