html, body {
  overflow-x:hidden 
}
.card-body {
	overflow-x: hidden;
}
body {
	font-family: 'Noto Sans', sans-serif;
	color: #545454;
	font-size: 14px;
}

.drawer-hamburger {
    background-color:#0098e3 !important}

.logout{
	position: absolute;bottom: 0px;width: 100%;background-color:#f0f2f4;
}
.bg-amber {
  background-color: #FFC107;
}

.lead {
    color: #044d66;
}
.form-control::placeholder {
    color:#aaa;
    opacity: 1;
}
.cancel-txt {
    margin-top: 10px;
    display: block; color:#dc3545
}

.modal-content {
    word-wrap: break-word;
}
.tab-content{
	min-height:370px
}
.table .thead-dark th {

    color: #151f29;
    background-color: #e2e6ea;
    border-color: #e2e6ea;
    border-right: #bec7d0 solid 1px;
}
.ml40{
	margin-left:40px
}

.mri-head{background-color:#044d66;color:#fff; font-size:1.6em;margin-bottom:20px;margin-top: -20px;
margin-left: -20px;
margin-right: -20px;}


.multi-sel{
    background-color: #fff;
    color:#495057 !important;
background-color:#fff;
background-clip: padding-box;
border: 1px solid #ced4da !important;
    border-radius: .25rem  !important;
    line-height: 1.2 !important;
padding: 10px !important;
padding-left: 18px !important;
}

.overflow2 {
    overflow-x: inherit !important;
}

.minhth115{
	min-height: 110px;
}
.btn-outline-dark {
    z-index: 0 !important;
}
.dropdown-menu {
   transform:  inherit !important;
	font-size: .9rem;
    color: #545454;
}
.searchbox-border-all{
	border: 0px none #fff !important;padding:0px!important
}
.ui-tabs .ui-tabs-panel {
    border-width: 1px !important;
}

.ui-widget-header {
    border: 0px solid #ddd !important; background-color:#fff  !important
}
.ui-widget {
    font-family: inherit !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family:inherit  !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border:#0d75b0 !important;
    background:#0d75b0 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em  !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px  !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px  !important;
}
/* .searchbox-bk{
	background-color:#e2e6ea !important
}
.searchbox-top{
	background-color:#fff !important
}
.searchbox-border{
	border: 0px none #fff !important
}


*/
.mobile-text{
    color: #bbd437;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 0px;
    padding-top:6px
}

@media only screen and (min-width:0px){.mobile-text{ text-align:center}}
@media only screen and (min-width:540px){.mobile-text{ text-align:left}}



.drop-height{
	height:42px !important}

.hand-hover:hover{
	cursor:pointer
}

.welcome{
	color:#545454;font-size:20px
}

.dropdown-menu2 {
  position: relative!important;

}


.dropdown-menu a {
 text-decoration:none;padding-top: 10px;

padding-bottom: 10px;padding-left: 12px;

}

.dropdown-menu a::after {
  transform: rotate(-90deg)!important;
  position: absolute!important;
  right: 6px!important;
  top: .8em!important;

}

.dropdown-menu {
  top: 0;
  left: 100%;
  margin-left:0rem;
  margin-right:0rem;  width:100%;border-radius: 0;
margin-bottom: 15px;
}


.make-change {
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

.mobile-bar{background-color:#0d75b0;height:60px}

@media only screen and (min-width:0px){.navbar-nav {display:inherit;width:inherit;margin: inherit;}.navbar-nav > li {float:inherit;display:inherit;text-align:inherit;}}
@media only screen and (min-width:992px){.navbar-nav {display:table;width:100%;margin: 0;}.navbar-nav > li {float:none;display:table-cell;text-align:center;}}


@media only screen and (min-width:0px){.text-mid-left{text-align:left}}
@media only screen and (min-width:992px){.text-mid-left{text-align:center}}

@media only screen and (min-width:0px){.mobile-bar{background-color:#162029;height:60px;z-index:1;width:100%;top:0px;position:fixed;display:inherit}.card-body-pad{margin-top: 60px;}.logow{width:160px}}
@media only screen and (min-width:992px){.mobile-bar{background-color:#fff;height:0px;display:none}.card-body-pad{margin-top:0px;}.logow{width:180px}}



@media only screen and (min-width:0px){.mri-head-pad {padding-left: 35px;padding-right: 35px;padding-top: 25px;padding-bottom: 25px;}}
@media only screen and (min-width:992px){.mri-head-pad {padding-left: 35px;padding-right: 35px;padding-top: 45px;padding-bottom: 25px;}}


@media only screen and (min-width:0px){.default-box-left{padding-left:0px;padding-right:0px}.default-box-right{padding-left:0px;padding-right:0px;padding-top:15px}}
@media only screen and (min-width:768px){.default-box-left{padding-left:0px;padding-right:15px}.default-box-right{padding-left:inherit;padding-right:0px;padding-top:0px}}




.mobile-bar{
	color: #fff;

text-align: right;

padding-right:10px;

padding-top: 18px;
}

.ft14{
	font-size:14px !important
}

.w60{
	width:190px
}

.tight-text{
	letter-spacing:-1px
}

.min-height{
	min-height:350px
}

.nav-link {
    display: block;
    padding: .5rem 0rem;

}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;text-decoration: none;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #00b288;
}
.icon-w{width:22px}
.navbar-brand {
    letter-spacing: -1px;text-decoration: none;
}

.no-dec{text-decoration:none !important}

.headerlogo2 {
    display: block;
    vertical-align: middle;
    line-height: 0;
    height: 75px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: contain;
    width: 60px;margin: auto;background-image: url('images/mri_logo_new.svg')
}



@media only screen and (min-width :0px){
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    background-color: #00b288;
    color: #fff;
}
}
@media only screen and (min-width : 992px){
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    background-color:inherit;
    color: #00b288;
}
}


.no-dec{text-decoration:none !important}

@media only screen and (min-width :0px){
.container {
	margin-left: 0px!important;
	margin-right: 0px!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
}
/*
Removed by Ben - 26/03/19
.row {
    margin-right: 0px;
}*/
.contactsrow{ max-width:110px}
}

@media only screen and (min-width : 576px){
.container {
	padding-right: 15px!important;
	padding-left: 15px!important;
	margin-right: auto!important;
	margin-left: auto!important;
}
/*
Removed by Ben - 26/03/19

.row {
    margin-right: inherit;
}*/
.contactsrow{max-width:inherit}

}

.row-overide{margin-right: -15px}
.icomin{min-width:35px}

@media only screen and (min-width:0px){.icomains{min-width:29px}.navbar-collapse {border-top: solid 1px #1e5f76;padding-top: 10px;margin-top: 10px;}}
@media only screen and (min-width:992px){.icomains{min-width:0px}.navbar-collapse {border-top:inherit;padding-top:0;margin-top:0;}}

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

.blue{color:#518495 !important;text-decoration:none !important}
.blue:hover{color:#518495 !important;text-decoration:none !important}



.pad3 {
	padding: 3px !important;
}
.btn, .btn-group-lg > .btn, .btn-group-sm > .btn, .btn-lg, .btn-sm {
	border-radius: 2rem;
	line-height: 1;
	padding: .64rem .7692rem;
	font-size: 14px;
}
.nosidepad {
    padding-right: 0!important;
    padding-left: 0!important;

}

.table td, .table th {
vertical-align: middle;

}
.table > tbody > tr > td {
     vertical-align: middle;
}

.form-control {
	font-size: 14px !important;
}
.nav-tabs .nav-link {
	border: 0px;
}
.cog-text {
	font-weight: bold;
}
.extrapad {
	padding: 17px 14px 17px 14px;
}

.form-group {margin-bottom: 0rem;}
.whitebk {
	background-color: #fff;
}
.card {
	border-radius: 0px;
}
.topmenu {
	background-color: #044d66;
	border-radius: 0px !important;
}
.sticky-top {
	background-color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #00b288;
	background-color: #fff;
	border: 0px;
}
.nav-tabs, .nav-tabs .nav-link:hover {
	color: #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border: 0px;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active:hover {
	color: #00b288;
}
.thin-bottom {
	border-bottom: 1px #dfdfdf solid;
}
/* Colour */

.mt-8{
	margin-top:8px
}
.cal-style {
	border-radius: 0px;
	border-color: #d2d8de;
	background-color: #fff;
	border-width: 2px;
}

.name-box-style {
	border-radius: 3px 0px 0px 3px;
	border-color: #d2d8de;
	background-color: #fff;
	border-width: 2px 0px 2px 2px;
}

.name-box-style2 {
	border-radius: 0px 3px 3px 0px;
	border-color: #d2d8de;
	background-color: #fff;
	border-width: 2px 0px 2px 2px;
}


.cal-style-icon {
	background-color:#d2d8de;
	color: #121c25;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #fff;
	opacity: 1;
}
a {
    color: #545454;
    text-decoration-style: solid;
    text-decoration-color: #0d75b0;
    text-decoration-line: underline;
}
a:hover {
	color: #0d75b0;
}

.col-darker{color:#bababa !important}
.col-darker:hover{color: #0d75b0 !important}

.text-info {
	color: #518495 !important;
}
.btn-info {
	background-color:#0d75b0;
	border-color: #0d75b0; color:#fff !important
}
.border-info {
	border-color: #00b288 !important;
}
.btn-info.focus, .btn-info:focus {
	-webkit-box-shadow: 0 0 0 0 rgba(44,193,133,.5);
	box-shadow: 0 0 0 0 rgba(44,193,133,.5);
}
.btn-info.hover, .btn-info:hover, .show > .btn-info.dropdown-toggle.focus.hover, .show > .btn-info.dropdown-toggle.focus:hover, .show > .btn-info.dropdown-toggle:focus.hover, .show > .btn-info.dropdown-toggle:focus:hover {
	border-color: transparent;
	background-color: #0d537e;
}
.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show>.btn-info.dropdown-toggle {	border-color: #3a9dd2;background-color:#08344f}
.btn-outline-success {
	color: #162029;
	border-color: #607184; text-decoration:none
}
.btn-outline-success:hover {
	background-color:#e7f0f5;
	border-color:#607184; color:#162029
}

.btn-outline-success:not(:disabled):not(.disabled).active, .btn-outline-success:not(:disabled):not(.disabled):active, .show > .btn-outline-success.dropdown-toggle{
	background-color: transparent;
	border-color:#607184; color:#162029;box-shadow: 0 0 0 .2rem rgba(58,157,210,.5);}

.btn-outline-success.focus, .btn-outline-success:focus{
	background-color:#cfe1eb;
	border-color:#607184; color:#162029;box-shadow: 0 0 0 .2rem rgba(58,157,210,.5);}

.btn-out {
	color: #fff;
	border-color: #fff; background-color:transparent
}
.btn-out:hover {
	background-color: #e7f0f5;
	 color:#162029
}
.br4{border-radius:.25rem}

.alert-info {
	color: #ffffff;
	background-color: #00b288;
	border-color: #00b288;
	border-radius: 0px;
}
.bg-info {
	background-color: #00b288 !important;
}
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
	background-color: #31d090 !important;
}
.btn-outline-info {
	color: #00b288;
	background-color: transparent;
	background-image: none;
	border-color: #00b288;
}

/*loading*/
.loading {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 2000;
}

.loading-wheel {
    width: 20px;
    height: 20px;
    margin-top: -40px;
    margin-left: -40px;
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 30px;
    border-radius: 50%;
    -webkit-animation: spin 1s linear infinite;
    z-index: 2000;
}

.style-2 .loading-wheel {
    border-style: double;
    border-color: #ccc transparent;
}

.image-print-style {
    margin-bottom: 10px;
    height: 250px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

.animation-target {
    -webkit-animation: animation 1500ms linear both;
    animation: animation 1500ms linear both;
}


.card-counter{
    box-shadow: 2px 2px 10px #DADADA;
    border-radius: 5px;
    transition: .3s linear all;
  }

  .card-counter:hover{
    box-shadow: 4px 4px 20px #DADADA;
    transition: .3s linear all;
  }


  .card-counter i{
    font-size: 5em;
    opacity: 0.2;
    box-shadow: 0px 0px 0px;
  }

  .card-counter .count-numbers{
    position: absolute;
    right: 25px;
    top: 65px;
    font-size: 44px;
    display: block; font-weight:500
  }


.card-header-blue {
    background-color: #fff;
    color: #21b58b;font-size: 1.2em
}

.card-header {
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-top: 1px solid rgba(0,0,0,.125);
}

.card-bk{
	background-color:#fff
}

.card-footer {
    background-color:#fff;
border-top: 0px
}

.card-header-styled{
    background-color: #fff;
    border-radius: 0;
    padding: 0.5em;
}
.card-footer {
    padding: .75rem;
}

.accordion .card{
	 border:0px
}

.modal-header {background-color:#f0f2f4}
.modal-title { color:#356f83;font-size:16px}

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}