/*******Home********/
#headname{background-color:rgb(240,240,240,0.7);}
#headname h3{    padding: 34px 0px;margin:0px;}
#product .box.sale-app{background-image: url(../images/product_img1.png);}
#product .box.salesman{background-image: url(../images/sales-man-bg.png);}
#product .box.social-group{background-image: url(../images/social-group-bg.png);margin:0px;}
#product .box.ecomm{background-image: url(../images/ecommerce-bg.png);}
#product .box.matrimonial{background-image: url(../images/Matrimonial-bg.png);}
#product .box.blog{background-image: url(../images/blog-screen.png);margin:0px;}
#product .box{width: 387px;background-color: white;background-repeat: no-repeat;margin: 0;padding: 32px;margin-right: 35px;margin-bottom: 35px;height: 339px;box-shadow: 2px 3px 14px -3px rgba(0,0,0,0.75);}
#product .box h3{margin:0px;color:white;font-size: 18px;line-height: 27px;padding-bottom: 10px;}
#product .box h3 b{font-size:24px;}
#product .box p{color:white;font-weight: lighter;padding: 9px 0px;font-size: 15px;opacity: 0.8;}
#product .box a{background-color: white;padding: 10px;display: -webkit-inline-box;margin-top: 23px;text-decoration: none;color: black;}
#product .box a:hover{background-color:#f14916;color:white; }
#product > h3{margin-bottom: 0px;font-size: 20px;color: black;font-weight: bold;}
#product hr{opacity: 0.2;border: 1px solid white;}
/*********End Home**********/

