/*--[Bootstrap overrides]--*/
/* Coforge created Licensing theme css for Rebranding under userstory:#35630 */

* {
  border-radius: 0 !important;
}

body {
  height: auto;
  min-height: 100%;
  font-family: "Sora", sans-serif;  
  font-size: 1em;
  background: 100% 0px #ffffff;
  color:#000045!important;
  
}
/* span{
	 font-family: "Sora", sans-serif!important;  
}  */

legend {
  margin-bottom: 5px;
  font-size: 1em;
  font-weight: 700;
  border-bottom: 0px solid #e5e5e5;
  color:#000045;
}

.navbar {
  border-radius: 0px;
  margin-bottom: 0px;
}

.navbar-default {
  background-color: #fff;
  border-color: #fff;
}

.navbar-brand {
  font-size: 14px;
  height: auto;
   padding: 12px 0 0 0px;
}

.navbar-brand img{
  height: 36px;
  width: auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.alert>p {
  margin-top: 12px;
  margin-bottom: 12px;
}

.alert-info {
    color: #000045;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-info a {
  color: #4100C2;
  text-decoration: underline;
}

.alert-danger a {
  color: #4100C2;
  text-decoration: underline;
}

.alert-info a:hover, .alert-danger a:hover{
	color: #000045;
}

.form-group {
  margin-bottom: 24px;
}

.control-label {
  width:100%;
}

.checkbox-inline, .radio-inline {
  width: auto !important;
}

.alert-danger, .has-error, .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #80252b;
}

