body {
  --theme-color: steelblue;
}

/* Google Font apis CSS */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
/* End of Google font apis css */

nav#nav_header {
	border-bottom: 4px solid var(--theme-color);
	background-color: #fff;
	width: 100%;
}
nav#nav_header #my_menu ul.nav li.dropdown a.dropdown-toggle {
	padding: 8px 0 0 8px;
}
#my_menu .dropdown-menu .divider {
	margin: 5px 0;
}
#my_menu > ul.nav > li {
	border-left: 1px dotted var(--theme-color);
}
.align-middle {
	vertical-align: middle !important;
}
.gstlink {
	cursor: pointer;
}
.web_logo {
	padding: 5px 0;
}
.nopadding {
	padding: 0;
}
.padding-top-0 {
	padding-top:0 !important;
}
.padding-top-10 {
	padding-top: 10px;
}
.margin-top-5pc {
	margin-top: 5%;
}
.margin-top-3pc {
	margin-top: 3%;
}
.margin-left-10 {
	margin-left: 10px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-bottom-10 {
	margin-bottom: 10px;
}
.border-left-none {
	border-left: 0;
}
.border-right-none {
	border-right: 0;
}
.tranparent_label {
	color: transparent;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
.radio.disabled {
	color: darkgrey;
}
.resize-none{
	resize: none;
}
.nowrap{
	white-space: nowrap;
}
footer {
	/*position: absolute;
	bottom: 0;*/
	background: var(--theme-color);
	color: #fff;
	width: 100%;
	height: 30px;
}
footer div{
	line-height: 30px;
}
#fyna_plan_div {
    display: inline-block;
    vertical-align: bottom;
    color: #fff;
    background: #5bc0de;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 12px;
    margin-bottom: 3px;
}
.page-head{
	text-align: center;
	font-size: 24px;
	padding-top: 20px;
	margin-bottom: 10px;
	text-decoration: underline;
}
.sub-page-head{
	text-align: center;
	font-size: 18px;
	margin-bottom: 10px;
}
.wizard {
    margin: 10px auto;
    background: #fff;
}
.wizard .nav-tabs {
	position: relative;
	margin-bottom: 0;
	border-bottom-color: #e0e0e0;
}
.wizard > div.wizard-inner {
	position: relative;
}
.wizard .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;

    border: 0;
    border-bottom-color: transparent;
}

.wizard span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px;
}
.wizard span.round-tab i{
    color:#555555;
}
.wizard span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}
#gstr2_task .wizard .nav-tabs > li {
    width: 50%;
}
.inward_steps_title{
	display: table-cell;
	width: 50%;
	text-align: center;
	float: left;
}
.outward_steps_title{
	display: table-cell;
	width: 50%;
	float: left;
	text-align: center;
}
.eway_steps_title{
	display: table-cell;
	width: 50%;
	float: left;
	text-align: center;
}
.outwardamendments_steps_title{
	display: table-cell;
	width: 50%;
	float: left;
	text-align: center;
}
.outward_steps_admin, #sales_task .wizard.outward_steps_div_admin .nav-tabs > li {
	width: 33%;
}
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}
.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
}
.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}
.wizard .nav-tabs > li a:hover {
	background: transparent;
}
section .tab-content {
    position: relative;
}
.wizard h3 {
    margin-top: 0;
}
.server-message{
	text-align: center;
}
.adjust_with_footer{
	padding-bottom: 50px;
}
.step_desc{
	border-radius: 3px;
	text-align: center;
	padding: 4px;
	color: #fff;
}
#sales_task .step_desc,
#gstr2_task .step_desc,
#eway_task .step_desc,
#eway_inward .step_desc,
#salesamendments_task .step_desc{
	background: #0087F7;
}
.match_area{
	display: flex;
}
#einv_task .dropzone,
#sales_task .dropzone,
#gstr2_task .dropzone,
#eway_outward_task .dropzone,
#eway_inward_task .dropzone,
#salesamendments_task .dropzone,
#miscellaneous .dropzone,
#itc04n_task .dropzone,
#gstr6_task .dropzone{
    border: 2px dashed #0087F7;
    border-radius: 5px;
}

