body {
    font: 12px/1.5 "Myriad Pro", PTSansCaptionRegular, arial, helvetica, sans-serif;
}

.allKonten {
    max-width: 1050px;
    margin: 0 auto;
}

.konten {
    max-width: 960px;
    margin: 0 auto;
}

.head1 {
    background: #0d7226;
}

.head2 {
    background: #0d7226;
}

.padHelp {
    background: #0d7226;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: -9;
}

.header1 {
    margin-top: -8px;
    background: #0d7226;
    height: 20px;
}

.header2_1 {
    background: #0d7226;
    height: 50px;
}

.header2_2 {
    background: #0d7226;
    height: 25px;
}

.header2_3 {
    background: #0d7226;
    height: 25px;
}

.headerKontak {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    margin-left: 40px;
}

.footer {
    height: 60px;
    color: #fff;
    position: relative;
    left: 0;
    right: 0;
    background: #0d7226;
}

.footer1 {
    position: absolute;
    margin-left: 50px;
    margin-top: 20px;
    font-size: 10px;
}

.foot1 {
    background: #fff;
}

.padFooterHelp {
    background: #0d7226;
    position: absolute;
    width: 27.4%;
    height: 50px;
}

input {
    border: 1px solid #bcbcbc;
}

.tombolRed {
    font-weight: bold;
    cursor: pointer;
    padding: 5px 25px;
    background: #ff0000;
    border: 1px solid #ed2b2b;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #f3f3f3;
}

.tombolRed:hover,
.tombolRed:focus {
    background: #dc2a2a;
}

.tombolOff {
    font-weight: bold;
    cursor: pointer;
    padding: 5px 25px;
    background: #848080;
    border: 1px solid #848080;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
}

.tombolOff:hover,
.tombolOff:focus {
    background: #636363;
}

.psyarat {
    background: url('../img/pictsyarat.png') no-repeat;
    background-position: right;
    height: 45px;
}

.psyarat-parent {
    background: url('../img/pictsyarat.png') no-repeat;
    background-position: left;
}

.psyarat-title {
    font-size: 15px;
    margin-left: 10px;
}

.lastLogin {
    font-size: 12px;
    margin-top: 30px;
}

.welcome {
    font-size: 26px;
    color: #fff;
    padding: 20px;
    text-align: center;
    margin-top: 20px;
    background: #0d7226;
    width: 675px;
}

.panah {
    font-size: 18px;
    color: #0d7226;
}

.bd1 {
    margin-left: 0px;
    color: #0d7226;
    font-weight: bold;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: #d2d2d2;
    /*color: #ff0000;*/
    display: inline-block;
    padding: 2px 20px 0 20px;
    cursor: pointer;
}

ul.tabs li.current {
    background: #e0e02a;
    color: #222;
}

.tab-content {
    display: none;
    background: #e0e02a;
    padding: 15px;
    width: 83%;
}

.tab-content.current {
    display: inherit;
}

.menuHeight {
    height: 400px;
    overflow-y: scroll;
    margin-left: -5px;
    margin-top: 20px;
}

.yePad {
    margin-left: 5px;
}

.barisul {
    margin-left: -10px;
    border-bottom: 1px solid #fff;
}

.dropdown a {
    text-decoration: none;
}

.dropdown [data-toggle="dropdown"] {
    position: relative;
    display: block;
    color: #000;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    /*	
	border-bottom: 1px solid #fff;
	background: #2980B9;
	-moz-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
	-webkit-box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
	box-shadow: 0 1px 0 #409ad5 inset, 0 -1px 0 #20638f inset;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
*/
}

.dropdown [data-toggle="dropdown"]:hover {
    /*background: #2c89c6;*/
}

.dropdown .icon-arrow {
    position: absolute;
    display: block;
    font-size: 10px;
    color: #fff;
    top: 8px;
    right: 2px;
}

.dropdown .icon-arrow.open {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}

.dropdown .icon-arrow.close {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -moz-transition: -moz-transform 0.6s;
    -o-transition: -o-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}

.dropdown .icon-arrow:before {
    color: #ff0000;
    content: '\25BA';
}

.dropdown .dropdown-menu {
    max-height: 0;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown .dropdown-menu li {
    margin-left: 10px;
    margin-bottom: 5px;
}

.dropdown .dropdown-menu li a {
    display: block;
    color: #fff;
    /*	
	background: #EEE;
	-moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
	-webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
	box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	*/
}

.dropdown .dropdown-menu li a:hover {
    color: #0d7226;
    /*background: #f6f6f6;*/
}

.dropdown .show,
.dropdown .hide {
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.dropdown .show {
    display: block;
    max-height: 9999px;
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    animation: showAnimation 0.5s ease-in-out;
    -moz-animation: showAnimation 0.5s ease-in-out;
    -webkit-animation: showAnimation 0.5s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
    -webkit-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
    font-family: Arial;
}

.dropdown .hide {
    max-height: 0;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    animation: hideAnimation 0.4s ease-out;
    -moz-animation: hideAnimation 0.4s ease-out;
    -webkit-animation: hideAnimation 0.4s ease-out;
    -moz-transition: max-height 0.6s ease-out;
    -o-transition: max-height 0.6s ease-out;
    -webkit-transition: max-height 0.6s ease-out;
    transition: max-height 0.6s ease-out;
}

.logobcas-header {
    margin-top: -7.5px;
    width: 120px;
}

.banner {
    background-color: #e0e02a;
    width: 182px;
    height: 230px;
}

.banner img {
    margin: auto;
    padding: 10px;
    display: block;
}

.banner .banner-text ul {
    padding-left: 24px;
    padding-right: 10px;
    margin-top: -9px;
}

.banner .banner-text {
    text-align: justify;
    text-justify: inter-word;
}

.banner .banner-text ul {
    list-style: "\2714\0020";
}

.banner .banner-text ul li:before {
    /* content: "\2714\0020";
  margin-left: -14px;*/
}

.fologo {
    width: 132px;
    /*height:23px;*/
}