article.a-zPage.courseSearch .uos-course-award
{
    background-color:#0078AE;
    color:#FFFFFF;

    display:block;
    width:30px;
    padding:4px 4px 0px 4px;
    text-align:center;
    position:absolute;
    right:0;
    bottom:0;

}

.item
{
    position:relative;
}
h1
{   
    margin-top:0px;
    margin-bottom:10px;
}
#content
{
    padding-top:0;
}

.tab-content.active .img img
{
    width:50px;
    margin-right:10px;   
}

.burger-tab img
{
    width:50px;
    margin-right:10px;
}

.filters > .tabs > li > a
{
    padding-right:25px;
}

.tab-content.active .img
{
    padding:10px;
}

#filtersearch
{
    background-color:#DCDCDC;
    padding:10px 0px 10px 70px;
}

.filters-panel
{
    margin-top:10px;
}
.tabs-container
{
    margin-bottom:0;
}
@media screen and (min-width: 800px)
{
    .page-summary.has-img > .wrap
    {
        /* position: relative; */
        min-height: 100px;
    }
}

@media (min-width: 680px)
{
    article.a-zPage div.filter div#groups.group3 ul#group-buttons li
    {
        height: 100px;
    }
}

@media (min-width: 500px)
{
    article.a-zPage div.filter div#groups.group3 ul#group-buttons li
    {
        height: 100px;
    }
}

article.a-zPage div.filter div#groups.group3 h2
{
    min-height:0px;
}

article.a-zPage ul.iso-container
{
    margin-top:0;
}

.tabs-container
{
    padding:0;
}

article.a-zPage a.active, article.a-zPage .active
{
    background-color: #ffffff;
}

article.a-zPage a.active, article.a-zPage .active p, article.a-zPage .active div
{
    color:#000000;
}
article.a-zPage .active .tab-text ul, article.a-zPage .active .tab-text
{
    text-align:left;
    padding-bottom:20px;
}
article.a-zPage .active .tab-text, article.a-zPage .servcont ul, article.a-zPage .servcont h2, article.a-zPage .servcont h3, article.a-zPage .servcont h4
{
    text-align:left;
}
article.a-zPage .servcont ol
{
    list-style-type: square;
}
article.a-zPage .servcont
{
    /*padding-top:30px;*/
}
    article.a-zPage .servcont h1
    {
         display: block; /**/
         width:auto;
         max-width:75%;
        font-size: 2.75rem;
        text-align:left;
        padding: 0.2em 20px;
        background: #002b5c;
        color: #fff;
        font-family: "ff-meta-web-pro", sans-serif;
        line-height: 1.2;
        margin-bottom:30px;
    }

article.a-zPage a.active, article.a-zPage .uos-accordian
{
    /*background: #0078ae;*/
    background:#EFEFEF;
    border-bottom:6px solid #0078ae;
}

article.a-zPage.courseSearch .uos-serv-title
{
    padding-top:0px;
    margin-top:5px;
}


/*article.a-zPage .cloud_svg.hover
{
    fill:#FFFFFF;
}*/


.svg_logo {
         
    fill:#0078B6;
}
.svg_logo_span
{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.svg_logo_span_list
{
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-right:10px;
    /*float:left;*/
}

article.a-zPage.courseSearch  .pgt-item a:hover  .svg_logo {
         
    fill:#FFFFFF;
}

 article.a-zPage .contactInfo ul li a
{
    /*padding:0;*/
}
.contactInfo
{
    /*border-top:1px solid #BBBBBB;*/
    /*margin-top:20px;*/
    /*padding-top:20px;*/
    margin-bottom:10px;
    margin-top:15px;
}
.cl
{margin-top:20px;
    padding-top:20px;
    border-top:1px solid #BBBBBB;
}
.contactInfo p
{
    text-align:left;
}
article.a-zPage a.active, article.a-zPage ul li.serv
{
    float:none;
    text-align:left;
    position:relative;
    min-height:60px;
}

article.a-zPage .uos-accordian-content .serv a
{
    /*padding:0;*/
}

article.a-zPage .uos-accordian-content .serv 
{
    color:#000000;
    border-bottom:1px solid #DCDCDC;
    margin-bottom:4px;
}

div.acord
{
    background:none;
}

.acord ul
{
    /*border:1px solid red;*/
}

#content {
    max-width: 71.25em;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-top: 45px;


}


