﻿
@font-face {
	font-family: 'Nexa';
	src: url('/Fonts/NexaRegular.otf'); 
}

@font-face {
	font-family: 'Nexa';
	src: url('/Fonts/Nexa Bold.otf');
	font-weight: bold;
}


BODY {padding: 0px; margin: 0px; line-height: 1.33em; }


form {margin:0px;}

P, td, DIV {
	font-size: 14px;
	color: #424242; /*  #342a6f ; /*';#A1A2A5;*/
	font-family: 'Montserrat', sans-serif;
	vertical-align: middle;
}

h1 {
	font-weight: normal;
	font-size: 24px;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

h2 {
	font-size: inherit;
	margin-block-start: 0em;
	margin-block-end: 0em;
	display: inline;
}

input, select, textarea {
	vertical-align: top;
	font-family: 'Montserrat', sans-serif
}


input:not([type=button]), select, textarea
{
	border: 2px solid #E0E0E0;
	border-radius: 8px;
	padding: 5px;
	color: #525252;
}


input:not([type=button]), select {
	height: 17px;
	box-sizing: content-box;
}


input[type="button"]
{
	border-radius:8px;
	outline: 0px;
	cursor:pointer;

}

input[type="file"]
{
	border-radius:8px;
	outline: 0px;
	cursor:pointer;

}

input:focus, select:focus
{
    outline-offset: 0px;
	outline: 0px;
}

input:disabled, select:disabled, input:read-only {
		background-color: #eeeeee;
		color: #444444 !important;
		opacity: 0.7;
		outline-offset: 0px;
		outline: 0px;
	}

textarea:focus
{
    background-color : #f7edfa;
    outline-offset: 0px;
	outline: 0px;
}


/* Buttons */

.OLRSmallButton{
	width: 60px;
	font-size:7pt;

} 

.OLRMediumButton{
	width: 120px;
	font-size:9pt;
	padding: 3px;

} 

.OLRBrowseButton{
	width: 120px;
	font-size:9pt;
	padding: 3px;
	border: 1px solid black;
	border-radius:8px;
	outline: 0px;
	cursor:pointer;
	background-color: #DDDDDD;
	vertical-align:middle;
	border

} 


.OLRSectionButton{
	width: 100px;
	padding: 5px;
}

.OLRFormButton {
	width : 100px;
	font-size:9pt;
	padding: 3px;
}

.OLRSectionDeleteButton{
	width: 100px;
	padding: 5px;
	color : Red;
	font-weight: bold;
}

.OLRBtnExpand {
	cursor: pointer;
}

/* Background */
.OLRBackground { 
	background-color:transparent;
}

.OLRPosFB
{
    border: 2px #006100 solid;
    background-color:#C6EFCE;
	color:#006100;
	font-weight:bold;
	padding:3px;
}
.CommsPosFB
{
    border:solid 2px #006100;
    background-color:#C6EFCE;
	color:#006100;
	font-weight:bold;
	
}

.OLRNegFB
{
    border: 2px #9C0000 solid;
    background-color:#FFC7CE;
	color:#9C0000;
	font-weight:bold;
	padding:3px;
}

.OLRWarningFB
{
    border: 2px #D17800 solid;
    background-color:#FFEB9C;
	color:#D17800;
	font-weight:bold;
	padding:3px;
}

.CommsNegFB{
	border:solid 2px #9C0000;
	background-color:#FFC7CE;
	color:#9C0000;
	font-weight:bold;
	
}

.OLRBoldText{
	font-weight:bold;
}
.OLREmphText{color:#CC0000;font-weight:bold;}

.OLRMainTable {
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	width: 1250px;
	border-top: 2px solid #00478A;
	border-left: 1px solid #00478A;
	border-right: 1px solid #00478A;
}

.OLRHeaderTable{
	width: 100%;
	border-collapse : collapse;
	padding:0px;
	margin:0px;
}

.OLRHeaderText {
	font-size: 24px;
	text-align: center;
	padding-top:3px;
}

.OLRInfoTable{
	padding: 4px;
	width: 100%;
}

.OLRErrorTD{
	background-color: Silver;
	color:Black;
}

.OLRControlTable {
	background-color: #FFCB05;
}

.OLRControlText {
	font-weight: bold;
	vertical-align: middle;
	color: #00478A;
	letter-spacing: 2px;
}

.OLRInputTableRow{
	background-color: White;
}
.OLRInputTableRowGrey{
	background-color: #F0F0E0;
}

.OLRInputTable{
	border: 3px outset Silver;
}

.OLRInputTableHdr
{ 	border-bottom: 2px solid #E0E0E0;
  	vertical-align: bottom;
}
.OLRInputSubTableHdr{
 	border-bottom: 1px solid Black;
	color: #FFFFFF;
	background-color: #000066;
}
.OLRErrorTable{
	border: 3px outset Silver;
}

.OLRErrorTableHdr{
	border-bottom: 1px solid Black;
	background-color: Navy;
	color: white;
	font-weight : bold;
}

.ExpiryExpired {
	color: #ffff00;
	background: red;
	font-weight: bold;
}

.Expiry1Week {
	color: #FF0000;
	font-weight: bold;
}

.Expiry1Month {
	color: #FF9900;
	font-weight: bold;
}

 .message, .success, .warning, .error, .validation, .validation-summary-errors {
    border: 1px solid;
    margin: 10px 15px 10px 15px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 9px 5px;
    border-top-left-radius: 15px; 
    border-top-right-radius: 15px; 
    border-bottom-left-radius: 15px; 
    border-bottom-right-radius: 15px;
}

.validation-summary-errors, .error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/error.png');
}

.message {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('/images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('/images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('/images/warning.png');
}

.warning ul, .validation-summary-errors ul {
    padding: 0px 0px 0px 15px;
}


.OLRFormInput{

}

.OLRFormInputFocus {
	background-color: #e6f3ff;
}

.OLRFormInputReadOnly, .OLRFormInputDisabled, .OLRFormInputdisabled {
	background-color: #cccccc;
	color: #888888 !important;
	opacity: 0.7;
}


.OLRFormInputFocusReadOnly{
	color: #888888 !important;
	background-color : #cccccc;
}


.OLRFormField{
	color: #000066;
}

.OLRFormTag{
	color: Black;
}

.OLRFormText{

}

.OLRFormHeader{
	font-weight : bold;
	vertical-align:middle; 
}

.OLRFormMandatory{
	font-weight : bold;
	vertical-align:middle; 
}

.OLRFormMandatory:before {
    content:"* ";
    color : #FF0000;
    
}
.OLRFormOptional{
	vertical-align:middle;
	font-weight: normal;
}
.OLRTabText {
	color : Black;
	text-align:center;
}
.OLRFormInstructions{
	font-style : italic;
	font-size: 9pt;
	opacity:0.9;
}
.OLRFormExample{
	font-style: italic;
	color: Black;
}
.OLRFormDisabled{
	color : Silver;
}

.OLRFormRowHighLight{
	background-color : #F5F5F5;
	border-bottom-color : Silver;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-top-color : Silver;
	border-top-style : solid;
	border-top-width : 1px;
	vertical-align:middle;
}
.OLRFormRow{
	vertical-align:middle;
}
.OLRFormHidden{
	visibility : hidden;
}

.OLRReadONLYTag{
	color: #783DCC;
	font-weight: bold;
	font-style: italic;
}

.OLRDisabled{
	color : White;
	width: 100px;
	background-color:#F7E384;
	border:2px solid #E0E0E0;
}

.OLRFormQuickSearchInput
{
    width: 150px;
    
    position:relative;
    top: -3px;
    
}

.OLRFormQuickSearch
{
    
}

.OLRTableRowHighlight
{
    background-color: #F5F5F5;
}

ul.tabs  {
	margin: 0;
	padding: 0px 0 0 0px;
	list-style: none;
	width: 100%;
	float: left;
	}


.OLRTabTable {
	border-left: 1px solid #00478A;
	border-right: 1px solid #00478A;
	background: #0072BC;
}


.OLRTabSearch {
	border-bottom: 2px solid Transparent;
	border-top: 2px solid Transparent;
	/*position:absolute;
    top: 270px;*/
	background-color: #00478A;
	padding-top: 8px;
}

.OLRTabSearch span{
    
    line-height: 25px;
	text-decoration: none;
	font-weight: bold;
	color: white; 
	
}

.OLRTab {
	line-height: 30px;
	background-color: #F15B4E;
	margin-top: 8px;
	margin-left: 5px;
	border-top: 2px solid #00478A;
	cursor: pointer;
}

.OLRTab span {
    padding: 0 0px 0 5px;
    line-height: 30px;
    text-decoration: none;
    float: left;
    color: white;
}


.OLRTabSelected {
	line-height: 30px;
	background-color: #00478A;
	margin-top: 8px;
	margin-left: 5px;
	border-top: 2px solid Transparent;
	cursor: default;
}

.OLRTabLeftSelected{

	line-height: 24px;
	background: url(../Images/tab-left_current.png) no-repeat top left;
	margin-top: 8px;
	margin-left: 5px;
	border-bottom : 2px solid Transparent;
	border-top : 2px solid Transparent;
	cursor: default;

}

.OLRTabSelected span{
	padding: 0 0px 0 5px;
	line-height: 30px;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: #FFFFFF;
}
.OLRCommsTab{

    line-height: 24px;
	background: url(../Images/tab-right_comms.gif) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	border-bottom : 1px solid Silver;
	cursor : pointer;
}

.OLRCommsTab span{
	padding: 0 10px 0 20px;
	line-height: 24px;
	background: url('../Images/tab-left_Comms.gif') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: White; 
}

.OLRCommsTabSelected{

	line-height: 24px;
	background: url(../Images/tab-right_current.gif) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	cursor: default;

}

.OLRCommsTabSelected span{
	padding: 0 10px 0 20px;
	line-height: 25px;
	background: url('../Images/tab-left_CommsCurrent.gif') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: #000000;
}
.OLRSecurityTab{

    line-height: 24px;
	background: url(../Images/tab-right_Security.gif) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	border-bottom : 1px solid Silver;
	cursor : pointer;
}

.OLRSecurityTab span{
	padding: 0 10px 0 20px;
	line-height: 24px;
	background: url('../Images/tab-left_Security.gif') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: White; 
	
}

.OLRSecurityTabSelected{

	line-height: 24px;
	background: url(../Images/tab-right_current.gif) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	cursor: default;

}

.OLRVisitorTabSelected span{
	padding: 0 10px 0 20px;
	line-height: 25px;
	background: url('../Images/tab-left_Current.png') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: #000000;
	
}
	
.OLRVisitorTab{

    line-height: 24px;
	background: url(../Images/tab-right.png) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	border-bottom : 1px solid Silver;
	cursor : pointer;
}

.OLRVisitorTab span{
	padding: 0 10px 0 20px;
	line-height: 24px;
	background: url('../Images/tab-left.png') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: White; 
	
}

.OLRVisitorTabSelected{

	line-height: 24px;
	background: url(../Images/tab-right_current.png) no-repeat top right;
	margin-top: 8px;
	margin-left: 5px;
	cursor: default;

}

.OLRSecurityTabSelected span{
	padding: 0 10px 0 20px;
	line-height: 25px;
	background: url('../Images/tab-left_SecurityCurrent.gif') no-repeat top left;
	text-decoration: none;
	float: left;
	font-weight: bold;
	color: #000000;
	
}

.OLRTab-old{
	border-bottom : 1px solid Silver;
	border-left : 1px solid Silver;
	border-right : 1px solid Silver;
	border-top : 1px solid Silver;
	background : #FBDA03;
	text-align : center;
	color : #272055;
	cursor : pointer;
	
}

.OLRTabSelected-old{
	border-bottom : 1px none White;
	border-left : 1px solid Gray;
	border-right : 2px solid Gray;
	border-top : 2px solid Gray;
	text-align : center;
	font-weight : bold;
	
	color : Black;
	cursor : pointer;
	background-color : #f0f0f0;
}

.OLRTabSpacer {
	border-bottom: 2px solid Transparent;
	border-top: 2px solid Transparent;
	background-color: #00478A;
}

.OLRResultsTable{
	background: White;
	border: 1px solid Black;
}

.OLRResultsHdg {
	color: Black;
	border-bottom : 1px solid;
	cursor:pointer;
	background: white;
}

.OLRResultsRow {
	color: Black;
}

.OLRResultsRowHighLight{
	color:Black;
	background-color : #EAEAEA;
}

.OLRLink:link {color:#525252;}
.OLRLink:visited {color:#525252;}
.OLRLink:hover {color:#0000FF;}

a:link {color:#525252;}
a:visited {color:#525252;}
a:hover {color:#0000FF;}

.OLRReportLink {color:#525252; font-size:9pt;}
.OLRReportLink:hover {color:#2972BB; font-weight:bold;}

.OLRHelpPage {
	background-color: #FFCB05;
	font-size: 11pt;
	font-weight: bold;
}
.OLRHelpDataField{
	border-bottom : thin solid Silver;
	font-size:11px;
	vertical-align : top;
}

.OLRHelpDataSection{
	border-bottom : thin solid Silver;
	font-size:11px;
	vertical-align : top;
	font-weight: bold;
	background-color: #f7edfa
}

.OLRHelpDescriptor{
	border-bottom : thin solid Silver;
	font-size:11px;
	font-weight : bold;
	vertical-align : top;
}

.OLRHelpDescription{
	font-size:11px;
	vertical-align : top;
}


.OLRfooter{
	font-size:8pt;
	color:#525252;
}


.SDMTextBox{
	font-size: 8pt;
	vertical-align : top;
	border: solid 1px #cecece;
	background-color: White;
	
}

.OLRDBScript{
	border: 1px solid Silver;
	font-size: 8pt;
	color: #000066;
	vertical-align : top;
}


.OLRPopupEvents {
	position: absolute;
	background-color: #F8F8F8;
	border: 1px black solid;
	border-radius: 15px;
	box-shadow: 5px 5px 8px #555555;
	display: none;
	padding: 15px;
	z-index: 999;
}

.OLRPopup {
	position: absolute;
	background-color: #F8F8F8;
	border: 1px black solid;
	border-radius: 15px;
	box-shadow: 5px 5px 8px #555555;
	visibility: hidden;
	padding: 0px;
	z-index: 999;
}

.OLRPopupHeader {
	font-size: 16px;
	border-bottom: 1px Solid #342a6f;
	background-color: #782B90;
	color: White;
	font-weight: bold;
	border-top-left-radius: 11px;
	border-top-right-radius: 11px;
	padding: 10px 10px 5px 10px;
}

.OLRPopupHelp {
	background-color: #F8F8F8;
	border: 3px #c0c0c0 solid;
}

.OLRPopupLogin {
	width: 100%;
	background-color: White;
	border: 3px #D0D0D0 solid;
	border-radius: 15px;
	box-shadow: 5px 5px 8px #555555;
	z-index: 999;
}

.OLRPopupLoginHeader {
	font-size: 16px;
	border-bottom: 1px Solid #555555;
	height: 75px;
	background-image: url('/images/Header-National.png');
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background-size: cover;
}

.OLRPopupLoginBody {
	padding: 15px;
}

.OLRPopUpMove {
	cursor: move;
}

.OLRPopUpCell {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align : top;

}
.OLRPopUpCellLeft{
	padding-left:10px;
}
.OLRPopUpCellRight {
	padding-right: 10px;
}
.OLRPopUpCellTop {
	padding-top: 5px;
}

.OLRPopUpCellBottom {
	padding-bottom: 5px;
}


#footerbar {
	width: 100%;
	height: 0px;
}

.footer 
{
	background-color: #10385A;
	width:100%;
	display:block;
}

.FooterText{
	color:#FFFFFF;
	font-weight:normal;
	font-size:12px;
	text-align:center;
	padding-bottom: 16px;
}

.FooterImage{
	color:#7F7D76;
	float:right;
	margin:15px 0px 0px 20px;
	font-weight:normal;
	font-size:12px;
	padding:0 20px 0 0;
}


.FooterText a 
{
	color: #FFFFFF;
	font-weight : bold;
	text-decoration: underline;
}

.FooterAJ2022 {
	color: white !important;
	font-weight: bold;
	font-family: Nexa;
}

/*AJ2010 Specific Styles*/
.orangeBorderBoxTop {
	background:transparent url(../images/content_corner_tr.gif) no-repeat scroll right bottom;
	height:9px;
}

.orangeBorderBoxTopLeft {
	background:transparent url(../images/content_corner_tl.gif) no-repeat scroll left bottom;
	height:9px;
}

.orangeBorderBoxContentBg {
	background-color:#FFFFFF;
	border-left:3px solid #8C7555;
	border-right:3px solid #8C7555;
	padding: 0px 6px 0px 6px;
}

.orangeBorderBoxContentBody {
	
}

.orangeBorderBoxBottom {
	background:transparent url(../images/content_corner_br.gif) no-repeat scroll right top;
	height:9px;
}

.orangeBorderBoxBottomLeft {
	background:transparent url(../images/content_corner_bl.gif) no-repeat scroll left top;
	height:9px;
}

.PageControlActive
{
    font-weight:bold;
    cursor: pointer;
    vertical-align:bottom;
}

.PageControlInactive
{
    font-weight:normal;
    color: #C0C0C0;
    vertical-align:bottom;
}  

/* Comms Log Specific*/
.txtEdit1 {color:#0000cc; font-size:10pt; font-weight:bold;}
.txtEdit2 {color:#0000cc; font-weight:bold;}
.txtNew {color:#cccccc; font-size:10pt; font-weight:bold;}
.hltDuplicate {background-color:#FF9191; vertical-align:top;}
.hltSaved {background-color:#E1FFE1; vertical-align:top;}
.hltEdit {background-color:#E3E6FF; vertical-align:top;}
.hltClosed {color: #999999; vertical-align:top;}
.hltFlagged {background-color:#f0e0e0; vertical-align:top;}
.hltOpen {background-color:#e0f0e0; vertical-align:top;}
.negMsg {background-color:#cc0000;color:#ffffff;}
.Selected {background-color:#FFFCB3; }

.grad1{background-color: #eeeeee;}
.grad2{background-color: #dddddd;}
.grad3{background-color: #d0d0d0;}
.grad4{background-color: #cccccc;}

.ttblUpcoming {background-color: #ffe0e0;}
.ttblNow {background-color: #faa;}
.ttblPast {background-color: #c00; color:#fff; font-weight:bold;}
.ttblPast a {color:#fff;}
.ttblTask {background-color: #dddddd; }
.ttblCurrentTime{background-color:#F7B210; font-weight:bold;color:#FFFFFF;}
#EncKeyDiv 
{
    position: absolute; 
    visibility:hidden; 
    border:1px solid black; 
    z-index:1000; 
    width:300px; 
    height:50px; 
    background-color:#e0e0e0; 
    vertical-align:middle;
    text-align: center;
}

#EncKeyEnter 
{
    position:relative; 
    top:-1px;
}

#imgKey{
    border: none;
    cursor:pointer
}
/*#tdKey 
{
    border: 1px solid black;
}*/

.overlay{
  position:fixed; 
  top:0; 
  left:0; 
  background:rgba(0,0,0,0.6); 
  z-index:990; 
  width:100%; 
  height:100%; 
  display:none;
}


/* Transparent Overlay */
.popUp {
  content: '';
  z-index:990; 
  position: fixed;
  background-color: white;
  vertical-align: middle;
  
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display:none;
  
}

/*Processing Spinner*/
.environment {
	position: relative;
	z-index: 9999;
	width: 18em;
	overflow: visible;
	margin: auto;
	height: 0px;
	left:-125px
}


/*Processing Spinner*/
.loading {
  position: fixed;
  z-index: 9999;
  height: 1em;
  width: 1em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(256, 256, 256,0.75);
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1.5em;
  height: 1.5em;
  margin-top: -0.5em;
    border-radius: 50%;
  
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}




@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #cfcfcf, 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.5), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.7), 1.8em -1.8em 0 0em #cfcfcf, 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.5), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.7), 2.5em 0em 0 0em #cfcfcf, 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.5), 2.5em 0em 0 0em rgba(41, 114, 187, 0.7), 1.75em 1.75em 0 0em #cfcfcf, 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.5), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.7), 0em 2.5em 0 0em #cfcfcf, -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.5), 0em 2.5em 0 0em rgba(41, 114, 187, 0.7), -1.8em 1.8em 0 0em #cfcfcf, -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.5), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.7), -2.6em 0em 0 0em #cfcfcf, -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.5), -2.6em 0em 0 0em rgba(41, 114, 187, 0.7), -1.8em -1.8em 0 0em #cfcfcf;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #cfcfcf, 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.5), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.7), 1.8em -1.8em 0 0em #cfcfcf, 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.5), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.7), 2.5em 0em 0 0em #cfcfcf, 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.5), 2.5em 0em 0 0em rgba(41, 114, 187, 0.7), 1.75em 1.75em 0 0em #cfcfcf, 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.5), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.7), 0em 2.5em 0 0em #cfcfcf, -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.2), -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.5), 0em 2.5em 0 0em rgba(41, 114, 187, 0.7), -1.8em 1.8em 0 0em #cfcfcf, -2.6em 0em 0 0em rgba(41, 114, 187, 0.2), -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.5), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.7), -2.6em 0em 0 0em #cfcfcf, -1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(41, 114, 187, 0.2), 1.8em -1.8em 0 0em rgba(41, 114, 187, 0.2), 2.5em 0em 0 0em rgba(41, 114, 187, 0.2), 1.75em 1.75em 0 0em rgba(41, 114, 187, 0.2), 0em 2.5em 0 0em rgba(41, 114, 187, 0.2), -1.8em 1.8em 0 0em rgba(41, 114, 187, 0.5), -2.6em 0em 0 0em rgba(41, 114, 187, 0.7), -1.8em -1.8em 0 0em #cfcfcf;
  }
}

