@import url(http://fonts.googleapis.com/css?family=Roboto:400);

body {
    background-color:#e0e0e0;
    -webkit-font-smoothing: antialiased;
    font: normal 14px 'Open Sans',sans-serif;
}


.navbar-default {background-color:#34495E;margin-top:0px;border-width:0;z-index:5;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > li:hover > a {border:0 solid #00BCD4;font-weight:800;background-color:transparent;}
.navbar-default .dropdown-menu {background-color:#ffffff;}
.navbar-default .dropdown-menu li > a {padding-left:30px;}

#navbar-collapse2 .navbar-nav .active a {background-color: #00BCD4;color:#ffffff;}
#navbar-collapse2 .navbar-nav a:hover {background-color: #00BCD4;color:#ffffff;}
#navbar-collapse2 .navbar-nav a{color:#ffffff;}
.navbar-default .navbar-brand {color:#00BCD4;font-weight: bold;}



.header {background-color:#ffffff;border-width:0;}
.header .navbar-collapse {background-color:#ffffff;}
.btn,.form-control,.panel,.list-group,.well {border-radius:1px;box-shadow:0 0 0;}
.form-control {border-color:#d7d7d7;}
.btn-primary {border-color:transparent;}
.btn-primary,.label-primary,.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {background-color:#4285f4;}
.btn-plus {background-color:#ffffff;border-width:1px;border-color:#dddddd;box-shadow:1px 1px 0 #999999;border-radius:3px;color:#666666;text-shadow:0 0 1px #bbbbbb;}
.well,.panel {border-color:#d2d2d2;box-shadow:0 1px 0 #cfcfcf;border-radius:3px;}
.btn-success,.label-success,.progress-bar-success{background-color:#65b045;}
.btn-info,.label-info,.progress-bar-info{background-color:#a0c3ff;border-color:#a0c3ff;}
.btn-danger,.label-danger,.progress-bar-danger{background-color:#dd4b39;}
.btn-warning,.label-warning,.progress-bar-warning{background-color:#f4b400;color:#444444;}

hr {border-color:#ececec;}
button {
    outline: 0;
}
textarea {
    resize: none;
    outline: 0;
}
.panel .btn i,.btn span{
    color:#666666;
}
.panel .panel-heading {
    background-color:#ffffff;
    font-weight:700;
    font-size:16px;
    color:#262626;
    border-color:#ffffff;
}
.panel .panel-heading a {
    font-weight:400;
    font-size:11px;
}
.panel .panel-default {
    border-color:#cccccc;
}
.panel .panel-thumbnail {
    padding:0;
}
.panel .img-circle {
    width:50px;
    height:50px;
}
.list-group-item:first-child,.list-group-item:last-child {
    border-radius:0;
}
h2,h3,h4 {
    border:0 solid #efefef;
    border-bottom-width:1px;
    padding-bottom:5px;
}
.modal-dialog {
    width: 450px;
}
.modal-footer {
    border-width:0;
}
/*.dropdown-menu {*/
/*background-color:#f4f4f4;*/
/*border-color:#f0f0f0;*/
/*border-radius:0;*/
/*margin-top:-1px;*/
/*}*/
/* end theme */

/* template layout*/
#subnav,#subnav2 {
    position:fixed;
    width:100%;
}

@media (max-width: 768px) {
    #subnav,#subnav2 {
        padding-top: 6px;
    }
}

#main {
    padding-top:60px;
}
#main2 {
    padding-top:100px;
}

/*div.panel, .col-sm-6{*/
    /*min-width:335px;*/
/*}*/

ul.da_topik-list li {list-style: none outside none;border-bottom: 1px solid #cccccc;margin-bottom: 5px;text-align: justify;}
ol.da_topik-list li {list-style: decimal inside; border-bottom: 1px solid #cccccc;margin-bottom: 5px;text-align: justify;}
.panel-body ul, .panel-body ol {padding-left: 0;}
.da_panel-heading {padding-bottom: 0;}

div.panel-body .da_topik-list li a{
    /*color: #404040;*/
    color: #000;
    text-decoration: none;
}
/*div.panel-heading.da_panel-heading h4{*/
/*color: #D34836;*/
/*}*/
.panel .panel-heading a.expand-li {
    font-weight:bold;
    font-size:14px;
    text-decoration: none;
}

#subnav2{
    top:55px;
    background-color: #f4f4f4;
}

#subnav{
    border-radius: 0;
    -moz-border-radius: 0;
}

#subnav2.navbar {
    min-height:10px;
    border-bottom: 3px solid #000000;
}
.subnavtext{
    padding:5px 0 0 15px;
}
.subnavtext a{
    text-decoration: none;
    color:#000000;
    font-size: 11px;
}
.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container-custom {
    position: relative;
    padding-bottom: 100%;
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: inherit;
}

.embed-container-custom iframe,
.embed-container-custom object,
.embed-container-custom embed {
    position: fixed;
    top: 6.5em;
    left: 0;
    width: 100%;
    height: 93%;
}

/*.panel, .da_panel-heading, .panel-heading {background-color:rgba(255, 255, 255,0.7) !important;}*/

.panel-body h3{font-weight: bold;border-bottom: 0;margin:5px;font-size:16px;}
.panel-body {padding:5px 15px;}
.panel-heading h2, .panel-heading .bc a{font-size:18px;font-weight: bold; margin-top:5px;}

div.artikata
{
    margin:15px 5px;
}
em,strong{margin:0 5px 0;}
.engdict li {margin-left:20px;}

.pagination-smaller
{
    font-size:12px;
    font-weight:bold;
    margin:10px 10px 5px;
    padding:0 15px;
}

.pagination-smaller > li > a, .pagination-smaller > li > span
{
    padding: 9px 16px;
    margin:5px;
}
.table-wrapper
{
    margin:0 15px;font-size: 13px;
}

/*.table > tbody > tr > td, .table > tbody > tr > th*/
/*{*/
/*padding:5px;*/
/*}*/

h4.daftarnama
{
    text-align: left;
    margin:5px 0 5px 10px;
    border: none;
}

.formwrapper
{
    margin:0 15px;
}


#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input .input-group-btn button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

p.related
{
    padding:0 15px;
}
.related a
{
    text-decoration: none;
}
.alert-top{padding-top: 75px;}
.iklrectanglecontent
{
    margin:5px 15px;
}
.ikltopresponsive
{
    margin: 0 -15px 5px -15px;
}
#menunavbar
{
    margin-right:4px;
    margin-left:4px;
}

#menunavbar .navbar-btn
{
    border-radius: 4px;
    background-color: #00BCD4;
    padding: 6px 6px;
}
#menunavbar a .navbar-btn
{
    font-weight: bold;
    color: #ffffff;
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover
{
    color: #5cb85c;
}
#menunavbar .navbar-btn:hover
{
    background-color: #5cb85c;
}

/*.col-lg-8, .col-md-7, .col-sm-6, .col-lg-4, .col-md-5, .col-sm-5, .col-xs-6, .col-md-12, .col-sm-12, .col-xs-12*/
/*{*/
    /*padding-left:0;*/
    /*padding-right:10px;*/
/*}*/

div.panel, .col-sm-6{
min-width:335px;
}

@media (max-width:470px)
{
    .col-lg-8, .col-md-7, .col-sm-6, .col-lg-4, .col-md-5, .col-sm-5, .col-xs-6, .col-md-12, .col-sm-12, .col-xs-12
    {
    padding-left:0;
    padding-right:10px;
    }
    .shareurl.shareright, .navbar-brand
    {
        display: none;
    }
}

@media (min-width:471px)
{
    .shareurl.shareleft
    {
        display: none;
    }
    .shareurl.shareright
    {
        margin:5px;
        padding:4px 5px;
        font-size: 14px;
    }
    .shareurl.shareright a
    {
        margin:2px;
    }
}

@media (max-width:990px)
{
    .iklrectanglecontent
    {
        margin:5px 0;
    }
}


#custom-search-input .input-group-btn button.btn-lg
{
    -webkit-border-radius: 3px
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #00BCD4;
    padding: 0;margin: 0;
    line-height: 35px;
    width:50px;
}

#custom-search-input .input-group-btn-cari
{
    width:50px;
}

#custom-search-input .input-group-btn-cari button
{
    color: #fff;
}
div.radiobutton {
    clear: both;
}

.radiobutton label {
    width: 100px;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    margin-right:10px;
}

/* hide input */
.radiobutton input.radio:empty {
    margin-left: -999px;
    display: none;
}

/* style label */
.radiobutton input.radio:empty ~ label {
    position: relative;
    float: left;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radiobutton input.radio:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

/* toggle hover */
.radiobutton input.radio:hover:not(:checked) ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.radiobutton input.radio:hover:not(:checked) ~ label {
    color: #888;
}

/* toggle on */
.radiobutton input.radio:checked ~ label:before {
    content:'\2714';
    text-indent: .9em;
    color: #9CE2AE;
    background-color: #4DCB6D;
}

.radiobutton input.radio:checked ~ label {
    color: #777;
}

/* radio focus */
.radiobutton input.radio:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.shareurl
{
    float: left;
    margin:5px 2px;
    padding:4px 2px;
    -webkit-border-radius: 3px
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #4DCB6D;
    max-width: 200px;
    font-size: 12px; font-weight: bolder;
}
.shareurl a
{
    margin:1px;
}