body > .wrap {
    max-width: 62em;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0 2%;
    background: #fff;
}

.access-links
{
    
    width:auto;
    height:auto;   
    position:absolute;
    top:10px;
    right:20px;
}

/*article.a-zPage .uos-accordian-content .serv a*/

article.a-zPage .uos-accordian-content .access-links a
{
    width:auto;
    display:inline-block;
   /*padding:10px;*/
   margin-left:10px;
    /* color:#FFFFFF;
    

    padding-bottom:12px;*/
 

}

    article.a-zPage .uos-accordian-content .access-links .ac
    {
        padding-top:6px;
        padding-bottom:5px;
    }

article.a-zPage ul li h3
{
    
    font-size:140%;
    margin:5px 0px 0px 0px;
}

.ac
{
    
    
}

article.a-zPage .uos-accordian-content .access-links .ac
{
    /*background-color:#5D9732;*/
    /*padding-top:5px;
    padding-bottom:5px;*/
}
article.a-zPage .uos-accordian-content .access-links .mi
{
    /*background-color:#0078B6;
    padding-left:15px;
    padding-right:15px;*/
    /*padding-top:11px;
    margin-top:1px;*/

}
.sel
{
    font-size:110%;
}

#uniquename-tab-2 .catfilter
{
    position:relative;
}
.expander
{
    font-size:110%;
    position:absolute;
    top:5px;
    right:0;
}

.catfilter .sel
{
    background-color:#EFEFEF;
    border:2px solid #DCDCDC;
    padding:5px;
}

article.a-zPage div.filter div#groups ul#group-buttons li:nth-of-type(2) a
{
    border-bottom-color: #1A2E5A;
    
}

article.a-zPage div.filter div#groups ul#group-buttons li:nth-of-type(2) a h2
{
    color: #1A2E5A;
}

article.a-zPage div.filter div#groups ul#group-buttons li a:hover 
{
    color: #1A2E5A;
}

ul.lists > li .ac-link button
{
    background-color: #5D9732;
    color:#FFFFFF;
    font-size:140%;
}

 .bac-link
{
     background-color: #5D9732;
    color:#FFFFFF;
    font-size:110%;
    text-decoration:none;
    padding:5px;
}
.bac-link:hover
{
    color:#FFFFFF;
 text-decoration:underline;
}
article.a-zPage .contactInfo ul li .bac-link
{
padding:5px;
}
.mrsev
{
    display:block;
    display:none;
}
.lesslnk
{
    display:none;
}
#prevDiv
{
    display:none;
    text-align:center;
    background-color:#EE3224;
    padding:5px;
    position:fixed;
    width:100%;
    top:0;
    z-index:10000;
    color:#FFFFFF;
    font-size:120%;
    opacity:0.9;
    
}
#prevDiv img
{
    width:auto;
    opacity:1.0;
    margin-right:20px;
}
.tag
{
    padding:5px;
    background-color:#002B5C;
    color:#FFFFFF;
    margin-right:5px;
    font-size:120%;
}

article.a-zPage #uniquename-tab-2 a.active .fa-level-down, article.a-zPage #uniquename-tab-2 a.active .fa-level-up
{

    margin-top:15px;
    margin-right:10px;
}

article.a-zPage  a.active .fa-level-down, article.a-zPage  a.active .fa-level-up
{
    color:#0078B6;
}

article.a-zPage div.filter div#groups ul#group-buttons li:nth-of-type(2) a span {
color: #002B5C;
}

    .smT
    {
        display:none;
    }

    form#filtersearch {
        text-align: center;
        padding-top: 12px;
        padding-bottom: 12px;

    }

    #filtersearch
    {
        padding:0;
    }

    .desc_sm
    {
       display:none; 
    }
    .desc_lg
    {
        display:block;
        text-align:left;
    }
