.backdrop-page{
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    background-size: 110%;  
    overflow: hidden;   
    width: 100%;
    padding: 0;
    margin: 0;
    filter: blur(10px) opacity(55%); 
    opacity: 0.8
}

.bevel-panel{

    box-shadow: 0px 0px 2px #555;  

}



.bevel-image{
    background-repeat: no-repeat;
    background-position: 50% 50%; 
    background-size: 110%;     
    overflow: hidden;   
    height: 420px;
    padding: 0;
    margin: 0; 
}
.login-layer{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
    background: #8CC152;    
    height: 420px;
    width: 100%;
}

.login-owner{
    position: absolute;
    padding-right: 420px;
    height: 420px;
    width: 100%;
}

.login-form-container{
    background: #fff;
    opacity: 0.9;
}

.login-panel{
    position: absolute;
    right: 0;   
    height: 420px;
    width: 420px;

}

.login-logo{
    position: relative;
    width: 8%;
    left: 46%;
    top: 50px;
    text-align: center;
}

.login-logo-mobile{
    position: relative;
    width: 20%;
    left: 40%;
    top: 30px;
    text-align: center;
}


.login-name{
    margin-top: 70px;
    color: #fff;
    font-size: 18px;
    text-align: center;      
}

.login-name h4{
    color: #fff;
    font-size: 24px;
    padding-bottom: 10px;
}

.login-support{

    bottom: 10px; 
    text-align:         right; 
    width: 100%; 
    font-style: italic; 
    font-size: 11px; 
    padding-right: 15px;     
    line-height: 2;
}

.login-trilux{
    background: url('images/logo-trilux.png') no-repeat ;
    background-size: 90%;
    overflow: hidden;   
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 0 0 5px; 
    float: right;
    display: block;

}


.login-background{
    background: url('images/background.png') no-repeat 80% 180px;
    position: relative;

}


.login-drop{
    background: url('images/login-drop.png') no-repeat   ;
    background-position: center center;
    background-size: 100%;
    height: 189px;
    width: 410px;
    opacity:0.8;
}

.login-perspective{   
    background-size: 100%;
    position: absolute;
    top: 80px;

    background-repeat: no-repeat;
    border: thin solid #983;
    border-radius: 10px;   
}

.login-perspective.home {   
    transform: perspective(800px) rotateY(45deg);
}


.login-perspective.floor {   
    transform: perspective(800px) rotateX(65deg) translateZ(-189px) translateX(96px);
}

.form-login{
    position: relative;
    padding: 20px;

}

.form-login
#gs_login_form{
    width: 350px;
    float: right;
    margin : 30px 20px 20px 20px;
}


div.panel-heading.bottom-line{
    border-bottom: 1px solid #DDD;
}

.pager .pagination li {
    display: inline-block;
}

.pager .pagination a {
    border-radius: 0px;
}

.pager .pagination a:hover{

}

ul.nav-tab-users li {
    width: 190px !important;
}

input.ip-checkbox-pelayanan {
    display: none;
}

label.checkbox-pelayanan {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 30px;
}

#form-profile .fileinput-new .fileinput-preview,
.custom-upload .fileinput-new .fileinput-preview{
    display: none;
}

#form-profile .fileinput.fileinput-exists,
.custom-upload .fileinput.fileinput-exists {
    display: inline-block;
}

#form-profile label.error {
    display: block;
}

#form-profile .errorMessage {
    color : #E9573F;
}

#form-profile .fileinput-preview.thumbnail,
.custom-upload .fileinput-preview.thumbnail {
    width: auto;
}

.page-profile.form-tab-right .sub-form-tab {
    position: absolute;
    width: 0px;
    top:20px;
    right:0;
    display: none;
    width : 400px;
}

.page-profile.form-tab-right.active .sub-form-tab {
    display: block;
}

.page-profile.form-tab-right.active .col-photo {
    display: none;
}

.page-profile.form-tab-right.active .main-form-tab {
    margin-right : 400px;
    transition: margin ease-in .6s;
}

#new-message-form .select2-container.select2-container--open:not(.select2) {
    top : 70px !important;
    left: 0px !important;
}

#inventaris-list.list-view-loading {
    background: none;
}

#inventaris-list table {
    table-layout: fixed;
}

#inventaris-list table td {
    background-color: #FFFFFF;
    vertical-align: middle;
}

#inventaris-list table tr {
    border-bottom: 10px solid #f7f7f7;
}

#inventaris-list table td._kerusakan,
#inventaris-list table td._kalibrasi{
    text-align: center;
}

#inventaris-list table td._action{
    width:50px;
    /* display:table; */
    margin: 0 auto;
}

