/* 
	============================================
	NewPopForm 2.1
	Copyrights: Webthink International
	URL: http://www.WebThink.com
	Author: Petar Gligorovski
   ============================================
	Version: 1.2
   ============================================ 
*/
panel * {
	margin: 0;
	padding: 0;
	color:#333;
	font-size: 10pt;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Garuda", "Malayalam", Tahoma, Arial, Verdana, sans-serif;
	width: 100%;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;

}
.panel {display: block;position: relative;}
.panel .clearfix {*zoom: 1;}
.panel .clear {clear: both;}
/*.panel img {width: auto!important;}*/

.formContainer.small {margin: 0px auto!important; width: 400px;}
.formContainer.medium {margin: 0px auto!important;width: 800px;}
/*.formContainer .panel {display: inline-block;vertical-align: top; min-height: 525px; height: auto;}*/
/*.panel.shipbill {padding-bottom: 40px;}*/
/*.formContainer > .panel 					{width: 100%;}
.formContainer.twoColumns .panel 		{width: 47%!important;}
.formContainer.threeColumns .panel 	{width: 31%;}
.formContainer.fourColumns .panel 	{width: 22%;}
.formContainer.threeColumns .panel, .formContainer.fourColumns .panel  {margin-right: 2%;}
.formContainer.threeColumns .panel + .panel + .panel, .formContainer.fourColumns .panel:last-child { margin-right: 0!important;}*/

.formContainer {
    display: flex;
    flex-wrap: wrap;
        margin-top:16px;
        margin-bottom:0;
}

    .formContainer > .panel {
        width: 320px;
        flex-grow: 1;
    }