/**********Product***********/
.phnleft.mc {width: 28%;height: 100%;}
.phnleft.mc .srchWrp {max-width: 126px;}
.phnrht.mc {margin-left: 28%;}
.phnleft {height: 90%;width: 280px;border-right: 1px solid #eee;overflow: auto;float: left;}
.mc .grpLi li h3 {width: 75%;}
.grpLi li h3 {display: block;margin-top: 0;line-height: 15px;margin-bottom: 3px;max-width: 90%;padding: 5px;margin-left: -5px;border: 1px solid transparent;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: black;}
.clRt {position: absolute;right: 0;line-height: 23px;top: 0;text-align: right;padding: 8px 15px;}
.phnleft.mc .srchWrp {max-width: 126px;}
.srchWrp {position: relative;float: left;}
.flot_lft {float: left;}
.mc i {font-size: 18px;color: #ccc;margin: 5px 5px 0;}
.grpLi li .fa {padding: 5px;}
.grpLi li h3 + small {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 80%;}
.grpLi li {position: relative;border-top: 1px solid #f5f5f5;padding: 6px 12px 12px;transition: .3s all;display: block;cursor: pointer;transition: .3s all;}
.grpLi {margin: 0;padding: 0;color: #999;}
.phnrht.mc .btn-sm {text-align: left;font-size: 12px;line-height: 16px;}
.phnrht.mc .whiteBox {margin: 0 0 20px;}
.mc .whiteBox {box-shadow: 0 0 14px rgba(0,0,0,.1);padding: 0;margin: 0 20px 20px 0;}
.phnrht h3, .phnrht h3 + small {display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 200px;}
.mc .table {margin-bottom: 0;}
.phnrht .table, .tab_el_ovr .table {table-layout: fixed;}
.table {margin-bottom: 20px;text-align: left;border-collapse: collapse;}
.table > thead > tr > th, .table > thead > tr > td {border-bottom: 0;font-size: 13px;padding: 10px 12px;vertical-align: middle;background: #eee;color: #1b4459;font-weight: 700;}
.table > tbody > tr {transition: .2s all;background: #fff;border-bottom: 1px solid #eee;}
.btn-default {background: #fafafa;box-shadow: 0 0 0 1px #eee inset;color: #1b4459 ;}
.phnrht .nav.nav-tabs{margin-bottom:0px;} 
.phnrht.mc .tab-pane{float:left;}

#Orders .search-bg{background-color:#fafafa;padding:22px 23px;}
#Orders .srchWrp {float:none;}
#Orders .status h3{background-color: #51be7f;padding: 16px;color: white;font-size: 15px;border: 2px solid #37a565;}
#Orders .status b{float:right;font-size:36px;}
#Orders .status i{color:white;margin: 0px 0px;margin-right: 8px;}
#Orders .status h3 span{display: -webkit-inline-box;margin-top: 11px;}
#Orders .status h3.expired,#Orders .status h3.delete,#Orders .status h3.all{background:none;color: #1b4459;border: 2px solid #f2f4f6;}
#Orders .status h3.expired i{color:#1b4459;}
#Orders .status h3.delete i,#Orders .status h3.delete b{color:#ff5e5e;}
#Orders .status h3.all i,#Orders .status h3.all b{color:#10adff;}
#Orders .whiteBox h3 {padding: 20px;margin: 0;font-weight: 700;font-size: 18px;overflow: inherit;}
#Orders .whiteBox h3.blue{color: #0197cb;}
#Orders .whiteBox h3.green {color: #6fb06f;}
#Orders .whiteBox h3.black {color: #333333;}

.btn-sm.btn-darkblue{background-color:#0197cb;color:white;}
.btn-sm.btn-darkblue:active,.btn-sm.btn-darkblue:hover,.btn-sm.btn-darkblue:focus{background-color:#0197cb;color:white;}
.btn-group-sm>.btn, .btn-sm {border-radius: 0px;}

li.wallet-img img{height:32px;}
li.wallet-img{  margin: 0;  margin: 4px 11px;}
li.wallet-text span{color:#9ca6ac;font-size: 12px;}
li.wallet-text span b{color:#1b4459;font-size:16px;}
li.pull-right a{padding: 5px 10px;color: #aaa;border:none;border-radius:0px;text-transform: none;margin-top: 8px;}
li.pull-right .btn-default:active,li.pull-right .btn-default:hover,li.pull-right .btn-default:focus{color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
li.pull-right.wallet-text,li.pull-right.client{margin-right:10px;}

#userDetailul .userli {color: #999;    filter: grayscale(100%);}   
#userDetailul .userli:hover{filter: grayscale(0);opacity: 1;} 
#userDetailul .userli a span.green{color: #00b674;}
#userDetailul .userli a span.red{color: #fd2f2f;}
#userDetailul .userli i{color:black;padding:0px;}
#Orders .table tr td span{font-size:12px;color: #979a9c;} 
#userDetailul .userli .active-pro{color: #767676;border: 1px solid;border-color: #767676;font-size: 12px;padding: 0px 4px;display: -webkit-inline-box;}
#userDetailul .userli.active{background-color:#f5f5f5;}


/****Modal****/
#orderid .modal-footer{text-align:left;border-top:none;}
#orderid .modal-footer button{    font-weight: 500;}
#orderid .modal-header h4{color:#1b4459;}
#orderid .modal-header h4 span{color:#3aa2d7;}
#orderid .modal-header{background-color: #fafafa;}
#orderid .modal-body .table tr td p{color:#1b4459;}
/******End Product********/

/**add customer*/
#addCampaign i.plus-icon{color: #1b4459;background-color: #f1f1f1;padding: 8px 13px;border-radius: 8px;margin-top: 10px;}

/***Wallet***/
#headname span.pull-right{color:#8b979e;}
#headname span.pull-right b{color: #1b4459;font-size:30px;}   
#headname img.pull-right{ margin-top: 15px;}

#wallet .choose-offer{margin-top:45px;}
#wallet .choose-offer h3{color:#1b4459;margin:0px;}
#wallet .uploader {color: #a4a6a8;background: none;border: 2px dashed #e5e5e5;}
#wallet .uploader .wallet-riban{margin-left:83px;}
#wallet .uploader .twodiv{padding:0px 33px;}
#wallet .uploader .twodiv .orng{background-color: #ff7058;}
#wallet .uploader .twodiv .purpal{background-color: #8a7fb2;}
#wallet .uploader .twodiv .orange{background-color: #fe8a32;}
#wallet .uploader .twodiv .green{background-color: #6ec275;}
#wallet .uploader .twodiv .box1{ color: white;
    float: left;
    padding: 10px 28px;
    width: 100px;}
    #wallet .uploader .twodiv .box2{ color: white;
    float: right;
    padding: 10px 26px;
    width: 100px;}
#wallet .uploader .twodiv .box1 span,#wallet .uploader .twodiv .box2 span{font-size:15px;}
#wallet .uploader .twodiv .dull{background-color:#f0f0f0;color:#0f3345;}
#wallet .uploader .price{background-color:#0f3345;color:white;display: inline-block;padding: 5px;margin-left: 18px;}
#wallet .uploader .price .uploader i{font-size:20px;}
#wallet .uploader .price .uploader{padding: 13px 64px;}   
#wallet .uploader .price .uploader span{ display: inline-flex;}
#wallet .uploader .price .uploader h3{color:white;font-size:30px;font-weight: 700;}
#wallet .uploader .last-box{padding:0px 33px;}
#wallet .uploader .last-box .dull{background-color:#f0f0f0;color:#0f3345;padding:  22px;}
#wallet .uploader .last-box .dull a{text-decoration:none;}
#wallet .uploader .last-box .dull span.orange{background-color:#ff7058;color: white;border:none;}
#wallet .uploader .last-box .dull span{padding: 7px 34px;color: #0f3345;font-size: 12px;font-weight: 700;border: 3px solid #e1e3e5;}


/***make oreder****/
#make-order.navbar.navbar-blue{background-color: #17bcf1;border: 0 none;box-shadow: 0 0 5px rgba(0,0,0,.3);z-index: 1;}
#make-order.navbar-blue .navbar-brand {padding: 18px 30px;padding-right: 113px;height: 82px;background: #1eb2e1;color: white;line-height: 25px;}
#make-order .iconCir {padding: 5px 10px;width: 33px;height: 33px;margin: 0 0 0 10px;cursor: pointer;}
#make-order .iconCir {border-radius: 100%;border: 1px solid #addff3;background: none;display: inline-block;outline: none;margin: 23px 31px;color: #addff3;width: 35px;height: 35px;padding: 2px 0 6px 1px;transition: .3s all;font-size: 19px;}
#make-order.navbar-blue .navbar-nav > li > a {padding: 11px 64px 0px;font-weight: 700;transition: .3s all;}
#make-order.navbar-blue .navbar-nav > li > a span{display: block;font-size: 18px;color: #93dbf8;padding: 3px 0 4px;border:none;padding-bottom: 10px;line-height: 26px;font-weight: lighter;}
#make-order.navbar-blue .navbar-nav > li > a b {font-size:14px;}
#make-order.navbar-blue .navbar-nav > li.active > a span{color: white;}
#make-order span.lighter{font-weight:lighter;}
#make-order span.bloder{font-weight:400;}
#make-order.navbar-blue .navbar-nav > li.active > a hr {margin-top: 0px;border-color:#087a9b;}
#make-order.navbar-blue .navbar-nav > li > a hr {margin-top: 0px;margin-bottom: 0px;border: 0;border-top: 4px solid #51e0ff;width: 59px;margin-left: 0;}
/****make Order end****/

}