/* 
    Document   : style
    Created on : Mar 9, 2015, 5:10:42 PM
    Author     : IT-PC-02
    Description:
        Purpose of the stylesheet follows.
*/
body{
    height: 100%;
    width: 100%;
    font-size: 13px;
    color: #000;
}

a{
    cursor: pointer;
}

.content-left{
    width: 20%;
    /*height: 96%;*/ 
    height: 100%; 
    left: 0px;
    position: absolute;
    overflow-y: auto;
    overflow-x: auto;
    background-color: #004e65;
    background-color: #016a87;/*green*/
    background-color: #f6f6f6;/*grey*/
    background-color: #263850;/*black blue*/
    box-shadow: 1px 0px 10px #585858;
    z-index: 2;

}

.content-left .admin-logo-sec{
    top: 0px;
    height: 45px;
    /*    background-color: #004e65;green
        background-color: #2aa9e0;blue
        background-color: #4285f4;blue
        background-color: #39bdfb;blue*/
/*    background-color: #fff;blue
    background-color: #263850;blue*/
background-color: #fff;
    /*background-color: rgba(38, 56, 80, .2);*/
    background-color: rgba(255,255,255, .1);
    box-shadow: 0px 0px 5px 0px #000;
    /*border-bottom: 2.5px solid #2aa9e0;*/
    color: #70bde9;
    padding: 5px;
    text-align: center;
    padding-top: 5px;
}
.content-left .admin-logo-sec img{
    height: 35px;
    border-radius: 17px;
    margin-right: 20px;
}
.content-left .admin-logo-sec a{
    color: #2aa9e0;
    font-size: 18px;
    text-decoration: none;
}

.content-left .admin-logo{
    width: 95%;
    height: 40px;
    /*border: 1px solid #ccc;*/
}


.main-menu-ul {
    padding-top: 20px;
}

.main-menu-ul li{
    /*background-color: #f1f1f1;*/
    background-color: #016a87;/*green*/
    background-color: #f6f6f6;/*grey*/
    background-color: #263850;/*black blue*/

    /*background-color: rgba(32, 160, 172, 0.1);*/
    /*background-color: #70bde9;*/
    color: #2aa9e0;
    /*    color: #000;
        color: #02C1DE;light blue
        color: #39bdfb;light blue*/
    font-size: 14px;
    border: none;    
}

.main-menu-ul a{
    text-decoration:none;
    /*    color: #fff;
        color: #000;
        color: #02C1DE;light blue
        color: #39bdfb;light blue*/
    color: #afb9d6;
    font-weight: 600;
}
.main-menu-ul li:hover{
    /*background-color: #ccc;*/
}

.main-menu-ul ul {
    /*background-color: #fff;*/
    padding-top: 10px;
    border: none;
}
.main-menu-ul ul li{
    /*background-color: #fff;*/
    font-size: 13px;
    height: 35px;


}

.main-menu-ul .active{
    background-color: #39bdfb;/*light blue*/
}
.main-menu-ul .active a{
    color: #fff;
}
.main-menu-ul ul .active a{
    color: #fff;


}
.main-menu-ul ul li a:hover{
    transition: 1s;
    left: 0;
    background-color: #39bdfb;
    color: #fff;

}
.main-menu-ul ul li a:active {
    background-color: #39bdfb;
    color: #fff;

}


.user-icon-sec{
    margin-top: 20px;
    padding-left: 15px;
    padding-bottom: 6px;
    padding-top: 6px;
    color: #777;
    color: #fff;
    font-weight: 600; 
    /*    background-color: #e5e5e5;  
        background-color: #fff;*/
    border-top: 2px solid #39bdfb;
    background-color: rgba(38, 56, 80, 0.4);
    background-color: rgba(0, 0, 0, 0.4);
}
.user-icon-img, .user-icon-sec img{
    width: 28px;
    height: 28px;
    border-radius: 14px;
    margin-right: 2px;
    vertical-align: middle;
}

.content-right{
    width: 100%; 
    height: 100%;
    left: 0%;
    top: 0;
    /*padding-left: 250px;*/
    position: absolute;
    background-color: #fff;
    /*z-index: 1;*/


}

.navigation-btn{
    top: 12px;
    position: absolute;
    z-index: 2;
    padding: 2px;
    padding-left: 5px;
    border: none;
    background-color: none;
    cursor: pointer;
    font-size: 17px;
    color: #2aa9e0;


}

/*.page-container{
    padding-top: 15px;
    padding-bottom: 15px;
}*/

