@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Roboto:400,300italic,300,500,400italic,500italic,700,700italic,900,900italic,100italic,100");
@import url("font-awesome/font-awesome.min.css"); 
@import url("datepicker.css");
@import url("timepicker.css");

/* ------------ GENERAL ------------ */

body, html { margin: 0;
	padding: 0;
  	min-height: 100%;
  	height: 100%;
  	position: relative;
  	color: #444444;
  	font-size: 13px;
  	font-family: "Roboto", sans-serif;
  	font-weight: 300; }

.fa { font-size: 15px; }

.fa.fa-small { font-size: 10px; }
.fa.fa-check.fa-small { color:#4F8A10; }
.fa.fa-times.fa-small { color:#D8000C; }

a, button {text-decoration: none;
  	color: #444444;
  	border: none;
  	outline: none;
  	cursor: pointer; }
	
a:before, a:after, a *, a, button:before, button:after, button *, button {
	-webkit-transition: all 0.2s linear;
  	-moz-transition: all 0.2s linear;
  	-ms-transition: all 0.2s linear;
  	-o-transition: all 0.2s linear;
  	transition: all 0.2s linear; }
  
a:hover, button:hover { color: #222222; }

a img, button img { border: none;
  	outline: none; }

p { margin: 0 0 17px 0;
  	line-height: 20px; }

p:after { content: "";
	display: block;
  	width: 100%;
 	height: 0;
  	clear: both; }
	
article { padding: 20px 30px 100px 30px;
	float: right;
	width: 82%;
	width: calc(100% - 310px);
	z-index: 1;
	margin-top: 100px;
	margin-bottom:50px;
	background: #ffffff;}

.m01 article { margin-top: 100px; }

h2 { font-size: 18px;
  	font-weight: 300;
  	margin: 0 0 13px 0;
  	padding: 0; }

h2 .fa-plus { font-weight: normal;
  	display: inline-block;
  	margin-left: 15px; }
	
hr {width:80%;
	border:1px solid #F5F5F5;
	clear:both;
	margin: 50px 10%;}
	
.txt-bold { font-weight:bold; }
.txt-center { text-align:center; }
.txt-red, .txt-red a { color:#C00; }
.txt-green { color:#093; }
.txt-dark { color:#00a3d7; }
.txt-light { color:#61d0f2; }

.text-xl {
  font-size: 3em; }
	
.clear { float:none; clear:both !important; }
.clear-large { padding:10px;  }

.required { color:#D8000C; }

.highlight		{ background: #00a3d7; color:#ffffff; }
.highlight_important {background: #00a3d7; color:#ffffff;}


.mb-0 { margin-bottom: 0px; }
.mt-20 { margin-top: 20px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-100 { margin-bottom: 100px; }

.float-right { float: right; }
.w100 { width: 100% !important; }

.br-8 { border-radius: 8px;  }

.v-code { width: 170px;
    height: 60px;
    font-size: 35px;
    line-height: 35px;
    padding: 10px 10px 0px 10px; }

.MainItemRow { width: calc(100% - 170px) !important; } 
.ItemRow { width: calc(100% - 30px) !important; }

.DeleteItem, .AddAttributeOption, .DeleteMainItem { line-height: 40px !important;
    padding-left: 10px; }

	
/* ------------ END: GENERAL ------------ */



/* ------------ LOGIN ------------ */
#login { background: #F2F2F2; }

#login .login_box { background: #ffffff;
	border: solid 1px #DDDDDD;
	width: 485px;
	display: inline-block;
	position: relative;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px; }
  
#login .login_heading { padding: 20px 0;
	font-size: 24px;
	font-weight: 300;
	border-bottom: solid 1px #DDDDDD;
	text-transform: uppercase; }
	
#login .login_content { padding: 25px 20px; }

#login input[type="text"], #login input[type="password"] {  width: calc(100% - 32px); }

#login label { float: none;
	padding: 0;
	margin: 0 0 3px 0;
	display: block;
	text-align: left;
	background: #ffffff;
	font-weight: 400; }
	
#login .row { margin: 0 0 20px 0; }

#login .error_message { color: #D80000;
	font-size: 12px;
	line-height: 12px;
	margin: -10px 0 10px 0;
	font-style: italic;
	font-weight: 400; }

#login .button { float: none; margin-bottom: 8px; }

#login a {  font-weight: 400; }

#login .logo { display: block;
	margin: 0 25%;
	position: absolute;
	width: 50%;
	bottom: 100%;
	margin-bottom: 20px;
	text-align: center; }
	
#login .logo img { display: inline-block; width:100%; }

/* ------------ END: LOGIN ------------ */



/* ------------ ANIMATIONS ------------ */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}	
/* ------------ END: ANIMATIONS ------------ */



/* ------------ FOOTER ------------ */	
footer { background: #F5F5F5;
	padding: 12px 30px;
	-webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.45);
	-ms-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.45);
	-o-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.45);
	box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.45);
	position: fixed;
	width: calc(100% - 50px);
	left: 0;
	bottom: 0;
	z-index: 102;
	/*display: none!important;*/ }
	
footer img{ display: block; }

footer:before, footer:after { content: "";
	display: block;
	width: 100%;
	height: 0;
	clear: both; }
	
footer span { float: right;
	font-style: italic;
	display: block;
	/*margin-top: 22px;*/ }
	
#refresh { display: inline-block;
	margin-left: 5px;
	font-style: normal; }
/* ------------ END FOOTER ------------ */	



/* ------------ NAV ------------ */	
nav { background: #222222;
	width: 244px;
	position: fixed;
	top: 0;
	left: 0;
	border-right: solid 6px #444444;
	height: 100%;
	z-index: 102;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }

nav a { text-transform: uppercase;
	color: #ffffff;
	opacity: 0.75;
	font-size: 16px;
	display: block !important;
	padding: 10px 12px;
	position: relative;
	font-weight: 300; 
	font-family: "Roboto", sans-serif !important; }
	
nav a:before { font-family: FontAwesome; }

nav a:after { content: "";
	display: block;
	width: 6px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: #61d0f2;
	opacity: 0; }

nav a.active, nav a.active:hover { opacity: 1;
	background: #00a3d7; }

nav a.active:after { opacity: 1; }

nav a:hover { opacity: 1;
	color: #ffffff; }

nav a:before { float: left;
	margin: 0 12px 0 0;
	font-size: 18px;
	display: block;
	width: 22px;
	text-align: center; }

nav a.fa-home:before { font-size: 22px; }

nav a.fa-users:before { font-size: 17px; }

nav li, nav ul { margin: 0;
	padding: 0;
	list-style: none; }

nav li { border-bottom: solid 1px rgba(255, 255, 255, 0.1);
	border-top: solid 1px rgba(0, 0, 0, 0.1); }

nav li:first-child { border-top: none; }

nav ul { border-bottom: solid 1px rgba(0, 0, 0, 0.1); }

nav #logo { padding-top: 32px; padding-bottom: 26px; opacity: 1 !important; text-align:center; }
nav #logo img { width:90%; height:auto; }
/* ------------ END NAV ------------ */	



/* ------------ TAG ACTIVATION NAV ------------ */	
.tag-activation .nav { background: #222222;
	width: 100%;
    text-align:center;
    color: #C8C8C8;
	font-size: 16px;
    padding: 10px 0px; 
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }

.tag-activation .nav img { height:auto; 
	text-align:center;
	width: 80%;
    max-width: 450px; }
               
.tag-activation .nav9 img {  width: 55%;  }

    
.tag-activation article { padding: 20px;
	float: none;
	width: unset !important;
	z-index: 1;
	margin-top: 0px;
	margin-bottom: 60px;
	background: #ffffff;
    font-size:20px;
    text-align:center; }
    
.tag-activation article p { line-height:20px; }
.tag-activation article .checkbox_row label { width:30px; float:left; } 
.tag-activation article .checkbox_label { font-size:13px; width: calc(100% - 40px); margin: 0px; margin-left:10px;  text-align:left; }
               
.tag-activation .columns.columns_2 .column { width: calc(50% - 5px) !important; }
.tag-activation .columns.columns_2 .column:first-of-type { margin-right: 10px !important; } 
               
.tag-activation .button { float:none;     
	font-size: 17px;
    padding: 16px 10px;
    width: 100%; 
    width: calc(100% - 20px);
    margin: 0px;
  	margin-bottom: 10px; }
    
.tag-activation input[type="submit"].button { width:100%; margin-top:20px; }
/* ------------ END TAG ACTIVATION NAV ------------ */



/* ------------ TAG ACTIVATION FOOTER ------------ */	
.tag-activation footer span { float: none;
	clear:both;
    text-align:center; }
/* ------------ END TAG ACTIVATION FOOTER ------------ */	



/* ------------ MESSAGES ------------ */
.alert { margin: 10px 0px;
	padding:5px;
	position:relative;
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 2s; /* Firefox < 16 */
	-ms-animation: fadein 2s; /* Internet Explorer */
	-o-animation: fadein 2s; /* Opera < 12.1 */
	animation: fadein 2s;
	/*border: 1px solid;
	box-shadow:1px 1px 3px #888; */}
	
.alert-info, .alert-info a { color: #00529B;
    background-color: #BDD7E0 /*BDE5F8*/ ; }
	
.alert-success, .alert-success a { color: #4F8A10;
    background-color: #DFF2BF; }
	
.alert-warning, .alert-warning a { color: #9F6000;
    background-color: #FEEFB3; }

.alert-error, .alert-error a { color: #D8000C /* 990000 */;
    background-color: #FCD0D0 /*FFBABA*/; }

.alert i { margin:5px 11px;
    font-size:1.5em;
    vertical-align:middle; }	
	
.alert .close { font-size:1.5em;
	position:absolute;
	top:6px;
	right:10px;}
/* ------------ END MESSAGES ------------ */



/* ------------ PAGE HEADINGS & BREADCRUMBS ------------ */	
section { background: #F2F2F2;
	padding: 25px 30px;
	float: right;
	width: calc(100% - 310px);
	position: fixed;
	top: 0;
	left: 250px;
	z-index: 100;
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); }
	
section ul, section li { margin: 0;
	padding: 0;
	list-style: none; }

section li { float: left; }

section li:after { content: "/";
	float: left;
	display: block;
	margin: 0 5px; }
	
section li:first-child:after { display: none; }

section li a { color: #444444;
	font-weight: 300; }
	
section li a.active { font-weight: 600; 
    text-decoration: none; 
    color: #2B5891; }
	
section li a:hover { text-decoration: underline; }

section li:last-child a { font-weight: 500;
	text-decoration: none;
	color: #222222; }

section h1 { margin: 0 0 4px 0;
	padding: 0;
	font-size: 25px;
	font-weight: 300;
	text-transform: uppercase; }
	
section .fa {   font-weight: normal;
	font-size: 18px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	text-align: center;
	display: block;
	float: right;
	background: #444444;
	margin-top: -29px;
	margin-left: 5px;}
	
section .fa:before { display: inline-block;
	margin-top: 11px; }
	
section .fa:hover { background: #00a3d7;  }
	
/*section .fa.fa-chevron-right:before { margin-top: 4px; }*/
section button.fa:before { margin-top: 0; }
/* ------------ PAGE HEADINGS & BREADCRUMBS ------------ */	



/* ------------ BUTTONS ------------ */
strong.button.sml {
  background: #A3C201;
  color: #000000;
}

.button { font-weight: 300;
	font-size: 15px;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 20px;
	background: #222222;
	color: #ffffff;
	margin-left: 5px;
	float: right;
	border: none;
	outline: none;
	cursor: pointer;
	line-height: 18px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	

.button.lblue { background: #61d0f2; }
.button.dblue { background: #00a3d7 }
.button.red { background: #990000; }
.button.green { background: #A3C201; }

.button:hover { background: #444444; 
	color: #ffffff; }

.btn-left { float:left; }
.btn-first { margin-left:0px; }

.btn-small { font-size: 12px;
	line-height: 15px;
	padding: 8px 12px; }
    
.btn-full { width: calc(100% - 40px);
	margin-bottom: 5px; }
    
/* ------------ END BUTTONS ------------ */

	
	
/* ------------ COLUMNS ------------ */
.columns { margin-bottom: 20px; }

.columns.less { margin-bottom: 0px; }

.columns:after { content: "";
	display: block;
  	width: 100%;
 	height: 0;
  	clear: both; }
	
.columns .column { float: left;
  	margin-right: 30px;
  	margin-bottom: 10px;
  	position: relative; }
	
.columns.columns_1 .column { width: 100%; margin-right: 0; }

.columns.columns_2 .column { width: calc(50% - 15px); }
.columns.columns_2 .column:nth-child(2n+2) { margin-right: 0; }

.columns.columns_3 .column { width: calc(33.3% - 20px); }
.columns.columns_3 .column:nth-child(3n+3) { margin-right: 0; }

.columns.columns_4 .column { width: calc(25% - 22.5px); }
.columns.columns_4 .column:nth-child(4n+4) { margin-right: 0; }

.columns.columns_4 .column_double { width: calc(50% - 45px); }

.columns.filter .button { padding: 10px 20px;
	margin-left: 0;
	float: none; }
	

.row { position: relative;
	margin: 0 0 10px 0; }
	
.row textarea {width: calc(100% - 183px); }

.row:last-child { margin-bottom: 0; }

.row:after { content: "";
  display: block;
  width: 100%;
  height: 0;
  clear: both; }
  
.row-no-margin-bottom { margin-bottom:0px;}
/* ------------ END COLUMNS ------------ */



/* ------------ TABLES ------------ */
table {border: none;
  	border-top: solid 1px #DDDDDD;
  	border-left: solid 1px #DDDDDD;
  	border-spacing: 0px;
  	padding: 0;
  	border-collapse: separate;
 	width: 100%;
  	margin: 0 0 40px 0; }

table td, table th { padding: 10px;
  	font-weight: 300;
  	border-bottom: solid 1px #DDDDDD;
  	border-right: solid 1px #DDDDDD;
  	text-align: left;
  	vertical-align: top;
  	position: relative;
  	z-index: 2;
  	font-size: 12px;
  	-webkit-transition: all 0.2s linear;
  	-moz-transition: all 0.2s linear;
 	 -ms-transition: all 0.2s linear;
  	-o-transition: all 0.2s linear;
  	transition: all 0.2s linear; }

table td.right, table th.right { text-align: right; }

table th { font-weight: 400;
  	text-transform: uppercase;
  	background: #DDDDDD;
  	position: relative;
  	z-index: 3; }
	
table .col_label { background: #f8f8f8;
	font-weight: 400;
  	text-transform: uppercase;
	width:130px; }
	
table .col_label.large { width:200px; }
table .col_label.icon { width:calc(100% - 17px); }
table .field_icon {width:17px; }
	
table .shaded { background: #F5F5F5; }
table.shaded td:first-child { background: #F5F5F5; }

table .tbl_btn { width: 15px;
 	 z-index: 4; }

table .tbl_btn a, table .tbl_btn button { font-size: 18px;
  	display: block;
 	width: 100%;
  	height: 29px;
  	width: 35px;
  	padding: 6px 0 0 0;
  	text-align: center;
  	margin: -11px;
  	background: #F5F5F5;
  	border: solid 1px #DDDDDD;
  	position: relative;
  	z-index: 1; }
	
table .tbl_btn button {height: 37px;
  	width: 37px;
	padding: 0px;}
	
table .tbl_btn_multi a { height: 38px;
  	padding: 20px 0 0 0;}
	
table .tbl_btn a .tooltip {position: absolute;
	background: #777777;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	bottom: 100%;
	margin-bottom: 5px;
	left: 50%;
	margin-left: -55px;
	font-size: 12px;
	color: #ffffff;
	width: 100px;
	display: none;
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-ms-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	z-index: 99999; 
	font-family: "Roboto", sans-serif;}
	
table .tbl_btn a .tooltip:after { content: "";
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	border-top: solid 6px #777777;
	position: absolute;
	left: 50%;
	bottom: -6px;
	margin-left: -6px; }
	
table .tbl_btn a:hover, table .tbl_btn button:hover { background: #444444;
  border-color: #444444;
  color: #ffffff;
  z-index: 2; }
  
.fa.td-icon  { float: right; margin-left: 10px; margin-top: -2px; margin-bottom: -3px; }
/* ------------ END TABLES ------------ */



/* ------------ FORM ELEMENTS ------------ */
input, textearea, select, button, .text_field { color: #444444;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 300; }

.disabled { opacity: 0.5; }

label { width: 120px;
	float: left;
	padding: 12px 15px;
	background: #DDDDDD;
	text-align: right;
	font-weight: 500;
	text-transform: uppercase; }

select, input[type="text"], input[type="number"], input[type="date"], input[type="time"], input[type="password"], textarea, .text_field, .radio-fields {
	padding: 11px 15px;
	width: calc(100% - 182px); /* label + label padding + input padding + input border */
	border: solid 1px #DDDDDD;
	background: #ffffff;
	outline: none;
	float: left;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }

.radio-fields { padding: 4px 15px 3px 15px; }
	
select {padding: 10px 15px;
  width: calc(100% - 150px); }
  
input[type="text"].fulllength { width:calc(100% - 33px); }
select.fulllength { width:100%; }
	
select:active, select:focus, select:disabled, input[type="text"]:active, input[type="text"]:focus, input[type="text"]:disabled, input[type="number"]:active, input[type="number"]:focus, input[type="number"]:disabled, input[type="date"]:active, input[type="date"]:focus, input[type="date"]:disabled, input[type="time"]:active, input[type="time"]:focus, input[type="time"]:disabled, input[type="password"]:active, input[type="password"]:focus, input[type="password"]:disabled, textarea:active, textarea:focus, textarea:disabled, .text_field:active, .text_field:focus, .text_field:disabled { background-color: #F5F5F5; }

select.total, input[type="text"].total, input[type="number"].total, input[type="date"].total, input[type="time"].total, input[type="password"].total, textarea.total, .text_field.total {
 	background: #E5E5E5;
  	border-color: #CCCCCC; }

textarea { width: calc(100% - 32px);
	height: 80px;
	font-family: "Roboto", sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 20px; }

input[type="time"] { padding-top: 8px;
  padding-bottom: 9px; }

.select_box { position: relative; }

.select_box, .select_box *, .select_box:before, .select_box:after {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	
.select_box .fa-chevron-down { font-size: 14px;
	text-align: center;
	padding-top: 12px;
	width: 39px;
	height: 27px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #DDDDDD; }

.select_box:hover select {  border-color: #CCCCCC; }
.select_box:hover .fa-chevron-down, .select_box:hover label { background: #CCCCCC; }

@-moz-document url-prefix() {  .select_box .fa-chevron-down { display: none; } }

input[type="file"] { display: none !important; }

input[type="color"] { width: 40px;
	height: 47px;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	position: absolute;
	top: -4px;
	right: 0;
	background: transparent;
	-webkit-appearance: none; }

input[type="date"] { padding: 9px 15px 8px 15px; }



/* Checkboxes & Radio Buttons */
input[type="checkbox"], input[type="radio"] { display: none; }

input[type="checkbox"] + label, input[type="radio"] + label { width: auto;
	padding: 0;
	margin: 0;
	display: block;
	background: none; }
	
input[type="checkbox"] + label span, input[type="radio"] + label span {
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background: #DDDDDD;
	border: none;
	cursor: pointer;
	text-align: center;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65) inset;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65) inset;
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65) inset;
	-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65) inset;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.65) inset;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	
input[type="checkbox"] + label span:after, input[type="radio"] + label span:after {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 16px;
	margin-top: 6px;
	color: #ffffff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
	display: none; }
	
input[type="checkbox"]:checked + label span, input[type="radio"]:checked + label span {
	background: #00a3d7;
	position: relative; }
	
input[type="checkbox"]:checked + label span:after, input[type="radio"]:checked + label span:after { display: inline-block;}

input[type="radio"] + label span, input[type="radio"] + label span:after {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%; }
	
input[type="radio"] + label span:after { content: "";
	width: 14px;
	height: 14px;
	display: none;
	margin: 8px auto;
	background: #ffffff;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	-o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65); }

input[type="radio"] :checked + label span:after { display: block; }

.checkbox_label { float: left;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 30px; }
	

.checkbox_row .text, .checkbox_row input[type="text"], .checkbox_row input[type="number"], .checkbox_row textarea { width: calc(100% - 223px); }

.checkbox_row .checkbox { float: right; margin-top: 3px; }

.checkbox_row label { width:calc(100% - 75px); text-align:left;}
	

/* Text Box Like Form Element */
.text_box { position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 40px;
	text-align: center;
	height: 100%;
	background: #DDDDDD;
	font-size: 18px; }
	
.text_box:before { display: inline-block;
  	margin-top: 10px; }

a.text_box:hover { background: #CCCCCC; }

.fullwidth_row label, .fullwidth_row textarea { width:calc(100% - 32px); text-align:left !important; }

.field_label {  padding: 10px;
	background: #f8f8f8;
	font-weight: 400;
  	text-transform: uppercase;
	width:130px; 
	float:left; 
	border: 1px solid #DDDDDD;}
	
.field {  padding: 10px;
	float:left;
	border: 1px solid #DDDDDD; 
	border-left:0px;
	width:calc(100% - 180px);}
	
.fullwidth_row .field { border-left: 1px solid #DDDDDD; border-top: 0px; width:calc(100% - 28px); float:none;} 
.fullwidth_row .field_label { width:calc(100% - 28px); float:none; } 

.field .field_icon { float: right; } 

/* ------------ END FORM ELEMENTS ------------ */



/* ------------ DATEPICKER ------------ */
.datepicker td, .datepicker th {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px; }
	
.datepicker .next, .datepicker .prev { background: #ffffff; }
.datepicker .datepicker-switch { background: #EEEEEE !important; color: #444444; } 
	
.datepicker .next:hover, .datepicker .prev:hover, .datepicker .datepicker-switch:hover {  background: #CCCCCC !important; }

.datepicker table tr td.active.active, .datepicker table tr td span.active.active {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #A3C201;
	color: #ffffff; }
	
.datepicker table tr td.active.active:hover, .datepicker table tr td span.active.active:hover { background: #222222; }
.datepicker table { border: none; }
.datepicker table td, .datepicker table th { border: none; }

.date_wrapper {  position: relative; }
/* ------------ END DATEPICKER ------------ */



/* ------------ LOADING ROW ------------ */
@keyframes LoadingDots 
{
	0% { content: "";  }
	25% { content: "."; }
	50% { content: ". .";  }
	75% { content: ". . ."; }
}

.LoadingTxt > td { background-color: #82C87D;
	padding: 4px 10px;
	color: #ffffff;
	font-weight: bold;
	text-align: center; }
	
.LoadingTxt > td span:after { content: "";
	position: absolute;
	margin-left: 5px;
	animation-duration: 1s;
	animation-name: LoadingDots;
	animation-iteration-count: infinite; }
/* ------------ END LOADING ROW ------------ */



/* ------------ TABS ------------ */
.tabs { background: #DDDDDD;
	border-top: solid 5px #EEEEEE;
	width: 100%; 
	margin: 0 0 20px 0 !important;}
	
.tabs:after { content: "";
	display: block;
	width: 100%;
	height: 0;
	clear: both; }
	
.tabs, .tabs li { margin: 0;
	padding: 0;
	list-style: none; }
	
.tabs li { border-right: solid 2px #ffffff;
	float: left;
	margin-top: -5px; }
	
.tabs li.right { float: right;
	border-right: none;
	width: auto; }
	
.tabs a { display: block;
	padding: 8px 15px 13px 15px;
	background: #222222;
	color: #ffffff;
	font-size: 15px;
	font-weight: 300;
	border-top: solid 5px #444444; }
	
.tabs a:hover { background: #444444;
  border-top-color: #777777; }
  
.tabs a.active { background: #00a3d7;
  border-top-color: #61d0f2; }
  
.tabs a.fa-plus { background: transparent;
	border-top-color: transparent;
	color: #000000;
	font-size: 18px;
	padding: 7px 15px 7px 15px; }
	
.tabs a.fa-plus:hover { color: #222222; }
/* ------------ END TABS ------------ */



/* ------------ ACCORDION ------------ */
.accordion { margin: 0 0 30px 0; }

.accordion .accordion_tab { background: #EEEEEE;
	padding: 12px 15px;
	cursor: pointer;
	/*margin: 0 0 10px 0;
	border-right: solid 5px #EEEEEE;*/
	border-bottom: solid 5px #DDDDDD;
	font-size: 15px;
	font-weight: 400; }
	
.accordion .accordion_tab .fa {float: right;
	font-size: 22px;
	display: block;
	margin-top: -5px; }
	
.accordion .accordion_tab, .accordion .accordion_tab * {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	
.accordion .accordion_tab:hover, .accordion .accordion_tab.active { background: #00a3d7;
	border-color: #61d0f2;
	color:#ffffff; }
	
.accordion .accordion_tab:hover .fa, .accordion .accordion_tab.active .fa { transform: rotate(90deg);
	margin-top: -4px;
	color:#ffffff; }
	
.accordion .accordion_content { display: none;
	padding: 20px; }
/* .accordion > div:nth-child(999n+2) { display: block; } */

/* ------------ END ACCORDION ------------ */



/* ------------ POPUPS ------------ */
.outer, .outer .inner {display: table;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center; }
	
.outer .inner { display: table-cell; }

.popup { background: rgba(68, 68, 68, 0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	display: none; }

.popup .popup_frame { text-align: left;
	width: 600px;
	display: inline-block;
	background: #ffffff;
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.65);
	-ms-box-shadow: 0 0 7px rgba(0, 0, 0, 0.65);
	-o-box-shadow: 0 0 7px rgba(0, 0, 0, 0.65);
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.65); }

.popup .popup_heading, .popup .popup_buttons {
	background: #DDDDDD;
	padding: 10px 0; }

.popup .popup_heading { padding: 17px 25px;
	font-size: 18px;
	font-weight: 300; }

.popup .popup_buttons { text-align: center;}

.popup .popup_buttons * {display: inline-block;
	float: none;
	margin: 0 3px; }

.popup .fa-close {float: right; }

.popup .popup_content { padding: 25px;
	max-height: 450px;
	overflow: auto;
	position: relative;
	z-index: 9999; }

.popup p:last-child {  margin-bottom: 0; }
/* ------------ END POPUPS ------------ */



/* ------------ PASSWORD STRENGTH ------------ */
#result { font-weight:bold; margin:0px; width:100%; 
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear; }
	
#result.short{ color:#FF0000; 
	margin-bottom:10px !important;}

#result.weak{ color:orange;  
	width:33% !important;
	border-top: 2px solid;
	margin-bottom:10px !important;  }
	
#result.good{ color:#2D98F3; 
	width: 66% !important;
	border-top: 2px solid;
	margin-bottom:10px !important;  }
	
#result.strong{ color: limegreen;  
	border-top: 2px solid;
	margin-bottom:10px !important;  }
/* ------------ END PASSWORD STRENGTH ------------ */



/* ------------ FILE SIZE ------------ */
.FileSize { font-weight:bold; margin:0px; width:100%; }

.FileSize.large { color:#FF0000; margin-bottom:10px !important;  }
.FileSize.small { color: limegreen; margin-bottom:10px !important;  }
/* ------------ END FILE SIZE ------------ */



/* ------------ APPLICATION FORM ------------ */
#Application {position: relative;}

#Application fieldset { border: 0 none;
	position: relative;
	width: -webkit-fill-available; }

#Application fieldset:not(:first-of-type) { display: none; }


#progressbar { margin-bottom: 30px;
	overflow: hidden;
	counter-reset: step;
	text-align:center;
	padding-left: 0px; }
	
#progressbar li { list-style-type: none;
	text-transform: uppercase;
	font-size: 11px;
	width: 25%;
	float: left;
	position: relative; }
	
#progressbar li:before { content: counter(step);
	counter-increment: step;
	width: 20px;
	line-height: 20px;
	display: block;
	font-size: 10px;
	color: #333;
	background: #DDDDDD;
	border-radius: 3px;
	margin: 0 auto 5px auto; 
	z-index: 3;
	position: relative;}

#progressbar li:after { content: '';
	width: 100%;
	height: 2px;
	background: #DDDDDD;
	position: absolute;
	left: -50%;
	top: 9px;
	z-index: 2; }
	
#progressbar li:first-child:after { content: none; }

#progressbar li.active:before,  #progressbar li.active:after { background: #61d0f2;
	color: white; }
    
.pargoImg, .pargoData { float:left; }	
.pargoData { padding-left: 30px; }
#pargo_selected_pickup_location { margin-bottom:30px; }

/* ------------ END APPLICATION FORM ------------ */


.bordered-block, .minified-bordered-block {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: solid 1px #C8C8C8;
  margin: 0 0 15px;
  padding: 15px; }
  @media only screen and (max-width: 667px) {
    .bordered-block, .minified-bordered-block {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -ms-border-radius: 6px;
      -o-border-radius: 6px;
      border-radius: 6px;
      padding: 10px; } }

.minified-bordered-block {
  padding: 10px 15px; }
  
  
.equal-height-column {
  min-height: calc(100% - 15px); }
  
.bordered-block h3 { margin-top:0px;}
	
	
/* -- LINE ITEMS ---- */
	
.table_lines {
  margin: 0 0 24px 0;
}
.table_lines td, .table_lines table {
  border: none;
  padding: 0;
}
.table_lines input[type="text"], .table_lines .select_box, .table_lines input[type="number"], .table_lines input[type="date"], .table_lines input[type="time"]  {
  width: calc(100% - 42px);
  margin-right: 10px;
  margin-bottom: 6px;
  margin-top: 4px;
}
.table_lines .select_box  {
  width: calc(100% - 10px);
}
.table_lines .select_box select  {
  width: calc(100% - 2px);
}
.table_lines .fa-close  {
  width: 39px;
  height: 39px;
  display: block;
  text-align: center;
  background: #DDDDDD;
  font-size: 16px;
  margin-top: 4px;
}
.table_lines .fa-close:before {
  display: inline-block;
  margin-top: 10px;
}
.table_lines .fa-close:hover  {
  background: #CCCCCC;
}
.table_lines strong  {
  font-weight: 500;
  background: #CCCCCC;
  display: block;
  padding: 12px 15px;
  margin-top: 4px;
  margin-right: 10px;
}