/* .blink {
    font-size:16px; text-shadow: 2px 2px 8px #e08e0b;
} */
.errorvalidator{
    border-color: red!important;
}
.formnotnull{color: red;}

th.bc261{color:#D73925;}
th.bc262{color:#008D4C;}
td.bc261{color:#D73925;}
td.bc262{color:#008D4C;}
table.bc261262#bc261262{
    background-color:#F5F5F5;
    border-collapse: collapse;
   
}
table.bc261262#bc261262,table.bc261262#bc261262 tr, table.bc261262#bc261262 th, table.bc261262#bc261262 td {
    border: 1px solid #999;
    padding: 4px 10px;

}
 

table#dataRowdetail{color:#367fa9;}
.tbl td {
    vertical-align:top;
    font-size:10px
}
.tbl th{
    font-size:12px
}
.table-custom
{
    border-spacing: -1;
    border-collapse: collapse;
    border:solid 1px #ddd;
}
.table-custom th
{
    padding:0px;
    border-collapse: collapse;
    border:solid 1px #ddd;
}
.table-custom td
{
    vertical-align:top;
    padding:4px;
    border-collapse: collapse;
    border-right:solid 1px #ddd;
}
td.details-control {
    background: url('bower_components/datatables.net-bs/image/details_open.png') no-repeat center center;
    cursor: pointer;

}
tr.details td.details-control {
    background: url('bower_components/datatables.net-bs/image/details_close.png') no-repeat center center;
}
#judultable{
    color:red; /*- Tulisan berkedip -*/
}
/* ---- FILTER MODAL --- */
/* .box-danger{background-color:#aaa5a5   !important} */
.modal {
    overflow:hidden;
}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

#small_judul{
    color:black;
}
#kecil{
    color:black;
}

/* Color font-table  */
td.currentyear 
{
  /* color: #f00; */
  color:#286090;
}
td.pastyear
{
  /* color:#286090; */
  color: rgb(141, 139, 139);
}
td.nonVerifikasi 
{
  /* color: #f00; */
  color: red;
}
td.verifikasi
{
  /* color:#286090; */
  color:#286090;
}
td.online
{
  font-weight :bold;
  color:#286090;
  /* text-shadow: 2px 2px 8px #e08e0b; */
  text-shadow:1px 1px 2px #e08e0b, 0 0 35px #e08e0b, 0 0 10px #e08e0b;
}
/* Color font-table  */

/*------------------------------------ RABBONI -----------------------------------------------------------------------------/**/
/* BACKGROUND COLLOR */
/*
    body { 
        background: url('../Asset/Page/IRG/bg.png') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-size: 12px;
    }
    #h5{
        font-weight: 700;
    }
   
    /**/

    /* body{
      background-image: linear-gradient(#fff, #fff, rgb(158, 175, 193)); font-size: 12px; 
    } */
/* HEADER COLOR */
/*
  .right-caret{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px 
    solid transparent;border-left:4px solid black ; margin-left:5px;}
  .navbar-inverse .navbar-nav > li >a{color:black ;}
  .navbar-inverse {border-color:#0002c6 ;}
  .nav-item .dropdown-menu, #context-menu,#MenuKanan, ul .dropdown-menu{border-color: black ; background-color:#98b0cad9}
  .dropdown-menu > li > a{color:black  !important; font-weight:bold; }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus  {
                background-color: #fff0 !important;
                color: brown !important;
                }
                .navbar-header>a{margin-top:-1px;color:black  !important; font-size: 14px; font-weight:bold;}
  .navbar-header>a:hover,.navbar-header>a:active,.navbar-header>a:focus{margin-top:-1px;color:black ; font-size: 14px;color: #fff !important;}
  span .selection{font-size: 14px;}
  .breadcrumb > li + li::before {content: '\232a' !important; color:#3c8dbc !important;}
  .breadcrumb > li{color:black !important;}
  .dropdown-toggle{color:black  !important; font-weight:bold;}
  .icon-bar{background-color: black !important}
  .breadcrumb a{color:#3c8dbc; font-weight:bold;}
  #span_header {color:#DA251C !important;}
  #nprogress .bar {
        background: #abc4f4!important;
    }
    #nprogress .spinner-icon {
        border-top-color: #abc4f4 !important;
        border-left-color: #abc4f4!important;
    }

    .in-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid green;
        margin-left: 5px;
        margin-right: 5px;
    }
    .in-seperator i {
        padding: 0 10px ;
        background: green;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
    .out-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid #DA251C;
        margin-left: 5px;
        margin-right: 5px;
    }
    .out-seperator i {
        padding: 0 10px ;
        background: #DA251C;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
/**/