.page-head{
    top: 0px;
    height: 5%;
    height: 45px;
    /*    background-color: #39bdfb;
        background-color: #004e65;green
        background-color: #2aa9e0;blue
        background-color: #4285f4;blue
        background-color: #39bdfb;blue*/
    background-color: #fff;/*blue*/
    padding-top: 5px;
    box-shadow: 3px 3px 0px #eee;
    font-size: 14px;
    /*box-shadow: 0px 0px 5px 0px #585858;*/
    border-bottom: 3px solid #2aa9e0;
    color: #2aa9e0;
    /*position: absolute;*/

}

.page-head a{
    color: #2aa9e0;
}

.page-head .btn-back{
    font-size: 19px;
    padding: 5px;
    padding-left: 10px;
    border: none;
    background: none;


}

.page-body{
    height: 95%;
    top: 5%;
    overflow-x: auto;
    overflow-y: auto;
    padding-top: 15px;
    /*position: absolute;*/
    /*background-color: #f0f0f0;*/



}

.sm-heading{
    margin-top: 10px;
    margin-bottom: 20px;
} 

/*footer*/
.footer{
    top: 95%;
    position: absolute;
    height: 5%;
    /*border-top: 1px solid #eee;*/
    box-shadow: 0px -3px 3px #eee; 
    /*background-color: #f2f8f9;*/
    margin-top: 10px;
    padding-top: 12px;
    padding-bottom: 10px;
    text-align: center;
}

.white-sec{
    margin: 5px 0px;
    padding: 5px;
    background-color: #fff;
    box-shadow: 1px 0px 1px #eee;
}
.black-sec{
    margin: 5px 0px;
    padding: 5px;
    background-color: #263850;
    color: #fff;
}

.light-grey-sec{
    margin: 5px 0px;
    padding: 5px;
    background-color: #f7f8fa;
    box-shadow: 1px 0px 1px #eee;
}

/*responsive*/
@media screen and (max-width: 1000px) {
    .page-head{
        width: 100%;
    }
    .page-body{
        width: 100%;
    }

}

/*bootstrap customization
/*.btn-primary{
    background-color: #fff;
    border-color: #428bca;
    color: #428bca;
}
.btn-primary:hover{
    background-color: #428bca;
    color: #fff;
}*/

.btn{
    border-radius: 1px;
}

/*admin user*/
.single-data-table td, th{
    padding-bottom: 7px;
    top: 7px;
    padding-left: 10px;
    padding-right: 20px;
}


.login-page-bg{
    height: 500px;
    height: 1000px;
    height: 100%;
    width: 100%;
    opacity: .5;
    background: url(../../img/login-bg-image.jpg) no-repeat ;
    background-size: 100% 100%;
    position: fixed;
    top: 0px;
    top: 0px;
    z-index: -10;
}

.login-sec{
    padding-top: 30px;
    padding-bottom: 50px;

}
.login-sec .form-control{
    border-radius: 0px;
    background-color: #f9f9f9;
}
.login-header{
    margin-top: 15px;
    border-bottom: 1px solid #2197c5;
}
.login-header i{
    font-size: 20px;
}

.login-full-sec{
    text-align: center;
    /*vertical-align:middle;*/
    margin-top: 100px;
    /*box-shadow: 1px 2px 0px #888888;*/
    border-radius: 2px;
    color: #2197c5;
    border-bottom: 3px solid #2197c5;

}

