/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

/* Others 
   ========================================================================== */
html{box-sizing:border-box}
*,:before,:after{box-sizing:inherit}

ul:not(.browser-default){padding-left:0;list-style-type:none}
ul:not(.browser-default) li{list-style-type:none}
a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}

.z-depth-0{box-shadow:none!important}
.z-depth-1,.card-panel,.card{
 box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px -1px rgba(0, 0, 0, 0.1)}
.z-depth-1-half {box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}

/* Media Query Classes 
   ========================================================================== */
@media only screen and (max-width: 600px) {
.hide-on-small-only,.hide-on-small-and-down{display:none!important}
}
@media only screen and (max-width: 992px) {
.hide-on-med-and-down{display:none!important}
}
@media only screen and (min-width: 601px) {
.hide-on-med-and-up{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}
.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}
}

/* ========================================================================== */
/*  Page Container
/* ========================================================================== */

.SMwrapper{margin:0 auto; margin: 0 auto;/*max-width: 1366px;*/width: 100%;}
@media only screen and (min-width: 601px) {
.SMwrapper{ }
}
@media only screen and (min-width: 993px) {
.SMwrapper{}
}
/*.SMwrapper .smRow{margin-left:-.75rem;margin-right:-.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}

.smRow{margin-left:auto;margin-right:auto;/*margin-bottom:20px*/}
.smRow:after{content:"";display:table;clear:both}
.smRow .col{float:left;box-sizing:border-box;padding:0 0.5rem;min-height:1px}
.smRow .col[class*="push-"],.smRow .col[class*="pull-"]{position:relative}

/* Flex Grid */
.uniform-grid { -moz-box-direction: normal; -moz-box-orient: horizontal; display: flex;  flex-flow: row wrap;  width: 100%; }
.uniform-grid .uniform-grid__section { display: flex;}

.smRow .col.s1{width:8.3333333333%;}
.smRow .col.s2{width:16.6666666667%;}
.smRow .col.s3{width:25%;}
.smRow .col.s4{width:33.3333333333%;}
.smRow .col.s5{width:41.6666666667%;}
.smRow .col.s6{width:50%;}
.smRow .col.s7{width:58.3333333333%;}
.smRow .col.s8{width:66.6666666667%;}
.smRow .col.s9{width:75%;}
.smRow .col.s10{width:83.3333333333%;}
.smRow .col.s11{width:91.6666666667%;}
.smRow .col.s12{width:100%;}

.smRow .col.offset-s1{margin-left:8.3333333333%}
.smRow .col.pull-s1{right:8.3333333333%}
.smRow .col.push-s1{left:8.3333333333%}
.smRow .col.offset-s2{margin-left:16.6666666667%}
.smRow .col.pull-s2{right:16.6666666667%}
.smRow .col.push-s2{left:16.6666666667%}
.smRow .col.offset-s3{margin-left:25%}
.smRow .col.pull-s3{right:25%}
.smRow .col.push-s3{left:25%}
.smRow .col.offset-s4{margin-left:33.3333333333%}
.smRow .col.pull-s4{right:33.3333333333%}
.smRow .col.push-s4{left:33.3333333333%}
.smRow .col.offset-s5{margin-left:41.6666666667%}
.smRow .col.pull-s5{right:41.6666666667%}
.smRow .col.push-s5{left:41.6666666667%}
.smRow .col.offset-s6{margin-left:50%}
.smRow .col.pull-s6{right:50%}
.smRow .col.push-s6{left:50%}
.smRow .col.offset-s7{margin-left:58.3333333333%}
.smRow .col.pull-s7{right:58.3333333333%}
.smRow .col.push-s7{left:58.3333333333%}
.smRow .col.offset-s8{margin-left:66.6666666667%}
.smRow .col.pull-s8{right:66.6666666667%}
.smRow .col.push-s8{left:66.6666666667%}
.smRow .col.offset-s9{margin-left:75%}
.smRow .col.pull-s9{right:75%}
.smRow .col.push-s9{left:75%}
.smRow .col.offset-s10{margin-left:83.3333333333%}
.smRow .col.pull-s10{right:83.3333333333%}
.smRow .col.push-s10{left:83.3333333333%}
.smRow .col.offset-s11{margin-left:91.6666666667%}
.smRow .col.pull-s11{right:91.6666666667%}
.smRow .col.push-s11{left:91.6666666667%}
.smRow .col.offset-s12{margin-left:100%}
.smRow .col.pull-s12{right:100%}
.smRow .col.push-s12{left:100%}

