.preloader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    opacity: 0.5;
    height: 100%;
    z-index: 9999;
    background: url(../images/loader1.gif) center no-repeat #fff;
}

.parsley-error .input_validate,
.parsley-error .ms-selection .ms-list,
.parsley-error .select2-container-multi .select2-choices,
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    border: 1px solid #c00 !important;
    background: #fff2f2 !important
}

.parsley-error-list {
    margin: 0;
    padding: 5px 0 0
}

.parsley-error-list li {
    list-style: none;
    font-size: 12px;
    color: #c00
}

div.parsley-error .parsley-error-list {
    margin-top: 5px
}

.parsley-error-list + label {
    margin-top: 10px
}
.fixed_header tbody{
  display:block;
  overflow:auto;
  height:500px;
  width:100%;
}
.fixed_header thead tr{
  display:block;
}


.loader12 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    animation: loader12-u6338d783 1s linear alternate infinite;
    top: -30px;
    right: 50%;
    }
  
  @keyframes loader12-u6338d783 {
    0% {
      box-shadow: -60px 40px 0 2px #0052ec, -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
    25% {
      box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 2px #0052ec, 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
    50% {
      box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 2px #0052ec, 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
    75% {
      box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 2px #0052ec, 60px 40px 0 0 rgba(0, 82, 236, 0.2); }
    100% {
      box-shadow: -60px 40px 0 0 rgba(0, 82, 236, 0.2), -30px 40px 0 0 rgba(0, 82, 236, 0.2), 0 40px 0 0 rgba(0, 82, 236, 0.2), 30px 40px 0 0 rgba(0, 82, 236, 0.2), 60px 40px 0 2px #0052ec; } }
      .img-responsive{
	
        width:50%;
        }
            .info-box {
                background: #fff none repeat scroll 0 0;
                border-radius: 2px;
                box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
                display: block;
                margin-bottom: 15px;
                min-height: 90px;
                width: 100%;
            }
            .info-box-icon {
                background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
                border-radius: 2px 0 0 2px;
                display: block;
                float: left;
                font-size: 85px;
                height: 113px;
                line-height: 113px;
                text-align: center;
                width: 90px;
            }
            .info-box-content {
                margin-left: 90px;
                padding: 5px 10px;
                min-height: 113px;
            }
            .info-box-text {
                text-transform: uppercase;
            }
            .progress-description, .info-box-text {
                display: block;
                font-size: 14px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            .info-box-number {
                display: block;
                font-size: 14px;
                font-weight: bold;
            }
            
            .info-box-text,
            .info-box-number{
                color: #fff !important;
            }
            
            .info-box .progress, .info-box .progress .progress-bar {
                border-radius: 0;
            }
            .info-box .progress {
                background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
                height: 2px;
                margin: 5px -10px;
            }
            .progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar {
                border-radius: 1px;
            }
            .progress, .progress > .progress-bar {
                box-shadow: none;
            }
            .progress {
                background-color: #f5f5f5;
                border-radius: 4px;
                box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
                height: 20px;
                margin-bottom: 20px;
                overflow: hidden;
            }
            
            .info-box .progress .progress-bar {
                background: #fff none repeat scroll 0 0;
            }
            .progress-bar {
                background-color: #337ab7;
                box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
                color: #fff;
                float: left;
                font-size: 12px;
                height: 100%;
                line-height: 20px;
                text-align: center;
                transition: width 0.6s ease 0s;
                width: 0;
            }
            
            .info-box > .info-box-footer {
                background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
                color: #fff;
                display: block;
                padding: 3px 0;
                position: relative;
                text-align: center;
                text-decoration: none;
                z-index: 10;
            }
            .info-box-footer{
                font-size: 15px!important;
            }
            .rcorners1 {
            border-radius: 50px / 15px;
            padding: 20px; 
            width: 250px;
            height: auto; 
            box-shadow: 10px 10px 5px #aaaaaa;
    }
    .carousel-indicators > li,
    .carousel-indicators > li.active{
        width: 25px;
        height: 25px;
        border-radius: 30px;
        border: solid 1px grey;
        background: lightgrey;
        text-indent: 0;
    }
    .carousel-indicators > li.active {
        background: white;
    }
    
.tombolku{
            background:#17a2b8;
            display: block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: white;
            font-size: 30px;
            font-weight: bold;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            text-decoration: none;
            transition: ease all 0.3s;
            position: fixed;
            right: 30px;
            bottom:55px;
        }
.tombolku:hover{background: #007bff}
.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}