.login-full-sec strong{
    font-size: 30px;
    vertical-align: bottom;
    padding-left: 12px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.inner-checkbox{
    padding-left: 50px;
    color: #9da3a5;
}

.pending_label{
    width: 16px;
    height: 16px;
    background-color: #eac02a;
    background-color: #f2f246;
    border-radius: 8px;
}

.processing_label{
    width: 16px;
    height: 16px;
    background-color: #228cc9;
    background-color: #16b0f7;
    border-radius: 8px;
}

.despatched_label{
    width: 16px;
    height: 16px;
    background-color: #3bdbdb;
    border-radius: 8px;
}

.canceled_label{
    width: 16px;
    height: 16px;
    background-color: #f20976;
    border-radius: 8px;
}

.finished_label{
    width: 16px;
    height: 16px;
    background-color: #5dea5d;
    border-radius: 8px;
}

.closed_label{
    width: 16px;
    height: 16px;
    background-color: #f70707;
    border-radius: 8px;
}

.amount_col{
    text-align: right;
    /*width: 140px;*/
}
.amount-col-email{
    text-align: right;
    width: 150px;
}

.qty_col{
    text-align: center;
    /*width: 90px;*/
}
.qty-col-email{
    text-align: center;
    width: 90px;
}

.theme-sec{
    background-color: #2aa9e0;
    padding: 5px;
    color: #fff;
}
.theme-sec-o{
    border: 2px solid #2aa9e0;
    padding: 5px;
    background-color: #f6f6f6;;

}
.theme-bdr{
    border: 2px solid #2aa9e0;
}
.theme-bdr-left{
    border-left: 2px solid #2aa9e0;
}
.theme-bdr-right{
    border-right: 2px solid #2aa9e0;
}
.theme-bdr-bottom{
    border-bottom: 2px solid #2aa9e0;
}
.theme-bdr-top{
    border-top: 2px solid #2aa9e0;
}

.rose-sec{
    background-color: #e53487;
    color: #fff;
    padding: 5px 0px;
}
.rose-sec-o{
    border: 2px solid #e53487;
    padding: 5px 0px;
    background-color: #f6f6f6;;

}

.rose-bdr{
    border: 2px solid #e53487;
}
.rose-bdr-left{
    border-left: 2px solid #e53487;
}
.rose-bdr-right{
    border-right: 2px solid #e53487;
}
.rose-bdr-top{
    border-top: 2px solid #e53487;
}
.rose-bdr-bottom{
    border-bottom: 2px solid #e53487;
}


.theme-txt{
    color: #2aa9e0;
}
.theme-title{
    color: #2aa9e0;
    margin: 10px 0px;
}
.theme-link{
    color: #2aa9e0;
    cursor: pointer;
}
.theme-link:hover{
    transition: 1s;
    color: #555;
    text-decoration: none;

}

.blink-sec{
    animation: blinker 1.7s linear infinite;
}
@keyframes blinker {
  50% {
    background-color: #2aa9e0;
    /* background-color: #ff7b91; edit by diyan */
    color: #fff;
  }
}
@-webkit-keyframes blinker {
  50% {
    background-color: #2aa9e0;
    color: #fff;
  }
}
@-moz-keyframes blinker {
  50% {
    background-color: #2aa9e0;
    color: #fff;
  }
}
@-o-keyframes blinker {
  50% {
    background-color: #2aa9e0;
    color: #fff;
  }
}

.adminhead{
    color: #2aa9e0;
}
.light-txt{
    color: #7f8d96;
}
.bold-txt{
    font-weight: bold;
}
.italic-txt{
    font-style: italic;
}
.underline-txt{
    text-decoration: underline;
}
.not-underline-txt{
    text-decoration: none;
}

.sm-txt{
    font-size: 10px;
}
.lg-txt{
    font-size: 16px;
}
.underline-txt{
    text-decoration: underline;
}
.crossed-txt{
    color: #7f8d96;
    text-decoration: line-through;
}
.hover-sec{
    cursor: pointer
}

.logo-txt{
    color: #2197c5;
    text-decoration: none;
}

.white-txt{
    color: #fff;
    text-decoration: none;
}
.black-txt{
    color: #000;
    text-decoration: none;
}

.txt-success{
    color: #5dea5d;
}

.txt-danger{
    color: #f20976;
}
.success-txt{
    /*color: #5dea5d;*/
    color: #2dc6c1;
}

.danger-txt{
    color: #f20976;
}

.rose-border{
    border: 1px solid #e21694;
}
.rose-title{
    color: #e21694;
    font-weight: bold;
}
.rose-txt{
    color: #e21694;
}
.rose-sec{
    background-color: #e21694;
    color: #fff;
    padding: 3px;
    border-radius: 3px;
}

.imp-txt{
    color: #e21694;
    display: inline;
    font-weight: bold;
}

.blue-border{
    border: 1px solid #0083ff;
}
.blue-title{
    color: #0083ff;
    font-weight: bold;
    margin-bottom: 15px;
}
.blue-txt{
    color: #0083ff;
}
.blue-sec{
    background-color: #0083ff;
    color: #fff;
    padding: 3px;
    border-radius: 2px;
}

.center-txt{
    text-align: center;
}
.right-txt{
    text-align: right;
}
.left-txt{
    text-align: left;
}

.hidden-elem{
    display: none;
}

.block-elem {
    display: block;
}
.block-elem-sec *{
    display: block;
}
.inline-elem{
    display: inline;
}
.inline-elem-sec *{
    display: inline;
}


.padding-none{
    padding: 0px;
}
.xs-padding{
    padding: 5px;
}
.sm-padding{
    padding: 10px;
}
.md-padding{
    padding: 15px;
}
.lg-padding{
    padding: 20px;
}
.margin-none{
    margin:0px; 
}
.md-margin-top{
    margin-top: 15px; 
}
.lg-margin-top{
    margin-top: 30px; 
}

.red-md-margin-left{
    margin-left: -15px;
}
.red-md-margin-right{
    margin-right: -15px;
}

.md-margin-bottom{
    margin-bottom: 15px; 
}


.input-grey{
    background-color: #eee;
    border:none;
    border-radius: 1px;
    box-shadow: none;
}

.copy-right-link{
    color: #fff;

}
.copy-right-link:hover{
    color: #2197c5;
    text-decoration: none;
}
.copy-right-link:active{
    color: #2197c5;
    text-decoration: none;
}

/*Dashboard*/
.chart-sec-dashboard{
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    /*background-color: #f2f2f2;*/
}

/*report*/
.report-sec{
    font-size: 12px;
}
.btn-bounce{
    background-color: #000;
    opacity: 0.6; 
    color: #fff; 
    width: 40px; 
    position: absolute; 
    left: 0;
    top: 500; 
    z-index: 1;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.print-icon-menu a{
    padding: 5px;
    /*vertical-align: central;*/
    margin-top: 20px;
    font-size: 18px;
}
.print-icon-menu {
    margin-top: 8px;
}

.txt-right{
    text-align: right;
}

.table-n-border td, .table-n-border th{
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 12px;
    padding-right: 12px;
}

.borderless td, .borderless th{
    border-top: none !important; 

}

.order-td{
    /*background-color: #eee;*/
}

.btn-price-edit, .btn-price-cancel, .btn-price-save{
    background: none;
    padding: 0px;
}

.bookorder-td, .report_option_11, .report_option_12, .report_option_13, .report_option_14, .report_option_15{
    background-color: #f7fdff;
    font-size: 10px;
    color: #888;
}
.invoiceorder-td, .report_option_16, .report_option_17{
    background-color: #fcf4fa;
    font-size: 10px;
    color: #888;
}
.shipment-td, .report_option_18, .report_option_19{
    background-color: #f4fcf6;
    font-size: 10px;
    color: #888;
}
.memo-td, .report_option_20, .report_option_21{
    background-color: #fefff7;
    font-size: 10px;
    color: #888;
}


/*category*/
.row-icon{
    font-size: 17px;
    color: #428bca;
    cursor: pointer;
}

.category-table a{
    color: #428bca;
}

.special-order, .special-order-o{
    color: #f20976;
    border-radius: 3px;
    width: 100px;
    padding: 2px 5px;
}
.special-order-o{
    border: 1px solid #f20976;
}
.normal-order, .normal-order-o{
    color: #38bdfa;
    border-radius: 3px;
    width: 100px;
    padding: 2px 5px;
}
.normal-order-o{
    border: 1px solid #38bdfa;
}

.btn-preorder{
    /*color: #ff6a00;*/
    color: #fff;
    /*font-weight:bold;*/
    background-color: #ff6a00;
    /*background-color: #e9393b;*/
    border: 1px solid #ff6a00;
    /*border: 1px solid #e9393b;*/
    border-radius:2px ; /* edit by diyan */
    /*border-bottom: 2px solid #ff6a00;*/

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

}
a.btn-preorder{
    color: #fff;
}
.btn-preorder:hover{
    color: #ff6a00;
   /* color: #e9393b;  edit by diyan */
    /*background-color: #ff6a00;*/
    background-color: #fff;

    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

}
.preorder-txt{
    color: #ff6a00;
   /* color: #e52f48;  edit by diyan */
}
.preorder-title{
    color: #7f8d96;
    text-shadow: 2px 2px 2px #000;
    text-align: center;
    font-weight: bold;
}
.preorder-title a{
    color: #7f8d96;
    text-decoration: none;
}
.preorder-title a:hover h2.preorder-title {
    background-color: #fff;
}
.preorder, .preorder-o{
    color: #ff6a00;
    border-radius: 3px;
    width: 100px;
    padding: 2px 5px;
}
.preorder-o{
    border: 1px solid #ff6a00;
}
.preorder-sec{
    background-color: #ff6a00;
    color: #fff;
    padding: 3px;
    border-radius: 2px;
}

.btn-special-order{
    background-color: #e53487;
    color: #fff;
}
.btn-special-order:hover{
    background-color: #fff;
    border: 1px solid #e53487;
    color: #e53487;
    transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
}

/*special order printing*/
.special-order-print {
    font-size: 14px;
    margin-left: 0px;
    margin-right: 0px;
}
.special-order-print .table{
    font-size: 14px;
}
.special-order-print .print-footer{
    font-size: 12px;
}

.invoice-bill-print{
    width: 100%;
    font-size: 14px;
    margin-left: 0px;
    margin-right: 0px;
}

.invoice-bill-print .table{
    font-size: 14px;
}
.invoice-bill-print .table{
    font-size: 14px;
}

.invoice-bill-print .print-footer{
    font-size: 12px;
}

/*print*/

.print-header{
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    line-height: 25px;
    font-size: 14px;
}
.print-header strong, .print-header span{
    display: block;
}

.print-body{
    line-height: 25px;
}
.print-footer{
    font-weight: normal;
}

.print-footer{
    border-top: 1px solid #ccc;
    font-style: italic;
    text-align: center;
    margin-top: 10px;
}
/*end print*/
/*end special order printing*/



.discount-txt{
    color: #fff;
    padding: 3px 8px;
    border-radius: 10px;
    background-color: #e53487;
    white-space: nowrap;

}

.discount-msg-txt, .deal-txt, .showroom-special-txt{
    color: #ff007b;
    color: #f20976;
}

.img-gift-voucher-icon{
    width: 150px;
}

/*new for makeenbooks - bootstrap styling*/
.btn-primary{

   /* background-color: #03960b;  edit by diyan */
    /*background-color: #2197c5;*/
    background-color: #2aa9e0;
    border-color: transparent;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius:3px;
    font-weight: 500;
}

.btn-primary:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

    background-color: #fff;
   /* border: 1px solid #03960b;  edit by diyan */
    /*border: 1px solid #2197c5;*/
    border: 1px solid #2aa9e0;
    box-shadow: 1px 1px 1px #f2f2f2;
    /*color: #2197c5;*/
    color: #2aa9e0;
    /* color: #03960b; edit by diyan */
}
a.btn-primary:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

    background-color: #fff;
    /*border: 1px solid #2197c5;*/
    border: 1px solid #2aa9e0;
    /*border: 1px solid #e52f48;*/
    box-shadow: 1px 1px 1px #f2f2f2;
    /*color: #2197c5;*/
    color: #2aa9e0;
    /*color: #e52f48;*/
}


