/*
* Base V1.0
* Copyright 2017, bestmediainfo
* www.bestmediainfo.com
* Auther: Joginder Poswal
* Date: Feb 2017
*/
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,900);

/***** Reset & Basics *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}
body {
	line-height:1;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
html {
	overflow-y:scroll;
	overflow:-moz-scrollbars-vertical;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
a img {
	border: none;
	display:block;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
.wht {
	color:#fff;
}

:focus {
outline: 0;
}


input::-moz-focus-inner { 
  border: 0; 
}

object, embed { 
  outline: 0;
}

a {
   outline: 0;
}

a:focus { 
    outline: none; 
}

button:focus { 
    outline: none; 
}

input:focus { 
    outline: none; 
}

select:focus { 
    outline: none; 
}



button::-moz-focus-inner {
  border: 0;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }
	
	a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

/* #Basic Styles
================================================== */
	body {
	/*background:#f9f9f9; url(../images/page--bg.gif) repeat*/;
	/*font: 14px/21px 'Open Sans', sans-serif;*/
	background:#f6f6f6;
	font:300 16px/19px 'Merriweather', serif;
	color: #000;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	letter-spacing:0.5px;

}
.rel {
	position:relative;
}
.rtmargin {
	margin-right:20px;
	display:inline;
}

.rtmargin_s {
	margin-right:10px;
	display:inline;
}

.rtmargin_sl {
	margin-right:12px;
	display:inline;
}

.mrtpbt {
	margin:10px 0;
}


.mgtop{margin-top:20px;}
.padlftrt{ padding:0 10px;}
.mrgbtm{ margin-bottom:20px;}
.mrgbtm_b{ margin-bottom:40px;}
.mrgbtm_sml{ margin-bottom:10px;}
.mrgbtm_vsml{ margin-bottom:5px;}
.mrgntopbtm{ margin:20px 0!important;}
.mrgbtmnil{ margin-bottom:0!important;}


