.branding-logo-main{
	width: 100% !important;
	/*	min-height:350px !important;*/
	background-color: #fff;
	border-radius: 10px;
	display: block !important;
	text-align: center;
	padding: 40px;
}

.branding-logo-main img.img-font{

	display: block !important;
	padding:30px;
	margin-top: 25px;
	margin-bottom: 20px;


}

.branding-section{
	padding-bottom: 0px;
}

.branding-color {
	background-color: #12469A;
	height: 200px;
	border-radius: 10px;
	margin-bottom:20px;
	padding:50px 40px;
}

.branding-color p{
	font-weight: 500;
	margin-bottom:7px;
}

.brand-white{
	background-color: #fff;
}

.brand-blue p{
	color: #fff;
}

.branding-color-list p{
	line-height: 0.5;
	margin-top: 5px;
}

.btn-branding{
	border:solid 1px #12469A;
	color: #12469A;
	border-radius: 5px;
	padding: 10px 15px;
	line-height: 5;
}

.btn-branding:hover{
	color: #fff;
	background-color:  #12469A;
}

.dhivehi-logo{
	background-color:  #12469A;

}

.logo{
	min-height: 323px;
}

.btn-brand-sign-in{
	padding: 10px 25px;
	border:solid 1px #d0d2d3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 20px;

}

.img-icon{
	height:40px;
	margin-right: 10px;
}

.btn-black{
	background-color: #333333;
	border:solid 1px #333333;
	color: #fff;
}

.btn-gray{
	background-color: #d0d2d3;
	border-radius: 10px;

}

.btn-blue{
	background-color: #164998;
	border-radius: 30px;
	border:solid 1px #164998;
	color: #fff;
}

.branding-downloads{
	display: inline-block;
}

.branding-downloads a{
	width: 100%;
	display: block;
	line-height: 1.6;
	margin-bottom: 15px;

}

.logo-download{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 15px 15px;
	text-align: center;
}

.logo-download img{
	height:95px ;
}


.btn-download{
	padding-top:7px;
}

.btn-download a{
	padding-right: 15px;
	font-size:14px;
	color: #333333;
	opacity: 0.5;
	line-height: 0;

}

.btn-download a:hover{
	opacity: 1;
}

.blue-download{
	background-color:#164998 ;
}

.black-download{
	background-color:#333333 ;
}

.download-logos div.row div.col-md-4{
	margin-bottom:30px;
}


@media (max-width: 768px) {
	.page-section{
		padding-top: 0px;
	}

}

.branding-masthead{
	background: url('../assets/img/branding.png') no-repeat center center;
	/*background-repeat: no-repeat;*/
	/*background-attachment: scroll;*/
	/*background-position: center center;*/
	background-size: cover;
}


.btn-brand-sign-in:hover{
	background-color: #f0f0f0;
}

.btn-black:hover{
	color: #fff;
	background-color: #000;
}

.btn-blue:hover{
	color: #fff;
	background-color: #113c7e;
}

.btn-gray:hover{
	background-color: #bdbdbd;
}

:not(pre) > code[class*="language-"], pre[class*="language-"] {
	background: #f1f2f6 !important;
	margin-bottom: 0px !important;
}

.branding-code{
	padding: 0px;
	margin-bottom: 30px;

}

.button-copy-code{
	border:solid 1px #d0d2d3;
	padding: 2px 10px;
	border-radius: 3px;


}

.branding-code div div a{
	margin-top:35px;
	margin-bottom:27px;
}

pre[class*="language-"] {
	white-space: pre-wrap !important;
	word-break: break-word;
	overflow-wrap: break-word;
}


/*.custom-scroll::-webkit-scrollbar { height: 6px; }*/

/* For WebKit browsers */
.custom-scroll::-webkit-scrollbar {
	height: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
	background: transparent;
}

.custom-scroll::-webkit-scrollbar-thumb {
	background-color: #bbb;
	border-radius: 3px;
}

/* For Firefox */
.custom-scroll {
	scrollbar-width: thin;
	scrollbar-color: #bbb transparent;
}