/*
 * Start Bootstrap - Landing Page (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

@font-face {
	font-family: "MyFont";
	src:url("SegoeWP.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

html,body,table,.ui-widget, input,select{
	font-family:MyFont,"Segoe UI",Tahoma !important;
	color:#101010;
	font-size: 14px !important;
}
a,button{
    font-family:MyFont,"Segoe UI",Tahoma !important;
    font-size: 14px !important;
}

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

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: MyFont,"Segoe UI",Tahoma !important;
    font-weight: 400;
}

.topnav {
    font-size: 14px;
}

.lead {
    font-size: 18px;
    font-weight: 400;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../h_img/intro-bg.jpg) no-repeat center center;
    background-size: cover;
}

.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%;
}

.intro-message > h1 {
    margin: 0;
    font-size: 5em;
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {

}

@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%;
    }

    .intro-message > h1 {
        font-size: 3em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 100%;
    }
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-a {
    padding: 10px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 10px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}

.section-heading {
    margin-bottom: 20px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../h_img/banner-bg.jpg) no-repeat center center;
    background-size: cover;
}

.banner h2 {
    margin: 0;
    font-size: 3em;
}

.banner ul {
    margin-bottom: 0;
}

.banner-social-buttons {
    float: right;
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        font-size: 3em;
    }

    ul.banner-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons > li:last-child {
        margin-bottom: 0;
    }
}

footer {
    padding: 4px 0;
    background-color: #f0f0f0;
    font-size: smaller;
}

p.copyright {
    margin: 15px 0 0;
}

/* Kristo */

.navbar{
	background-color:#656565 !important; /* theme */
}
span.head{
	font-size:13pt;
	text-transform:uppercase;
	display:block;
	color:#efefef;
	padding-top:2px;
	padding-bottom:0px;
}
span.subhead{
	font-size:small;
	font-weight:normal;
	display:block;
	color:#efefef;
}
a.topnav{
	padding-top:5px !important;
}
div.headWrap{
	display:inline-block;
	height:30px;
}
a.block{
	display:inline-block;
	width:100px;
	color:#efefef !important;
	text-align:center;
	margin:0px;
	margin-left:1px;
	margin-right:1px;
	padding-left:5px !important;
	padding-right:5px !important;
    text-decoration:none;
}
a.blockS{
    width:90px;
}
a.blockL{
    width:120px;
}

a.btn{
	width:100px;
	padding:4px !important;
}
i[class^=ico]{
	background-size:100%;
	width:25px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
	margin-right:2px;
}
i.ico-fb{ background-image:url("../h_img/fb.png"); }
i.ico-li{ background-image:url("../h_img/li.png"); }
i.ico-yt{ background-image:url("../h_img/yt.png"); }

div.banner{
	padding:5px;
	color:#efefef;
}
ht{
	font-size:14pt;
}
img.shadow{
	box-shadow: 2px 2px 2px rgba(10,10,10,0.5);
}
div.marginTop{
	margin-top:6px;
}
div.intro-header{
	height:400px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.formPadded{
    margin-top:5px;
    margin-bottom:5px;
}
.red{
    color:#ff3333;
}
div.lightBlue{
    background-color:#eeeeff !important;
}
div.lightBlue tr td{
    background-color:#eeeeff !important;
}
span.red{
    color:#ff3333;
}
span.blue{
    color:#3333ff;
}
.blue{
    color:#3333ff !important;
}
span.orange{
    color:#ff6633;
}
span.green{
    color:#33ff33;
}
div.helpDiv{
    font-size:19pt;
    padding-top:8px;
    text-align:center;
    width:100%;
    height:54px;
    background-color:#ddddff;
}
span.notice{
    color:#3333ff;
}
span.score{
    color:#337ab7;
}
warn{
    color:#3333ff;
}
a.block:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
	background-color:#00897B !important; /* theme */
}
.paddedBottom{
    padding-bottom:8px;
}
.myxcrud{
    border-bottom: 1px solid #ddd;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    font-size: 17px;
    color: #000;
    padding: 0;
    margin: 10px 0;
    font-weight: normal;
}

.xcrud h2, h2.xcrud, h2.xcrud table{
    font-size: 17px !important;
    margin-top:5px !important;
}


td.left{
    width:150px;
    vertical-align:top;
}
td.narrow{
    width:110px;
}
td.mid{
    width:10px;
    vertical-align:top;
}
table.padded td{
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:top;
}
table.paddedMid td{
    padding-top:2px;
    padding-bottom:2px;
    vertical-align:middle;
}
.xcrud-limit-buttons{
    display:inline-block !important;
}
i[class^=icon-]{
    width:15px;
    height:15px;
}
i.icon-info-2{
    color:#007fff;
}

.xcrud-action{
    padding-left:4px !important;
    padding-right:4px !important;
}
i.icon-remove,i.icon-pencil,i.icon-info-2,i.icon-filter-2{
    width:12px;
    height:18px;
}
.xcrud-nav{
    padding:0 !important;
}
a.plain{
    text-decoration: none;
}
hr.big {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd;
}
/* hapus tombol tooltip yg ga ada message */
a.xcrud-tooltip[title='']{
    display:none;
}
a.xcrud-tooltip[title='']:not([aria-describedby='']){
    display:inline-block;
}

th[data-orderby~="(hidden)"], td.hidden{
    display:none;
}

/* hilangkan tombol view */
a[data-task="view"]>*{
    display:none;
}
/* hilangkan tombol view */
a[data-task="view"]{
    padding:0 !important;
}

.xcrud-importantbutton {
    background-color:#007fff !important;
}
.xcrud-importantbutton:hover {
    background-color:#209fff !important;
}

.xcrud-cyan2 {
    background-color:#3AAAAD !important;
}
.xcrud-cyan2:hover {
    background-color:#2C8385 !important;
}
.xcrud-red2 {
    background-color:#BB3437 !important;
}
.xcrud-red2:hover {
    background-color:#9D292C !important;
}

/*tombol utk export pada tableexport */
caption.tableexport-caption{
    display:none;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.icon-checkmark-circle, .icon-cancel-circle{
    width:12px !important;
    height:18px !important;
}
.linkblue a{
    color:#3333ff !important;
}

.ui-widget.ui-widget-content {
    border: none !important; /* jquery tabs no border */
}
.ui-widget-header {
    border-top: none !important; /* jquery tabs header hanya border bottom */
    border-left: none !important;
    border-right: none !important;
    background: none !important;
}
.ui-tabs .ui-tabs-panel { /*container jquery tabs, supaya kiri kanan tak trll besar */
    padding-right: 5px !important;
    padding-left: 5px !important;
}


@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #d2d2d2;
    }
}
smaller{
    font-size:13px;
}
.ui-tabs .ui-tabs-panel {
    padding-top: 10px !important; /* padding content pada jquery tab */
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    /* jquery ui tabs */
    background:#337ab7 !important;
    border:1px solid #337ab7 !important;
}
.ui-autocomplete {
    /*jquery ui autocomplete limit height*/
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.mytooltip{
    color:#337ab7 !important;
    font-weight:bold;
}
div.ui-tooltip {
    /*max-width: 500px;*/
    white-space:pre-line;
    background-color:rgba(40,40,40,0.9);
    color:#fafafa;
}
hl{
    font-weight:bold;
}

.tableinput{
    line-height:40px;
}

hr {
    margin-top: 14px;
    margin-bottom: 14px;
}