.ic
{
    display:inline-block;
    width:24px;
    height:24px;
    vertical-align:middle;
    margin:4px;

}
.icsp
{
    display:inline-block;
    width:16px;
    height:32px;
    vertical-align:middle;
}
.shdesc
{
    margin-right:290px;
    display:inline-block;
    margin-bottom:5px;
}

.loader
{
    width:128px;
    height:128px;
    margin-left:auto;
    margin-right:auto;
}

.smCat
{
    font-size:75%;
}

article.a-zPage .contactInfo  a
{
    display: inline;
}

article.a-zPage .servcont ul li
{
    list-style-type: square;
    list-style-position: inside;
    float: none;
    margin-left:20px;
    margin-top:10px;
}

article.a-zPage .servcont ul.contact-list li
{
    list-style-type: none;
}


article.a-zPage .servcont h3, h4, h5, h6
{
    font-size:130%;
}

#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    opacity: 0.6;
    filter: alpha(opacity=60);
    z-index:10000;
    height:150%;
}
#loading {
    width: 50px;
    height: 57px;
    position: absolute;
    top: 20%;
    left: 50%;
    margin: -28px 0 0 -25px;
}

.tp
{
    font-size:50%;
    display:inline-block;
    position:absolute;
    right:0;
}

/*greyed out */
article.a-zPage.courseSearch ul.iso-container li.greyed
{
    color:#C1C3C5;
    border-bottom-color:#C1C3C5;
}

article.a-zPage.courseSearch .greyed .uos-course-award
{
    background-color:#C1C3C5;
}
article.a-zPage.courseSearch .greyed a
{
    color:#C1C3C5;
}

.greyed .svg_logo
{
    fill:#C1C3C5;
}
/*greyed out */

/*student */
article.a-zPage.courseSearch ul.iso-container li.rd, article.a-zPage a.rd
{
    /*color:#EE3224;*/
    border-bottom-color:#EE3224;
}

article.a-zPage.courseSearch .rd .uos-course-award
{
    background-color:#EE3224;
}

article.a-zPage .servcont ul li a {
  width: 100%;
  display: inline;
  height: 100%;
   /*padding: 0%;*/ 
   
}
.contact-list li a {
    display: inline-block !important;
    text-align:center;
}

/*article.a-zPage.courseSearch .rd a
{
    color:#EE3224;
}
.rd .svg_logo
{
    fill:#EE3224;
}*/

/*student */
/*staff */
article.a-zPage.courseSearch ul.iso-container li.darkblu,  article.a-zPage a.darkblu
{
    /*color:#1A2E5A;*/
    border-bottom-color:#1A2E5A;
}

article.a-zPage.courseSearch .darkblu .uos-course-award
{
    background-color:#1A2E5A;
}
/*article.a-zPage.courseSearch .darkblu a
{
    color:#1A2E5A;
}
.darkblu .svg_logo
{
    fill:#1A2E5A;
}*/
/*staff */

/*research */
article.a-zPage.courseSearch ul.iso-container li.grn, article.a-zPage a.grn
{
    /*color:#5D9732;*/
    border-bottom-color:#5D9732;
}

article.a-zPage.courseSearch .grn .uos-course-award
{
    background-color:#5D9732;
}
/*article.a-zPage.courseSearch .grn a
{
    color:#5D9732;
}

.grn .svg_logo
{
    fill:#5D9732;
}*/

/*research */

article.a-zPage .filter a.active
{
    text-align:center;
}



.fa-sm
{
    font-size:60%;
}

.bl
{
    color:#0078AE;
}

.filtString
{
    margin-bottom:5px;
}
.filterText
{
    display:none;
}

@media screen and (max-width: 320px)
{
    .expander
    {
        font-size:80%;
    }
}


