/*
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 : 05 Jun 17, 12:41:04
    Author     : Asep
*/ 
a{color: #58a12b;}
a:hover,a:focus{color: #3C8113;}
.no-margin{margin:0px !important;}
.no-margin-bottom{margin-bottom:0px !important;}
.no-margin-top{margin-top:0px !important;}

.margin-top20{margin-top: 20px !important;}
.margin-top15{margin-top: 15px !important;}
.margin-top10{margin-top: 10px !important;}
.margin-top3{margin-top: 3px !important;}
.margin-bottom20{margin-bottom: 20px !important;}
.margin-bottom15{margin-bottom: 15px !important;}
.margin-bottom10{margin-bottom: 10px !important;}
.margin-bottom5{margin-bottom: 5px !important;}
.margin-left15{margin-left: 15px !important;}
.margin12{margin:12px !important;} 
.marginlr-12{margin-left:-12px !important;margin-right: -12px !important;}

.no-padding-left{padding-left: 0px !important;}
.no-padding-right{padding-right: 0px !important;}
.no-padding-top{padding-top: 0px !important;}
.no-padding-bottom{padding-bottom: 0px !important;}

.padding5{padding: 5px !important;}
.padding10{padding: 10px !important;}
.padding15{padding: 15px !important;}
.padding-left10{padding-left: 10px !important;}
.padding-right10{padding-left: 10px !important;}
.padding-top10{padding-top: 10px !important;}
.padding-bottom10{padding-bottom:10px !important; }
.padding-left15{padding-left: 15px !important;}
.padding-right15{padding-left: 15px !important;}
.padding-top15{padding-top: 15px !important;}
.padding-bottom15{padding-bottom:15px !important; }
.padding-left20{padding-left: 20px !important;}
.padding-right20{padding-left: 20px !important;}
.padding-top20{padding-top: 20px !important;}
.padding-bottom20{padding-bottom:20px !important; }
.padding-left40{padding-left: 40px !important;}
.padding-right40{padding-left: 40px !important;}
.padding-top40{padding-top: 40px !important;}
.padding-bottom40{padding-bottom:40px !important; }

.border-left{border-left: 1px solid #ddd;}
.padding12{padding: 12px !important;}
.control-label, .strong{font-weight: bold;} 
.form-horizontal legend{
    font-size: 15px; 
    font-weight: bold;
    margin:0px !important;
    padding-bottom: 2px;
    border-bottom-width: 2px;
}
.limiter-label {
    color: #888;
    padding-top: 3px; 
    font-size: 12px;
    font-style: normal;
}
.no-skin .nav-list>li:not(.no-hover):hover>a {
    background-color: #FFF;
    color: #3C8113;
}
.no-skin .nav-list>li.timer>a{
    background-color: #DD5A43;
} 

.nav-list>li.last{border-right-width: 1px;}
.nav-list>li.timer{
    border-right-width: 0px;
}
.nav-list>li.timer>a{cursor: default;}
.nav-list>li.timer>a>i{
    display: inline-block;    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;   
    font-size: 36px;   
    float: left; margin: 0;margin-top:8px;
    color: #fff;
}
.nav-list>li.timer>a .details{
    margin-left: 45px; padding-top: 4px;color: #fff;
}
.nav-list>li.timer>a .details #date{ display: block;font-size: 16px; }
.nav-list>li.timer>a .details #time{ display: block; }
.navbar{background: #58a12b;height: 80px;}
.ace-nav>li.light-hijau>a {
    background-color: #61b72b;
}
.ace-nav>li.light-hijau>a:focus, .ace-nav>li.light-hijau>a:hover, .ace-nav>li.open.light-hijau>a{
    background-color: rgba(0,0,0,.2);
}
.no-skin .nav-list>li.active>a, .no-skin .nav-list>li>a:focus{    color: #3C8113;}
.page-header h1{ color: #3C8113; }
.widget-header{color: #58a12b;}
.no-skin .navbar .navbar-toggle {
    background-color: #76BB4D;
}
.no-skin .navbar .navbar-toggle:hover{background-color: #3C8113;}
.no-skin .navbar .navbar-toggle.display, .no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed){background-color:#3C8113; }
.LBD_CaptchaImageDiv{display: inline-block;}
.LBD_CaptchaIconsDiv{position: absolute;display: inline-block;    margin-left: 5px;}
.alert{margin-bottom: 15px;}
.note {
    background: #fafafa;
    border-left: 3px solid #ddd;
    border-right: 0 solid #ddd;
    margin-bottom: 15px;
    padding: 15px;
}
.note.note-warning {
    border-color: #8a6d3b;
    background: #fcf8e3;
    color: #8a6d3b;
}
.note.note-info { 
    background-color: #d9edf7;
    border-color: #31708f;
    color: #31708f;
}
.note.note-success { 
    background-color: #dff0d8;
    border-color: #3c763d;
    color: #3c763d;
}
.note.note-danger{
    background-color: #f2dede;
    border-color: #a94442;
    color: #a94442;
}
.feed dd{ font-size: 11px;font-style: italic;line-height: 1.5;border-bottom: 1px solid #ccc;margin-bottom: 6px;padding-bottom: 4px; }
.feed dd:last-child{ border-bottom: 0px;padding-bottom: 0px;}


/* Ticker Styling */
.ticker-wrapper.has-js {
    /*margin: 20px 0px 20px 0px;*/
    padding: 0px 15px;
    width: 100%;
    height: 32px;
    display: block;
    /*	-webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px;*/
    background-color: #DD5A43;
    /*font-size: 0.75em;*/
}
.ticker {
    width: 100%;
    height: 28px;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: #DD5A43;
}
.ticker-title {
    padding-top: 5px;
    color: #fff;
    font-weight: bold;
    /*background-color: #DD5A43;*/
    text-transform: uppercase;
    position: relative;
    /*z-index: 10;*/
}
.ticker-content {
    margin: 0px;
    top: 0px;
    padding-top: 8px;
    position: absolute;
    color: #fff;
    /*font-weight: bold;*/
    background-color: #DD5A43;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.2em;
}
.ticker-content:focus {
    /*none;*/
}
.ticker-content a {
    text-decoration: none;	
    color: #fff;
}
.ticker-content a:hover {
    text-decoration: underline;	
    color: #0D3059;
}
.ticker-swipe {
    padding-top: 8px;
    position: absolute;
    top: 0px;
    background-color: #DD5A43;
    display: block;
    width: 100%;
    height: 26px; 
}
.ticker-swipe span {
    margin-left: 1px;
    background-color: #DD5A43;
    border-bottom: 1px solid #fff;
    height: 12px;
    width: 7px;
    display: block;
}
.ticker-controls {
    padding: 8px 0px 0px 0px;
    list-style-type: none;
    float: left;
}
.ticker-controls li {
    padding: 0px;
    margin-left: 5px;
    float: left;
    cursor: pointer;
    height: 16px;
    width: 16px;
    display: block;
}

.pricing-box .jenjang-pendidikan{
    font-size: 22px;
    line-height: 20px;
    height: auto;
    text-align: center;
    color: #555;
    margin: 15px 0px;
}
.pricing-box .jenjang-pendidikan small{display: block;margin-top: 5px;}

#jalur-penerimaan-tree{overflow: hidden;}
#jalur-penerimaan-tree .tree-branch-header{height: auto;line-height: 14px;}
#jalur-penerimaan-tree .tree-label .periode{font-size: 10px;margin-left: 15px;}
#jalur-penerimaan-tree .tree-branch-children .tree-item{height: auto;line-height: 16px;}
#jalur-penerimaan-tree .tree-branch-children .tree-item-name .date{font-size: 11px;margin-left: 15px;font-weight: bold;}

.table.table-bordered>thead>tr>th{text-align: center;}
.va-middle{vertical-align: middle !important;}
.block{display: block !important;}
.inline-block{display: inline-block !important;}
.bigger-65{font-size: 65% !important;}
.bigger-75{font-size: 75% !important;}
.bigger-85{font-size: 85% !important;} 
.bigger-95{font-size: 95% !important;}
.bigger-420{font-size: 420% !important;}
.bigger-720{font-size: 720% !important;}
.bigger-820{font-size: 820% !important;}
.bigger-920{font-size: 920% !important;}
.bigger-1000{font-size: 1000% !important;}
.fcolor-default{color:#58a12b;}
.fcolor-danger{color:#D15B47;}


/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} 

.widget-box.transparent{background-color: #f5f5f5;border: 1px solid #e3e3e3;}
.timeline-item .transparent.widget-box {
    border-left: 3px solid #e3e3e3;
}
.widget-box.transparent>.widget-body:before {
    border-color: transparent #e3e3e3 transparent transparent;
}

.widget-box.transparent>.widget-body:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 9px 8px 0;
    position: absolute;
    left: -12px;
    right: auto;
    top: 10px;
}
.widget-box.transparent>.widget-body:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 7px 0;
    border-color: transparent #e3e3e3 transparent transparent;
    position: absolute;
    left: -8px;
    right: auto;
    top: 11px;
}
form.margin12 .control-label{padding-right:0px !important;}

form.margin12 .form-actions{
    margin-left: -12px !important;
    margin-right: -12px !important;
    margin-bottom: -12px !important;
    margin-top: 12px !important; 
    padding-top: 12px !important;
}
form.margin12 fieldset{
    padding: 16px 0px 0px 0px !important;
    clear: both;
    font-size: 100%;
    border-color: #e5e5e5;
    border-width: 1px 0 0 0;
    border-style: solid none none none;
    margin-bottom: 12px;
} 
form.margin12 fieldset legend{    
    font-size: 130%;
    font-weight: normal;
    margin: 0 0 0 0;
    padding: 0 5px;
    border-bottom: none;
    width: inherit;
    border: 1px solid #e5e5e5;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{    color: #D16E6C;}
.navbar-brand img{max-height: 70px;}

@media (max-width: 768px) {
    .modal-info-registrasi .modal-dialog {
        width: 720px;
    }
    
    form.margin12 .form-group div[id*='form-group-'] .control-label{
        padding-top: 10px !important;
    } 
    .navbar:not(.navbar-collapse) .navbar-header{
            display: block;
        float: left!important;
        border-width: 0px !important;
    }
    .navbar:not(.navbar-collapse) .ace-nav{    border-top-width: 0px !important;
    border-bottom-width: 0px !important;}
}

@media only screen and (min-width: 992px){
    .sidebar.h-sidebar .nav-list{border-bottom: 2px solid #76BB4D;} 
    .no-skin .sidebar.h-sidebar .nav-list>li.active:before,
    .no-skin .sidebar.h-sidebar .nav-list>li.hover-show:before{    background-color: #3C8113;}
    .no-skin .sidebar.h-sidebar .nav-list>li.active, .no-skin .sidebar.h-sidebar .nav-list>li.active+li, .no-skin .sidebar.h-sidebar .nav-list>li:hover+li.active{
        border-left-color: #76BB4D;
    }
    .no-skin .nav-list>li.hover .submenu>li:hover>a{
        background-color: #E0FBD0;
        color: #3C8113;
    } 
    .no-skin .nav-list>li .submenu>li.active>a{color:#3C8113;}
    .no-skin .nav-list li.hover>.submenu>li.active>a{background-color: #f2f2f2;}
    .no-skin .nav-list>li .submenu>li.active:not(.open)>a{background-color: #E0FBD0;}
    .no-skin .sidebar.h-sidebar .nav-list>li.timer:before{background-color: transparent;}
    .nav-list>li.timer{
        border-right-width: 0px;
    }
    .sidebar.h-sidebar .nav-list>li>a{padding: 9px 14px;}
    .modal-info-registrasi .modal-dialog {
        width: 920px;
    }
    .padding-top40-sm{padding-top: 40px !important;}
} 
@media only screen and (max-width: 991px){
    .nav-list>li.timer{display: none;}
    .nav-list>li.last{border-right-width: 0px;} 
    .nav-list>li:before, .no-skin .navbar .navbar-toggle:hover, .no-skin .navbar .navbar-toggle:focus{background-color:#3C8113; }
}

@media (max-width: 479px){
    .navbar-fixed-top+.main-container {
        padding-top: 45px; 
    }
    .navbar-brand img{max-height: 58px;}

} 
@media (max-width: 360px){
    .navbar-fixed-top+.main-container {
        padding-top: 45px; 
    }
    .navbar-brand img{max-height: 58px;}

} 
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 31px;}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr, .ui-th-ltr{text-align: center !important; padding-top: 6px;padding-bottom: 6px;   white-space: normal !important;min-height: 30px;}
th.ui-th-column div{    
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    overflow: hidden;
    height: auto !important;
    vertical-align: middle;
}
.ui-jqgrid .ui-jqgrid-htable th div{padding-top: 6px;padding-bottom: 6px;vertical-align: middle;}
.footrow.footrow-ltr.ui-widget-content{
        border-bottom: none;
    background: repeat-x #F2F2F2;
    background-image: -webkit-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
    background-image: -o-linear-gradient(top,#F8F8F8 0,#ECECEC 100%);
    background-image: linear-gradient(to bottom,#F8F8F8 0,#ECECEC 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
    padding: 0!important;
   border-top: 1px solid #E1E1E1!important; 
}
.footrow.footrow-ltr.ui-widget-content td{ 
    padding-top: 6px;
    padding-bottom: 6px;
    white-space: normal !important;
    min-height: 30px;
    border-left: 0 none;
        overflow: hidden; 
    border-top: 0 none;
    border-bottom: 0 none;
    border-left: 1px solid #E1E1E1!important; 
    border-right: 1px solid #E1E1E1!important; 
}
.ui-jqgrid .ui-jqgrid-bdiv{overflow-x: auto;} 
.modal95 > .modal-dialog {
    width:95% !important;
}

.header.grey .widget-title{color:#555;}
input[type=radio].ace.ace-switch+.lbl::before {
    font-family: 'Open Sans';
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    color: #999;
    text-shadow: 0 0 0 #999;
    font-weight: 400;
    font-size: 11px;
    line-height: 17px;
    height: 20px;
    overflow: hidden;
    border-radius: 12px;
    background-color: #F5F5F5;
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
    border: 1px solid #CCC;
    text-align: left;
    float: left;
    padding: 0;
    width: 52px;
    text-indent: -21px;
    margin-right: 0;
    -webkit-transition: text-indent .25s ease;
    -o-transition: text-indent .25s ease;
    transition: text-indent .25s ease;
    top: auto;
}
input[type=radio].ace.ace-switch.ace-switch-7+.lbl::before {
    content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
    font-weight: bolder;
    font-size: 13px;
    background-color: #FFF;
    border: 2px solid #AAA;
    border-radius: 0;
    box-shadow: none;
    color: #AAA;
    width: 74px;
    height: 26px;
    line-height: 22px;
    overflow: hidden;
    text-indent: 5px;
    display: inline-block;
    position: relative;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

input[type=radio].ace.ace-switch+.lbl::after {
    font-family: 'Open Sans';
    content: 'III';
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    color: #AAA;
    text-shadow: none;
    background-color: #FFF;
    border-radius: 100%;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    position: absolute;
    top: -2px;
    left: -3px;
    -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
    -webkit-transition: left .25s ease;
    -o-transition: left .25s ease;
    transition: left .25s ease;
}
input[type=radio].ace.ace-switch.ace-switch-7+.lbl::after {
    content: '\f00d';
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    top: 3px;
    left: 39px;
    width: 32px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    padding: 0;
    text-indent: 0;
    background-color: #AAA;
    color: #FFF;
    border-radius: 0;
    box-shadow: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.navbar-fixed-top+.main-container {
    padding-top: 80px;
}