@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;500;600;800&display=swap');

body {
background: #F8F8F8;
color: #333;
font-family: 'Poppins', sans-serif !important;
}

a:link { color: #333468; text-decoration:none; }
a:visited { color: #333468; text-decoration:none;}
a:active { color: #333468; text-decoration:underline; }
a:hover { color: #ed2024; text-decoration:underline; }

#content {padding:10px}

h1 
{
	color: #ed2024 !important;
	font-size: 2em !important;
	font-weight: 500;
}

p 
{
	color: #333468;
}

.login
{
	
}

.login label
{
	font-size: 20px;
    padding-right: 15px;
}

.login label strong
{
	font-weight: 600;
}

.login input
{
	font-size: 20px;
    padding: 5px;
}

.errorStr
{
	color: #900;
	font-weight:bold;
}

#content table tr td
{
	padding: 5px 0 5px 0;
}

#mainNav
{
	font-weight:600;
	padding-left:0px;
}

#mainNav p
{
    border: 1px solid #333468;
    margin: 5px 0;
    padding: 7px 15px;
    font-size: 18px;
}

#main
{
min-height: 500px;
padding:10px;
}

#main2 {
    min-height: 500px;
    padding: 10px 10px 10px 50px;
}

.alert
{
    border: 1px solid #FF0000;
    color: #FF0000;
    padding: 10px;
    width: 500px;
}

.alert p
{
    margin: 0;
    padding: 0;
}

.tableHeader td
{
	background: none repeat scroll 0 0 #333468;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
	font-size:12px;
	padding: 8px;
}

.tableHeader a
{
    color: #FFFFFF;
}

.tableContents td
{
	background: none repeat scroll 0 0 #e4e4e4;
    text-align: center;
	font-size:12px;
	padding: 8px;
}

.tableContents2 td
{
	background: none repeat scroll 0 0 #FF0000;
    text-align: center;
	font-size:12px;
	padding: 8px;
	color:#fff;
}

.tableContentsAmber td
{
	background: none repeat scroll 0 0 #ff9900;
    text-align: center;
	font-size:12px;
	padding: 8px;
}

.tableContentsGreen td
{
	background: none repeat scroll 0 0 #33cc33;
    text-align: center;
	font-size:12px;
	padding: 8px;
}

.tableContentsOut td
{
	background: none repeat scroll 0 0 #FF0000;
    text-align: center;
	font-size:12px;
	padding: 8px;
}

.tableBlk
{
	color:#fff;
	font-weight:bold;
}

.tableDark
{
	border: 1px solid #000000;
}

.tableDarkHeader
{
	background: none repeat scroll 0 0 #333468;
	padding: 0 !important;
	height: 45px
}

.tableDark h3 
{
	color:#fff;
	font-size: 14px;
    margin: 5px 5px 7px;
	
}

.tableDark td
{
    height: 32px !important;
    padding: 4px 10px !important;
}

.tableDark td strong, .tableDark td b
{
    font-weight: 600
}

.tableHeaderSmall td
{
	border-bottom:1px solid #000;
	background: none repeat scroll 0 0 #333333;
}

.tableHeaderSmall a
{
    text-align: center;
	font-size:10px;
	 color: #FFFFFF;
}

.tableContentsSmall td , .tableContentsSmall td div
{
    text-align: center;
	font-size:12px;
	padding: 8px;
}

#AgentType,#BookingType
{
	width:120px;
}

#AgentType option
{
	
}

.footer {
	background: #333468;
	padding: 10px;
}

.footer p {
	margin: initial;
}

.footer-link {
	color: #fff !important;
}

.success {
	background: #28a745; 
	border: 1px solid #28a745; 
	color: #fff; 
	font-weight: 600; 
	font-size: 20px; 
	padding: 10px 15px;
}

td, th {
    padding: 6px 10px !important;
}

input
{
    padding: 1px 4px;
}

select
{
    padding: 2px 4px;
}

.price{
	font-size: 16px;
}

h2, h3 {
	font-weight: 600;
}

#checkout {
	background: #fff;
}

#checkout td {
    padding: 0 !important;
	color: #333468 !important;
	font-size: 15px;
}

#checkout h2 {
    font-size: 21px !important;
}

#checkout h3 {
    font-size: 22px !important;
}

#checkout input, #checkout select {
    margin-bottom: 10px !important;
}

#collapseBreakdown td {
	padding-left: 10px !important;
}