@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500');

html, body {
    height: 100%;
    margin: 0;
    overflow-x: hidden;
}

body {
    color: #444;
    background: #fff;
    font-family: "Montserrat",sans-serif;
    font-weight: 600;
    font-size: 1.3vmax;
    line-height: normal;
    letter-spacing: 0px;
}

.wrapper {
    padding-bottom: 60px;
    background: linear-gradient(60deg, #00527e 0%, #005b93 100%);
}

/*
#content {
    padding-bottom: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}
*/

.bingkai {
    background: #F8F8F8;
    padding-top: 15px;
}

.page-header-title .heading-title {
    color: #444;
    font-family:"Montserrat",sans-serif;
    font-size: 3vmax;
    letter-spacing: 1px;
    text-transform: none;
    font-weight: 500;
    margin-top:0;
}

h1,h2,h3,h4,h5 {
    color: #fff;
    margin-bottom: 0px;
}

h1 {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 2.5vmax;
}

h4,h5 {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 1.5vmax;
}
.logo{
    margin: auto;
    display: block;
    width: 115%;
}
.kalender {
    background: #fff;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(221,221,221,1);
    -moz-box-shadow: 0px 0px 2px 1px rgba(221,221,221,1);
    box-shadow: 0px 0px 2px 1px rgba(221,221,221,1);
    background: #61c5f3;
}
.kalender > div >img {
    width:10%;
}
.runningtext{
    background:#9fdbf8;
    font-size: 1.6vmax;
}
.caltit {
    color:#066163;
    font-size: 1.6vmax;
    font-weight: 500;
    vertical-align: middle;
}

.combodate,#hari,#tanggal,#jam {vertical-align: -moz-middle-with-baseline;}

#hari,#tanggal {
    font-size: 2.3vmax;
    font-weight: 500;
    display: block;
    color:#FFF;
}

#jam {
    color:#FFF;
    font-size: 5.3vmax;
    font-weight: 500;
    float:right;
    margin-top: 5px;
}

.tabel {
    overflow-y: scroll;
    height: 272px;
}

.table > thead > tr > th {
    background: #2D9FD4;
    font-weight: 500;
    color: #020202;
    text-align: center;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #e6f5fe;
}

.informasi {
    background: #2D9FD4;

}
.informasi h5{
    color: #000 !important;    
}
.informasi > div {
    width:18%;
}
.informasi img{
    width:100%;
}
.info-tanggal {
    background: #BAF6F7 url('resource/scriptmedia/images/kanan.png') no-repeat 95%;
    border-right: 4px solid #FFF;
}

.info-tanggal span {
    font-size: 1.3vmax;
    font-weight: 400;
    margin: 0 30px 0 10px;
}

.info-judul span {
    font-size: 1.3vmax;
    margin-left: 11%;
}

.info-judul.upacara {background: #BAF6F7 url('resource/scriptmedia/images/bendera.png') no-repeat 5%;}

.info-judul.seragam {background: #BAF6F7 url('resource/scriptmedia/images/surjan.png') no-repeat 5%;}
.borderless td, .borderless th {
    border-top: 2px solid #FFF;
    border-left : 2px solid #FFF;
    font-weight: 600;
    font-size: 1.3vmax;
    color:#444 !important;
}
.borderless .border{
    border:none !important;
    background: #E6F5FE;
}
button,.btn-agenda{
    cursor: pointer !important;
    font-size: 1.2vmax !important;

}
.combodate select{
    /*display: block;*/
    width: 100%;
    /*height: 34px;*/
    padding: 6px 6px;
    font-size: 1.3vmax;
    font-weight: 500;
    line-height: 1.42857143;
    color: #555;
    /*background-color: #36dbde;*/
    background-image: none;
    border: 1px solid #555;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    position: relative;
    /*    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;*/
}
.date-control > option{
    font-size: 1.3vmax;
    font-weight: 500;
    line-height: 1.8;

}
.align-right{
    text-align: right;
}
.icon-panah{
    padding: 2px;
}
table .border tr{
    border : 1px solid #ffc107 !important
}