/*17-02-2018*/

body{
    margin-bottom:60px;
}
.top-alert{
    top:0px;
    position:fixed;
    width:100%;
}
#backendapp{
    
}

#header{
    background: #00001d;
    color: #fff;
    padding: 12px 20px;
    font-size: 1.5em;
    box-shadow: 4px -1px 16px #000;
}

#sidenav{
   background: #33335a;;
    padding:0px;
}
#sidenav ul{
    list-style: none;
    padding:0px;
}
#sidenav ul li a {
    display:block;
    padding:10px;
    text-decoration: none;
    color:#fff;
    font-size:1.2em;
    transition: .5s;
}

#sidenav ul li a:hover{
    background: #00001d;
    color:#fff;
}

#content{
    padding:0px;
}

.title{
    font-size:2em;
    padding:20px;
}

.card{
/*    width:90%;*/
    margin:20px auto;
/*    padding:20px;*/
    background: #f1f1f1;
/*    border:1px solid #33335a;*/
    box-shadow:3px 3px 3px #ccc;
}

.card .title{
    font-size:1em;
    padding:10px;
    background: #33335a;
    color:#fff;
}

.card .data{
    font-size:2em;
    padding:10px;
    color:#33335a;
}

.table-responsive{    
    box-shadow:3px 3px 3px #ccc;
}

.custom-table{
    border-collapse: collapse;
    border:#ccc 1px solid;
    width:100%;
}

.custom-table thead{
    background:#33335a;
    color:#fff;
}

.data-table{
    
}

.data-table .title{
    font-size:1.4em;
    padding:15px;
}

#sales-tbl{
   padding:20px;
    border:1px solid #ccc;
}

.custom-table td{
   padding:10px; 
    border:#ccc 1px solid;
}

.wrapper{
        margin-bottom: 10px;
}

.field{
    border:1px solid #ccc;
    padding:5px 10px;
    width:100%;
    
}

.custom-btn{
    color:#fff;
    background:#33335a;
    border:1px solid #33335a;
    padding:5px 10px;
    width:100%;
    transition:.5s;
    box-shadow: 0px 4px 0px #6a6aaf;
}
.custom-btn:hover{
    background: #000;
}

.data-table label{
    font-weight:100;
}

.margintop26{
    margin-top:26px;
}

/*18-02-2018*/
.label-custom{
    font-weight:100;
}

#product .row{
    margin-top:30px;
}

.fileupload-custom{
    position:relative;
    cursor:pointer;
    font-weight:100;
}
.fileupload-custom input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
}

#product i{
        font-size: 1.3em;
    display: inline-block;
    margin: 3px 8px 0px -20px;
}

.custom-btn-sm{
    width: 150px !important;
    color: #fff;
    background: #33335a;
    border: 1px solid #33335a;
    padding: 10px 10px;
    transition: .5s;
    margin: 0px 10px;
    box-shadow: 0px 4px 0px #6a6aaf;
}

.custom-btn-sm:hover{
    background: #000;
}

#category .row{
    margin-top:20px;
}

#subcategory .row{
    margin-top:20px;
}

textarea{
    resize:none;
    height:80px;
}

#offers .row{
    margin-top:20px;
}

#coupons .row{
    margin-top:20px;
}

#orders .row{
    margin-top:20px;
}

#invoices .row{
    margin-top:20px;
}

#orders #orderdetails{
    background: #efefef;
    border: 1px solid #e4e4e4;
    padding:30px;
}

#invoices #invoicedetails{
    background: #efefef;
    border: 1px solid #e4e4e4;
    padding:30px;
}

span.placeholder{
    font-size:1.5em;
    text-align: center;
    display:block;
    padding:10px;
}

/*Abin*/
table thead tr {
    background-color: #33335a;
    color:#fff
}

table tbody tr {
    border: 1px solid #b4b4ca;
}

.btn-add-link {
    float: right;
    margin-top: 6px;
    background-color: #dddddd;
    color: #333;
}
.pagination > li > a, .pagination > li > span {
    color: #33335a;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #33335a;
    border-color: #00001d;
}
.fontsize16{
    font-size:16px;
}
.custom-link-icon {
    color: #333;
}
.custom-link-icon:hover {
    text-decoration: none !important;
}
#search-section {
    margin: 10px 0px !important;
}
.search-field{
    border-radius:0px;
}
.custom-btn-search {
    padding: 5px 10px;
    width: 100px !important;
}
#deleteConfirmModal .modal-content, #deleteConfirmModal .modal-footer button {
    border-radius: 0px;
}

.addmobilespecs .row,
.laptopspecs .row{
    margin-top:20px;
}

a.custom-btn-sm {
    color: #fff;
    width:auto !important;
    display: inline-block;
    background: #33335a;
    border: 1px solid #33335a;
    padding: 5px 10px;
    transition: .5s;
    margin: 0px 10px;
    box-shadow: 0px 4px 0px #6a6aaf;
}


/*20-08-2018*/

.login-wrapper{
    width:400px;
    padding:40px 20px;
    border: 1px solid #33335a;
    position: absolute;
    box-shadow:0px 0px 20px #080831;
    top:30%;
    left:35%;
}