html{font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%}
body{margin: 0}
a{background-color: transparent}
img{border: 0}
hr{box-sizing: content-box;height: 0}
html{box-sizing: border-box}
ul{list-style-type: none;padding: 0}
ul li{list-style-type: none}
.clearfix{clear: both}
/*********************Media Query Classes
**********************/
@media only screen and (max-width: 700px){.hide-on-small-only, .hide-on-small-and-down{  display: none !important;}.row .col.m3{  width: 0%;display:none !important;}.row .col.m9{width: 100% !important}}
@media only screen and (max-width: 800px){.infouserlogin{position:relative !important;right:0 !important;margin-top:10px;}
div.userlogin{border-top: 1px solid #ddd !important;-webkit-border-radius: 4px 4px 4px 4px !important;-moz-border-radius: 4px 4px 4px 4px !important;-o-border-radius: 4px 4px 4px 4px !important;border-radius: 4px 4px 4px 4px !important}}
@media only screen and (max-width: 992px){.hide-on-med-and-down{  display: none !important}}
@media only screen and (min-width: 701px){.hide-on-med-and-up{display: none !important;}nav a.button-collapse{display: none !important}}
@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{  display: none !important}}
@media only screen and (min-width: 993px){.hide-on-large-only{display: none !important}}
@media only screen and (min-width: 993px){.show-on-large{display: block !important}}
@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{  display: block !important}}
@media only screen and (max-width: 600px){.show-on-small{display: block !important}}
@media only screen and (min-width: 601px){.show-on-medium-and-up{display: block !important}}
@media only screen and (max-width: 992px){.show-on-medium-and-down{display: block !important}}
@media only screen and (max-width: 600px){.center-on-small-only{text-align: center}}
footer.page-footer{margin-top: 20px;padding-top: 20px;background:#dd127b url(../images/dotline.png) left top repeat-x !important}
footer.page-footer .footer-copyright{overflow: hidden;height: 50px;line-height: 50px;color: rgba(255, 255, 255, 0.8);background-color: rgba(51, 51, 51, 0.08)}
thead{border-bottom: 1px solid #d0d0d0}
.collection{margin: 0.5rem 0 1rem 0;border: 1px solid #e0e0e0;border-radius: 2px;overflow: hidden;position: relative}
.collection .collection-item{background-color: #fff;line-height: 1.5rem;padding: 10px 20px;margin: 0;border-bottom: 1px solid #e0e0e0}
.collection .collection-item.avatar{min-height: 84px;padding-left: 72px;position: relative}
.collection .collection-item.avatar .circle{position: absolute;width: 42px;height: 42px;overflow: hidden;left: 15px;display: inline-block;vertical-align: middle}
.collection .collection-item.avatar i.circle{font-size: 18px;line-height: 42px;color: #fff;background-color: #999;text-align: center}
.collection .collection-item.avatar .title{font-size: 16px}
.collection .collection-item.avatar p{margin: 0}
.collection .collection-item.avatar .secondary-content{position: absolute;top: 16px;right: 16px}
.collection .collection-item:last-child{border-bottom: none}
.collection .collection-item.active{background-color: #26a69a;color: #eafaf9}
.collection .collection-item.active .secondary-content{color: #fff}
.collection a.collection-item{display: block;transition: .25s;color: #26a69a}
.collection a.collection-item:not(.active):hover{background-color: #ddd}
.collection.with-header .collection-header{background-color: #fff;border-bottom: 1px solid #e0e0e0;padding: 10px 20px}
.collection.with-header .collection-item{padding-left: 30px}
.collection.with-header .collection-item.avatar{padding-left: 72px}
.collapsible .collection{margin: 0;border: none}
/*******************Utility Classes
*******************/
.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}
/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons{text-rendering: optimizeLegibility;-webkit-font-feature-settings: 'liga';   -moz-font-feature-settings: 'liga';font-feature-settings: 'liga'}
.container{margin: 0 auto;max-width: 1280px;width: 90%}
@media only screen and (min-width: 601px){.container{width: 85%}}
@media only screen and (min-width: 993px){.container{width: 70%}}
.container .row{margin-left: -0.75rem;margin-right: -0.75rem}
.section{padding-top: 1rem;padding-bottom: 1rem}
.section.no-pad{padding: 0}
.section.no-pad-bot{padding-bottom: 0}
.section.no-pad-top{padding-top: 0}
.row{margin-left: auto;margin-right: auto;margin-bottom: 10px}
.row:after{content: "";display: table;clear: both}
.row .col{float: left;box-sizing: border-box;padding: 0 0.75rem}
.row .col[class*="push-"], .row .col[class*="pull-"]{position: relative}
.row .col.s1{width: 8.3333333333%;margin-left: auto;left: auto;right: auto}
.row .col.s2{width: 16.6666666667%;margin-left: auto;left: auto;right: auto}
.row .col.s3{width: 25%;margin-left: auto;left: auto;right: auto}
.row .col.s4{width: 33.3333333333%;margin-left: auto;left: auto;right: auto}
.row .col.s5{width: 41.6666666667%;margin-left: auto;left: auto;right: auto}
.row .col.s6{width: 50%;margin-left: auto;left: auto;right: auto}
.row .col.s7{width: 58.3333333333%;margin-left: auto;left: auto;right: auto}
.row .col.s8{width: 66.6666666667%;margin-left: auto;left: auto;right: auto}
.row .col.s9{width: 75%;margin-left: auto;left: auto;right: auto}
.row .col.s10{width: 83.3333333333%;margin-left: auto;left: auto;right: auto}
.row .col.s11{width: 91.6666666667%;margin-left: auto;left: auto;right: auto}
.row .col.s12{width: 100%;margin-left: auto;left: auto;right: auto}
.row .col.offset-s1{margin-left: 8.3333333333%}
.row .col.pull-s1{right: 8.3333333333%}
.row .col.push-s1{left: 8.3333333333%}
.row .col.offset-s2{margin-left: 16.6666666667%}
.row .col.pull-s2{right: 16.6666666667%}
.row .col.push-s2{left: 16.6666666667%}
.row .col.offset-s3{margin-left: 25%}
.row .col.pull-s3{right: 25%}
.row .col.push-s3{left: 25%}
.row .col.offset-s4{margin-left: 33.3333333333%}
.row .col.pull-s4{right: 33.3333333333%}
.row .col.push-s4{left: 33.3333333333%}
.row .col.offset-s5{margin-left: 41.6666666667%}
.row .col.pull-s5{right: 41.6666666667%}
.row .col.push-s5{left: 41.6666666667%}
.row .col.offset-s6{margin-left: 50%}
.row .col.pull-s6{right: 50%}
.row .col.push-s6{left: 50%}
.row .col.offset-s7{margin-left: 58.3333333333%}
.row .col.pull-s7{right: 58.3333333333%}
.row .col.push-s7{left: 58.3333333333%}
.row .col.offset-s8{margin-left: 66.6666666667%}
.row .col.pull-s8{right: 66.6666666667%}
.row .col.push-s8{left: 66.6666666667%}
.row .col.offset-s9{margin-left: 75%}
.row .col.pull-s9{right: 75%}
.row .col.push-s9{left: 75%}
.row .col.offset-s10{margin-left: 83.3333333333%}
.row .col.pull-s10{right: 83.3333333333%}
.row .col.push-s10{left: 83.3333333333%}
.row .col.offset-s11{margin-left: 91.6666666667%}
.row .col.pull-s11{right: 91.6666666667%}
.row .col.push-s11{left: 91.6666666667%}
.row .col.offset-s12{margin-left: 100%}
.row .col.pull-s12{right: 100%}
.row .col.push-s12{left: 100%}
@media only screen and (min-width: 601px){.row .col.m1{  width: 8.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m2{  width: 16.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m3{  width: 35%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m4{  width: 33.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m5{  width: 41.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m6{  width: 50%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m7{  width: 58.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m8{  width: 66.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m9{  width: 65%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m10{  width: 83.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m11{  width: 91.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m12{  width: 100%;  margin-left: auto;  left: auto;  right: auto;}.row .col.offset-m1{  margin-left: 8.3333333333%;}.row .col.pull-m1{  right: 8.3333333333%;}.row .col.push-m1{  left: 8.3333333333%;}.row .col.offset-m2{  margin-left: 16.6666666667%;}.row .col.pull-m2{  right: 16.6666666667%;}.row .col.push-m2{  left: 16.6666666667%;}.row .col.offset-m3{  margin-left: 25%;}.row .col.pull-m3{  right: 25%;}.row .col.push-m3{  left: 25%;}.row .col.offset-m4{  margin-left: 33.3333333333%;}.row .col.pull-m4{  right: 33.3333333333%;}.row .col.push-m4{  left: 33.3333333333%;}.row .col.offset-m5{  margin-left: 41.6666666667%;}.row .col.pull-m5{  right: 41.6666666667%;}.row .col.push-m5{  left: 41.6666666667%;}.row .col.offset-m6{  margin-left: 50%;}.row .col.pull-m6{  right: 50%;}.row .col.push-m6{  left: 50%;}.row .col.offset-m7{  margin-left: 58.3333333333%;}.row .col.pull-m7{  right: 58.3333333333%;}.row .col.push-m7{  left: 58.3333333333%;}.row .col.offset-m8{  margin-left: 66.6666666667%;}.row .col.pull-m8{  right: 66.6666666667%;}.row .col.push-m8{  left: 66.6666666667%;}.row .col.offset-m9{  margin-left: 75%;}.row .col.pull-m9{  right: 75%;}.row .col.push-m9{  left: 75%;}.row .col.offset-m10{  margin-left: 83.3333333333%;}.row .col.pull-m10{  right: 83.3333333333%;}.row .col.push-m10{  left: 83.3333333333%;}.row .col.offset-m11{  margin-left: 91.6666666667%;}.row .col.pull-m11{  right: 91.6666666667%;}.row .col.push-m11{  left: 91.6666666667%;}.row .col.offset-m12{  margin-left: 100%;}.row .col.pull-m12{  right: 100%;}.row .col.push-m12{  left: 100%;}
}
@media only screen and (min-width: 672px){
	.row .col.m3{  width: 30%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m9{  width: 70%;  margin-left: auto;  left: auto;  right: auto;}
}
@media only screen and (min-width: 800px){
	.row .col.m3{  width: 25%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m9{  width: 75%;  margin-left: auto;  left: auto;  right: auto;}
}
@media only screen and (min-width: 1010px){
	.row .col.m3{  width: 20%;  margin-left: auto;  left: auto;  right: auto;}.row .col.m9{  width: 80%;  margin-left: auto;  left: auto;  right: auto;}
}
@media only screen and (min-width: 993px){.row .col.l1{  width: 8.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l2{  width: 16.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l3{  width: 25%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l4{  width: 33.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l5{  width: 41.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l6{  width: 50%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l7{  width: 58.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l8{  width: 66.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l9{  width: 75%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l10{  width: 83.3333333333%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l11{  width: 91.6666666667%;  margin-left: auto;  left: auto;  right: auto;}.row .col.l12{  width: 100%;  margin-left: auto;  left: auto;  right: auto;}.row .col.offset-l1{  margin-left: 8.3333333333%;}.row .col.pull-l1{  right: 8.3333333333%;}.row .col.push-l1{  left: 8.3333333333%;}.row .col.offset-l2{  margin-left: 16.6666666667%;}.row .col.pull-l2{  right: 16.6666666667%;}.row .col.push-l2{  left: 16.6666666667%;}.row .col.offset-l3{  margin-left: 25%;}.row .col.pull-l3{  right: 25%;}.row .col.push-l3{  left: 25%;}.row .col.offset-l4{  margin-left: 33.3333333333%;}.row .col.pull-l4{  right: 33.3333333333%;}.row .col.push-l4{  left: 33.3333333333%;}.row .col.offset-l5{  margin-left: 41.6666666667%;}.row .col.pull-l5{  right: 41.6666666667%;}.row .col.push-l5{  left: 41.6666666667%;}.row .col.offset-l6{  margin-left: 50%;}.row .col.pull-l6{  right: 50%;}.row .col.push-l6{  left: 50%;}.row .col.offset-l7{  margin-left: 58.3333333333%;}.row .col.pull-l7{  right: 58.3333333333%;}.row .col.push-l7{  left: 58.3333333333%;}.row .col.offset-l8{  margin-left: 66.6666666667%;}.row .col.pull-l8{  right: 66.6666666667%;}.row .col.push-l8{  left: 66.6666666667%;}.row .col.offset-l9{  margin-left: 75%;}.row .col.pull-l9{  right: 75%;}.row .col.push-l9{  left: 75%;}.row .col.offset-l10{  margin-left: 83.3333333333%;}.row .col.pull-l10{  right: 83.3333333333%;}.row .col.push-l10{  left: 83.3333333333%;}.row .col.offset-l11{  margin-left: 91.6666666667%;}.row .col.pull-l11{  right: 91.6666666667%;}.row .col.push-l11{  left: 91.6666666667%;}.row .col.offset-l12{  margin-left: 100%;}.row .col.pull-l12{  right: 100%;}.row .col.push-l12{  left: 100%;}
}
nav{color: #fff;width: 100%}
nav a{color: #fff}
nav i,
nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons{display: block;font-size: 2rem}
nav .nav-wrapper{position: relative;height: 100%}
nav .button-collapse{float: left;position: relative;z-index: 1}
nav .button-collapse i{font-size: 2.7rem;}
nav .brand-logo{position: absolute;color: #fff;display: inline-block;font-size: 2.1rem;padding: 0;white-space: nowrap}
nav .brand-logo.center{left: 50%;-webkit-transform: translateX(-50%);        transform: translateX(-50%)}
@media only screen and (max-width: 992px){nav .brand-logo{  left: 50%;  -webkit-transform: translateX(-50%);          transform: translateX(-50%);}nav .brand-logo.left, nav .brand-logo.right{  padding: 0;  -webkit-transform: none;          transform: none;}nav .brand-logo.left{  left: 0.5rem;}nav .brand-logo.right{  right: 0.5rem;  left: auto;}
}
nav .brand-logo.right{right: 0.5rem;padding: 0}
nav ul{margin: 0}
nav ul li{transition: background-color .3s;float: left;padding: 0}
nav ul li.active{background-color: rgba(0, 0, 0, 0.1)}
nav ul a{transition: background-color .3s;font-size: 1rem;color: #fff;display: inline-block;padding: 0 15px;cursor: pointer}
nav ul a.btn, nav ul a.btn-large, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating{margin-top: -2px;margin-left: 15px;margin-right: 15px}
nav ul a:hover{background-color: rgba(0, 0, 0, 0.1)}
nav ul.left{float: left}
nav .input-field{margin: 0}
nav .input-field label.active{-webkit-transform: translateY(0);        transform: translateY(0)}
.navbar-fixed{position: relative;height: 56px;z-index: 998}
.navbar-fixed nav{position: fixed}
@media only screen and (min-width: 601px){nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i{/*  height: 64px;  line-height: 64px;*/}.navbar-fixed{  height: 64px;}
}
a{text-decoration: none}
@media only screen and (min-width: 0){html{  font-size: 14px;}
}
@media only screen and (min-width: 992px){html{  font-size: 14.5px;}
}
@media only screen and (min-width: 1200px){html{  font-size: 15px;}
}
.light, footer.page-footer .footer-copyright{font-weight: 300}
.collapsible{border-top: 1px solid #ddd;border-right: 1px solid #ddd;border-left: 1px solid #ddd;margin: 0.5rem 0 1rem 0}
.collapsible-header{display: block;cursor: pointer;min-height: 3rem;line-height: 3rem;padding: 0 1rem;background-color: #fff;border-bottom: 1px solid #ddd}
.collapsible-header i{width: 2rem;font-size: 1.6rem;line-height: 3rem;display: block;float: left;text-align: center;margin-right: 1rem}
.collapsible-body{display: none;border-bottom: 1px solid #ddd;box-sizing: border-box}
.collapsible-body p{margin: 0;padding: 2rem}
.side-nav .collapsible,
.side-nav.fixed .collapsible{border: none;box-shadow: none}
.side-nav .collapsible li,
.side-nav.fixed .collapsible li{padding: 0}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header{background-color: transparent;border: none;line-height: inherit;height: inherit;padding: 0 30px}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover{background-color: rgba(0, 0, 0, 0.05)}
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i{line-height: inherit}
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body{border: 0;background-color: #fff}
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a{padding: 0 37.5px 0 45px}
/***************  Nav List
***************/
.side-nav{position: fixed;width: 250px;left: 0;top: 0;margin: 0;-webkit-transform: translateX(-100%);        transform: translateX(-100%);height: 100%;/*height: calc(100% + 60px);height: -moz-calc(100%);*/padding-bottom: 60px;background-color: #fff;z-index: 999;-webkit-backface-visibility: hidden;        backface-visibility: hidden;overflow-y: auto;will-change: transform;-webkit-backface-visibility: hidden;        backface-visibility: hidden;-webkit-transform: translateX(-105%);        transform: translateX(-105%)}
.side-nav.right-aligned{right: 0;-webkit-transform: translateX(105%);        transform: translateX(105%);left: auto;-webkit-transform: translateX(100%);        transform: translateX(100%)}
.side-nav .collapsible{margin: 0}
.side-nav li{float: none}
.side-nav li.active{background-color: rgba(0, 0, 0, 0.05)}
.side-nav a{color: #444;display: block;font-size: 1rem;padding:10px}
.side-nav a:hover{background-color: rgba(0, 0, 0, 0.05)}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating{margin: 10px 15px}
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-floating{color: #fff}
.side-nav a.btn-flat{color: #343434}
.side-nav a.btn:hover, .side-nav a.btn-large:hover, .side-nav a.btn-large:hover{background-color: #2bbbad}
.side-nav a.btn-floating:hover{background-color: #26a69a}
.drag-target{height: 100%;width: 10px;position: fixed;top: 0;z-index: 998}
.side-nav.fixed a{display: block;padding: 0 30px;color: #444}
.side-nav.fixed{left: 0;-webkit-transform: translateX(0);        transform: translateX(0);position: fixed}
.side-nav.fixed.right-aligned{right: 0;left: auto}
@media only screen and (max-width: 992px){.side-nav.fixed{  -webkit-transform: translateX(-105%);          transform: translateX(-105%);}.side-nav.fixed.right-aligned{  -webkit-transform: translateX(105%);          transform: translateX(105%);}
}
.side-nav .collapsible-body li.active,
.side-nav.fixed .collapsible-body li.active{background-color: #ee6e73}
.side-nav .collapsible-body li.active a,
.side-nav.fixed .collapsible-body li.active a{color: #fff}
#sidenav-overlay{position: fixed;top: 0;left: 0;right: 0;height: 120vh;background-color: rgba(0, 0, 0, 0.5);z-index: 997;will-change: opacity}