/* Phone Portrait*/
@media screen and (max-width: 667px)
{
    .access-links
    {
        width:100%;
        height:auto; 
        display:block;
        position:relative;
        top:0;
        left:0;
        margin-left:auto;
        margin-right:auto;
        text-align:right;
        margin-top:15px;
        margin-bottom:5px;
        padding-right:15px;
    }
    .ac
    {
        float:left;

    }
    article.a-zPage .uos-accordian-content .access-links a
    {
        margin-left:15px;
    }
    ul.lists.list2x1 .contact-list li
    {
        margin-left:0;
    }

    .sel
    {
        width:250px;
    }

    .cat-name
    {
        
        display:inline-block;
        width:70%;
        vertical-align:middle;
    }

    .serv
    {
        position:relative;
    }
    #uniquename-tab-1
    {
        display:none;
    }
    #uniquename-tab-2  a.acord
    {
        padding:10px;
    }

    .filters
    {
        display:none;
    }

    .smT
    {   margin-top:20px;
        display:block;
    }
    article.a-zPage div.filter div#groups ul#group-buttons li a span.filter-icon
    {
        top:0px;
    }
    article.a-zPage div.filter div#groups ul#group-buttons li a h2
    {
        text-align:center;
        width:100%;

    }
    article.a-zPage ul li a
    {
        padding:3%;
        margin-bottom:5px;
    }

    form#filtersearch {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;

    }

    #filtersearch
    {
        padding:0;
    }
    /*detail page*/
    article.a-zPage .servcont h1
    {
        max-width:100%;
    }
    .desc_sm
    {
        display:block;
    }
    .desc_lg
    {
        display:none;
        
    }
    .shdesc
    {
    margin-right:0px;
    display:inline;
    }
}


.topBanner{
    text-align:center;
    background-color:#FFCC99;
    border-bottom:10px solid #FF8000;
    padding:15px;
    width:100%;
    /*position:absolute;*/
    z-index:100000;
    top:0;
}

.hidden{
    display:none;
}

/*article.a-zPage .uos-accordian-content .access-links*/ 
.ac-btn{

    background: #018489;
    border: 2px solid #018489;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;

}

/*article.a-zPage .uos-accordian-content .access-links*/ 
.info-btn{
    background: #fff;
    border: 2px solid #018489;
    border-radius: 50px;
    color: #018489;
    font-weight: bold;

}

.contactInfo .btn{
    margin-bottom:10px !important;
}


.info-btn-outline{
    background: #018489;
    border: 2px solid #018489;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;

}

.btn.btn-primary{
    background: #018489;
    border: 2px solid #018489;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 0.6rem 1.2rem;
   

}

.contact-list .btn.btn-primary
{
 font-size:1.7rem !important;
}



.btn.btn-outline-primary {
    background: #fff;
    border: 2px solid #018489;
    border-radius: 50px;
    color: #018489;
    display: inline-block;
    font-weight: bold;
    padding: 0.6rem 1.2rem;
    width: auto;
}


.contact-list a{
    display:inline-block;
    width:100%;
}
.contact-list .btn.btn-outine-primary
{
 font-size:1.2rem !important;
 padding:4px !important;
}

article.a-zPage ul li a{
    padding: 2% ;
}
button{
    margin-bottom:0px;
}
#btn_search{
    width:350px;
}
#show-all{
    width:150px;
}

#search-panel .btn{
    cursor:pointer;
    margin-left:10px;
}

.btn.btn-outline-danger {
    background: #fff;
    border: 2px solid #DC3545;

    border-radius: 50px;
    color: #DC3545;
    display: inline-block;
    font-weight: bold;
    padding: 0.6rem 1.2rem;
    width: auto;
}

.btn.btn-success{
    background: #218739;
    border: 2px solid #218739;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 0.6rem 1.2rem;
   

}

#show-all .filter-text{
    width:100%;
}

.btn-primary:hover{
    background:#5A5C60;
    border: 2px solid #5A5C60;
    color:#fff;
}


.btn-outline-primary:hover{
    border: 2px solid #5A5C60 !important;
    color:#5A5C60 !important;
}