@charset "utf-8";
/*############# FONTS #############*/
p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header, .alert-success, .alert-danger, .alert  {
	font-size:8px;
}
h1 {
	font-size:15px;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:13px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}
/*############# COMMON #############*/
.policy_f {
	font-weight:bold;
}
.tooltip-inner {
    max-width: 400px !important; //define whatever width you want
}
#planned, #attendee_table {
	display:none;
}
input.confirmation {
	font-size:8px;
	max-width:15px;
	line-height:18px;
	text-align:center;	
}
a:link.skippy, a:visited.skippy, a:focus.skippy, a:active.skippy{
	color:#0066CC;
}
a:hover.skippy {
	color:#999;
}

/*############# MODALS #############*/
.modal.custom .modal-dialog {
   --bs-modal-bg: rgba(0,0,0,0.5);
	border:2px solid #09C;
	border-radius:10px;
  	height: auto;
}
.modal-header.custom, .modal-content.custom {
	background-color:rgba(0,153,204,0.5);
	color:#FFF;
	border-radius:10px;
	border:1px solid rgba(0,153,204,0.5);
}

.btn.btn-custom {
  --bs-btn-bg: rgba(0,153,204,0.5);
  --bs-btn-color: #fff;
  --bs-btn-border-color: rgba(0,153,204,0.5);

  --bs-btn-hover-bg: rgba(0,153,204,1);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-border-color: rgba(0,153,204,1);
}
.custom_button_back {
	background-color: rgba(0,0,0,0.5);
	border:none;
}

/*############# CARDS #############*/
.card-title {
	font-size:12px !important;
	font-weight:bold!important;
}
.card_text {
	font-size:12px;
	color:#FFFFFF;
}
.card-footer.custom_card_footer {
	border:none;
	background-color:transparent;
}
/*############# FOOTER #############*/
.grey-bg {
	background-color:#666666;
}
.footer_link_alt, address.foot {
	text-decoration:none;
	color:#FFFFFF;
	font-size:12px;
}
.footer_link_alt {
	line-height:10px;
}
li.nav-item.ftr {
	border:none !important;
	text-decoration:none;
	color:#FFFFFF;
}
li.nav-item.ftr a:hover {
	border:none !important;
	text-decoration:none;
	color:#0d6efd;
}
.foot_title {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
.foot_com {
	color:#FFFFFF;
	font-size:11px;
}
.foot_reg {
	color:#FFFFFF;
	font-size:10px;
}
address.foot {
	line-height:14px;
}
.header_contact {
	height: 50px;
}
.flex-row {
    display: flex;
}
.wrapper {
    max-height:125px;
}
/*############# SIGNATURE #############*/
canvas#signature-pad {
    background: #999;
    width: 100%;
    max-height: 125px;
    cursor: crosshair;
	display: flex;
  	justify-content: center;
  	align-items: center;
	border:1px dashed #666;
}
button#clear {
    height: 100%;
    background: #4b00ff;
    border: 1px solid transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
button#clear span {
    transform: rotate(90deg);
    display: block;
}
/***************************************************************************
*                         Responsive Setting                               *
***************************************************************************/
/* small devices (tablets, 576px and up) sm */
@media (min-width: 576px) and (max-width: 767px){
	p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header  {
		font-size:8px;
	}
	h1 {
		font-size:15px;
	}
	h2 {
		font-size:14px;
	}
	h3 {
		font-size:13px;
	}
	h4 {
		font-size:12px;
	}
	h5 {
		font-size:11px;
	}
}

/* Medium devices (tablets, 768px and up) md */
@media (min-width: 768px) and (max-width: 991px){
	p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header  {
		font-size:10px;
	}
	h1 {
		font-size:16px;
	}
	h2 {
		font-size:15px;
	}
	h3 {
		font-size:14px;
	}
	h4 {
		font-size:13px;
	}
	h5 {
		font-size:12px;
	}
	.card_text {
		font-size:12px;
		color:#FFFFFF;
	}	
}

/* Large devices (desktops, 992px and up) lg */
@media (min-width: 992px) and (max-width: 1199px){
	/*############# FONTS SIZES #############*/
	p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header  {
		font-size:12px;
	}
	h1 {
		font-size:18px;
	}
	h2 {
		font-size:17px;
	}
	h3 {
		font-size:16px;
	}
	h4 {
		font-size:15px;
	}
	h5 {
		font-size:14px;
	}
	.card_text {
		font-size:12px;
		color:#FFFFFF;
	}	
	.card-title/*required*/ {
		font-size:1.25rem !important;	
	}	
	
	/*############# NAV BAR #############*/
	li.nav-item.nav_menu, li.nav-item.nav_menu a /*required*/ {
	  border:none;
	  border-top:2px solid #253f81 !important;
	  text-decoration:none;
	}
	li.nav-item.nav_menu a:hover {
		border:none;
		border-top:2px solid #FF0 !important;
		text-decoration:none;
	}
	
	/*----------------cards----------------*/
	.card_text /*required*/{
		font-size:14px;
		color:#FFFFFF;
	}
	
	.foot_reg {
		font-size:11px;
	}
	
}
/* X-Large devices (large desktops, 1200px and up) xl */
@media (min-width: 1200px) and (max-width: 1399px){
	p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header  {
		font-size:12px;
	}
	h1 {
		font-size:18px;
	}
	h2 {
		font-size:17px;
	}
	h3 {
		font-size:16px;
	}
	h4 {
		font-size:15px;
	}
	h5 {
		font-size:14px;
	}
	.card-title/*required*/ {
		font-size:1rem !important;	
	}
	
	/*############# NAV BAR #############*/
	li.nav-item.nav_menu, li.nav-item.nav_menu a /*required*/ {
	  border:none;
	  border-top:2px solid #253f81 !important;
	  text-decoration:none;
	}
	li.nav-item.nav_menu a:hover {
		border:none;
		border-top:2px solid #FF0 !important;
		text-decoration:none;
	}
	.card-title {
		font-size:16px;
		font-weight:bold;
	}	
}

/* XX-Large devices (larger desktops, 1400px and up) xxl */
@media (min-width: 1400px) {
	p, ul, li, p.text-success, p.text-danger, a, .btn, .form-control, .modal, .modal-dialog, .modal-header  {
		font-size:12px;
	}
	h1 {
		font-size:18px;
	}
	h2 {
		font-size:17px;
	}
	h3 {
		font-size:16px;
	}
	h4 {
		font-size:15px;
	}
	h5 {
		font-size:14px;
	}
	.card-title {
		font-size:18px !important;
		font-weight:bold !important;
	}
}