#purchase_task .radio.disabled{
	opacity: 0.6;
}
#main_tab_list{
	background: darkseagreen;
	border-top: 5px solid darkseagreen;
	border-left: 5px solid darkseagreen;
	border-right: 5px solid darkseagreen;
}
#main_tab_list.nav-tabs>li>a{
	color: #fff;
	padding: 9px;
}
#main_tab_list.nav-tabs>li>a:hover{
	color: #000;
}
#main_tab_list.nav-tabs>li.active>a,
#main_tab_list.nav-tabs>li.active>a:focus,
#main_tab_list.nav-tabs>li.active>a:hover{
	background-color: #fff;
	color: #000;
}
.sub_sub_tab_list{
	padding-top: 5px;
	padding-left: 30px;
	padding-right: 30px;
}
.sub_tab_list{
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}
.sub_sub_tab_list.nav-tabs>li.active>a,
.sub_sub_tab_list.nav-tabs>li.active>a:focus,
.sub_sub_tab_list.nav-tabs>li.active>a:hover{
	font-weight: bold;
	color: cadetblue;
}
.sub_tab_list.nav-tabs>li.active>a,
.sub_tab_list.nav-tabs>li.active>a:focus,
.sub_tab_list.nav-tabs>li.active>a:hover{
	font-weight: bold;
	color: steelblue;
}
#gstr2_task .wizard .nav-tabs > li.done span.round-tab,
#sales_task .wizard .nav-tabs > li.done span.round-tab,
#purchase_task .wizard .nav-tabs > li.done span.round-tab,
#itc04n_task .wizard .nav-tabs > li.done span.round-tab,
#gstr6_task .wizard .nav-tabs > li.done span.round-tab {
	background: #0087F7;
}

#gstr2_task .wizard .nav-tabs > li.done span.round-tab i,
#sales_task .wizard .nav-tabs > li.done span.round-tab i,
#purchase_task .wizard .nav-tabs > li.done span.round-tab i,
#itc04n_task .wizard .nav-tabs > li.done span.round-tab i,
#gstr6_task .wizard .nav-tabs > li.done span.round-tab i {
	color: #fff;
}
#itc04n_task .uploaded_files,
#gstr6_task .uploaded_files,
#sales_task .uploaded_files,
#purchase_task .uploaded_files,
#gstr2_task .uploaded_files,
#eway_outward_task .uploaded_files,
#eway_inward_task .uploaded_files,
#salesamendments_task .uploaded_files{
	text-align: left;
	margin-top: 10px;
}
#eway_outward_task #stepe1,
#eway_inward_task #stepei1{
	display: inline-block;
	width: 100%;
}
.report_btns{
	text-align: center;
	margin-top: 20px;
}
#fs_2 #fs_2_b{
	padding: 10px;
}
#dash-items-cont .more_details{
	/*position: absolute;
	bottom: 10px;
	left: 40%;*/
	margin-top: 10px;
}
.error_div{
	margin-top: 15px;
	text-align: center;
}
#dashboard-tab-content{
	/*overflow: hidden;*/
	border: 1px dotted darkseagreen;
	min-height: 500px;
	border-top: none;
	padding: 0 10px 10px;
}
#rec_gstr_format_1 .nav>li>a,
#rec_gstr_format_1a .nav>li>a {
	padding: 10px 5px;
}
#rec_gstr_format_1 .table-responsive,
#stepg4 .recon_error_cont,
#step3 .recon_error_cont,
#reports #reports_list_cont,
#rec_gstr_format_1a .table-responsive{
	margin-top: 10px;
}
.font-red {
	color: red;
}
.background-red {
	background-color: pink;
}
.cursor-default{
	cursor: default;
}
.blink_me {
  animation: blinker 2s linear infinite;
  color: coral;
}
@keyframes blinker {
  50% { opacity: 0; }
}
.adjust-footer{
	margin-bottom: 50px;
}
#intool-edit-disabled-msg{
	color: crimson;
	font-size: 13px;
}
.margin-left
{
    margin: 0 0 0 120px;
}
.cssload-spin-box {
	position: absolute;
	margin: auto;
	left: 50%;
	top: 0;
	bottom: 25%;
	right: 0;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-o-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-ms-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-webkit-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
		-moz-box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	animation: cssload-spin ease infinite 4.6s;
		-o-animation: cssload-spin ease infinite 4.6s;
		-ms-animation: cssload-spin ease infinite 4.6s;
		-webkit-animation: cssload-spin ease infinite 4.6s;
		-moz-animation: cssload-spin ease infinite 4.6s;
}



@keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-o-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-ms-keyframes cssload-spin {
	0%, 100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-webkit-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}

