/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 4, 2016, 8:41:08 PM
    Author     : Andry Zulfikar - sanctuary-g11
*/
@font-face{
/*
    font-family: 'dancingScript';
    src: url('../font/DancingScript-Regular.otf') format('opentype');
*/
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
html{
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    border:0;
}
body{
    font-family: tahoma,'dancingScript',sans-serif;
    font-size: 100%;
    margin:0;
    padding:0;
}

body#bodyLogin{
    /*background-color: '#0f2abc';*/
/*    background:url('../img/background.jpg') repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/background.jpg', sizingMethod='scale')";
*/
}

/*replace easyui css*/
.panel-body{
    font-size: 100%;
}

/* add icon easyui css */
.icon-approve{
    background:url('icons/approve.png') no-repeat center center;
}
.icon-reject{
    background:url('icons/reject.png') no-repeat center center;
}
.icon-detail{
    background:url('icons/detail.png') no-repeat center center;
}
.icon-login{
    background:url('icons/login.png') no-repeat center center;
}
.icon-logout{
    background:url('icons/logout.png') no-repeat center center;
}
.icon-print{
    background:url('icons/print.png') no-repeat center center;
}
.icon-branch{
    background:url('icons/branch.png') no-repeat center center;
}
.icon-school{
    background:url('icons/school.png') no-repeat center center;
}
.icon-bimbel{
    background:url('icons/bimbel.png') no-repeat center center;
}
.icon-class{
    background:url('icons/class.png') no-repeat center center;
}
.icon-setting{
    background:url('icons/setting.png') no-repeat center center;
}
.icon-report{
    background:url('icons/report.png') no-repeat center center;
}
.icon-student{
    background:url('icons/student.png') no-repeat center center;
}
.icon-coin{
    background:url('icons/coin.png') no-repeat center center;
}

/* input, combo, radio, textarea */
.input, .combo{
    width:80%;
}
.halfInput{
    width:39.3%;
}
.textarea{
    width:80%;
}
.upload{
    width:80%;
};

/* table layout */
.panel{
    width:90%;
}
.tbl{
    width:98%;
}
.tdLabel{
    width:40%;
}
.tdSeparator{
    width:5%;
}
.tdInput{
    width:40%;
}

/* others */
.divTitle{
    background-image: url("../../../themes/optimalstudia/img/optimalstudialogo.jpg");
    background-repeat: no-repeat;
    background-position: left;
    height:50px;
    display:table;
    width:100%;
}
.divTitle > * {
    display:table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
}
.divLoginForm{
}
.divImgCenter{
    border:0px solid black;
    text-align: center;
    vertical-align: middle;
    margin-top:15% !important;
    position:relative;
}
.divImgCenter table{
    border:0px solid grey;
    margin:0 auto;
    vertical-align:middle;
    color:#000;
}
.imgCenter{
    border:0px solid yellow;
    left:50%;
    width:20%;
    text-align: center;
    vertical-align: middle;
    
}

/*layout*/
@media(max-width: 980px) {
  html {
    font-size: 12px !important;
  }
}