/* Top Nav Bar amendments */
/* 
Dark Blue Colour #272258;
Pink Colour #c63762

*/

/* Adds a space between the heading and the main real estate on the main display window */
/*.sv-col-md-12 
{
padding:10px;	
}

.sv-col-sm-12
{
	padding:10px;	
}
*/

.sv-page-content.sv-container-fluid > form > div.sv-row:not(:empty):first-of-type
{
	margin-top:18px;
}


.sv-page-content.sv-container-fluid > div.sv-panel:not(:empty):first-of-type
{
	margin-top:18px;
}

.sv-vnavbar-menubar {
	-webkit-box-shadow: 9px -7px 15px -2px rgba(0,0,0,0.43); 
box-shadow: 9px -7px 15px -2px rgba(0,0,0,0.43);
font-weight: 600;	
	

	
	
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}


.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.text-danger {
  color: #dc3545 !important;
}

/* Used as part of the horizonal paperless menu */

.nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-item {
padding:5px;	
	
}

/* Used as part of the Card styling */
.bg-uwtsd {
  background-color: #185DA8; !important;
}

.border-uwtsd {
  border-color: #185DA8 !important;
}


.sv-footer-v {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: wrap; 

}

/*.sv-footer {
   background-color:#272258;	
	
}*/
.sv-page-content {
    padding-bottom: 12rem;
}



.text-white {
    color: #fff !important;
}

.bg-uwtsd {
  background-color: #185DA8; !important;
}

.border-uwtsd {
  border-color: #185DA8 !important;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #272258;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  color:#ffffff;
 
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}




 /*.sv-header-fixed {
    position: fixed;
    width: 100%;
    z-index: 100;
    top: 24px;
  }
*/

/* Sorts out the when the page begins depending on the size of the screen and when it switches from 'fixed' to non 'fixed' layout */
 
 .sv-page-wrapper  {
    margin-top: 90px;
	
  }
  
  .sv-vnavbar {
	 margin-top:27px; 
  }
  
  
  
 @media (max-width: 768px)
 {
	.sv-page-content {
		padding-bottom: 30rem;
	} 
	
	.sv-page-wrapper  {
    margin-top: 0px;
	
	}
	 
 }
  
 @media (min-width: 769px) and (max-width: 992px) {
	.sv-page-wrapper  {
    margin-top: 0px;
	
	}
  
	.sv-vnavbar {
		margin-top:0px; 
	}	

	.sv-page-content {
		padding-bottom: 30rem;
	}
	
	 
  }
  /* Extends the side menu length so that it doesn't cut out the last option(s). I think this needs extending due to the top bar */
  @media only screen and (min-width: 992px) {
    .sv-vnavbar-ul, .sv-vnavbar-tier2-ul {
        min-height: calc(100vh - 95px);
        max-height: calc(100vh - 95px);
    }
}
  	 
 

/* Our own defined tags */
#uwtsd_LoginNameBar
{
	width:100%;
	height:27px;
	position:relative;
	background-color:#272258;
	color:#fff;
	
	
}

.uwtsd_LoginNameBar a:visited {
    color: #fff;
}

.uwtsd_LoginNameBar a:link {
    color: #fff;
}

.uwtsd_LoginNameBar a:hover {
    color: #fff;
	background-color:#c63762;
	text-decoration:none;
}

.uwtsd_LoginNameBar a:active {
    color: #fff;
}

.uwtsd_LoginNameBar_UserName
{
	width:49%;
	height:23px;
	padding:1%;
	padding-top:3px;
	position:relative;
	text-align:left;
	float:left;
}
.uwtsd_LoginNameBar_Logout
{
	width:49%;
	height:23px;
	padding:1%;
	padding-top:3px;
	position:relative;
	text-align:right;
	float:left;
	

}

.uwtsd_LoginNameBar_Logout a:hover {
	background-color:#ffffff;
	color:#272258 !important;
	
}

.uwtsd_LoginNameBar_Logout a:link {
	
	color:#ffffff;
	
}

.uwtsd_LoginNameBar_Logout a:visited {
	
	color:#ffffff;
	
}

.uwtsd_LoginNameBar_Logout a:active {
	
	color:#ffffff;
	
}

.uwtsd_lang_cy
{
  color:blue;	
}

.uwtsd_lang_en
{
  color:green;	
}

/* Used for table styling - e.g. intrays or dt tables*/

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table th, .table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.sv-table > thead > tr > th, .sv-table > tbody > tr > th, .sv-table > tfoot > tr > th, .sv-table > thead > tr > td, .sv-table > tbody > tr > td, .sv-table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.4;
    vertical-align: top;
    border-top: 0px solid #dbdbdb;
}


.sv-table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #dbdbdb;
}


th {
	border-right-width:0px !important;
    	
}