h1 {
    /*font-family: "Josefin Sans";*/
}
h5 {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    /*letter-spacing: -.04em;*/
    margin-top: -5px;
}
html,body { height: 100% !important; }
body {
    min-height: 100%;
    /*font-family: "Josefin Sans";*/
    background: #0c6482 !important;
    color: #1B2512 !important;
}
.main-footer, .main-footer a:link{
    background: #abc6ff;
    color: #1b2512 !important;
}
.content-wrapper {
    background: #d1d8fc;
}
.navbar {
    border-bottom: none;
    background: #234d65;
}

.panel-heading {
    background-color: #0c6482 !important;
}
.panel-default,.panel-heading, .panel {
    border-color: #a0a0a0 !important;
    border-top-right-radius: 3px !important;
    border-top-left-radius: 3px !important;
}

@font-face {
    font-family: life-server-regular;
    src: url('../fonts/life-savers-bold.woff2');
}

.starter-template {
    padding: 40px 15px;
    text-align: center;
}
#information {
    width: 100%;
    height: 400px;
    background-color: #3a3e47 ;
    text-align: center;
    color: #ffffff;
    padding-bottom: 40px;
}
#device {
    width: 100%;
    height: 400px;
    background-color: #a3a5a3 ;
    text-align: center;
    padding-bottom: 40px;
}
#features {
    padding-bottom: 40px;
}
#footer {
    width: 100%;
    height: 160px;
    background-color: #263238;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    color: #ffffff;
}

.title-conten {
    /*font-family: "Josefin Sans";*/
    text-align: center;
}

.title-conten:before,
.title-conten:after {
    background-color: #ccc;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 30%;
}
.title-conten:before {
    right: 0.5em;
    margin-left: -50%;
}
.title-conten:after {
    left: 0.5em;
    margin-right: -50%;
}
.images-features {
    text-align: center;
    padding: 20px;
}

.col-centered{
    float: none;
    margin: 0 auto;
}
.bg-icon {
    color: #fff;
    font-size: 28px;
}
.bgi-icon {
    width: 5px;
}
.fts-count {
    color: #c2c2c2;
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
    top: 50%;
    transform: translate(-0%, -50%);
    position: absolute;
}
.fts-label {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    width: 80px;
}
#footer-nav {
    text-align: center;
}
#footer-nav-links {
    font-size: 16px;
    margin-bottom: 8px;
}

li.header {
    color: #fff;
    display: block;
    background-color: #0c4e6b;
    /*font-family: "Josefin Sans";*/
    font-size: 16px !important;
    text-align: center;
}

.n-inner-link-effect {
    display: inline-block;
    text-align: center;
    padding-right: 6px;
}
.n-inner-link-effect:link, .n-inner-link-effect:hover, .n-inner-link-effect:active, .n-inner-link-effect:visited{
    color : #fff;
    text-decoration: none;
}
.main-sidebar {
    background: #0c6482 !important;
}
.footer-copy {
    color: #9da29c;
    font-size: 10px;
}
.logo {
    background: #0b354b !important;
}
.logo-lg, .logo-mini {
    /*font-family: "Josefin Sans";*/
}
.content-header > h1, .breadcrumb > li > a  {
    /* color: #fff !important;*/
}
.content-header > h1 > small{
    color: #0c5774;
}


.treeview > a  {
    background-color: #0c5774 !important;
    color : #fff !important;
}

.treeview > a:hover, .treeview > a:active, .treeview > a:focus, .treeview-menu > li > a:hover,
.treeview-menu > li > a:active, .treeview-menu > li > a:focus, .navbar > a:hover , .navbar > a:focus , .navbar > a:active,
.dropdown > a:hover , .dropdown > a:focus , .dropdown > a:active, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover,
.breadcrumb  > li > a:focus, .breadcrumb > li> a:hover {
    color : #faff6d !important;
    background-color: #0c4762 !important;
}

.menu-open {
    background-color: #223036;
}

.treeview-menu {
    padding-left: 0px !important;
    background-color: #0b354b;
    min-width:176px !important;
}
.treeview-menu > li, .content-header > ol {
    background-color: #0b354b !important;
}
.treeview-menu > li > a, .logo-lg, .navbar > a, .dropdown > a, .logo-mini {
    color : #fff;
}
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {
    margin-left: 0px !important;
}

.main-footer, .text-muted {
    border-top: none;
    height: 40px !important;
    font-family: "Josefin Sans";
    color: #9da29c;
    font-size: 12px;
}