.brbtm{border-bottom: 1px solid  #cdcdcd; -webkit-box-shadow: 0 1px 0 0 #fff;-moz-box-shadow: 0 1px 0 0 #fff; box-shadow: 0 1px 0 0 #fff;}
.spacer{margin:20px 0 0 0; font-size:0; line-height:0;}
.spacer_mn{margin:10px 0 0 0; font-size:0; line-height:0;}
.minspacer{ border-bottom: 1px solid  #cdcdcd; -webkit-box-shadow: 0 1px 0 0 #fff;-moz-box-shadow: 0 1px 0 0 #fff; box-shadow: 0 1px 0 0 #fff;font-size:0;height:5px;margin-bottom:15px}


.img_left{ float:left; margin:0 20px 20px 0; border:none; }
.img_right{ float:right; margin:0 0 20px 20px; border:none; }
.thumb_left{ float:left; margin:0 10px 10px 0; border:none; }
.thumb_right{ float:right; margin:0 0 0 10px; border:none; }
.dleft{ float:left; text-align:left;}
.dright{ float:right; text-align:right;}


.hide {
  display: none !important; }

.left-align {
  text-align: left; }

.right-align {
  text-align: right; }

.center, .center-align {
  text-align: center; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.no-select, input[type=range], input[type=range] + .thumb {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.circle {
  border-radius: 50%; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.truncate {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.no-padding {
  padding: 0 !important; }


.alert, .notice, .success, .info {
	margin:5px auto;
	position:relative;
	border-radius:4px;
}
.error, .alert {
	background:#fbe3e4 !important;
	color:#dd1037;
	border-color:#dd1037;
}

.errormsg, .alertmsg {
	
	color:#f44336;
	display:block;
	margin-bottom:20px;
}


.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
	padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	position:relative;
	
}

.alert-danger b, .alert-error b {
  
    color: #b94a48;
	
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	
}


.alert-danger span, .alert-error span{ position:absolute; top:8px; right:15px;color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-danger span a, .alert-error span a{color: #b94a48; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-decoration:none;}


.alert-success, .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
	padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	position:relative;
	
}


.alert-success b, .alert-success b {
    
   
    color: #468847;
	
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	
	
}


.alert-success span, .alert-success span{ position:absolute; top:8px; right:15px;color: #468847; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);}
.alert-success span a, .alert-success span a{color: #468847; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-decoration:none;}

.confmsg{
	
	color:#26a69a;
	display:block;
	margin-bottom:20px;
}
.notice {
	background:#fff6bf;
	color:#514721;
	border:1px solid #ffd324;
}
.success {
	background:#e6efc2;
	color:#264409;
	border:1px solid #c6d880;
}
p.success {
	margin:5px auto;
	padding:3px 0px;
}
.errortxt {
	color: #dd1037;
	font-size: 13px;
	padding-bottom:10px;
}
.caps{ text-transform:uppercase;}
.smltxt{ font-size:11px;}
.whtbg{ background-color:#ffffff;}


.hintxt{ font-size:13px; color: rgba(102, 102, 102, 0.80); line-height:15px;}
.hintxt b{color: rgba(102, 102, 102, 0.71);}
.hintclr{ font-size:13px; color:#26a69a; padding-top:5px;}
.hintclr a{ color:#fff!important; text-decoration:none; background-color:#26a69a; padding:1px 3px;}

.cat_error{position:absolute; top:38px; font-size:11px; left:0; color:#dd1037;}

.progress {
  position: relative;
  height: 4px;
  display: block;
  width: 100%;
  background-color: #acece6;
  border-radius: 2px;
  margin: 0.5rem 0 1rem 0;
  overflow: hidden; }
.progress .determinate {
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #26a69a;
    -webkit-transition: width .3s linear;
    -moz-transition: width .3s linear;
    -o-transition: width .3s linear;
    -ms-transition: width .3s linear;
    transition: width .3s linear; }
.progress .indeterminate {
    background-color: #26a69a; }
    .progress .indeterminate:before {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -moz-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -ms-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      -o-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
      animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
	  
.progress .indeterminate:after {
      content: '';
      position: absolute;
      background-color: inherit;
      top: 0;
      left: 0;
      bottom: 0;
      will-change: left, right;
      -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -moz-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -ms-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -o-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
      -webkit-animation-delay: 1.15s;
      -moz-animation-delay: 1.15s;
      -ms-animation-delay: 1.15s;
      -o-animation-delay: 1.15s;
      animation-delay: 1.15s; }
	  
	  
@-webkit-keyframes indeterminate {
  0% {left: -35%;right: 100%; }

  60% {
    left: 100%;
    right: -90%; }

  100% {
    left: 100%;
    right: -90%; } }

@-moz-keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }

  60% {
    left: 100%;
    right: -90%; }

  100% {
    left: 100%;
    right: -90%; } }

@keyframes indeterminate {
  0% {
    left: -35%;
    right: 100%; }

  60% {
    left: 100%;
    right: -90%; }

  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }

  60% {
    left: 107%;
    right: -8%; }

  100% {
    left: 107%;
    right: -8%; } }

@-moz-keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }

  60% {
    left: 107%;
    right: -8%; }

  100% {
    left: 107%;
    right: -8%; } }

@keyframes indeterminate-short {
  0% {
    left: -200%;
    right: 100%; }

  60% {
    left: 107%;
    right: -8%; }

  100% {
    left: 107%;
    right: -8%; } 
	
}



/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
	color: #181818;
	font-family: 'Merriweather', serif;
	font-weight: 400;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit;
}
h1 {
	font-size: 42px;
	line-height: 55px;
	margin-bottom: 14px;
}
h2 {
	font-size: 31px;
	line-height: 40px;
	margin-bottom: 10px;
}
h3 {
	font-size: 28px;
	line-height: 34px;
	margin-bottom: 8px;
}
h4 {
	font-size: 21px;
	line-height:25px;
	margin-bottom: 4px;
}
h5 {
	font-size: 18px;
	line-height: 24px;
	
}
h6 {
	font-size: 14px;
	line-height:19px;
}
.subheader {
	color: #777;
}
p {
	margin: 0 0 15px 0;
	line-height:27px;
	font-weight:400;
	
	
}
p img {
	margin: 0;
}
p.lead {
	font-size: 21px;
	line-height: 27px;
	color: #777;
}
em, i {
	font-style: italic;
}
strong, b {
	font-weight: bold;
	color: #333;
}
small {
	font-size:90%;
}


/*	Blockquotes  */
	blockquote, blockquote p {
	font-size: 17px;
	line-height: 29px;
	color: #5b5b5b;
	font-style: italic;
}
blockquote {
	margin: 0 0 20px;
	padding: 9px 20px 0 19px;
	border-left: 3px solid #5b5b5b;
}
blockquote cite {
	display: block;
	font-size: 14px;
	color: #555;
}
blockquote cite:before {
	content: "\2014 \0020";
}
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited {
	color: #555;
}
hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0;
}
/* #Links
================================================== */
a, a:visited {
	color: #000;
	text-decoration: underline;
	outline: 0;
}
a:focus{
	color:#000;
}

a:hover{
	color:#027eca;
}
p a, p a:visited {
	line-height: inherit;
}
a {
   outline: 0;
}
/* #Lists
================================================== */
	ul, ol {
	margin-bottom: 20px;
}
ul {
	list-style: none outside;
}
ol {
	list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
	margin-left: 30px;
}
ul.square {
	list-style: square outside;
}
ul.circle {
	list-style: circle outside;
}
ul.disc {
	list-style: disc outside;
}
ul ul, ul ol,  ol ol, ol ul {
	margin: 4px 0 5px 30px;
	font-size: 100%;
}
ul ul li, ul ol li,  ol ol li, ol ul li {
	margin-bottom: 6px;
}
/*li {
	line-height: 18px;
	margin-bottom: 12px;
}*/
ul.large li {
	line-height: 21px;
}
li p {
	line-height: 21px;
}
/* #table
=================================================*/
table {
	width: 100%;
	margin: 1em 0;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
   *white-space: normal;
}
table th, table td {
	padding: 8px;
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}
table thead th, table tfoot th {
	vertical-align: bottom;
	background-color: #f1f1f1;
	color: #333;
}
table caption {
	padding: 8px;
	font-weight: normal;
	font-style: normal;
	border-bottom: 0;
}
   

.mat-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out;
  transition: all .3s ease-out; }
  
  .mat-effect .mat-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none; }
  .mat-effect.mat-light .mat-ripple {
    background-color: rgba(255, 255, 255, 0.45); }
  .mat-effect.mat-red .mat-ripple {
    background-color: rgba(244, 67, 54, 0.7); }
  .mat-effect.mat-yellow .mat-ripple {
    background-color: rgba(255, 235, 59, 0.7); }
  .mat-effect.mat-orange .mat-ripple {
    background-color: rgba(255, 152, 0, 0.7); }
  .mat-effect.mat-purple .mat-ripple {
    background-color: rgba(156, 39, 176, 0.7); }
  .mat-effect.mat-green .mat-ripple {
    background-color: rgba(76, 175, 80, 0.7); }
  .mat-effect.mat-teal .mat-ripple {
    background-color: rgba(0, 150, 136, 0.7); }

.mat-notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important; }

.mat-circle {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.mat-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom; }
  .mat-input-wrapper .mat-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1; }

.mat-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none; }

.mat-block {
  display: block; }

/* Firefox Bug: link not triggered */
a.mat-effect .mat-ripple {
  z-index: -1; }

	
	
	button::-moz-focus-inner,  input::-moz-focus-inner {
 border: 0;
 padding: 0;
}


.whbtnb {
	background-color:#fff;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:5px 15px;
	font-family:Arial, Helvetica, sans-serif;
}





.blubrtnb {
	background-color:#fff;
	
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #1e9bd5!important;
	display: inline-block;
	font:400 14pxArial, Helvetica, sans-serif; 
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding: 8px 10px;
	border:1px solid #1e9bd5;
}

.blubrtnb:hover{color:#1e9bd5;}



.blubtnb {
	background-color:#1e9bd5;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding: 8px 10px;
	font-family:Arial, Helvetica, sans-serif;
}
.blubtnb_big {
	background-color:#1e9bd5;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	text-decoration: none;
	cursor: pointer;
	font-weight:700;
	line-height: normal;
	padding: 10px 20px;
	font-family:Arial, Helvetica, sans-serif;
}
.blubtnb_sml {
	background-color:#26a69a;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:6px 12px;
	font:400 13pxArial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
}

a.blubtnb_sml{color:#fff;}


.edtbtnb_sml {
	background-color:#f9f9f9;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #000;
	display: inline-block;
	
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:4px 20px;
	font:400 13pxArial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
	margin-top:5px;
}

a.edtbtnb_sml{color:#000;}


.grybtnb_sml {
	background-color:#666666;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:13px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:6px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
}

.pkbtnb {
	background-color:#f73470;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding: 8px 20px;
	font:400 13pxArial, Helvetica, sans-serif;
	text-transform:uppercase;
}



.pkbtnb_sml {
	background-color:#ff4081;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding: 6px 12px;
	font:400 13pxArial, Helvetica, sans-serif;
	text-transform:uppercase;
}
a.pkbtnb_sml{color:#fff;}

.pnkbtnb {
	background:#f73470 url(../images/search-icon.png) no-repeat 20% 50%;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:13px 30px 13px 50px;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
}



.bluebtnb {
	background:#1e9bd5;
	
	
	font:400 13pxArial, Helvetica, sans-serif; color:#fff;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:10px 20px 10px 20px;
	border:0;
	float:left;
	text-transform:uppercase;
	margin:0;
	margin-left:-1px;
	
}


.pnkbtnb_b {
	background:#f73470;
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:17px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;
	border:1px solid #dc0849;
	border-bottom:2px solid #dc0849;
}






.pnkbtnb_s {
	background-color:#f73470;
 
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:13px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:7px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
}

.pnkbtnb_n {
	background-color:#f73470;
 
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:14px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
}




.grybtnb {
	background-color:#666666;
 
	/*border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;*/
	  -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font-size:14px;
	text-decoration: none;
	cursor: pointer;
	font-weight:normal;
	line-height: normal;
	padding:10px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	border:0;
}











.chkbx{ width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.8);
  margin-right:10px;}
  




.fbtnb, .twtnb {-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #fff;display: inline-block;text-decoration: none;cursor: pointer;font-weight:normal;line-height: normal;padding: 8px 20px;font:400 13pxArial, Helvetica, sans-serif;text-transform:uppercase;}
.twtnb {background-color:#42a8e1;}
.fbtnb{background-color:#3f5698;}
.fbtnb:visited, .twtnb:visited{ color:#ffffff;}


.msggrn{ margin:5px; color:#093;}




.mat-btn, .mat-btn-large, .mat-btn-flat {
  border: none;
  border-radius: 2px;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  outline: 0;
  padding: 0 30px;
  text-transform: uppercase;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
  font-size:11px; }


.mat-btn i, .mat-btn-large i, .mat-btn-floating i, .mat-btn-large i, .mat-btn-flat i {
  font-size: 17px;
  line-height: inherit; }
  
  
  .mat-btn, .mat-btn-large {
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: .5px;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -ms-transition: .2s ease-out;
  transition: .2s ease-out;
  cursor: pointer; }
  
  
  .mat-btn:hover, .mat-btn-large:hover,.blubtnb_sml:hover {
    background-color: #2bbbad; }
	
	

.mat-btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  transition: .3s;
  cursor: pointer;
  vertical-align: middle; }
  .mat-btn-floating i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 37px; }
  .mat-btn-floating:before {
    border-radius: 0; }
  .mat-btn-floating.mat-btn-large {
    width: 55.5px;
    height: 55.5px; }
    .mat-btn-floating.mat-btn-large i {
      line-height: 55.5px; }

button.mat-btn-floating {
  border: none; }

  
.mat-btn.pnkbtn{ background-color:#ff4081;}  



.mat-btn, .mat-btn-large, .blubtnb_sml,.mat-btn-floating, .dropdown-content, .collapsible, .side-nav, .pkbtnb_sml, .admtabcntt{
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

.mat-btn:hover, .mat-btn-large:hover, .mat-btn-floating:hover, .blubtnb_sml:hover, .pkbtnb_sml:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
  
  
 .z-depth {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.16);}  

.mat-sbtn{background-color: #1e9bd5;
    color: #fff;
    cursor: pointer;
    letter-spacing: 0.5px;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
	border: medium none;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0 none;
    padding: 0 2rem;
    text-transform: uppercase;
    vertical-align: middle;
	
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	float:left;
	
	
	
	}	
.mat-sbtn:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 14px 0 rgba(0, 0, 0, 0.15); background-color:#27a3dc;}




.mat-btncrle{
	

	-moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;
    will-change: opacity, transform;
    z-index: 1;
	text-align:center;
	font-size:17px;

	background-color: #f44336;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
   width: 37px;
    height: 37px;
    line-height: 37px;
    overflow: hidden;
    padding: 0;
  }	
  
  a.mat-btncrle{ text-decoration:none; color:#fff!important;}
.mat-btncrle:hover{box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 14px 0 rgba(0, 0, 0, 0.15); background-color:#f44336;}


.mat-btn.actbtn{background-color:#ff4081}

.pkbtnb_sml:hover, .mat-btn.pnkbtn:hover, .mat-btn.actbtn:hover{ background-color:#ff538d;}
a.mat-btn{ text-decoration:none; color:#fff;}

  
  
  
/* #Forms
================================================== */

form {
	margin-bottom: 20px;
}
fieldset {
	margin-bottom: 20px;
}
input[type="text"],  input[type="password"],  input[type="email"],  textarea {
	border: 1px solid #ccc;
	padding: 6px 4px;
	outline: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font: 13pxArial, Helvetica, sans-serif;
	color: #777;
	margin: 0;
	width: 210px;
	max-width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #fff;
}
select {
	padding: 0;
}
input[type="text"]:focus,  input[type="password"]:focus,  input[type="email"]:focus,  textarea:focus, select:focus {
	border: 1px solid #2B99CF;
	color: #444;
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
	box-shadow:  0 0 3px rgba(0,0,0,.2);
}
textarea {
	min-height: 60px;
}
label,  legend {
	display: block;
	/*font-weight: bold;*/
		font-size: 13px;
}
select {
	width: 220px;
}
input[type="checkbox"] {
	display: inline;
}
label span,  legend span {
	font-weight: normal;
	font-size: 13px;
	color: #444;
}
input.txtbx {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	display: block;
	font-size:13px;
	height: 40px;
	padding: 10px;
	width: 100% !important;
	margin-bottom:5px;
}

textarea.txtbx {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	display: block;
	font-size:13px;
	height:100px;
	padding: 10px;
	width: 100% !important;
	margin-bottom:5px;
}



select.drpbx_sml {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	display: block;
	font-size:13px;
	padding: 10px;
	width:210px!important;
	margin:0 0 0 0;
}


select.drpbx_flt {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	
	font-size:13px;
	padding: 10px;
	width:210px;
	margin:0 0 0 0;
}

select.drpbx_fltnbr {
	background-color: #fff;
	border:none;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	
	 
	padding:0 10px;
	width:95%;
	margin:0 0 0 0;
	font-size:17px;
}


input.txtbxn{background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #565a5c;
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    padding:6px 4px;
    width:60%;
	font-weight:300;}
	
	
	
	input.txtbxnsml{background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #565a5c;
    display: block;
    font-size: 13px;
   
    margin-bottom: 5px;
    padding:6px 4px;
    width:250px; font-weight:300;}
	
.bgtxtbx{background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #565a5c;
    display: block;
    font-size: 13px;
    height:80px;
    margin-bottom: 5px;
    padding:6px 4px;
    width:60%; font-weight:300;}
	
	
	.bgtxtara{background-color: #fff;
    border: 1px solid #dce0e0;
    border-radius: 2px;
    box-sizing: border-box;
    color: #565a5c;
    display: block;
    font-size: 13px;
    height:100px;
    margin-bottom: 5px;
    padding:10px;
    width:60%; font-weight:300;}		


input.txtbxn.rd{background-color:#eeeeee; border:none;}

select.drpbx_sml {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	display: block;
	font-size:13px;
	padding: 10px;
	width:210px!important;
	margin:0 0 0 0;
}

select.drpbx_smln {
	background-color: #fff;
	border: 1px solid #dce0e0;
	border-radius: 2px;
	color: #565a5c;
	box-sizing: border-box;
	display: block;
	font-size:13px;
	padding: 10px;
	width:100px!important;
	margin:0 0 0 0;
}



select.mat-dropbx{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: none;
    color: #333;
    font-size: 13px;
    padding-left: 0;
    padding-right: 0;}



.grbtn{background: linear-gradient(#fff, #f0f0f0) repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ccc;
    color: #5f5f5f;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 13px;
    text-shadow: 0 1px #fff;
    white-space: nowrap;
	-moz-osx-font-smoothing: grayscale;
    box-shadow: 1px -1px 1px rgba(255, 255, 255, 0.98) inset, -1px 0 1px rgba(255, 255, 255, 0.98) inset;
    font-size: 14px;
    height: 36px;
    padding-bottom: 7px;
    padding-top: 8px;
	
	}
	
	::-webkit-input-placeholder { color:#5f5f5f; font-size:11px; }
	::-moz-placeholder { color:#5f5f5f; font-size:11px; } /* firefox 19+ */
	:-ms-input-placeholder { color:#5f5f5f;  font-size:11px;} /* ie */
	input:-moz-placeholder { color:#5f5f5f; font-size:11px; }
	
	

textarea.mat-textarea{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size:13px;
    height:30px;
    margin:30px 0 5px 0;
    outline: medium none;
    padding:5px 0 0 0;
    transition: all 0.3s ease 0s;
    width: 100%; resize: none;}
	
	
	
	textarea.mat-textareanrml{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size:13px;
    height:30px;
    margin:30px 0 5px 0;
    outline: medium none;
    padding:5px 0 0 0;
    transition: all 0.3s ease 0s;
    width: 100%; resize: none;}
	
	

textarea.mat-key{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size:13px;
    height:30px;
    margin:30px 0 5px 0;
    outline: medium none;
    padding:5px 0 0 0;
    transition: all 0.3s ease 0s;
    width: 100%; resize: none;}
	



	
	.formwrapdv input[type="text"], .commdiv input[type="text"]{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size:13px;
 margin:0px 0 15px;
    outline: medium none;
    padding:7px 0;
    transition: all 0.3s ease 0s;
    width: 100%;}
	
	
	input.mat-input{-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 1px;
    box-shadow: none;
    box-sizing: content-box;
    font-size:13px;
    height:30px;
    margin:0 0 5px 0;
    outline: medium none;
    padding:5px 0 0 0;
    transition: all 0.3s ease 0s;
    width: 100%; resize: none;}
	
	
	

textarea.mat-textarea:focus, textarea.mat-textareanrml:focus,textarea.mat-key:focus{border:none;border-bottom:1px solid #26a69a; box-shadow:0 1px 0 0 #26a69a;}

input.mat-input:focus{border:none;border-bottom:1px solid #26a69a; box-shadow:0 1px 0 0 #26a69a;}


/*textarea.mat-textarea.invalid:focus { border-bottom: 1px solid #f44336;box-shadow: 0 1px 0 0 #f44336;}*/


 .formwrapdv label.abtxtlbl,  .commdiv label.abtxtlbl{color: #9e9e9e;
    cursor: text;
    font-size:13px;
    left:0;
    position: absolute;
	transition: all 0.2s ease-out 0s;
    top:20px;}
	
	
	.formwrapdv label.keysklbl, .commdiv label.keysklbl{color: #9e9e9e;
    cursor: text;
    font-size:13px;
    left:0;
    position: absolute;
	transition: all 0.2s ease-out 0s;
    top:0px;}
	
	
textarea.mat-textarea + label::after, textarea.mat-key + label::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 65px;
    transition: opacity 0.2s ease-out 0s, color 0.2s ease-out 0s;
}

textarea.mat-textareanrml + label::after, textarea.mat-key + label::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 65px;
    transition: opacity 0.2s ease-out 0s, color 0.2s ease-out 0s;
}




input.mat-input + label::after {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    top: 65px;
    transition: opacity 0.2s ease-out 0s, color 0.2s ease-out 0s;
}


 .formwrapdv label, .commdiv label {
    color: #9e9e9e;
    position: absolute;
    top: 0.8rem;
    left: 0.75rem;
    font-size:13px;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out; }

 .formwrapdv label.active, .commdiv label.active{font-size:11px;-webkit-transform: translateY(-140%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); color:#18A689;}
  

.formwrapdv input[type="file"], .commdiv input[type="file"] {
    bottom: 0;
    cursor: pointer;
    font-size: 20px;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.formwrapdv .file-path-wrapper, .commdiv .file-path-wrapper {
    overflow: hidden;
    padding-left: 10px;
}


.formwrapdv input.select-dropdown, .commdiv input.select-dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: -moz-use-text-color -moz-use-text-color #9e9e9e;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    cursor: pointer;
    display: block;
    font-size:13px;
    height:35px;
    line-height: 3rem;
    margin:10px 0 15px;
    outline: medium none;
    padding: 0;
    position: relative;
    width: 100%;
}

.dropdown-content {
    background-color: #fff;
    display: none;
    margin: 0;
    max-height: 650px;
    min-width: 100px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    will-change: width, height;
    z-index: 999;
}







.dropdown-content, .collapsible, .side-nav, .sltdropdiv {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}






/***************
   Checkboxes
***************/

/* Remove default checkbox */
 .chkbxstyl [type="checkbox"]:not(:checked), .chkbxstyl [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.chkbxstyl [type="checkbox"] {
  /* checkbox aspect */ }
  .chkbxstyl [type="checkbox"] + label {
    position: relative;
    padding-left:25px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size:13px;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
  .chkbxstyl [type="checkbox"] + label:before {
    content: '';
    position: absolute;
    top:1px;
    left: 0;
    width: 10px;
    height: 10px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
  .chkbxstyl [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

.chkbxstyl [type="checkbox"]:checked + label:before {
  top: -6px;
  left: -3px;
  width: 5px;
  height: 15px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #26a69a;
  border-bottom: 2px solid #26a69a;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.chkbxstyl [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

.chkbxstyl [type="checkbox"].filled-in + label:after {
  border-radius: 2px; }
.chkbxstyl [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1; }
.chkbxstyl [type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }
.chkbxstyl [type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }
.chkbxstyl [type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.chkbxstyl [type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0; }
.chkbxstyl [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }
.chkbxstyl [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }
.chkbxstyl [type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }
.chkbxstyl [type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }


/***************
  Radio Buttons
***************/
/* Remove default Radio Buttons */
.rdiostyl [type="radio"]:not(:checked), .rdiostyl [type="radio"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.rdiostyl [type="radio"]:not(:checked) + label, .rdiostyl [type="radio"]:checked + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 1rem;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */ }

.rdiostyl [type="radio"] + label:before, .rdiostyl [type="radio"] + label:after {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  margin: 4px;
  width: 16px;
  height: 16px;
  z-index: 0;
  -webkit-transition: .28s ease;
  -moz-transition: .28s ease;
  -o-transition: .28s ease;
  -ms-transition: .28s ease;
  transition: .28s ease; }

/* Unchecked styles */
.rdiostyl [type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  border: 2px solid #5a5a5a; }

.rdiostyl [type="radio"]:not(:checked) + label:after {
  border-radius: 50%;
  border: 2px solid #5a5a5a;
  z-index: -1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }

/* Checked styles */
.rdiostyl [type="radio"]:checked + label:before {
  border-radius: 50%;
  border: 2px solid transparent; }

.rdiostyl [type="radio"]:checked + label:after {
  border-radius: 50%;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0;
  -webkit-transform: scale(1.02);
  -moz-transform: scale(1.02);
  -ms-transform: scale(1.02);
  -o-transform: scale(1.02);
  transform: scale(1.02); }

/* Radio With gap */
.rdiostyl [type="radio"].with-gap:checked + label:before {
  border-radius: 50%;
  border: 2px solid #26a69a; }

.rdiostyl [type="radio"].with-gap:checked + label:after {
  border-radius: 50%;
  border: 2px solid #26a69a;
  background-color: #26a69a;
  z-index: 0;
  -webkit-transform: scale(.5);
  -moz-transform: scale(.5);
  -ms-transform: scale(.5);
  -o-transform: scale(.5);
  transform: scale(.5); }

/* Disabled Radio With gap */
.rdiostyl [type="radio"].with-gap:disabled:checked + label:before {
  border: 2px solid rgba(0, 0, 0, 0.26); }

.rdiostyl [type="radio"].with-gap:disabled:checked + label:after {
  border: none;
  background-color: rgba(0, 0, 0, 0.26); }

/* Disabled style */
.rdiostyl [type="radio"]:disabled:not(:checked) + label:before, .rdiostyl [type="radio"]:disabled:checked + label:before {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.26); }

.rdiostyl [type="radio"]:disabled + label {
  color: rgba(0, 0, 0, 0.26); }

.rdiostyl [type="radio"]:disabled:not(:checked) + label:before {
  border-color: rgba(0, 0, 0, 0.26); }

.rdiostyl [type="radio"]:disabled:checked + label:after {
  background-color: rgba(0, 0, 0, 0.26);
  border-color: #BDBDBD; }






/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {	
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}