.jowi {font-family: "sakkal_majalla"; font-size:2cm;}
.toarab {font-family: "sakkal_majalla"; font-size:25px;}

img:hover {
    opacity: 0.5;
}

.listrph thead td {

    font-size:13px;
    background: url(images/bgrow3.gif) repeat-x center center;
    text-align:center;

}

.listrph tbody td {

    font-size:12px;
    text-align:center;

}

th {

    text-align:center;
    vertical-align:middle;
}

.gd1 {

    background: #00b09b;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #96c93d, #00b09b);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #96c93d, #00b09b); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.gd2 {

    background: #43cea2;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #185a9d, #43cea2);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #185a9d, #43cea2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.gd3 {

    background: #485563;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, #29323c, #485563);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #29323c, #485563); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.text-white {

    color:white;
}

button a {

    color:white;
}

.dahpadam td { background-color:  #ffebee; }

.navbar-brand {
    padding-top:8px !important;
}


textarea {

    background-color:white;
    border:1px solid grey;
    font-family:Tahoma;
    padding:5px;
    font-size:11px;
}

table.jawi td {

    font-family: 'sakkal_majalla';
    font-size:25px;
    border-collapse: collapse;
    text-align:center;
}

table.jawiz td {

    font-family: 'sakkal_majalla'; font-size:25px;
    border-collapse: collapse;
    text-align:center;
    border-color:antiquewhite;
}

div #isi img {

    width:100%;
}
.listStud tbody td {

    text-align:center;
    border:1px solid darkgrey;

}

#liststyle {
    border-bottom: 1px dashed #E0E0E0;
    padding: 2px;
}

.butang {
    background-image: url(images/bgrow3.gif);
    background-position: top right;
    background-repeat: repeat-x;
    border: 1px solid #D0D0D0;
    color: #FFF;
    font-size: 11px;
    font-weight: 700;
    height: 24px;
    margin: 0;
    padding: 4px;
    text-decoration: none;
}

hr {

    margin-top:7px;
    margin-bottom:7px;

}

.tablewithborderbottom td {
    border-bottom: 1px solid #E0E0E0;
}

.rak {
    background-image: url(images/shelf.jpg);
    background-position: left center;
    background-repeat: repeat-x;
    height: 181px;
}

.cart {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url(images/cartBg2.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 28px;
    margin: 0 auto;
    width: 952px;
}

a.menucat:hover {
    text-decoration: underline;
}

body {
    background: #fff url(images/bg.jpg) no-repeat left top fixed;
    background-size:100%;
    margin: 0;
    padding: 0;
}

button.cupid-green {
    background-color: #7fbf4d;
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    color: #fff;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    line-height: 1;
    min-width: 30px;
    padding: 3px 4px 4px;
    text-align: center;
}

.green {
    background-color: #7fbf4d;
    background-image: linear-gradient(top, #7fbf4d, #63a62f);
    border: 1px solid #63a62f;
    border-bottom: 1px solid #5b992b;
    color: #fff;
    font: bold 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size: 11px;
    line-height: 1;
    min-width: 30px;
    padding: 3px 4px 4px;
    text-align: center;
    width:100px;
}

.tablesaiz {
    border: 1px solid #000;
    border-collapse: collapse;
}

.tablesaiz td {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    text-align: center;
}

.rstlist ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.tableMsg thead, .tableBuy thead {
    background: url(images/bgmain.gif) center center repeat-x;
    border-bottom: 2px solid #585858;
    font-size: 12px;
    font-weight: 700;
}

.tableMsg td, .tableBuy td {
    border-bottom: 1px dashed #DFDFDF;
}

button.cupid-green:hover, .green:hover {
    background-color: #76b347;
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    cursor: pointer;
}

button.cupid-green:active, .green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
}

#facebox .loading, #facebox .image {
    text-align: center;
}

fieldset {
    padding: 10px;
    border: 1px solid #D0D0D0;
    margin: 5px
}

legend {
    font-size: 14px;
    color: #6F3700;
    font-weight: bold
}

td {
    font-family: Segoe UI, Helvetica Neue, Helvetica, Tahoma, sans-serif;
}

ul.senarai {

    list-style: none;
    margin-left: 0px;
    padding-left: 8px;

}

ul.senarai2 {

    list-style: square;
    margin-left: 0px;
    padding-left: 15px;
}

a, a:visited {
    color: #333;
    text-decoration: none;
    outline: 0;
    font-weight: bold;
}

a:hover, a:focus {
    color: #000;
}

p a, p a:visited {
    line-height: inherit;
}

h5 {

    font-size: 13px;
    font-weight: 500;
    margin: 0px 0px 4px 0px;

}