.dropdown-menu {
    border: 1px #131d22 solid !important;
    background-color: #96b5ff;
}

.dropdown-menu > li {
    background-color: #96b5ff;
}

.dropdown-menu > li.user-header {
    background-color: #96b5ff;
}

.dropdown-menu > li.user-footer {
    background-color: #131d22 !important;
}

.breadcrumb > li > a  {
    padding-left: 4px;
    padding-right: 4px;
}

.user-name {
    color: #fff;;
}

/*.myButton {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
    background-color:#ededed;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#777777;
    font-family:Arial;
    font-size:15px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
    background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
    background-color:#dfdfdf;
}
.myButton:active {
    position:relative;
    top:1px;
}*/

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.big-button{
    display: inline-block;
    padding: 0 30px;
    margin: 4px;
    color: #555;
    text-align: center;
    font-size: 86px;
    line-height: 38px;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #0c4762 ;
    cursor: pointer;
    box-sizing: border-box;
    height: 120px;
}
.big-button:hover{
    color: #333;
    border-color: #888;
    outline: 0;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background:-moz-linear-gradient(top, #aecdf7 5%, #aac5ed 100%);
    background:-webkit-linear-gradient(top, #aecdf7 5%, #aac5ed 100%);
    background:-o-linear-gradient(top, #aecdf7 5%, #aac5ed 100%);
    background:-ms-linear-gradient(top, #aecdf7 5%, #aac5ed 100%);
    background:linear-gradient(to bottom, #aecdf7 5%, #aac5ed 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c4762', endColorstr='#ededed',GradientType=0);
    background-color: #4daadf;
}
.big-button.button-primary {
    color: #FFF;
    background-color: #33C3F0;
}
.big-button.button-primary:hover,
.big-button.button-primary:focus{
    color: #FFF;
    background-color: #1EAEDB;
    border-color: #0c4762; }
.big-button > span {
    margin-top: -12px;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}
.big-button > i {
    color: #0c4762;
    border-color: #0c4762 !important;
}

/*.dataTables_wrapper, tbody > tr > td {
    font-family: Verdana !important;
    font-size: 11px;
    padding: 2px !important;
}*/

tbody > tr > td > .btn-xs {
    font-family: Verdana !important;
    font-size: 10px;
}
/*
.dataTables_length {
    margin: 6px;
}
*/

.toolbar_search {
    display: none;
    clear: both;
}
.toolbar_search label {
    font-weight: normal !important;
}
.box-body > .nav > li > a{
    padding: 8px !important;
}
label.number {
    /*font-family: "Courier New";*/
    font-size: 11px;
    font-weight: normal ;
}
label.pencairan {
    font-size: 11px;
}

.box-title > label, select {
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 14px !important;
    text-transform: uppercase;
    /*letter-spacing: -.05em;*/
}
section.content-header {
    padding: 15px 0px 0 30px !important;
}
section.content-content {
    padding: 0px 0px 0 30px !important;
}
#sp2dTable_wrapper{
    padding : 0px !important;
    margin-top: -10px !important;
}
#sp2dTable_wrapper  tr[role="row"] > th{
    /*background-color: #7da8c3;*/
    padding : 4px !important;
}

#sp2dTable_wrapper  tr.odd {
    background-color: #0c4762 !important;
    color: #fff;
}
#sp2dTable_wrapper  tr.even {
    background-color: #0c5672 !important;
    color: #fff;
}
#sp2dTable_wrapper.dataTables_wrapper tr, th, td {
    border: 0px solid black !important;
}
#sp2dTable_wrapper.dataTables_wrapper table{
    table-layout:  fixed;
    border-collapse: collapse;
    min-width: 1000px;
}

#sp2dTable_wrapper.dataTables_wrapper table > tbody > tr > td{
/*    font-size: 14px;
    padding-left:10px !important;*/
    white-space: nowrap!important;
    overflow: hidden !important;
}
#sp2dTable_wrapper.dataTables_wrapper table > thead {
    background-color: #0c3852 !important;
    color: #fff;
    /*font-size: 16px;*/
}
#sp2dTable_wrapper.dataTables_wrapper, tbody > tr > td {
    font-family: Verdana !important;
    font-size: 12px;
    letter-spacing: -.04em;
   /* font-stretch: ultra-condensed;*/

}
.anima{
    display: none;
}

table.dataTable {
    font-size: 12px !important;
    /* font-family: "Josefin Sans"; */
}