/*
    ByteMeUp! Studio
    -- General Style --
*/
textarea.markitup-control{
    overflow-y:scroll !important;
    height:200px !important;
}

blockquote.forum-quote{
    font-size: 1em;
    border-left: 2px solid #ff4d00;
    background: #ebebeb;
    margin-bottom: 0px;
}

span.forum-quote-button{
    padding-left: 5px;
}

button.spoiler-button{
    font-size: 10px;
}

div.php-code-wrapper > code {
    display: block;
}

.caret.default-toggle{
    border-left: 4px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.spoiler-button > span.caret {
    margin-top: -2px;
}

div.well.spoiler-content{
    margin-top: 4px;
    min-height: 10px;
    padding: 5px;
}

.draggable {
    cursor: move;
}

#emoticon-modal {
    width: 100%;
    overflow: hidden;
}

.forum-content-wrapper img{
    max-width: 100%;
}

/*.two-coloumn {
    -moz-column-count: 2;
    -moz-column-gap: 20px;

    -webkit-column-count: 2;
    -webkit-column-gap: 20px;

    column-count: 2;
    column-gap: 20px;
}*/

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;

    /**Non standard for webkit*/
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.uppercase{
    text-transform: uppercase;
}

.loading-transparent {
    opacity: 0.5;
}

a:hover, a:focus{
    text-decoration: none !important;
}

/**
 * http://fancyapps.com/
 */

.fancybox-type-iframe .fancybox-nav {
    width: 60px;       
}

.fancybox-type-iframe .fancybox-next {
    right: -60px;
}

.fancybox-type-iframe .fancybox-prev {
    left: -60px;
}

.fancybox-type-iframe .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.bbcode > #markItUpMarkitup.markItUp{
    width: auto;
}

input[type=radio], input[type=checkbox] {
    margin: 2px -1px 0px !important;
    line-height: normal;
}

.ellipsis-text{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

p.article {
    word-wrap: break-word;
}

[panel-name]:not(.open) {
    display: none;
}
[panel-name].open {
    display: block;
}


/**CHECKPOINT 1 - PERSIJA-MAIN.css */
.left-pad-none{
    padding-left: 0px !important;
}

.right-pad-none{
    padding-right:0px !important;
}

/**untuk tulisan berwarna merah**/
.red-font{
    color:red !important;
}

/**untuk tulisan berwarna putih**/
.white-font{
    color:white !important;
}

.black-font{
    color: black !important;
}

.orange-color{
    color:orange;
}

.green-color{
    color:green;
}

.light-green-color{
    color:rgb(45, 255, 45);
}

.background-white{
    background:white !important;
}

.margin-top-50{
    margin-top:50px;
}

.margin-top-20{
    margin-top:20px;
}

.margin-top-30{
    margin-top:30px;
}

.margin-top-40{
    margin-top:40px;
}

.text-bold {
    font-weight: bold;
}

.text-uppercase {
    text-transform: uppercase;
}

.overflow-y-auto {
    overflow-y: auto;
}
.max-height-500 {
    max-height: 500px;
}

.no-radius{
    border-radius:0px;
}

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

.no-margin{
    margin-left: 0px !important;
    margin-right:0px !important;
}

.no-margin-vertical{
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.no-padding{
    padding: 0px !important;
}

/**adjust margin atas suatu objek**/
.margin-top-ten{
    margin-top:10px !important;
}

.margin-bottom-ten{
    margin-bottom:10px !important;
}

.margin-bottom-20{
    margin-bottom:20px !important;
}

/**adjust margin atas suatu objek**/
.margin-top-five{
    margin-top:5px;
}

.margin-top-15{
    margin-top: 15px;
}


/** CHECKPOINT 1 - END **/


/** CHECKPOINT 2 - PERSIJA-MOBILE-MAIN.css**/

.margin-top-ten{
    margin-top:10px !important;
}

.margin-bottom-ten{
    margin-bottom:10px !important;
}

.padding-normalize{
    padding:0px 15px;
}

.margin-normalize{
    margin: 0px 15px;
}

.margin-left-ten {
    margin-left: 10px;
}

.margin-top-25{
    margin-top:25px;
}

/** CHECKPOINT 2 - END **/


/** CHECKPOINT 3 - EXTEND-ADMINISTRATOR.css**/

.display-none{
    display: none;
}

/** CHECKPOINT 3 - END **/

.no-line-height{
    line-height:0;
}

.datepicker {z-index: 1200 !important;}

@media(max-width:767px){
    .xs-black-background{
        background:black;
    }

    .xs-white-font{
        color:white !important;
    }
    
    .xs-left-pad-none{
        padding-left:0px !important;
    }
    
    .xs-right-pad-none{
        padding-right:0px !important;
    }
}