.btn-primary:visited{
    
    /*background-color: #2197c5;*/
    background-color: #2aa9e0;
   /* background-color: #ff7b91;  edit by diyan */
    color: #fff;
    box-shadow: 1px 1px 1px #f2f2f2;
}

.btn-primary-o{
    background-color: #fff;
    border: 2px solid #2aa9e0;
    color: #2aa9e0;
}

.btn-primary-o:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;

    background-color: #2aa9e0;
    color: #fff;
}

.btn-success{
    background-color: #2dc6c1;
    border: 1px solid #2dc6c1;
    color: #fff;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.btn-success:hover{
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    background-color: #fff;
    color: #2dc6c1;
    border: 1px solid #2dc6c1;
}

.btn-v-sm{
    padding: 3px;
    height: 28px;
    width: 28px;
}

.panel-info{
    border: 1px solid #2aa9e0;
    border-radius: 1px;
}
.panel-info .panel-heading{
    /*background-color: rgba(38, 56, 80, 1);*/
    /*background-color: #f1f1f1;*/
    color: #2aa9e0;
    color: #2aa9e0;
    font-weight: 600;
    border-bottom: 2px solid #2aa9e0;
    /*border-bottom: 2px solid #263850;*/
    /*font-size: 14px;*/
}

.alert.alert-success{
    background-color: #2dc6c1;
    border: none;
    border-radius: 2px;
    color: #fff;
}
.alert.alert-danger{
    background-color: #f20976;
    background: rgba(242, 9, 118, 0.8);
    border: none;
    border-radius: 2px;
    color: #fff;
}
.click-to-hide{
    cursor: pointer;
}

@media(max-width:1200px) {
    .content-left .admin-logo-sec a{
        font-size: 14px;
    }
}
@media(max-width:800px) {
    .content-left .admin-logo-sec a{
        font-size: 10px;
    }
}

/* edit by diyan */
        #loading {
    background: url('http://smallenvelop.com/wp-content/uploads/2014/08/Preloader_11.gif') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999999;
}
/* edit by diyan */