@media only screen and (min-width: 601px) {

.smRow .col.m1{width:8.3333333333%;}
.smRow .col.m2{width:16.6666666667%;}
.smRow .col.m3{width:25%;}
.smRow .col.m4{width:33.3333333333%;}
.smRow .col.m5{width:41.6666666667%;}
.smRow .col.m6{width:50%;}
.smRow .col.m7{width:58.3333333333%;}
.smRow .col.m8{width:66.6666666667%;}
.smRow .col.m9{width:75%;}
.smRow .col.m10{width:83.3333333333%;}
.smRow .col.m11{width:91.6666666667%;}
.smRow .col.m12{width:100%;}

.smRow .col.offset-m1{margin-left:8.3333333333%}
.smRow .col.pull-m1{right:8.3333333333%}
.smRow .col.push-m1{left:8.3333333333%}
.smRow .col.offset-m2{margin-left:16.6666666667%}
.smRow .col.pull-m2{right:16.6666666667%}
.smRow .col.push-m2{left:16.6666666667%}
.smRow .col.offset-m3{margin-left:25%}
.smRow .col.pull-m3{right:25%}
.smRow .col.push-m3{left:25%}
.smRow .col.offset-m4{margin-left:33.3333333333%}
.smRow .col.pull-m4{right:33.3333333333%}
.smRow .col.push-m4{left:33.3333333333%}
.smRow .col.offset-m5{margin-left:41.6666666667%}
.smRow .col.pull-m5{right:41.6666666667%}
.smRow .col.push-m5{left:41.6666666667%}
.smRow .col.offset-m6{margin-left:50%}
.smRow .col.pull-m6{right:50%}
.smRow .col.push-m6{left:50%}
.smRow .col.offset-m7{margin-left:58.3333333333%}
.smRow .col.pull-m7{right:58.3333333333%}
.smRow .col.push-m7{left:58.3333333333%}
.smRow .col.offset-m8{margin-left:66.6666666667%}
.smRow .col.pull-m8{right:66.6666666667%}
.smRow .col.push-m8{left:66.6666666667%}
.smRow .col.offset-m9{margin-left:75%}
.smRow .col.pull-m9{right:75%}
.smRow .col.push-m9{left:75%}
.smRow .col.offset-m10{margin-left:83.3333333333%}
.smRow .col.pull-m10{right:83.3333333333%}
.smRow .col.push-m10{left:83.3333333333%}
.smRow .col.offset-m11{margin-left:91.6666666667%}
.smRow .col.pull-m11{right:91.6666666667%}
.smRow .col.push-m11{left:91.6666666667%}
.smRow .col.offset-m12{margin-left:100%}
.smRow .col.pull-m12{right:100%}
.smRow .col.push-m12{left:100%}
}

@media only screen and (min-width: 993px) {
.smRow .col.l1{width:8.3333333333%;}
.smRow .col.l2{width:16.6666666667%;}
.smRow .col.l3{width:25%;}
.smRow .col.l4{width:33.3333333333%;}
.smRow .col.l5{width:41.6666666667%;}
.smRow .col.l6{width:50%;}
.smRow .col.l7{width:58.3333333333%;}
.smRow .col.l8{width:66.6666666667%;}
.smRow .col.l9{width:75%;}
.smRow .col.l10{width:83.3333333333%;}
.smRow .col.l11{width:91.6666666667%;}
.smRow .col.l12{width:100%;}

.smRow .col.offset-l1{margin-left:8.3333333333%}
.smRow .col.pull-l1{right:8.3333333333%}
.smRow .col.push-l1{left:8.3333333333%}
.smRow .col.offset-l2{margin-left:16.6666666667%}
.smRow .col.pull-l2{right:16.6666666667%}
.smRow .col.push-l2{left:16.6666666667%}
.smRow .col.offset-l3{margin-left:25%}
.smRow .col.pull-l3{right:25%}
.smRow .col.push-l3{left:25%}
.smRow .col.offset-l4{margin-left:33.3333333333%}
.smRow .col.pull-l4{right:33.3333333333%}
.smRow .col.push-l4{left:33.3333333333%}
.smRow .col.offset-l5{margin-left:41.6666666667%}
.smRow .col.pull-l5{right:41.6666666667%}
.smRow .col.push-l5{left:41.6666666667%}
.smRow .col.offset-l6{margin-left:50%}
.smRow .col.pull-l6{right:50%}
.smRow .col.push-l6{left:50%}
.smRow .col.offset-l7{margin-left:58.3333333333%}
.smRow .col.pull-l7{right:58.3333333333%}
.smRow .col.push-l7{left:58.3333333333%}
.smRow .col.offset-l8{margin-left:66.6666666667%}
.smRow .col.pull-l8{right:66.6666666667%}
.smRow .col.push-l8{left:66.6666666667%}
.smRow .col.offset-l9{margin-left:75%}
.smRow .col.pull-l9{right:75%}
.smRow .col.push-l9{left:75%}
.smRow .col.offset-l10{margin-left:83.3333333333%}
.smRow .col.pull-l10{right:83.3333333333%}
.smRow .col.push-l10{left:83.3333333333%}
.smRow .col.offset-l11{margin-left:91.6666666667%}
.smRow .col.pull-l11{right:91.6666666667%}
.smRow .col.push-l11{left:91.6666666667%}
.smRow .col.offset-l12{margin-left:100%}
.smRow .col.pull-l12{right:100%}
.smRow .col.push-l12{left:100%}
}

