body {
	font-size : 13px;
	font-family : 'Open Sans', Arial, sans-serif;
	background : #fff;
	color : #777;
}
body {
			background-image: url(https://demo.sansekertaindonesia.co.id/assets/themes/default/images/bg1.jpg);
			background-position: bottom center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			background-color: #999;
			height: 100vh;
			overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
color : #333;
margin-top : 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size : 11px;
margin : 0 0 0 5px;
}
h1 {
font-size : 28px;
}
h2 {
font-size : 24px;
}
h3 {
font-size : 20px;
}
pre, code {
font-weight : 700;
font-size : 12px;
padding : 1px 2px;
}
blockquote {
border-left : 3px solid #dcdddf;
}
blockquote p {
font-size : 14px;
}
blockquote small::before {
content : "# ";
}
.lead {
font-size : 16px;
line-height : 22px;
}
.text-muted {
color : #999;
}
.footer {
color : #999;
padding : 10px 0;
}
.footer .nav li {
float : left;
}
.footer .nav li + li {
margin-left : 30px;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, label, input, button, select, textarea {
border-radius : 3px;
font-size : 13px;
font-family : 'Open Sans', Tahoma, Arial, sans-serif;
}
.input-append input, .input-append select, .input-append .uneditable-input, .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
border-radius : 3px 0 0 3px;
}
.input-transparent {
border : 0 !important ;
background : none !important ;
box-shadow : none !important ;
}
.radio.inline, .checkbox.inline {
white-space : nowrap;
}
body [class^="icon-"], body [class*=" icon-"] {
font-size : 14px;
line-height : 20px;
}
.module {
background : #fff;
border : #ccc solid 1px;
margin-bottom : 20px;
background-color : #fff;
border-radius : 14px 14px 0 0;
box-shadow : 1px 1px ##e9e9e9;
border-color : #e9e9e9;
background: linear-gradient(90deg,rgba(255, 255, 255, 0.6) 0%,rgba(255, 255, 255, 0) 25%,rgba(255, 255, 255, 0.2) 75%,rgba(255, 255, 255, 50) 100%)
}
.align-center {
text-align : center;
}
.align-right {
text-align : right !important ;
}
.clear {
clear : both;
}
.nav > li > a:hover {
background : 0;
}
.form-horizontal .control-group + .control-group, .form-vertical .control-group + .control-group {
margin-top : 13px;
padding-top : 13px;
border-top : 1px solid #f5f5f5;
}
.module-login {
margin-bottom : 80px;
margin-top : 80px;
}
.module-login .form-vertical input {
margin-bottom : 0 !important ;
}
.navbar {
position : static !important ;
margin : 0 !important ;
}
.navbar .navbar-inner {
background : #3c8dbc;
border-bottom : 1px solid #bbb;
box-shadow : 0 1px 2px rgb(0 0 0 / 0.15);
}
.navbar .brand {
color : #333;
font-weight : 700;
font-size : 20px;
margin-right : 20px;
}
.navbar .brand img {
height : 40px;
}
.navbar .nav > li > a {
font-weight : 700;
color : #777;
padding : 20px 15px;
}
.navbar .nav > li.active, .navbar .nav > li.active, .navbar .nav > li.active, .navbar .nav > li:hover {
background : #f9f9f9;
}
.navbar .nav > li.dropdown.open > .dropdown-toggle, .navbar .nav > li.dropdown.active > .dropdown-toggle, .navbar .nav > li.dropdown.open.active > .dropdown-toggle {
background : #fff;
border-left : 1px solid #ddd;
border-right : 1px solid #ddd;
padding-left : 14px;
padding-right : 14px;
position : relative;
z-index : 9999;
}
.navbar .nav > li > .dropdown-menu {
border : #ccc solid 1px;
border-radius : 0 0 3px 3px;
box-shadow : 0 1px 1px rgb(0 0 0 / 0.1);
left : -1px;
min-width : 200px;
z-index : 9991;
margin : -1px 0 0;
}
.navbar .nav > li > .dropdown-menu li > a {
padding : 10px 20px;
}
.navbar .nav > li > .dropdown-menu li > a:hover {
background : #f9f9f9;
color : #555;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
box-shadow : none;
}
.navbar .nav.nav-icons > li > a {
background : none;
box-shadow : none;
color : #777;
font-weight : 700;
margin : 15px 5px;
padding : 5px;
}
.navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
right : 0;
left : auto;
}
.navbar .divider-vertical {
background : #eee;
border-left : 0;
border-right : 0;
height : 30px;
width : 1px;
margin : 25px 15px;
}
.navbar-search {
margin : 15px 0 0;
}
.nav-user > a {
height : 20px;
}
.nav-avatar {
width : 30px;
height : 30px;
border-radius : 50%;
margin : -7px 5px 0;
}
.alert {
background : #fffaef;
border-radius : 3px;
box-shadow : 0 1px 0 rgb(255 255 255 / 0.5) inset;
color : #b68b53;
border-color : #ecdcb6;
}
.alert-danger, .alert-error {
background : #f7e7e4;
color : #b55351;
border-color : #ecbeb6;
}
.alert-success {
background : #eaf4e2;
color : #61a06f;
border-color : #c1dea9;
}
.btn:hover, .btn-box:hover {
box-shadow : 0 0 2px rgb(0 0 0 / 0.15);
}
.btn [class^="icon-"], .btn-box [class^="icon-"], .btn [class*=" icon-"], .btn-box [class*=" icon-"] {
min-width : 16px;
text-align : center;
display : inline-block !important ;
}
.btn {
display : inline-block;
margin-bottom : 0;
font-weight : 400;
text-align : center;
vertical-align : middle;
cursor : pointer;
background-image : none;
border : transparent solid 1px;
white-space : nowrap;
font-size : 13px;
line-height : 1.42857;
border-radius : 4px;
user-select : none;
padding : 4px 10px;
}
.btn-box {
background-color : #fff;
border : transparent solid 1px;
border-radius : 4px;
box-shadow : 0 1px 1px rgb(0 0 0 / 0.05);
text-align : center;
text-decoration : none !important ;
margin : 0 0 30px;
padding : 25px 0;
}
.btn-box b {
color : #444;
font-size : 20px;
font-weight : 400;
margin-top : 5px;
text-shadow : 0 1px 0 #fff;
}
.btn-box i {
font-size : 36px;
line-height : 36px;
height : 36px;
color : #29b7d3;
transition : all 0.2s ease-in-out;
}
.btn-box.big i {
font-size : 48px;
line-height : 48px;
height : 48px;
}
.btn-box.small i {
font-size : 24px;
line-height : 24px;
height : 24px;
}
.btn-box:hover i {
color : rgb(0 0 0 / 0.4);
}
.btn-group > .btn:first-child {
border-top-left-radius : 3px;
border-bottom-left-radius : 3px;
}
.btn-group > .btn:last-child {
border-top-right-radius : 3px;
border-bottom-right-radius : 3px;
}
.btn-group.shaded-icon > .btn:hover > i {
color : rgb(0 0 0 / 0.4);
text-shadow : 0 0 1px #ccc, 0 0 0 #000, 0 0 1px #fff;
}
.btn.active:focus, .btn:active:focus, .btn:focus {
outline-offset : -2px;
}
.btn:focus, .btn:hover {
color : #767676;
text-decoration : none;
}
.btn.active, .btn:active {
outline : 0;
background-image : none;
box-shadow : 0 3px 5px rgb(0 0 0 / 0.125) inset;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor : not-allowed;
pointer-events : none;
opacity : 0.65;
box-shadow : none;
}
.btn-default {
color : #767676;
background-color : #fafafa;
border-color : #ededed;
}
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .btn-default.dropdown-toggle {
color : #767676;
background-color : #e1e1e1;
border-color : #cfcfcf;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color : #fafafa;
border-color : #ededed;
}
.btn-default .badge {
color : #fafafa;
background-color : #767676;
}
.btn-primary {
color : #fff;
background-color : #248aaf;
border-color : #20799a;
}
.widget-padding-top50 {
/*padding-top : 50px;*/
}
.login-logo {
text-align : center;
font-size : 35px;
margin : auto;
}
.login-logo img {
margin-top : 50px;
margin-bottom : 10px;
}
.login-frm {
width : 250px;
margin : auto;
}
.module-foot {
background : #f9f9f9;
border-top : 1px solid #ddd;
border-radius : 0 0 2px 2px;
padding : 15px;
}
h4, .btn.btn-large {
font-size : 16px;
}
strong, b, .footer .nav li a:hover {
color : #555;
}
form, .message .table-message tbody td.cell-check input[type="checkbox"] {
margin : 0;
}
.form-horizontal .control-group, .form-vertical .control-group, .table, .widget .progress, .sidebar-top-profile, .stream-respond .stream .stream-headline, .panel > .list-group, .panel > .table, .panel > .table-responsive > .table, .bs-callout p:last-child {
margin-bottom : 0;
}
.dropdown-menu, .btn, .btn-box {
border-radius : 3px;
}
.widget-usage li, .module-body, .panel-body {
padding : 15px;
padding-right : 45px;
}

@media (max-width:720px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */
body { 
			background-image: url(https://demo.sansekertaindonesia.co.id/assets/themes/default/images/bg1.jpg) ;
			background-position: bottom center;
			background-repeat:  no-repeat;
			background-attachment: fixed;
			background-size:  cover;
			background-color: #999;
			height: 100vh;
			
}
}