@-moz-keyframes cssload-spin {
	0%,
	100% {
		box-shadow: 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223);
	}
	25% {
		box-shadow: -15px 15px rgb(223,223,223), -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73);
	}
	50% {
		box-shadow: -15px -15px rgb(79,77,73), 15px -15px rgb(223,223,223), 15px 15px rgb(79,77,73), -15px 15px rgb(223,223,223);
	}
	75% {
		box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49;
	}
}
/* Hover Buttons */
.hvr-icon-next,
.hvr-icon-login{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	padding-right:2.2em;
	-webkit-transition-duration:.1s;
	transition-duration:.1s
}
.hvr-icon-login:before{
	content:"\f090";
	position:absolute;
	right:1em;
	padding:0 1px;
	font-family:FontAwesome;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-transition-duration:.1s;
	transition-duration:.1s;
	-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.hvr-icon-next:active:before,.hvr-icon-next:focus:before,.hvr-icon-next:hover:before,
.hvr-icon-login:active:before,.hvr-icon-login:focus:before,.hvr-icon-login:hover:before{
	-webkit-transform:translateX(4px);transform:translateX(4px)
}
.hvr-icon-send{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;
	position:relative;
	padding-right:2.5em;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}
.hvr-icon-send:before{
	content:"\f1d8";
	position:absolute;right:0.6em;padding:0 1px;
	font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;
	transition-duration:.3s;-webkit-transition-property:transform;
	transition-property:transform;
	-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.hvr-icon-send:active:before,.hvr-icon-send:focus:before,.hvr-icon-send:hover:before{
	-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)
}
.hvr-icon-back{
	display:inline-block;
	vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;
	position:relative;padding-left:2.2em;-webkit-transition-duration:.1s;
	transition-duration:.1s
}
.hvr-icon-back:before{
	content:"\f0a8";position:absolute;left:1em;padding:0 1px;
	font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0);
	-webkit-transition-duration:.1s;transition-duration:.1s;-webkit-transition-property:transform;
	transition-property:transform;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out
}
.hvr-icon-back:active:before,.hvr-icon-back:focus:before,.hvr-icon-back:hover:before{-webkit-transform:translateX(-4px);transform:translateX(-4px)}
@-webkit-keyframes hvr-icon-submit{
	16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}
	33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
	49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
	66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
	83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
	100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes hvr-icon-submit{
	16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}
	33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
	49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
	66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
	83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
	100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.hvr-icon-next:before{
	content:"\f0a9";position:absolute;right:1em;padding:0 1px;
	font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)
}
.hvr-icon-submit{
	display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;
	padding-right:2.2em;-webkit-transition-duration:.3s;transition-duration:.3s
}
.hvr-icon-submit:before{
	content:"\f061";position:absolute;right:1em;padding:0 1px;
	font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)
}
.hvr-icon-submit:active:before,.hvr-icon-submit:focus:before,.hvr-icon-submit:hover:before{
	-webkit-animation-name:hvr-icon-submit;
	animation-name:hvr-icon-submit;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1

}
.hvr-icon-form,
.hvr-icon-hourglass,
.hvr-icon-recon,
.hvr-icon-key,
.hvr-icon-upload,
.hvr-icon-done,
.hvr-icon-save,
.hvr-icon-authenticate,
.hvr-icon-freeze,
.hvr-icon-remove,
.hvr-icon-add,
.hvr-icon-undo,
.hvr-icon-repeat,
.hvr-icon-refresh,
.hvr-icon-ticket,
.hvr-icon-zoom{
	display:inline-block;vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;position:relative;
	padding-right:2.4em;-webkit-transition-duration:.3s;
	transition-duration:.3s
}
.hvr-icon-form:before{
	content: "\f298";
}
.hvr-icon-hourglass:before{
	content: "\f252";
}
.hvr-icon-recon:before{
	content: "\f0ec";
}
.hvr-icon-remove:before{
	content: "\f1f8";
}
.hvr-icon-add:before{
	content: "\f055";
}
.hvr-icon-repeat:before{
	content: "\f01e";
}
.hvr-icon-refresh:before{
	content: "\f021";
}
.hvr-icon-undo:before{
	content: "\f0e2";
}
.hvr-icon-ticket:before{
	content:"\f145";
}
.hvr-icon-zoom:before{
	content:"\f0ce";
}
.hvr-icon-save:before{
	content:"\f0c7";
}
.hvr-icon-upload:before{
	content:"\f0ee";
}
.hvr-icon-key:before{
	content:"\f084";
}
.hvr-icon-done:before{
	content:"\f046";
}
.hvr-icon-freeze:after{
	content:"\f28c";
}
.hvr-icon-authenticate:after{
	content:"\f023";
}
.hvr-icon-form:before,
.hvr-icon-hourglass:before,
.hvr-icon-recon:before,
.hvr-icon-authenticate:after,
.hvr-icon-freeze:after,
.hvr-icon-remove:before,
.hvr-icon-add:before,
.hvr-icon-ticket:before,
.hvr-icon-zoom:before,
.hvr-icon-upload:before,
.hvr-icon-key:before,
.hvr-icon-done:before,
.hvr-icon-save:before,
.hvr-icon-repeat:before,
.hvr-icon-refresh:before,
.hvr-icon-undo:before{
	position:absolute;right:1em;padding:0 1px;
	font-family:FontAwesome;-webkit-transform:translateZ(0);
	transform:translateZ(0);-webkit-transition-duration:.3s;
	transition-duration:.3s;-webkit-transition-property:transform;
	transition-property:transform;-webkit-transition-timing-function:ease-out;
	transition-timing-function:ease-out
}
.hvr-icon-form:active:before,.hvr-icon-form:focus:before,.hvr-icon-form:hover:before,
.hvr-icon-hourglass:active:before,.hvr-icon-hourglass:focus:before,.hvr-icon-hourglass:hover:before,
.hvr-icon-recon:active:before,.hvr-icon-recon:focus:before,.hvr-icon-recon:hover:before,
.hvr-icon-key:active:before,.hvr-icon-key:focus:before,.hvr-icon-key:hover:before,
.hvr-icon-upload:active:before,.hvr-icon-upload:focus:before,.hvr-icon-upload:hover:before,
.hvr-icon-done:active:before,.hvr-icon-done:focus:before,.hvr-icon-done:hover:before,
.hvr-icon-authenticate:active:after,.hvr-icon-authenticate:focus:after,.hvr-icon-authenticate:hover:after,
.hvr-icon-freeze:active:after,.hvr-icon-freeze:focus:after,.hvr-icon-freeze:hover:after,
.hvr-icon-remove:active:before,.hvr-icon-remove:focus:before,.hvr-icon-remove:hover:before,
.hvr-icon-add:active:before,.hvr-icon-add:focus:before,.hvr-icon-add:hover:before,
.hvr-icon-repeat:active:before,.hvr-icon-repeat:focus:before,.hvr-icon-repeat:hover:before,
.hvr-icon-refresh:active:before,.hvr-icon-refresh:focus:before,.hvr-icon-refresh:hover:before,
.hvr-icon-undo:active:before,.hvr-icon-undo:focus:before,.hvr-icon-undo:hover:before,
.hvr-icon-save:active:before,.hvr-icon-save:focus:before,.hvr-icon-save:hover:before,
.hvr-icon-ticket:active:before,.hvr-icon-ticket:focus:before,.hvr-icon-ticket:hover:before,
.hvr-icon-zoom:active:before,.hvr-icon-zoom:focus:before,.hvr-icon-zoom:hover:before{
	-webkit-transform:scale(1.3) translateZ(0);transform:scale(1.3) translateZ(0)
}
.hvr-icon-down{
	display:inline-block;vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;position:relative;
	padding-right:2.2em
}
.hvr-icon-down:before{
	content:"\f019";
	position:absolute;right:1em;
	font-family:FontAwesome;-webkit-transform:translateZ(0);transform:translateZ(0)
}
.hvr-icon-down:active:before,.hvr-icon-down:focus:before,.hvr-icon-down:hover:before{
	-webkit-transform:translateY(4px);transform:translateY(4px)
}
@-webkit-keyframes hvr-icon-pulse{
	25%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	75%{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
@keyframes hvr-icon-pulse{
	25%{-webkit-transform:scale(1.3);transform:scale(1.3)}
	75%{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
.hvr-icon-pulse{
	display:inline-block;vertical-align:middle;
	-webkit-transform:perspective(1px) translateZ(0);
	transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px transparent;position:relative;
	padding-right:2.2em
}
.hvr-icon-pulse:before{
	content:"\f0ec";
	position:absolute;right:1em;padding:0 1px;font-family:FontAwesome;
	-webkit-transform:translateZ(0);transform:translateZ(0);
	-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out
}
.hvr-icon-pulse:active:before,.hvr-icon-pulse:focus:before,.hvr-icon-pulse:hover:before{
	-webkit-animation-name:hvr-icon-pulse;animation-name:hvr-icon-pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}
.hvr-grow{vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}
a:active .hvr-grow,a:focus .hvr-grow,a:hover .hvr-grow:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}

/* Responsive */
@media (max-width: 767px) {
	form#return_period_changer .input-group{
		display: block;
	}
	form#return_period_changer select{
		width: 50%;
		display: inline-block;
	}
}

#internet_status {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #ff1010;
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 15px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
	box-shadow: 0 1px 1px 0 #000;

}
#internet_status.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s;
    animation: fadein 0.5s;
}
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}
.input-field.col .prefix ~ label, .input-field.col .prefix ~ .validate ~ label {
    transform: translateY(-10px) scale(1);
}
form.reg-frm{
    padding: 4% 8% !important;
}
form.reg-frm input[type=text]:not(.browser-default){
	height: 2.5rem !important;
	margin-bottom: 0px !important
}
form.reg-frm .input-field {
    margin-top: 0.9rem !important;
    margin-bottom: 0.9rem !important;
}