@media (max-width: 767px) {
    #inventaris-list table td{
        text-align: left;
    }

    #inventaris-list table td._kerusakan,
    #inventaris-list table td._kalibrasi{
        text-align: left;
    }

    #inventaris-list table td._action{
        width:50%;
        /* display:inherit; */
    }
    #inventaris-list table td:not(:first-child) {
        float : left !important;
    }

}

#inventaris-list table td.numbering{
    font-weight: bold;
    vertical-align: top;
    text-align: right;
}


.star-1{
    background: url(images/star_rating.jpg) 0px -7px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}
.star-2{
    background: url(images/star_rating.jpg) 0px -28px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}
.star-3{
    background: url(images/star_rating.jpg) 0px -49px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}
.star-4{
    background: url(images/star_rating.jpg) 0px -68px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}
.star-5{
    background: url(images/star_rating.jpg) 0px -88px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}
.star-10{
    background: url(images/star_rating.jpg) 0px -88px no-repeat;
    height: 15px;
    width: 110px;
    display: inline-block;
    background-size: 100%;
}


ul.first-tree,
ul.second-tree,
ul.third-tree,
ul.forth-tree{
    list-style: none;    
}


ul.first-tree{
    padding:  10px;
}




ul.second-tree{
    padding-left:  10px;

}

div.pattern-item ul.second-tree >li>.label-text{
    display: block;
    text-decoration: none;
    border: thin solid #e0fbba;
    color: #000; 
    margin-top: 10px;
}

div.pattern-item ul.second-tree >li>.label-text:hover{ 
    background:  #e0fbba;
    color: #000;  
}




div.pattern-item ul.second-tree >li.non-active>.label-text{
    border: thin solid #d0d0d0;
    color: #aaa;  
}

div.pattern-item ul.second-tree >li.non-active>.label-text:hover{ 
    background:  #ddd;
    color: #eee;  
}

ul.second-tree >li.non-active > div >a {
    visibility: hidden; 
}





ul.forth-tree>li:nth-child(2n+1){
    background: #f0f0f0;
}


ul.forth-tree>li.non-active{

    font-style: italic;
}

ul.forth-tree>li.non-active span{
    color: #ccc;
}


#message-contents
ul.first-tree a{
    text-decoration: none;
    color: #333;
}

#message-contents
ul.first-tree > li{
    margin-top: 10px;
}


#message-contents
ul.second-tree a{
    font-size: 13px;
}


#message-contents
ul.third-tree span{
    font-size: 12px;
    font-style: italic;
}


#message-contents
ul li a{
    display: block
}


.left-message{
    text-align: left;
    padding-right: 50px;
    font-size: 12px;
}

.right-message{
    text-align: right;
    padding-left: 50px;
    font-size: 12px;
    font-style: italic;
}

.message-content{
    font-size: 11px;
}




#aspak-pattern
ul > li.end > label {
    border-top: 1px solid #f0f0f0;
    min-height: 24px;
    line-height: 24px;
    white-space: nowrap;
    font-weight: normal;

}
#aspak-pattern
.third-tree > li span,
#aspak-pattern 
.forth-tree > li span {
    font-size: 13px;
    margin: 0;
}


li.end{
    min-height: 24px;
}

li.end span{
    padding: 0 10px;
    float: left;

}


li.end span.redaksional, .span-redaksional{
    width: 75%;
    float: left ;
}



li.end span.span-tahun, .span-tahun {
    margin: 0;
    width: 10%;
}


.rs-item-tidak-tersedia span {
    color: #b94a48;
}


.rs-item-tidak-tersedia a {
    color: #b94a48;
}

ul > li.end > .rs-item-pattern {
    background: #fafafa none repeat scroll 0 0;
    color: #ccc;
}


ul > li.end > .rs-item-pattern a {
    background: #fafafa none repeat scroll 0 0;
    color: #ccc;
}

ul > li > .rs-item-pattern a {
    background: #fafafa none repeat scroll 0 0;
    color: #ccc;
}

.black-stroke {

    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

.white-stroke {

    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.grey-stroke {

    text-shadow: -1px -1px 0 #aaa, 1px -1px 0 #aaa, -1px 1px 0 #777, 1px 1px 0 #777;
}

.box-hide.panel-heading {
    background: #E9EAED;
}

.panel-body .panel .panel-heading {

    border-bottom: 1px solid #DDD;

}

.panel-tab .panel-heading ul
li.nav-per-bulan-min.active a{
    background: #ddd;
}

div.list-view .summary-bar{
    padding: 5px 10px;
    background: #fff;
    margin: 0 10px;
    font-weight: bold;
    text-align: right;
}

div.list-view .items span.empty{
    text-align: center;
    padding: 20px;
    margin: 20px;
    display: block;
    padding-top: 100px;
}


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


 


.loader-red{
    background-image:  url('images/red-loader.gif');   
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}