.kapsyen {
    z-index: 500;
    position: absolute;
    bottom: -350px;
    left: 0;
    height: 30px;
    padding: 5px 20px 0 20px;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 580px;
    font-size: 1.3em;
    line-height: 1.33;
    color: #fff;
    border-top: 1px solid #000;
    text-shadow: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    page-break-inside: avoid;
}
#facebox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    text-align: left;
}


#facebox .popup{
    position:relative;
    border:3px solid rgba(0,0,0,0);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 18px rgba(0,0,0,0.4);
    box-shadow:0 0 18px rgba(0,0,0,0.4);
}

#facebox .content {
    display:table;
    width: 370px;
    padding: 10px;
    background: #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

#facebox .content > p:first-child{
    margin-top:0;
}
#facebox .content > p:last-child{
    margin-bottom:0;
}

#facebox .close{
    position:absolute;
    top:5px;
    right:5px;
    padding:2px;
    background:#fff;
}
#facebox .close img{
    opacity:0.3;
}
#facebox .close:hover img{
    opacity:1.0;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    z-index:9998;
}

.facebox_hide {
    z-index:-100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
}
.tblyuran td {

    border-bottom:1px solid black;
    font-size:14px;
    text-align:center;
}

.tblyuran thead td {

    text-align:center;
    font-weight:bold;
    text-transform: uppercase;
}

.tblrph tr td {

    border:1px solid dimgrey;
}

.pinkrow {

    background-color:pink;
}

thead td {

    background:black;
    color:white;
    font-weight:bold;

}

thead th {

    background:#eceff1;
    color:black;
    font-weight:bold;
    border-bottom:3px solid #90a4ae;

}

div.day-number     {
    background:orange;
    z-index:2;
    top:0px;
    right:-25px;
    padding:2px;
    color:#fff;
    font-weight:bold;
    width:20px;
    text-align:center;
}

table.calendar {

    border-collapse: collapse;
    border-color:#c5c5b3;

}

td.calendar-day, td.calendar-day-np {

    width:100px;
    padding:2px;
    border-color:#c5c5b3;

}

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


td.calendar-day-head {

    font-weight:bold;
    font-size:14px;
    background:forestgreen;
    color:white;
    padding:5px;
    text-align:center;
    text-transform: uppercase;
}

div.event {

    font-weight:bold;
    margin-bottom:2px;

}

option {

    padding:1px;
    font-size:20px;
    -moz-appearance: none;
    -moz-user-select: none;

}

.slctjawi {

    font-family: "sakkal_majalla";
    font-size:20px;
    direction: rtl;
}

.slctarab {

    font-family: "sakkal_majalla";
    font-size:20px;
    direction: rtl;

}

.jawis {

    font-family: "sakkal_majalla"; font-size:20px;
    direction: rtl;
}

.quran {

    font-family: "uthmani2"; font-size:20px;
    direction: rtl;
}

.quran2 {

    font-family: "uthmani2"; font-size:20px;
    direction: rtl;
}

.tablerpt td {

    vertical-align: top;
    font-size:15px;
    direction: rtl;

}

.tbliqra tr td {

    border:2px solid #00b050;
    padding:5px;
}

.hover {

    background-color:#e96800 !important;
    color:white !important;

}

.menuteknik tr td {

    font-size:40px !important;
    border:3px solid dimgrey !important;
    text-align:center;
}

.menuteknik a {

    color:white;
}

.rowclr1 td {

    background-color: lightpink;

}

.tdclr td {

    background-color:dimgrey;
    color:white;
    font-weight:bold;
}

.tblreset tr td {

    border:0;
}

.orenujian {

    background-color:#e96800 !important;
    color:white;
}



.table-depan td {

    padding:25px !important;

}

.checkbox {
    padding-left: 20px; }
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after,
.checkbox input[type="radio"]:checked + label::after {
    font-family: "FontAwesome";
    content: "\f00c";}
