body { font-family:Arial; margin:0; direction:rtl; font-size:0.875em; color:black; background-color:#F3F0EB; }

.BorderBlack { border:solid 1px black;}
.BorderBlueSite { border:solid 1px #bad9f6;}
.BorderGraySite {  border:solid 1px #d1d1d1; }
.BorderRadius { border-radius: 2px; }
.BorderBox { box-sizing:border-box; }
.Center { margin: 0 auto; }
.TextBox { text-indent: 5px; height:44px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:solid 1px rgb(170, 180, 164); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.ButtonAction { font-size:0.875em; min-width:100px; height:34px; line-height:32px;  -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  border: 1px solid #3b88c3; background-color: #276b9f; color:white; font-weight:bold; padding-left:10px; padding-right:10px; }
.ButtonCTA {  font-size:0.875em; min-width:100px; height:34px; line-height:32px;  -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  border: 1px solid #3b88c3; background-color: #276b9f; color:white; font-weight:bold; padding-left:10px; padding-right:10px; }
.ButtonDef { min-width:100px; height:34px;  line-height:32px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  border: 1px solid #444444;  color:black; font-weight:bold; padding-left:10px; padding-right:10px;  }
input[type=button]:not(.ButtonCTA) { font-size:0.875em; min-width:100px; height:34px;  line-height:34px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  border: 1px solid #444444; background-color: #bbbbbb; color:black; font-weight:bold; padding-left:10px; padding-right:10px; }
input[type=submit]:not(.ButtonAction)  {  font-size:0.875em; min-width:100px; height:34px;  line-height:34px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  border: 1px solid #444444; background-color: #bbbbbb; color:black; font-weight:bold; padding-left:10px; padding-right:10px; }
select, input[type=text]:not(.dxeTextBox):not(.dxeEditArea),input[type=password] { font-size:0.875em; text-indent: 5px; height:34px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:solid 1px rgb(170, 180, 164); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color:black;  }
input[type=date]:not(.dxeTextBox):not(.dxeEditArea) {
	font-size: 0.875em;
	font-family: Arial;
	text-indent: 5px;
	height: 34px;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: solid 1px rgb(170, 180, 164);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: black;
	text-align:right;
}
textarea { /*font-size:0.875em;*/ -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:solid 1px rgb(170, 180, 164); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }
.Width100P { width: 100%;}
.Width50 { width: 50px; }
.Width80 { width: 80px; }
.Width100 { width: 100px; }
.Width150 { width: 150px; }
.Width200 { width: 200px; }
.Width250 { width: 250px; }
.Width300 { width: 300px; }
.Width350 { width: 350px; }
.Height100P { height: 100%;}
.Float { float:right;}
.FloatOp { float:left;}
.Pointer { cursor:pointer;}
.Seperator10 { width:10px; height:1px; float:right;}
.Seperator5P { width:5%; height:1px; float:right;}
.Seperator10Left { width:10px; height:1px; float:left;}
.SubComment { font-size:12px;}
.ColorWhite { color:white; }
.Hide { display:none; }
    
.FieldWrapper { float:right; padding-left:10px;  padding-right:00px;  line-height:34px;}

.DefLineHeightAndHeight { line-height:34px; height:34px; }
.BlackLinkUL { color:black; text-decoration:underline; cursor:pointer;}
.BlackLinkUL:hover { color:black; text-decoration:underline;}
.BlackLinkUL:visited { color:black; text-decoration:underline;}

.WhiteLinkUL { color:white; text-decoration:underline; cursor:pointer;}
.WhiteLinkUL:hover { color:white; text-decoration:underline;}
.WhiteLinkUL:visited { color:white; text-decoration:underline;}

.BlackLink { color:black; text-decoration:none; cursor:pointer;}
.BlackLink:hover { color:black; text-decoration:underline;}
.BlackLinkL:visited { color:black; text-decoration:underline;}

.BlueLinkUL { color:blue; text-decoration:underline; cursor:pointer;}
.BlueLinkUL:hover { color:blue; text-decoration:underline;}
.BlueLinkUL:visited { color:blue; text-decoration:underline;}

.OrangeLinkUL { color: rgb(255, 85, 0); text-decoration:underline; cursor:pointer;}
.OrangeLinkUL:hover { color: rgb(255, 85, 0); text-decoration:underline;}
.OrangeLinkUL:visited { color: rgb(255, 85, 0); text-decoration:underline;}


.Logo100 { width:100px; background-image:url(/Images/logo3.png); background-size:contain; height:80px;}
.LogoHeight { background-image:url(/Images/logo3.png); background-size:cover; }
.LogoImage { content:url(/Images/logo3.png); }

.Title1 { font-size: 30px; line-height: 30px; margin-bottom:20px; font-weight:normal; }
.Title1Font { font-size: 30px; line-height: 30px;   }
.Title2 { font-weight:bold; text-decoration:none; margin-bottom:10px;   font-size:18px; font-weight:normal; }

.TextTitle { font-weight:bold; text-decoration:none; margin-bottom:10px;   font-size:18px; }

.TATitle { font-weight:bold; text-decoration:none; margin-bottom:10px;  margin-top:10px; font-size:18px;}
.TAContent { }

h1 { text-align:right; margin:0; padding:0; font-size: 30px; line-height: 30px; margin-bottom:20px;  font-weight:normal;   }
h2 { text-align:right; margin:0; padding:0; font-weight:bold; text-decoration:none; margin-bottom:10px;  font-size:18px; font-weight:normal;  }




select:disabled {
	background-color: #EEEEEE;
	color:black;
	opacity:1;
}

input[type=radio]:disabled
{
	color:red;
	background-color:White;
	border-style:none;
	border-bottom:dashed 0px blue;
}

span:disabled
{
	color:red;
	background-color:White;
	border-style:none;
	border-bottom:dashed 0px blue;
}

input[type=submit]:disabled, input[type=date]:disabled {
	color: #AAAAAA;
	background-color: #EEEEEE;
}

input[type=button]:disabled {
	color: #666666;
	background-color: #EEEEEE;
}



ButtonDisabled
{ 
	color:#444444; 
	border:1px solid black; 
}

.MainDiv
{
	width: 1024px; 
	margin: 0 auto; 
	border-right: solid 0px #e4f7fe; 
	border-left: solid 0px #e4f7fe;
}

.UpperDiv
{
	width: 100%; 
	border-bottom: solid 0px black; 
	height: 160px; 
	background-image: url('/images/Header2.JPG');
	background-repeat:no-repeat;
}

.UpperDivTest
{
	width: 100%; 
	border-bottom: solid 0px black; 
	height: 160px; 
	background-image: url('/images/Header2Test.JPG');
	background-repeat:no-repeat;
}

.UpperImage
{
	width: 1024px; 
	border: solid 0px blue; 
	position:absolute;
	top:0px;
	height: 200px; 
	z-index: -2;
	background-image: url('/images/Header2.JPG'); 
	display: block;
	float: left; 
	background-position:center top fixed;
	margin-left: auto;
	margin-right: auto;
}

.UpperImageTest
{
	width: 1024px; 
	border: solid 0px blue; 
	position:absolute;
	top:0px;
	height: 200px; 
	z-index: -2;
	background-image: url('/images/Header2Test.JPG'); 
	display: block;
	float: left; 
	background-position:center top fixed;
	margin-left: auto;
	margin-right: auto;
}

.CenterUpperImage
{
	left: 0;
	right: 0;
}

.CenterLowerImage
{
	left: 0;
	right: 0;
}

.LoadingVer2
{
	width:100%; 
	border: solid 0px black; 
	z-index:993; 
	position:absolute;
	top:200px;
}

.DogIdentifyLoadingTest
{
	width: 363px; 
	border: solid 1px #55acee; 
	height: 62px; 
	z-index: 12124;
	background-color: white;
    border-radius: 2px;
	
	color:Black;
	font-weight:bold;
	vertical-align:middle;
	direction:rtl;
	text-align:right;
    box-shadow: 0 0 10px #000000;
}

.DogIdentifyLoading
{
	width: 363px; 
	border: solid 0px #555555; 
	height: 62px; 
	z-index: 4;
	display: block;
	float: left; 
	background-color: #A2C922;
	background-image:url('/images/UserMessage.PNG') !important;
	color:Black;
	font-weight:bold;
	vertical-align:middle;
	direction:rtl;
	text-align:right;
}

.DogIdentifyLoadingCenter
{
	position:absolute;
	margin-top:auto;
	margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.LowerImage
{
	width: 1024px; 
	border: solid 0px blue; 
	margin-left: auto;
	margin-right: auto;
	position:absolute;
	left: 0;
	right: 0;
	top:390px;
	height: 279px; 
	z-index: -2;

}


.UpperLogoImage
{
	margin-left:5px;
	max-height:60px;
	margin-top:2px;
	border:solid 0px black;
	float:left;
}

.LowerDiv
{
	width: 100%; 
	height: 88px; 
	border: solid 0px black;
	font-size:12px;
	background-image: url('/images/Bottom.PNG'); 
}

.Container
{
	width:98%;
	border:solid 0px black;
	min-height:325px;
}


.TableData1
{
	margin-right:20px; 
	border: solid 0px black;
		
}

.CenterTable
{
	width:98%;
}

.Table1 {}
.Table1 td { padding:5px; }
.TableTitle
{
	font-size:14px;
	color:Black;
	/*background-color:#bad9f6;*/
    background-color:#DCDCDC;
    padding:5px;
    line-height:20px;
    min-height:20px;
    font-weight:normal;
    text-align:center;
}

.TableTitleDX
{
	color:red;
    padding-left:5px;
    padding-right:5px;
    line-height:20px;
    min-height:20px;
    border:solid 1px black;
}

.ValidationError { color:Red; padding:4px; }

.Error
{
	color:Red;
	font-weight:bold;
}


.ExpressVaccineErrorVaccineDate
{
	color:Red;
	font-weight:bold;
}

.Warning
{
	font-weight:bold;
}

.UserMessage
{
	font-weight:bold;
	border-bottom:dashed 1px solid;
	background-color:#DDDDFF;
}

.PaySummaryTotal
{
	font-weight:bold;
	border-bottom:solid 1px black;
	
}

.TableEditStyle
{
	height: 14px;
}

.MustCheckCheckBox
{
	color:Red;
}

.SelectedArea
{
	background-color:#DDDDDD;
}

.InfoDiv
{
	width:600px;
	vertical-align:top;
	border:solid 0px black;
}


.ReportScopeTable
{
	width:700px;
	border:solid 0px black;
}

.ReportScopeCol1 { vertical-align:middle; width:20%; }

.ReportScopeButtons
{
	vertical-align:top;
	width:90%;
}

.ReportScopeCol2
{
	vertical-align:top;
	width:70%;
}

.ReportScopeCol3
{
	vertical-align:top;
	width:10%;
}

.PhoneNumberTextField
{
	width:70px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	/*
	-ms-filter: alpha(opacity=70);
	-ms-opacity:0.7;*/
}

.modalPopup {
    border-radius: 5px;

	


	background-color:white;
	border-width:2px;
	border-style:solid;
	border-color:#55acee;
	padding:10px;
	min-width:400px;
}

/*	TODO: Check if needed */
.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.RequiredFieldText
{
	font-weight:bold;
	text-decoration:none;
	border-bottom:solid 0px black;
}

.BannerFieldText
{	
	color:Black;
	font-size:small;
}

.BannerFieldSmallText
{	
	color:Black;
	font-size:small;
}

.BannerFieldBoldText
{	
	color:Green;
	font-size:small;
	font-weight:bold;	
}

.BannerFieldBoldUnderlineText
{	
	color:Blue;
	font-size:small;
	font-weight:bold;	
	text-decoration:underline;
}


.BannerFieldTitle
{	
	font-weight:bold;
	text-decoration:underline;
	font-size:large;
	color:Blue;
}


.VaccineListRecommendedForShipment
{
	font-weight:bold;
	background-color:#FFCCCC;
}

.CenterHorVer
{
	margin-top:auto;
	margin-bottom:auto;
	margin-left: auto;
	margin-right: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.LoginBoxSmall
{
	width: 254px; 
	height:340px;
	float: left; 
	border: solid 0px gray; 
	padding-top: 10px; 
	background-image: url('/images/LoginBox1.png'); 
	background-repeat:no-repeat;
	color:White;
}

.LoginBoxLarge
{
	width: 254px; 
	height:440px;
	float: left; 
	border: solid 0px gray; 
	margin-top: 00px; 
	background-image: url('/images/LoginBox2.png'); 
	background-repeat:no-repeat;
	color:White;
}

.LoginBoxData
{
	width:85%;
	margin:0 auto;
	margin-top:10px;
}

.LoggedInData
{
	border:solid 1p black; 
	color:Black; 
	position:relative;
	top:130px;
	right:250px;
	padding-right:20px;
	background-image: url('/images/Bullet.PNG'); 
	background-repeat:no-repeat;
	background-position:right center;
	
}

.Dangerous
{
	border-bottom:solid 2px red;
}

.LIReport
{
	background-image: url('/images/BulletBlue.PNG'); 
	background-repeat:no-repeat;
	background-position:right top;
	padding-right:20px;
	clear:both;
	list-style:none;
}

.VaccineProcessBarNoLight
{
	height: 43px;	
	width: 100px; 
	color: Black;
	font-weight:bold;
}

.VaccineProcessBarNoLightLarge
{
	height: 33px;	
	width: 141px; 
	color: Black;
	font-weight:bold;
}

.VaccineProcessBarLight
{
	height: 43px;	
	width: 100px; 
	color: Black;
	font-weight:bold;
}

.VaccineProcessBarLightLarge
{
	background-image: url('/images/procc_reg.gif'); 
	height: 33px;	
	width: 141px; 
	color: Black;
	font-weight:bold;
}

.LIBullet
{
	/*background-image: url('/images/Bullet.PNG'); 
	background-repeat:no-repeat;
	background-position:right top;*/
	padding-right:20px;
	clear:both;
	list-style:disc;
}

.CheckBoxHighlight
{
	color:black;
}

.ChipInputOK
{
	background-color:#aaeaa0;
}

.ChipInputNotOK
{
	background-color:#f8beb6;
}

.ImportantText
{
	font-weight:bold;
	/*text-decoration:underline;*/
}

.UniqueLogicCheckBoxOnlyForAuthorityToGiveLicneses
{
	background-color:blue;
}

.TestModeLabel { color:yellow;  }



/* Message to user */
.MessageArea { width:565px; border:solid 0px black; height:283px; z-index:2; display:none; background-color:White; border:solid 2px black;}
.MessageText { position:absolute; border:solid 0px black;  padding:5%; width:90%; font-size:20px; color:#5a5d5e;  }
.MessageClose { position:absolute; border:solid 0px black; width:60px; height:60px; left:270px; top:250px; cursor:pointer; }
#backgroundPopup{ display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;background:#000000;border:1px solid #cecece;z-index:1;}


.RowButton { margin-bottom:10px;}

.ExpressDogAutoCompleteList { direction:rtl; text-align:right; background-color:#ffffff; list-style-type:none; border:solid 1px black;}

.AutoCompleteListGeneral { margin-top:0px; border:solid 1px #636363; width:100%; padding:0px; }
.AutoCompleteList { direction:rtl !important; text-align:right !important; background-color:#ffffff; list-style-type:none; border:solid 0px black;}
.AutoCompleteListHL { direction:rtl !important; text-align:right !important; background-color:#dddddd; list-style-type:none; border:solid 0px black; }

.ExpressButton { margin-left:10px;}
.ExpressTextBox { width:450px}
table.ExpressVaccineTable {
	border-width: 1px;
	border-spacing: 2px;
	border-style: outset;
	border-color: gray;
	border-collapse: collapse;
	background-color: white;
}
table.ExpressVaccineTable th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: ;
}
table.ExpressVaccineTable td {
	border-width: 1px;
	padding: 5px;
	border-style: inset;
	border-color: gray;
	background-color: white;

}

.BadMessage { color: Red; line-height:34px;}
.BadBox { float:right; width: 100%; height: 34px; line-height:34px; border: solid 1px red; background-color:rgb(243, 227, 232); text-indent:10px; margin-bottom: 10px; margin-top: 10px; display: inline; text-align: right; box-sizing:border-box; }

.GoodMessage { color:green; font-weight:bold;}
.GoodBox { width:100%; border:solid 1px green; text-indent:10px; margin-bottom:10px; margin-top:10px; display:block; padding-left:10px; padding-right:10px; text-align:right;margin-left:10px; margin-right:10px; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-sizing:border-box;}



.SendAuthByEmail { color:Red; font-size:15px; font-weight:bold; text-align:center; text-decoration:blink; }
.SendAuthByEmailWarning { color:black; font-size:15px; font-weight:bold; text-align:center;}
.ForgotPassword { color:black; }



.BoxSize100px {   -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100px;  }
.BoxSize200px {   -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:200px;  }
.BoxSize300px {   -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:300px;  }

.Clear10 { clear:both; height:10px; }
.Clear20 { clear:both; height:20px; }
.Clear2 { clear:both; height:2px; }
.Clear5 { clear:both; height:5px; }
.Clear { clear:both; height:0px; }



.ui-dialog-content { direction: rtl;}
.ui-dialog-titlebar { direction: rtl;}

.ShowAngular {}


.NotSupportedBrowser { width:100%; top:0px; height:30px; line-height:30px; background-color:white; border:solid 1px black; display:none;  }

.LoginWrap { position: absolute; top:50%; margin-top:-200px; left:0; width: 100%; }
.LoginBox { color:black; width:700px; height:400px; margin:0 auto; background-image:url(/Images/Backgrounds/whiteboxopacity85.png); background-repeat:repeat; padding:10px;   }
.ForgotPassBox { color:black; width:500px; height:370px; margin:0 auto; background-image:url(/Images/Backgrounds/whiteboxopacity85.png); background-repeat:repeat; padding:10px;   }

.ContentWhite80 { width:80%;  margin:0 auto; background-image:url(/Images/Backgrounds/whiteboxopacity85.png); background-repeat:repeat; padding:10px;  box-sizing:border-box; border-radius: 2px;  min-height:500px; }
.ContentWhite100 { width:100%;  margin:0 auto; background-color:white; padding:10px; box-sizing:border-box; border-radius: 2px;  min-height:500px;  }
.Content80 { width:80%; margin:0 auto;}
.ContentArea { width:80%; margin:0 auto;}


.QuickBox { height: 200px; width: 200px; margin-left: 7px; margin-bottom: 7px; }


.LoginBoxLeft {float: left; width:30%; padding: 10px; }
.LoginBoxRight { width: 70%; padding: 10px;}

input[type=text]:disabled
{
	background-color:#eeeeee;
}

@media (max-width:1280px) 
{
    .ContentArea { width:93%; }
 
    
}

@media (max-width:1024px) {
    .ContentArea {
        width: 95%;
    }
}
    
@media (max-width:1023px) {
    .ContentArea {
        width: 95%;
    }

    .LoginBox {
        width: 100%;
        padding: 10px;
        height: auto;
        padding-bottom: 40px;
    }

    .LoginBoxLeft {
        float: left;
        width: 100%;
    }

    .LoginBoxRight {
        width: 100%;
    }
}

.ui-accordion-content, .ui-accordion-header {
    font-size: 0.75em !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.ArticleQuestion { color: dodgerblue;}

/* https://www.w3.org/WAI/tutorials/forms/labels/ */
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.AC1 { border:solid 1px blue;}



.BadMessage2 {
	color: Red;
	z-index: 120;
}

.BadBox2 {
	float: right;
	width: 100%;
	min-height: 34px;
	line-height: 34px;
	border: solid 1px red;
	background-color: rgb(248, 223, 230);
	padding-right: 3px;
	margin-bottom: 10px;
	text-align: right;
	box-sizing: border-box;
	border-radius: 2px;
}
/*.BadBox2 ul li { line-height:14px;}*/
.GoodMessage2 {
	color: black;
}

.GoodBox2 {
    float: right;
    width: 100%;
    min-height: 34px;
    line-height: 34px;
    border: solid 1px #bad9f6;
    padding-right: 3px;
    margin-bottom: 10px;
    text-align: right;
    box-sizing: border-box;
    border-radius: 2px;
    border-color: green;
    background-color: rgb(223, 240, 216);
}