.has-error .form-control {
  border-color: #80252b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}



.form-blockElement{
	display: inline-block;
	margin-bottom: 5px;
}
.list-style-bullet{
	display: list-item;
	padding-left: 25px;
	margin-bottom: 10px;
	list-style-position: inside;
	list-style-type: disc;
}

/*--[End Bootstrap overrides]--*/



/*--[Custom utilities]--*/
.util-mar-top-1 {
  margin-top: 12px;
}
/*--[End Custom utilities]--*/



/*--[Custom Ofcom styling]--*/
.of-skiplinks {
    left: 0;
    list-style: none outside none;
    margin: 0;
    position: absolute;
    width: 100%;
    z-index: 99999;
}
.of-skiplinks li,
.of-skiplinks span {
    left: -2500px;
    position: absolute;
    width: 1px;
}
.of-skiplinks a{
	color: #000000;
}
.of-skiplinks a:active, .of-skiplinks a:focus {
    border: 0 none;
    cursor: pointer;
    font-weight: 700;
    left: 2502px;
    padding: 4px;
    position: absolute;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    color: #000;
    background-color: #fff;
}

.of-wrapper, .of-footer-inner-wrapper {       
    margin: 0 auto;
    padding: 0 12px 0 12px;
    max-width: 1224px;    
    height: auto;
    font-size: 1.4em;
}

.of-header {
  margin-bottom: 5px;
  background: #fff;
}

.of-content {
  position: relative;
  padding: 24px 12px;
  background-color: #ffffff;
}

.of-content:before{
	content: '';
	position: absolute;
	left:0;
	top:0;
	background: #fff url('../img/container-bg-spectrum-top.png') -5px -1px no-repeat;
	background-size: 101%;
	width: 100%;
	height: 3px;
}
@media (min-width: 768px) {
	.footer-border{
		margin-top: 3rem !important;
	}
}
        

@media (max-width: 767px) {
  .of-content:before {
	background-position: -5px 0;
  }
  .of-footer h2{
	  margin-top:30px!important;
  }
}

.of-footer {
      background: #000045;
    margin: 12px 12px 0 12px;
    line-height: 2.5em;
    padding-bottom: 24px;
}

.of-footer h2 {
  font-size: 100%;
  font-weight: 700;
  color: #fff;
  margin-bottom:30px;
}

.of-footer ul {
  padding: 0;
  margin: 0;
}

.of-footer li {
  list-style: none;
  margin-bottom: 14px;
}

.of-footer a {
  font-size: 100%;
  font-weight: 300;
  color: #fff;
}
.of-footer a:hover {
  color: #fff!important;
}

.of-footer-social {
  min-height: 42px;
  color: #fff;
}

.of-footer-links {}

.of-form-info {
  float: right;
}

@media (max-width: 767px) {
  .of-form-info {
    width: 100%;
    float: none;
  }
  .footer-border {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
        margin-bottom: 20px;
    }
	
}



.of-form .panel-heading {
  background: #000045;
  color: #fff;
}

.of-form-intro {
  font-size: 140%;
  margin-top: 12px;
  margin-bottom: 36px;
  display:table;
}

.of-form-progress {
  color: #544b4b;
  font-size: 140%;
  margin-top: 12px;
  margin-bottom: -18px;
  display: block;
}

.of-form h2 {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
}

.of-form h3 {
  padding: 0;
  margin: 0;
  font-size: 1em;
  font-weight: 700;
}
/*--[End Custom Ofcom styling]--*/


/*--[Custom reCAPTCHA overrides]--*/
.rc-anchor-normal .rc-anchor-checkbox-label {
  width: 132px !important;
}

.rc-anchor-normal .rc-anchor-content {
  width: 186px !important;
}

.rc-anchor-normal .rc-anchor-pt {
  right: 19px !important;
}

.rc-anchor-normal {
  width: 280px !important;
}
/*--[End Custom reCAPTCHA overrides]--*/


.red-text {
 color: red;
}

.center-text {
 text-align: center;
}

#skip{display: none;}



.form-control:focus {
    border-color: #ff8a00;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
    box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
}




a:focus-visible {
    border: 3px solid #ff8a00!important;
    outline:0!important;
    outline-offset: 0;
}
a:focus{
	outline:none;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{
	outline: 0!important;
    outline: 0!important;
    outline-offset: 0!important;
}
#navb a{
	border: 3px solid #ff8a00!important;
}


input:focus-visible, textarea:focus-visible {
   -webkit-box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
    box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
    outline: none;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
    border: 1px solid  #ff8a00!important;
    outline: none;

    -webkit-box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
            box-shadow: 0 0 0 0.25rem rgb(255 137 0 / 100%)!important;
}

input[type=submit]{
	background:#000045;
	color:#fff;
}

input[type=submit]:hover{
	background: #ff8a00!important;
    border: solid 1px #000045;
	color:#000045!important;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus{
	outline: 0!important;
    outline: 0!important;
    outline-offset: 0!important;
}

.of-footer small{
	color:#fff;
	font-size:100%;
}

.select2-search input:focus, .select2-search input:focus-visible{
	border: 0!important;
    outline: 0!important;
    outline-offset: 0!important;
	box-shadow:none!important;
}

 
 a {
  color: #4100C2;
  text-decoration: underline;
}

 a:hover,a:focus{
	 color: #000045!important;
	text-decoration: underline;
} 
a.remcls{
  color: #4100C2;
  text-decoration: underline;
}
a.remcls:hover,a.remcls:focus{
	color: #000045!important;
	text-decoration: underline;
}

.of-content p a {
  color: #4100C2!important;
  text-decoration: underline;
}

.of-content a:hover{
	color: #000045!important;
	text-decoration: underline;
}


 .of-footer a {
  text-decoration: none;
}

 .of-footer a:hover, .of-footer a:focus{
	color:#ffffff!important;
	text-decoration: underline;
} 

.btn{
	background:#000045;
	color:#fff;
	border:solid 1px #000045;
	transition:all .4s;
}

.btn span{
	background:#000045;
	color:#fff;
	border:solid 1px #000045;
}

.btn:hover{
	background:#ff8a00;
	border:solid 1px #000045;
	color:#000045;
	text-decoration:underline;
}
.bootstrap-datetimepicker-widget a.btn{
	padding:0px!important;
}
	

.bootstrap-datetimepicker-widget table td span{
	margin:-2px -1px 0px -1px!important;
}
.bootstrap-datetimepicker-widget table td span:hover{
	background:#ff8a00!important;
	color:#000045;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{
	background:#ff8a00!important;
	color:#000045;
}

.btn:focus, .btn-default:focus{
	background:#000045!important;
	color:#fff!important;
}





.btn-light{
	background:#000045!important;
	color:#fff!important;
}
.btn-light:focus{
	background:#000045!important;
	color:#fff!important;
}
.btn-light:hover{
	background:#000045!important;
	color:#fff!important;
}

.btn-success {
  background-color: #36C280;
  border-color: #36C280;
  color:#000045;
  border:solid 1px #36C280
}



.btn-success:focus {
  background-color: #36C280;
  border-color: #36C280;
  color:#000045;
}
input[type=submit].btn-success {
	  background-color: #36C280;
  border-color: #36C280;
  color:#000045;
}
input[type=submit].btn-success:focus {
	  background-color: #36C280;
  border-color: #36C280;
  color:#000045;
}
.btn-success:hover {
  background-color: #ff8a00;
  color:#000045;
	border:solid 1px #ff8a00;
	text-decoration:underline;

}

.fa-chevron-up, .fa-chevron-down{
	background:red!important
}


.btn[disabled]:hover{
	background-color: #000045 !important;
	color:#ffffff!important;
	text-decoration:none!important;
}

.btn:focus-visible, .btn-light:focus-visible, .btn-success:focus-visible{
	border: 0!important;
    outline: 0!important;
    outline-offset: 0!important;
	box-shadow:none!important;
	background-color: #ff8a00 !important;
    color: #000045 !important;
    border: solid 1px #000045 !important;
	text-decoration:underline!important;
}

.form-control{
	color:#000045;
}
select option{
	color:#000045;
}

.datepicker:hover .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover, .datepicker table tr td.day:hover, .datepicker table tr td span:hover, .bootstrap-datetimepicker-widget table td.hour:hover{
	background-color: #ff8a00!important;
    color:#000045!important;
}



.btn-success[disabled]:hover {
    background-color: #36C280 !important;
    border-color: #36C280 !important;
    color: #000045 !important;
}

.panel-heading h3.panel-title{
	display: flex;
    align-items: center;
}

a.select2-choice:hover{
	color: #000045 !important;
	text-decoration:none!important;
}

#skip a:focus{
	color: #fff !important;
}
#skip a:hover{
	color: #000045 !important;
}