/*------------------------------------ MJA -----------------------------------------------------------------------------/**/
/* BACKGROUND COLLOR */
/*
    body { 
        background: url('../Asset/Page/MJA/bg.png') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-size: 12px;
    }
    #h5{
        font-weight: 700;
    }
    /* body{
        background-image: linear-gradient(#fff, #fff, rgb(216, 203, 165)); font-size: 12px; 
    } */
/**/
/* HEADER COLOR */

    .right-caret{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px 
        solid transparent;border-left:4px solid #cfba89; margin-left:5px;}
    .navbar-inverse .navbar-nav > li >a{color:#cfba89 !important;}
    .navbar-inverse {border-color:#0002c6 ;}
    .nav-item .dropdown-menu, #context-menu,#MenuKanan, ul .dropdown-menu{border-color: #cfba89; background-color:#222222d9}
    .dropdown-menu > li > a{color:#cfba89 !important;  }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus  {
                    background-color: #fff0 !important;
                    color: #fff !important;
                    }
                    .navbar-header>a{margin-top:-1px;color:#cfba89 !important; font-size: 14px; }
    .navbar-header>a:hover,.navbar-header>a:active,.navbar-header>a:focus{margin-top:-1px;color:#cfba89; font-size: 14px;color: #fff !important;}
    span .selection{font-size: 14px;}
    .breadcrumb > li + li::before {content: '\232a' !important; color:#060000 !important;}
    .breadcrumb > li{color:#060000 !important;}
    .icon-bar{background-color: #CFBA89 !important;}
    .breadcrumb a{color:#E08E0B; }
    #span_header {color:yellow !important;}
    #nprogress .bar {
        background: #F39C12!important;
    }
    #nprogress .spinner-icon {
        border-top-color: #F39C12 !important;
        border-left-color: #F39C12!important;
    }
    
    .in-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid #bfe6bf;
        margin-left: 5px;
        margin-right: 5px;
    }
    .in-seperator i {
        padding: 0 10px ;
        background: #bfe6bf;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
    .out-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid #DFB8B6;
        margin-left: 5px;
        margin-right: 5px;
    }
    .out-seperator i {
        padding: 0 10px ;
        background: #DFB8B6;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
/**/

/*------------------------------------ MG -----------------------------------------------------------------------------/**/
/* BACKGROUND COLLOR */

    body { 
        background: url('../Asset/Page/MG/bg.png') no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        font-size: 12px;
    }
    #h5{
        font-weight: 700;
    }
    /*
    body{

        background-image: linear-gradient(#fff, #fff, rgb(0, 0, 0, 0.39)); font-size: 12px; 
    }
/**/
/* HEADER COLOR */
/*
    .right-caret{display:inline-block;width:0;height:0;border-top:4px solid transparent;border-bottom:4px 
        solid transparent;border-left:4px solid black ; margin-left:5px;}
    .navbar-inverse .navbar-nav > li >a{color:black ;}
    .navbar-inverse {border-color:#0002c6 ;}
    .nav-item .dropdown-menu, #context-menu,#MenuKanan, ul .dropdown-menu{border-color: #DA251C ; background-color:#EEEEEE}
    .dropdown-menu > li > a{color:black  !important; font-weight:bold;}
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active, .dropdown-menu > li > a:focus  {
                    background-color: #fff0 !important;
                    color: brown !important;
                    }
                    .navbar-header>a{margin-top:-1px;color:black  !important; font-size: 14px; font-weight:bold;}
    .navbar-header>a:hover,.navbar-header>a:active,.navbar-header>a:focus{margin-top:-1px;color:black ; font-size: 14px;color: #fff !important;}
    span .selection{font-size: 14px;}
    .breadcrumb > li + li::before {content: '\232a' !important; color:#060000 !important;}
    .breadcrumb > li{color:#060000 !important;}
    .dropdown-toggle{color:black  !important; font-weight:bold;}
    .icon-bar{background-color: black;}    
    .breadcrumb a{color:#DA251C; font-weight:bold;}
    #span_header {color:#DA251C !important;}
    #nprogress .bar {
        background: black !important;
    }
    #nprogress .spinner-icon {
        border-top-color: black !important;
        border-left-color: black!important;
    }

    .in-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid green;
        margin-left: 5px;
        margin-right: 5px;
    }
    .in-seperator i {
        padding: 0 10px ;
        background: green;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
    .out-seperator {
        margin-top: -10px;
        margin-bottom: 10px;
        text-align: center;
        border-bottom: 1px solid #DA251C;
        margin-left: 5px;
        margin-right: 5px;
    }
    .out-seperator i {
        padding: 0 10px ;
        background: #DA251C;
        position: relative;
        top: 11px;
        z-index: 1;
    } 
/**/