a{text-decoration:none}
html{line-height:1.5;font-family:'Montserrat', sans-serif;;font-weight:400;color:rgba(0,0,0,0.87)}

/* Card Panel 
   ========================================================================== */
.card-panel {
  transition: box-shadow .25s;
  padding: 24px;
  margin: 0.5rem 0 1rem 0;
  border-radius: 5px;
  background-color: #fff;
}

.card{
  position: relative;
  margin: 0.5rem 0 1rem 0;
  background-color: #fff;
  transition: box-shadow .25s;
  border-radius: 5px;
}
.card .card-content {
    border-radius: 0 0 2px 2px;
    padding: 24px;
}

/* Default Tab 
   ========================================================================== */
.smTabs { position:relative;overflow-x:auto;overflow-y:hidden;width:100%; margin: 0 auto; white-space:nowrap; }
.smTabs.smTabs-transparent{background-color:transparent}
.smTabs.smTabs-transparent .tab a,
.smTabs.smTabs-transparent .tab.disabled a,
.smTabs.smTabs-transparent .tab.disabled a:hover {color: rgba(255, 255, 255, 0.7);}
.smTabs.smTabs-transparent .tab a:hover,
.smTabs.smTabs-transparent .tab a.active {color: #fff; }
.smTabs.smTabs-transparent .indicator{background-color:#fff}
.smTabs.smTabs-fixed-width{display:-webkit-flex;display:-ms-flexbox;display:flex}
.smTabs.smTabs-fixed-width .tab{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.smTabs .tab{display:inline-block;text-align:center;padding:0 5px 0 0;margin:0;text-transform:uppercase}
.smTabs .tab a{ background: #c0bdbc; border-radius: 2px; color:rgba(255,255,255,0.7);display:block;width:100%;height:100%;padding:5px 26px;font: 14px/25px "Roboto",Arial,sans-serif; font-weight: 600; 
              text-overflow:ellipsis;overflow:hidden;transition:color .28s ease}
.smTabs .tab a:hover,.smTabs .tab a.active{background-color:#02a884;color:#fff}
.smTabs .tab.disabled a,.smTabs .tab.disabled a:hover{color:rgba(238,110,115,0.7);cursor:default}
.smTabs .indicator{display: none; position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left,right}

@media only screen and (max-width: 992px) {
.smTabs{display:-webkit-flex;display:-ms-flexbox;display:flex}
.smTabs .tab{-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.smTabs .tab a{padding:3px 8px}
}

/* Tooltip & Buttons 
   ========================================================================== */
.material-tooltip{ padding:3px 10px;font-size:12px; font-family: roboto; font-weight: 500; z-index:2000;background-color:transparent;border-radius:2px; color:#131313;line-height:14px;opacity:0;position:absolute;
                  text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden; border-radius: 5px; 
				  margin-top:8px; }
.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%; background:#ffe186; z-index:-1;-webkit-transform-origin:50% 0;transform-origin:50% 0;visibility:hidden}

.btn{outline:0}
.btn i{font-size:1.3rem;line-height:inherit}
.btn:focus{background-color:#1d7d74}

/* Waves v0.6.0 url- fian.my.id/Waves ======================= */
.waves-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;transition:.3s ease-out}
.waves-effect .waves-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);
                            transition:all .7s ease-out;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}
.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, 0.45);}
.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, 0.7);}
.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}
.waves-effect.waves-gray .waves-ripple{background-color:rgba(0,0,0,0.10)}
.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}
.waves-effect img{position:relative;z-index:-1}
.waves-notransition{transition:none!important}
.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,black 100%)}
.waves-input-wrapper{border-radius:.2em;vertical-align:bottom}
.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}
.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}
.waves-block{display:block}

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

 /* Popup
   ========================================================================== */
.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top,opacity}
@media only screen and (max-width: 992px) {
  .modal { width: 80%; }
}

.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}
.modal .modal-content{padding:24px}
.modal .modal-close{cursor:pointer}
.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%}
.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{float:right;margin:6px 0}
.modal-overlay{position:fixed;z-index:999;top:-100px;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}
.modal.modal-fixed-footer{padding:0;height:70%}
.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}
.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}
.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom,opacity}


/**
 * Patch the gap that appear between the two adjacent div.circle-clipper while the
 * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
 */
.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}
.gap-patch .circle{width:1000%;left:-450%}
.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}
.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent!important;border-radius:50%;-webkit-animation:none;animation:none;
                        position:absolute;top:0;right:0;bottom:0}
.circle-clipper.left .circle{left:0;border-right-color:transparent!important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}
.circle-clipper.right .circle{left:-100%;border-left-color:transparent!important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}
.active .circle-clipper.left .circle {
  -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.active .circle-clipper.right .circle {
  -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

@-webkit-keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
  }
}

@keyframes left-spin {
  from {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
  }
}

@-webkit-keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
  }
}

@keyframes right-spin {
  from {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
            transform: rotate(-130deg);
  }
}

@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}