.login-body {
    color:#fff;
}

.login-body h1,.login-body h2,.login-body h3,.login-body h4,.login-body h5,.login-body h6{
    color: inherit;
}

.price-panel{
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
    border-radius: 5px;
}

.price-box {
    margin-bottom: 10px;
}
.price-box:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.remove-image{
    position: absolute;
    top: 1px;
    right: 11px;
    height: 30px;
    width: 30px;
    border-radius: 50% !important;
    padding: 5px 0 0 4px !important;
}

.preview-img {
    margin-bottom:10px;
    max-height:150px;
    min-height:150px;
    overflow:hidden;
}

.image-box{
    padding-top:10px;
}

.gallery .gallery-item .image {
    min-height: 150px;
    max-height: 150px;
}

.gallery .gallery-item .meta strong {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
}
.recourcebutton{
    font-size: 20px !important;
}
.red {
    background-color: red;
}
.grey {
    background-color: grey;
}.blue {
     background-color: #00000D;
 }
.sphere {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}
.sphere::after {
    background-color: rgba(255, 255, 255, 0.3);
    content: '';
    height: 45%;
    width: 12%;
    position: absolute;
    top: 4%;
    left: 15%;
    border-radius: 50%;
    transform: rotate(40deg);
}
.tableclass {
    position: relative;
    width: 100%;
    /*background-color: #aaa;*/
    overflow: hidden;
    display: block;
    border-collapse: collapse;
}


/*thead*/
.theadclass {
    position: relative;
    display: block; /*seperates the header from the body allowing it to be positioned*/
    width: 700px;
    overflow: visible;
}

.theadclass th {
    background-color: #99a;
    min-width: 120px;
    height: 32px;
    border: 1px solid #ddd;
}

.theadclass th:nth-child(1) {/*first cell in the header*/
    position: relative;
    /*display: block;*/ /*seperates the first cell in the header from the header*/
    background-color: #88b;
}


/*tbody*/
.tbodyclass {
    position: relative;
    display: block; /*seperates the tbody from the header*/
    width: 100%;
    height: 500px;
    overflow: scroll;
}

.tbodyclass td {
    background-color: #bbc;
    min-width: 120px;
    border: 1px solid #ddd;
}

.tbodyclass tr td:nth-child(1) {  /*the first cell in each tr*/
    position: relative;
    /*display: block;*/ /*seperates the first column from the tbody*/
    height: 100%;
    background-color: #99a;
    border: 1px solid #ddd;
}

.tabtr tr:hover {
    background: #f4f0d4 !important;
}
input:read-only {
    background-color: #a3a79b;
}
input:focus {
    border-color: green;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.display-hide{
    display: none;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../front/images/loading.gif) center no-repeat #fff;
    display: none;
}

.sales-circle{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #03A9F4;
    color:white;
    text-align: center;
    margin: 0 auto;
}

.active-sales{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #8bc34a;
    color:white;
    text-align: center;
    margin: 0 auto;
}

.circle-data{
    line-height: 50px;
}