.checkbox input[type="checkbox"]:indeterminate + label::after,
.checkbox input[type="radio"]:indeterminate + label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px;
}
.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
    cursor: not-allowed;
}
.checkbox input[type="checkbox"]:disabled + label,
.checkbox input[type="radio"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before,
.checkbox input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before,
.checkbox-primary input[type="radio"]:checked + label::before {
    background-color: #337ab7;
    border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after,
.checkbox-primary input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-danger input[type="checkbox"]:checked + label::before,
.checkbox-danger input[type="radio"]:checked + label::before {
    background-color: #d9534f;
    border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after,
.checkbox-danger input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before,
.checkbox-info input[type="radio"]:checked + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after,
.checkbox-info input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before,
.checkbox-warning input[type="radio"]:checked + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after,
.checkbox-warning input[type="radio"]:checked + label::after {
    color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before,
.checkbox-success input[type="radio"]:checked + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after,
.checkbox-success input[type="radio"]:checked + label::after {
    color: #fff;}

.checkbox-primary input[type="checkbox"]:indeterminate + label::before,
.checkbox-primary input[type="radio"]:indeterminate + label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate + label::after,
.checkbox-primary input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::before,
.checkbox-danger input[type="radio"]:indeterminate + label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate + label::after,
.checkbox-danger input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::before,
.checkbox-info input[type="radio"]:indeterminate + label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate + label::after,
.checkbox-info input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::before,
.checkbox-warning input[type="radio"]:indeterminate + label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate + label::after,
.checkbox-warning input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::before,
.checkbox-success input[type="radio"]:indeterminate + label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate + label::after,
.checkbox-success input[type="radio"]:indeterminate + label::after {
    background-color: #fff;
}

.radio {
    padding-left: 20px; }
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px; }
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out; }
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.radio input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1); }
.radio input[type="radio"]:disabled {
    cursor: not-allowed;
}
.radio input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before {
    cursor: not-allowed; }
.radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
    background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before {
    border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after {
    background-color: #337ab7; }

.radio-danger input[type="radio"] + label::after {
    background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
    border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
    background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
    background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
    border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
    background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
    background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
    border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
    background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
    background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
    border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
    background-color: #5cb85c; }

input[type="checkbox"].styled:checked + label:after,
input[type="radio"].styled:checked + label:after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before,
input[type="radio"] .styled:checked + label::before {
    color: #fff; }
input[type="checkbox"] .styled:checked + label::after,
input[type="radio"] .styled:checked + label::after {
    color: #fff; }

.user-image {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}
@media (max-width: 767px) {
    .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}

.form-signin {
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .checkbox {
    font-weight: normal;
}

.form-signin .form-control {
    position: relative;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    font-size: 16px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.vercell > thead > tr > th,
.vercell > tbody > tr > th,
.vercell > tfoot > tr > th,
.vercell > thead > tr > td,
.vercell > tbody > tr > td,
.vercell > tfoot > tr > td {
    vertical-align: middle;
}

.pulse2 {
    -webkit-animation: pulse2 2s linear infinite;
    -moz-animation: pulse2 2s linear infinite;
    -ms-animation: pulse2 2s linear infinite;
    animation: pulse2 2s linear infinite;
}

@keyframes "pulse2" {
0% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

}

@-moz-keyframes pulse2 {
    0% {
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
    -moz-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -moz-transform: scale(1);
    transform: scale(1);
}

}

@-webkit-keyframes "pulse2" {
    0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
}

}

@-ms-keyframes "pulse2" {
    0% {
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
50% {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
100% {
    -ms-transform: scale(1);
    transform: scale(1);
}

}

.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    font-weight:bold;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
    background-image: none;

}

.navbar-default .navbar-toggle {
    border-color: transparent;
    background-image: none;

}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #027639;
}

.navbar-default .navbar-brand {
    font-family: Verdana;
    color: #ffffff;
    font-size: 20px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
    background-color: transparent;
}

.bulletu {
    counter-reset:li;
    margin:0px;
    padding-left:0px;
    color: rgb(100,100,100);
}

.bulletu li {
    position: relative;
    padding-left: 3em;
    padding-top:5px;
    margin: 0.45em 0;
    margin-bottom:1em;
    list-style: none;
    line-height: 1.2em;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size:16px;
}

.bulletu li:hover {
    color: rgb(0,0,0);
}

.bulletu li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    top:0;
    left:0;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8em;
    padding:0px;
    color:#fff;
    background:#29b930;
    font-weight:bold;
    text-align:center;
    border-radius: .9em;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.3);
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.bulletu li:hover:before {
    background-color: #2ecc71;
}

.bulletu li li:before{
    background-color: #3498db;
}

.bulletu li:after {
    position: absolute;
    top: 2.1em;
    left: 0.9em;
    width: 2px;
    height: calc(100% - 1em);
    content: '';
    background-color: rgb(203, 203, 203);
    z-index: 0;
}

.bulletu li:hover:after {
    background-color: #2ecc71;
}

.bulletu li li {
    font-size: 0.8em;
}

.kayu {

    background:url(images/kayu.jpg) no-repeat top;
    background-size:cover;

}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px; /* 5px rounded corners */
    padding: 10px 16px;
    font-size:11px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.card img {
    border-radius: 5px 5px 0 0;
}