/* reset css and normalize css in separate css files */

/*Roboto Light*/
@font-face { font-family: roboto; src: url('/fonts/roboto/Roboto-Light-webfont.eot'); src: url('/fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Light-webfont.svg#icon') format('svg'); font-weight: 300; font-style: normal; }
/*Roboto Regular*/
@font-face { font-family: roboto; src: url('/fonts/roboto/Roboto-Regular-webfont.eot'); src: url('/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Regular-webfont.svg#icon') format('svg'); font-weight: 400; font-style: normal; }
/*Roboto Medium*/
@font-face { font-family: roboto; src: url('/fonts/roboto/Roboto-Medium-webfont.eot'); src: url('/fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Medium-webfont.svg#icon') format('svg'); font-weight: 500; font-style: normal; }
/*Roboto Bold*/
@font-face { font-family: roboto; src: url('/fonts/roboto/Roboto-Bold-webfont.eot'); src: url('/fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('/fonts/roboto/Roboto-Bold-webfont.svg#icon') format('svg'); font-weight: 700; font-style: normal; }


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }


html, body { height: 100%; width: 100%; }

html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0); font-family: sans-serif; }
html, body { min-height: 100vh; }
body { font-weight: 400; /*padding-bottom: 110px; */ position: relative; font-family: roboto; font-size: 13px; line-height: 1.42857143; color: #5e5e5e; background-color: #edecec; margin: 0; }
img { vertical-align: middle; border: 0; }
ul, ol { margin-top: 0; margin-bottom: 9px; }
small { font-size: 11px; }
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small { font-size: 12px; }
*, :active, :hover { outline: none !important; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; }
*, button, input, i, a { -webkit-font-smoothing: antialiased; }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { color: #2196f3; text-decoration: none; cursor: pointer; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none !important; }
a:hover, a:focus { color: #0a6ebd; text-decoration: none; }
a:active, a:hover { outline: 0; }

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }


/*spacing*/
.m-r-15 { margin-right: 5px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.p-20 { padding: 20px !important; }
.p-b-20 { padding-bottom: 20px !important; }

/*typography*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; }
.titlecase { display: block; }
.titlecase::first-letter { text-transform: uppercase; }
.uppercase { text-transform: uppercase; }
.ellipsify { text-overflow: ellipsis; }

/*icons*/
.zmdi { display: inline-block; font: normal normal normal 14px/1 'Material-Design-Iconic-Font'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.alert { font-size: 13px; padding: 15px; margin-bottom: 18px; border: 1px solid transparent; border-radius: 2px; margin-top: 30px; }
.alert-info { background-color: #d9edf7; border-color: #d9edf7; color: #2196f3; }


/*colors*/
.c-black { color: #000 !important; }
.bgm-cyan { background-color: #00bcd4 !important; }


/*buttons*/
.btn { border: 0; text-transform: uppercase; }
.btn:not(.btn-link) { box-shadow: 0 2px 5px rgba(0,0,0,0.16),0 2px 10px rgba(0,0,0,0.12); }
.btn-info.disabled, .btn-info[disabled], .btn-info fieldset[disabled], .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active { background-color: #00bcd4; border-color: #00a5bb; }
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #006f7d; border-color: #00343b; }

.warningbox { color: #b22 !important; background-color: #fcc; padding: 4px; margin-top: 20px; }


#main { position: relative; }
.container { width: 100%; }
@media (min-width: 700px) {
    body #content { padding: 30px 0; }
}
body #content { padding: 50px 0; }
body #content > .container { width: calc(100% - 30px); }

@media (min-width: 700px) {
    body.sw-toggled #sidebar { -webkit-transform: translate3d(0,0,0) !important; transform: translate3d(0,0,0) !important; opacity: 1 !important; filter: alpha(opacity=100) !important; box-shadow: 0 1px 1px rgba(0,0,0,0.15); }
    body.sw-toggled #content { padding: 30px 0 30px 268px; }
}
body:not(.sw-toggled) #sidebar { box-shadow: 0 0 10px rgba(51,51,51,0.38); }
#sidebar.toggled { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#sidebar { position: fixed; background: #fff; box-shadow: 0 0 10px rgba(51,51,51,0.38); height: 100%; -webkit-transform: translate3d(-268px,0,0); transform: translate3d(-268px,0,0); z-index: 50; width: 268px; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
#sidebar .sidebar-inner { height: 100%; overflow-y: auto; width: 268px; overflow: hidden; }
#sidebar .profile-menu:before, #sidebar .profile-menu:after { content: " "; display: table; }
#sidebar .profile-menu > a { display: block; height: 129px; margin-bottom: 5px; width: 100%; background: url(/images/PS_profile-menu.jpg) no-repeat left top; background-size: 100%; }
#sidebar .profile-menu > a .profile-pic { padding: 12px; }
#sidebar .profile-menu > a .profile-pic > img { width: 47px; height: 47px; border-radius: 50%; border: 3px solid rgba(0,0,0,0.14); box-sizing: content-box; }
#sidebar .main-menu { list-style: none; padding-left: 0; margin: 20px 0 0; }
#sidebar .main-menu > li > a { padding: 14px 20px; display: block; color: #4C4C4C; font-weight: 500; position: relative; text-overflow: ellipsis; }
#sidebar .main-menu > li > a:hover, #sidebar .main-menu > li.sel > a { color: #262626; background-color: rgb(231, 231, 231); }
#sidebar .main-menu > li > a > i { position: absolute; left: 16px; font-size: 20px; top: 0; width: 25px; text-align: center; padding: 13px 0; }

/*Sidebar toggle*/
@media (min-width: 700px) {
    #menu-toggle { display:none;}
}
#menu-toggle { background-color: #00bcd4; position: absolute; left: 268px; opacity: 1 !important; border-radius: 0 20px 20px 0; width: 50px; height: 35px; }
#menu-trigger { width: 65px; height: 35px; cursor: pointer; }
.header-inner > li:not(:last-child) { margin-right: -2px; }
.header-inner > li:not(.pull-right) { float: left; }
#menu-trigger:before { content: ""; position: absolute; top: 9px; left: 7px; width: 45px; height: 45px; border-radius: 50%; background: rgba(255,255,255,0.22); -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: 0; }
#menu-trigger.toggled:before { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
:before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.toggled .line-wrap { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.toggled .line-wrap .line.top { width: 12px; transform: translateX(8px) translateY(1px) rotate(45deg); -webkit-transform: translateX(8px) translateY(1px) rotate(45deg); }
.line-wrap .line.center { margin: 3px 0; }
.toggled .line-wrap .line.bottom { width: 12px; transform: translateX(8px) translateY(-1px) rotate(-45deg); -webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg); }
.line-wrap { width: 18px; height: 12px; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; margin: 10px 20px; }
#menu-trigger .line-wrap .line { background-color: #fff; }
.line-wrap .line { width: 18px; height: 2px; -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; }




.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { content: " "; display: table; }



.actions { list-style: none; padding: 0; z-index: 2; margin: 0; }
.actions > li { display: inline-block; vertical-align: baseline; }
.actions > li > a, .actions > a { width: 30px; height: 30px; line-height: 35px; display: inline-block; text-align: center; position: relative; }
.actions > li > a > i, .actions > a > i { -webkit-transition: color; -o-transition: color; transition: color; -webkit-transition-duration: 1300ms; transition-duration: 1300ms; color: #adadad; font-size: 20px; }



/*Listview*/
.lv-header-alt { position: relative; background: #f8f8f8; padding: 15px; }
.lv-header-alt .lv-actions { z-index: 3; float: right; margin-top: 3px; position: relative; }
.lv-footer { display: block; text-align: center; padding: 7px 10px 8px; border-top: 1px solid #F0F0F0; line-height: 100%; font-size: 11px; margin-top: 20px; color: #828282; }
.lvh-label { color: #818181; display: inline-block; margin: 0; font-size: 14px; font-weight: 400; padding: 0 6px; line-height: 33px; vertical-align: middle; }
.listview.lv-lg .lv-item { padding: 17px 35px 17px 25px; }
.listview.lv-bordered .lv-item:not(:last-child) { border-bottom: 1px solid #f0f0f0; }
.listview .lv-item .checkbox, .listview .lv-item.media { margin: 0; }
.list-group { margin-bottom: 20px; padding-left: 0; }
.list-group-item:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; }
.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #e9e9e9; }




@media (min-width: 480px) {
    .listview.lv-lg .lv-item { padding: 17px 35px 17px 25px; }
}

.listview .lv-item { position: relative; display: block; -webkit-transition: background-color; -o-transition: background-color; transition: background-color; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.media-body { zoom: 1; display: block; width: auto; }
.listview:not(.lv-message) .lv-title { color: #000; }
.listview .lv-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }



.block-header { position: relative; }
.block-header h2 { font-size: 15px; color: #777; margin: 0; font-weight: 400; text-transform: uppercase; }
.block-header h2 > small { display: block; text-transform: none; margin-top: 8px; margin-bottom: 20px; color: #9E9E9E; line-height: 140%; }
.block-header .actions { position: absolute; right: 10px; top: -10px; z-index: 5; text-align: right; }
.block-header .actions > li { display: block; vertical-align: top; }

@media screen and (min-width: 768px) {
    .block-header { padding: 0 22px; }
}


/*Splash Screen*/
/*.splash { position: absolute; width: 100%; height: 100%; background-color: white; max-width: 100%; }*/
.splash img { width: auto; max-width: 100%; }


/*Card*/
.card { position: relative; background: #fff; box-shadow: 0 1px 1px rgba(0,0,0,0.15); margin-bottom: 30px; }
.card-header { position: relative; }
.card-header h2 { margin: 0; line-height: 100%; font-size: 17px; font-weight: 400; }
.card-header:not(.ch-alt) { padding: 23px 25px; }
.card-header h2 small { display: block; margin-top: 5px; color: #AEAEAE; line-height: 160%; }
.card-header[class*="bgm-"] h2, .card-header[class*="bgm-"] h2 small { color: #fff; }
.card-body.card-padding { padding: 23px 25px; }



.c-footer { border-top: 1px solid #e2e2e2; margin-top: 18px; }
.c-footer > button { padding: 4px 10px 3px; display: block; width: 100%; text-align: center; color: #333; font-weight: 500; border-radius: 2px; background: #fff; border: 0; }
.contacts > [class*="col-"] { padding: 0 10px; }
.contacts .c-item { border: 1px solid #e2e2e2; border-radius: 2px; margin-bottom: 24px; }
.contacts .c-item .ci-avatar { display: block; }
.contacts .ci-avatar { margin: -1px -1px 0; }
.contacts .c-item .ci-avatar img { width: 100%; border-radius: 2px 2px 0 0; max-height: 185px; }
.contacts:not(.c-profile) { padding: 0 8px; }
.contacts .c-info { text-align: center; margin-top: 15px; padding: 0 5px; }
.contacts .c-info strong, .contacts .c-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.contacts .c-info strong { color: #000; font-size: 14px; font-weight: 500; }
.contacts .c-info strong, .contacts .c-info small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.contacts .c-info small { color: #999; margin-top: 3px; }
.contacts .c-footer { border-top: 1px solid #e2e2e2; margin-top: 18px; }
.contacts .c-footer > button { padding: 4px 10px 3px; display: block; width: 100%; text-align: center; color: #333; font-weight: 500; border-radius: 2px; background: #fff; border: 0; }
.contacts .c-footer > button > i { font-size: 16px; vertical-align: middle; margin-top: -3px; }



.package-details img { max-width: 100%; }
.package-description { overflow: hidden; height: 60px; padding:20px 20px 0; text-overflow: ellipsis; }
.package-description p { text-overflow-multiline: ellipsis; }
.package .bp-header { position: relative; background: #3f51b5; width: 100%; padding: 20px; color: #FFF; display: block; }
.package .bp-header > h2 { color: #FFF; font-weight: 400; margin: 0 0 2px; line-height: 100%; font-size: 21px; }
.package .bp-header > div > img { width: 100%; }


.carousel { position: relative; max-width: 600px; margin: 0 auto 30px; max-height: 350px; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; line-height: 1; width: 100%; }




/*!
 * Waves v0.7.2
 * http://fian.my.id/Waves 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/Waves/blob/master/LICENSE 
 */ .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; }
.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0,0,0,.2); background: -webkit-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); background: -o-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); background: -moz-radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); background: radial-gradient(rgba(0,0,0,.2) 0,rgba(0,0,0,.3) 40%,rgba(0,0,0,.4) 50%,rgba(0,0,0,.5) 60%,rgba(255,255,255,0) 70%); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s 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) translate(0,0); -moz-transform: scale(0) translate(0,0); -ms-transform: scale(0) translate(0,0); -o-transform: scale(0) translate(0,0); transform: scale(0) translate(0,0); pointer-events: none; }
.waves-effect.waves-light .waves-ripple { background: rgba(255,255,255,.4); background: -webkit-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%); background: -o-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%); background: -moz-radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%); background: radial-gradient(rgba(255,255,255,.2) 0,rgba(255,255,255,.3) 40%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.5) 60%,rgba(255,255,255,0) 70%); }
.waves-effect.waves-classic .waves-ripple { background: rgba(0,0,0,.2); }
.waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255,255,255,.4); }
.waves-notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important; }
.waves-button, .waves-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,#fff 100%,#000 100%); }
.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; }
.waves-button { padding: .85em 1.1em; border-radius: .2em; }
.waves-button-input { margin: 0; padding: .85em 1.1em; }
.waves-input-wrapper { border-radius: .2em; vertical-align: bottom; }
.waves-input-wrapper.waves-button { padding: 0; }
.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%; }
.waves-float { -webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); box-shadow: 0 1px 1.5px 1px rgba(0,0,0,.12); -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }
.waves-float:active { -webkit-box-shadow: 0 8px 20px 1px rgba(0,0,0,.3); box-shadow: 0 8px 20px 1px rgba(0,0,0,.3); }
.waves-block { display: block; }
a.waves-effect .waves-ripple { z-index: -1; }


/* bootstrap overrides */

h3 { font-size: 28px; }
.carousel-caption { text-shadow: 1px 2px 5px rgba(0,0,0,1); color: #fff; bottom: 0px; }
.carousel-indicators { display: none; }
.carousel-indicators li { border-color: #bbb; border-width: 2px; width: 14px; height: 14px; }
.carousel-indicators .active { background-color: rgba(144,191,255,0.75); width: 14px; height: 14px; margin: 1px; }