.field textarea, .field input[type=text], .field input[type=password], .field input[type=email], .field select, .field input[type=file], .field textarea {
    font-size: 14px;
    display: inline-block;
	width: 100%;
	padding: 10px; 
	/*background: #f7f7f7;*/
	border: 0;
	outline: 0;
	/*-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;*/
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
	        border-radius: 2px;
	box-sizing:border-box;

	border: 2px solid #ddd;
	text-indent: 0px;
}
.panel hr {border:0;outline:0;margin:21px 0;}
.panel a {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
	text-decoration:none;
}
.panel a:active {color:#999;}
.panel a:focus {outline:none;} 
.panel fieldset {border: none;}
.panel h1, .panel h2 {
	margin: 0 10px 10px; 
}

.panel .field {
	width:100%;
	padding: 7px;
	margin: 0px;
	display: inline-block;
	position: relative;
}
.panel .one-full 		{width:100%;}
.panel .half-full 	{width:50%;}
.panel .one-fourth 	{width:22%;margin-right:4%;}
.panel .three-fourth 	{width:74%;margin-right:4%;}

.panel .one-half 			{width:47%;margin-right:4%;}
.panel .one-half.middle 	{width:48%;margin-left:auto;margin-right:auto;float:none;}
.panel .one-third.middle {width:30.666%;margin-left:auto;margin-right:auto;float:none;}
.panel .one-third 		{width:30.666%;margin-right:4%;}
.panel .two-third 		{width:61.333%;margin-right:4%;}

.panel .one-fourth,
.panel .three-fourth,
.panel .one-half,
.panel .one-third,
.panel .two-third {
	float:left; 
	display: inline-block;
	min-height:1px;
}
.panel .one-fourth + .one-fourth + .one-fourth + .one-fourth,
.panel .one-half + .one-half,
.panel .one-fourth + .one-fourth + .one-half,
.panel .one-half + .one-fourth +  .one-quarter,
.panel .one-fourth + .three-fourth,
.panel .three-fourth + .one-fourth,
.panel .one-third + .one-third + .one-third,
.panel .one-third + .two-third,
.panel .two-third + .one-third {
	margin-right:0!important;
}
/* label  class */
.field label {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	border-radius: 3px;
	width: auto;
	color: #888;
	font-size: 9pt;
}
.field label.active {
	color: #888;
	font-size: 8pt;
}
/* New Code */
.field input[type=text]:focus,
.field input[type=text]:active,
.field input[type=text].active,
.field input[type=email]:focus,
.field input[type=email]:active,
.field input[type=email].active,
.field input[type=password]:focus,
.field input[type=password]:active,
.field input[type=password].active,
.field textarea:focus,
.field textarea:active,
.field textarea.active {
	color: #333;
	text-indent: 0;
	background: #fff;
	border: 1px solid #ddd;
	padding-top: 1.5em;
}
.field input:focus::-webkit-input-placeholder,
.field input:active::-webkit-input-placeholder, 
.field textarea:focus::-webkit-input-placeholder,
.field textarea:active::-webkit-input-placeholder {
	color: #999;
}
.field input[type=text]:focus + label:after,
.field input[type=text]:active + label:after,
.field input[type=text].active + label:after,
.field input[type=email]:focus + label:after,
.field input[type=email]:active + label:after,
.field input[type=email].active + label:after,
.field input[type=password]:focus + label:after,
.field input[type=password]:active + label:after,
.field input[type=password].active + label:after,
.field textarea:focus + label:after,
.field textarea:active + label:after,
.field textarea.active + label:after { 
	/*border-top: 3px solid #f44;*/
    /*content:'';
    display:block;
    background:#f44;
    position:absolute;
    width:100%;
    height:2px;
    bottom:3px;*/
}

.panel input[required]:focus:invalid + label { background: red;  }

.field label:after {
    /*content:'';
    display:block;
    background:#f44;
    position:absolute;
    width:100%;
    height:2px;*/
}

/* New Code */
.panel ::-webkit-input-placeholder,
.panel ::-webkit-input-placeholder {
	color: #f7f7f7;
	text-indent: 0;
} 
/* formPanel textarea styles */
.field.small textarea {
	height:100px;
}
.field .large textarea {
	height:200px;
}
.panel textarea {
	overflow-y:auto;
	height:150px;
	padding: 10px;
}
.panel textarea.no-resize {
	resize:none;
}
/* for all selects */
/*.panel select {
	border:1px solid transparent;
    display:inline-block;
    width:100%;
}
.panel select { padding:12px 7px; }*/
/*.panel .select select {
	padding:7px;
	margin: 0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	background: #f7f7f7;
	color:#333;
	border: 1px solid #ddd;
	outline:none;
	display: inline-block;
	cursor:pointer;
	width: 100%;
}*/

.panel .select select:disabled {color: #aeaeae!important; cursor: not-allowed!important;}

.panel .select select:disabled + label:after {color: #f7f7f7!important; cursor: not-allowed!important;}

@media screen and (-webkit-min-device-pixel-ratio:0) { .panel select {padding-left: 4px;} }

.select label {width: 100%; position: relative; top: -3px; left:-3px;}
.panel textarea:focus,
.panel input:focus,
.panel select:focus {
	outline:none;
	color: #333;
	text-indent: 0;
	background: #fff;
}
.panel textarea:focus +.hidden-note,
.panel input:focus +.hidden-note {
	display:block;
	color: #999;
}

.panel .message {
	display: inline-block;
	width: 100%;
	padding: 7px;
	font-size: 9pt;
	color: #fff;
	position: relative;
	margin: 10px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.panel .message a:after {position: absolute; right: 0px; color: #fff; top: 9px;content:'\e808'; cursor: pointer; }
.panel strong 		{font-weight: bold;}
.panel em 			{font-style: italic;}
.panel .alert 		{background: #da2128;}
.panel .error 		{background: #da2128;}
.panel .info 		{background: #00aeef;}
.panel .success 	{background: #A0C83C;}
.panel .warning 	{background: #f7941d;}
.panel .note		{background: #ccc;}

#lblUploadMsg:empty { display:none;}

/* upload field class */
.field.upload label {
	display: inline-block;
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px;
	font-weight: normal;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	border-radius: 3px;
	width: auto;
	color: #999;
}
.field.upload label.active {
	color: #999;
	font-size: 8pt;
}
.field.upload label { color: #999; font-size: 9pt;}
.field.upload input[type=file] {
	-webkit-opacity: 1;
	   -moz-opacity: 1;
	        opacity: 1;
			  filter: alpha(opacity=100);
	     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	display:inline-block;
	width:100%;
	cursor:pointer;
	padding-top: 20px;
	color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.field.upload > input[type=submit] {
	position:absolute;
	top:7px;
	right: 7px;
}
.field.upload > input[type=submit] i {
	margin-right:10px;
}
/* Colors */
.panel hr 			{border-bottom:1px solid #d6d6d6;}
.formContainer a 			{color:#484848;}
.formContainer a:hover 	{color:#313131;}
.panel label {
	color:#333;
	margin-right: 10px;
}
/* Buttons Definition */
/*button, 
.button, 
a.button, 
input[type=submit] {
	display:inline-block;
	padding: 7px 21px;
	margin: 7px;
	color:#efefef;
	border:none;
	outline:none;
	cursor:pointer;
	text-align: center;
	text-indent: 0px;
	font-weight: normal;
	font-size: 10pt;
	position: relative;	
	background-color: rgba(150,160,160,1);
	
	-webkit-border-radius:2px;
	   -moz-border-radius:2px;
	        border-radius:2px;

	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	     -o-transition: all 0.3s ease;
	        transition:  all 0.3s ease;

}
	button:hover, 
	.button:hover, 
	a.button:hover, 
	input[type=submit]:hover {
		background:rgba(140,150,150,1);
		box-shadow: 0 0 0 2px #ddd;
	}*/
/* Button Sizes Definition */
.button.small 		{font-size: 9pt; min-width: 75px;}
.button.medium		{font-size: 12pt; min-width: 125px;}
.button.large		{font-size: 14pt; min-width: 150px; padding:9px 18px;}
.button.full 		{font-size: 12pt; width: 100%; padding:10px 20px;}
/* Button Color Definition */
	/* Button Blue */
	.button.blue {color: #fff;background:rgba(0,175,245,1);}
	.button.blue:hover,
	.button.blue:active {
		background:rgba(0,160,230,1);
	}
	/* Button Green */
	.button.green {color: #fff;background:rgba(160,200,60,1);}
	.button.green:hover, 
	.button.green:active {
		background:rgba(145,185,45,1);
	}
	/* Button Orange */
	.button.orange {color: #fff; background:rgba(250,150,0,1);}
	.button.orange:hover,
	.button.orange:active {
		background:rgba(235,135,0,1);
	}
	/* Button Red */
	.button.red {color: #fff; background:rgba(200,30,35,1);}
	.button.red:hover, 
	.button.red:active {
		background:rgba(185,15,20,1);
	}
	/* Button Grey */
	.button.grey, .button.gray{color: #fff;background:rgba(100,100,100,1);}
	.button.grey:hover,
	.button.grey:active, 
	.button.gray:hover,
	.button.gray:active {
		background:rgba(85,85,85,1);
	}
	/* Button Black */
	.button.black {color: #fff;background:rgba(45,45,45,1);}
	.button.black:hover,
	.button.black:active {
		background:rgba(0,0,0,1);
	}

.navButtons { 
	text-align: right;
	margin-right: 2%;
}

.delete i { font-size: 1.5em;	color: #C61C22; }

a.edit{ position: absolute; right: 10px; top: 10px; cursor: pointer;}
a.edit:hover { font-size: 2em;}
/* New CHECKBOX buttons */
/*.field.checkbox label {padding: 0px;}
.checkbox label i {
	content: "\f14a";
	width: 20px!important;
	height: 20px!important;
	cursor: pointer;
	position: absolute;
	font-family: 'webthink';
	top: 2px;
	left: 0;
	color: #333;
	font-style: normal;
	font-size: 1em;
	text-indent: 0px;
}
.checkbox label { text-indent: 20px;font-size: 1em;}
.checkbox label i:after {
	content: 'h';
	font-family: 'webthink';
	color: #333;
	text-indent: 20px;
}
.checkbox label i:hover::after {
	content: 'j';
	font-family: 'webthink';
	color: #999;
}
.checkbox input[type=checkbox] {
	opacity: 0;
	height: 20px;
	width: 20px;
	cursor: pointer;
}
.checkbox input[type=checkbox]:checked + label i:after {
	content: 'j';
	font-family: 'webthink';
	color: #333;
}*/
/* New RADIO buttons */
/*.panel.checklist > .radio > label {font-weight: bold; margin-top: 10px;}
.radio label i {
	content: "\f14a";
	width: 20px!important;
	height: 20px!important;
	cursor: pointer;
	position: absolute;
	font-family: 'webthink';
	margin-top: 0px;
	left: 0px;
	color: #333;
	font-style: normal;
	font-size: 1em;
	text-indent: 0px;
}
.radio label { 
	text-indent: 20px;
	width: 100%;
	position: relative;
	margin-top: -24px;
	margin-bottom: 1px;
	top:auto; 
	left: auto; 
	font-size: 1em;
}
.radio label i:after {
	content: 'k';
	font-family: 'webthink';
	color: #333;
	text-indent: 20px;
}
.radio label i:hover::after {
	content: 'n';
	font-family: 'webthink';
	color: #999;
}
.radio input[type=radio] {
	opacity: 0;
	height: 20px;
	width: 20px;
	margin-bottom: 1px;
	cursor: pointer;
}
.radio input[type=radio]:checked + label i:after {
	content: 'n';
	font-family: 'webthink';
	color: #333;
}*/
.panel.listDetails {margin-left: 25px!important;}
table#dlOptions > tbody > tr > td {padding: 7px;}
table#dlOptions {border: 1px solid #efefef;}

.removeIcon:before 	{content:'k';font-family: 'webthink';}
.addIcon:before		{content:'Y';font-family: 'webthink';}


.btn.bred.bsmall {
	display:inline-block;

	padding: 3px;
	margin: 0px;
	color:#ecf0f1;
	border:none;
	outline:none;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	        transition: all 0.3s;
	text-align: center;
	text-indent: 0px;
	font-weight: normal;
	-webkit-border-radius: 2px!important;
	-moz-border-radius: 2px!important;
	border-radius: 2px!important;
}
.btn.bred.bsmall:before {
	font-family: 'webthink';
	content: 'f';
}

.redbutton.btn.bred.bsmall {
	padding: 5px 7px;	
	margin: 0px 10px 0px 0px;
	font-family: 'webthink';
}

.objectHeader > h1 > a > img {
    display:inline-block;
	width: 24px;
    background: none;
	visibility: hidden;
	overflow: hidden;
}
a.redbutton.btn.bred.bsmall {
	display:inline-block;
}

a.redbutton.btn.bred.bsmall:before {
	display: none;
	font-family: 'webthink';
	content:'o';
	font-size: 1.25em;
	visibility: visible;
	text-decoration: none;
	color: #E20!important;
}
input.redbutton.btn.bred.bsmall {
	padding: 6px;
	width: 24px;
	height: 24px;
}
#orig {margin: 10px 0px 0px;}

.infofield { margin: 3px 7px;font-size: 11px;}
.navButtonsLeft {text-align: left;}