/* Color Palette */
:root{
	--customColor_I: 	#0171BC; /* Blue */
	--customColor_II:	#FEFDF9; /* White (Sugar) */
	--customColor_III:	#C1C1C1; /* Grey */
	--customColor_IV:	#005A96; /* Blue (sharow)*/
	--customColor_V:	#000000; /* Black*/
	--customColor_VI:	#FFFFFF; /* White*/
}

html, body {
	height: 100%;
}
body{
	background-image: -webkit-linear-gradient(45deg, var(--customColor_VI) 0%, var(--customColor_I) 100%)
}
.btn-custom, .btn-custom:active{
	background-color: var(--customColor_I);
	color: var(--customColor_II);
}
.btn-custom:hover{
	background-color: var(--customColor_IV);
	color: var(--customColor_II);
}
.bg_custom{
	background-color: var(--customColor_I) !important;
}
.cont_grey{
	background-color: var(--customColor_III) !important;
}
.custom-color{
	background-color: var(--customColor_I) !important;
	color: var(--customColor_VI);
}
.table_custom{
	padding:	0px !important;
	margin:		0px !important;
	vertical-align: middle;
}

/* Custom styles for input-group-text */
.input-group-text {
    white-space: normal; /* or use 'pre-line' for pre-formatted text with preserved line breaks */
	text-align:justify;
}
#main {
	background-color: var(--customColor_III);
	width: 100%;
	height: 495px;
}
#ajaxBOX{
	width: 100%;
	height: 100%;
	display: inline-block;
	overflow: auto;
}

.copyright {
	background-color: var(--customColor_I)!important;
	float:left;
	width:100%;
	font: 10px Trebuchet MS, Verdana, sans-serif;
	text-align:center;
	color: #FFFFFF;
	padding:0px;
	border: 0px solid black;
}
hr {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

/* Custom Scrollbar */
/* ***************** START  ***************** */
/* width */
::-webkit-scrollbar {
  width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: var(--customColor_II); 
}
 /* Handle */
::-webkit-scrollbar-thumb {
  background: var(--customColor_I); 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--customColor_I); 
}
/* ******************** END ******************** */