@charset "utf-8";
/* CSS Document */

/*body{background:url(../../images/background.png) repeat-y !important; background-size:fixed;}*/
.smg-header-body .multiple-nav strong{display:none;}
.nav ul	{margin:0px; padding:0px; list-style:none;}
.nav li	{min-width:180px; background:#FFF; min-height:28px; float:left; margin:5px 10px 0px 0px; border-radius:3px; font-size:14px; color:#414042; padding:4px 0px 0px 55px; position:relative; font-weight: 550;}
.nav li:before{width:48px; height:28px; content:''; position:absolute; top:0px; left:0px; border-radius:3px 0px 0px 3px; color:#FFF; text-align:center; font-size:16px;font-family: 'FontAwesome';}
.nav li.finance:before{background:#00b8a5; content:"\f0d6"; padding:2px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.finance{background:#00b8a5; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}
.nav li.stock-status:before{background:#993366; content:"\f110"; padding:2px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.stock-status{background:#993366; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}
.nav li.pending-orders:before{background:#f15a22; content:"\f252"; padding:2px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.pending-orders{background:#f15a22; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}
.nav li.sales:before{background:#39b54a; content:"\f0d6"; padding:2px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.sales{background:#39b54a; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}
.nav li.dashboard:before{background:#da2128; content:"\f0d6"; padding:4px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.dashboard{background:#da2128; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}
.nav li.Invoice:before{background:#DA1F92; content:"\f0d6"; padding:2px 0px 0px 0px; border-right:1px solid #FFF;}
.nav li:hover.Invoice{background:#DA1F92; color:#FFF; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; cursor:pointer;}

.nav li.finance-selected	{background:#00b8a5; color:#FFF;}
.nav li.stock-status-selected	{background:#993366; color:#FFF;}
.nav li.pending-orders-selected	{background:#f15a22; color:#FFF;}
.nav li.sales-selected	{background:#39b54a; color:#FFF;}
.nav li.dashboard-selected	{background:#B3422D; color:#FFF;}
.nav li.Invoice-selected	{background:#C52D2D; color:#FFF;}

.content-area {margin: 0px 0px 50px 0px;}
.content-area h1{border-bottom:0px solid #da2128;   font-size: 120%;
    background: #00b8a5;
    margin: 5px 0px 0px 0px;
    padding: 3px 10px;
    border-radius: 3px 3px 0px 0px;color:#FFF; text-align:left;font-weight:bold;}

.form-area {background:#ffffff;}

.form-area label{display:block; margin:0 0 5px 0; font-weight: 550;}
.form-area .icon	{font-size:16px; padding:3px;}
.form-group{margin-bottom: 0rem;}
.form-area .form-group{float:left; margin-bottom: 0rem; padding-bottom:0px;}
.wd85	{width:84%!important;}
.input-append{position:relative;}
.input-append input[type='text']{position:relative;}
.input-append span	{position:absolute; top:6px; right:10px; font-size:14px;}
.button{text-align:right; float:none; clear:both; display:block; padding-top:5px;     padding-right: 5px;}
.btn-default{background:#6d6e71; color:#FFF; font-size:12px;}
.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(218,33,40,.25);
}
.btn{padding: .25em .5em;}

/*.btn-default:hover{background:#f15a22;}*/
.btn-default:hover{background:#da2128;}

.btn-warning{background:#f15a22; border:1px solid #f15a22;color:#FFF; font-size:12px;}
.btn-warning:hover{background:#e44f17; border:1px solid #e44f17;color:#FFF;}
.btn-danger{background:#da2128; border:1px solid #da2128;color:#FFF; font-size:12px;}
.grid-area{background:rgba(255, 255, 255, .8); padding:10px; margin:10px 0px;}
.nav li.sales-selected.active .dropdown{display:block;}
.nav li.sales.active .dropdown{display:block;}
.nav li.finance.active .dropdown{display:block;}
.nav li.stock-status.active .dropdown{display:block;}
.nav li.pending-orders.active .dropdown{display:block;}
.nav li.finance.active .dropdown{display:block;}
.nav li.dashboard.active .dropdown{display:block;}
.nav li.Invoice.active .dropdown{display:block;}
.dropdown{position:absolute; width:500px; background:#FFF; border-bottom:2px solid #39b54a; left:0px; border-radius:0px 0px 3px 3px; top:28px; z-index:99; display:none;}
.dropdown:before{content:'\f0de'; position:absolute; font-size:20px; font-family: 'FontAwesome'; top:-12px; left:58px;}
.dropdown ul	{margin:0px; padding:10px 10px 0px 10px; list-style:none;}
.dropdown li	{padding:0px 15px 0px 15px; float:left; width:50%; min-width:auto; min-height:auto; margin:0px 0px 10px 0px; position:relative; font-size:12px;}
.dropdown li:hover{color:#f15a22;}
.dropdown li:before{width:10px; height:10px; background:#666; border-radius:5px; top:3px;}
.form-group .fa-search:hover{color:#da2128;}
.login{width:40%; margin:0px auto 0px; border:10px solid rgba(255, 255, 255, .8); border-radius:20px; background:rgba(218, 33, 40, .9);}
.product-area{padding: 140px 0px 0px 20px; float:left;}
.login-area{margin:30px auto; display:block;}
.login-area .icon svg{fill:#da2128;}
.input-user{position:relative;}
.input-user input[type='text']{position:relative;}
.input-user span	{position:absolute; top:6px; left:10px; font-size:14px;}
.login-content {margin:20px auto; width:300px; display:block;}
.login-content .form-group	{margin:0px;}
.login-content .form-group label{margin:0px 0px 5px 0px; color:#FFF;}
.login-content .forgot a{color:#FFF; margin:5px 5px 10px 5px; display:block;}
.login-content .btn	{width:49%; font-size:14px;}
.login-content input[type='text'], .login-content input[type='password']{    padding: 3px 7px 3px 30px!important;}
.loginicon				{width:500px; margin:8% auto 10px;}
.loginicon span			{width:354px; height:75px; display:block; margin:0px auto 10px;}
.loginicon svg			{fill:#da2128;}
.loginicon i			{font-size:16px; font-weight:bold; color:#da2128; text-align:center; display:block; margin:0px auto;}
.login-area h2	{display:block; text-align:center; font-size:18px; font-weight:bold; color:white;}
.login-area *[class^='col-'] {padding: 6px;}
.login-area .btn-default    {background:#6d6e71; color: #FFF;}
.login-area .btn-danger {
    background: #FFF;
    border: 1px solid #da2128;
    color: #da2128;
}
.login-area .btn-danger:hover {
    background: #b3b3b3;
    border: 1px solid #9d9d9d;
    color: #414042;
}
.login-area .btn-default:hover {
    background: #f15a22;
}
/*02-07-2018 starts*/
.sales_target {margin:0px 0px 0px 0px;}
.sales_target .panel-head{padding:5px 10px; background:#b09934; font-size:14px; font-weight:bold; color:#FFF; border-radius:3px 3px 0px 0px;}
.sales_target .panel-body{background:rgba(255,255,255,.9); padding:0px 10px 10px 10px;  border-radius:0px 0px 3px 3px;}
.sales_target .panel-body .panel-content .form-group{ float:left; margin-bottom:0rem; width:40%; margin:0px 10px 0px 0px;}
.sales_target .panel-body .panel-content{border-bottom:1px solid #bfbfbf; margin:0px 0px 10px 0px;}
.form-control{padding:3px 7px; height:24px; font-size:91.6667%;     color: #939598;}
.form-control:focus
{border-color: #da2128; box-shadow: 0 0 0 0.2rem rgba(218,33,40,.25);}
input[type='text']:focus, input[type='email']:focus, input[type='password']:focus, input[type='number']:focus, input[type='tel']:focus, textarea:focus{border-color: #da2128!important; box-shadow: 0 0 0 0.2rem rgba(218,33,40,.25)!important;}
.sales_target .panel-body .panel-content .form-group label{margin:6px 0px 0px 0px;}
.sales_target .panel-body .panel-content .form-group select, 
.sales_target .panel-body .panel-content .form-group .input-append{float:right; width:60%;}
.sales_target .panel-body .panel-content .content-right{text-align:right; float:right;}
.sales_target .panel-body .panel-content .content-right ul{margin:0px; padding:0px; list-style:none; float:right;}
.sales_target .panel-body .panel-content .content-right li{float:left; margin:0px 0px 0px 10px;}
.sales_target .panel-body .panel-content .content-right li.head{padding:5px 0px 0px 0px;}
.sales_target .panel-body .panel-content .content-right li a{background:#FFF; border:1px solid #979798; border-radius:2px; min-height:22px; float:left; text-align:center; padding:5px 5px 0px 5px; text-align:center;}
.sales_target .panel-body .panel-content .content-right li a svg{fill:#979798;}
.sales_target .panel-body .panel-content .content-right li a:hover{border:1px solid #f26a37; background:#f26a37;}
.sales_target .panel-body .panel-content .content-right li.selected a{border:1px solid #f26a37; background:#f26a37;}
.sales_target .panel-body .panel-content .content-right li.selected a svg{fill:#FFF;}
.sales_target .panel-body .panel-content .content-right li a:hover svg{fill:#FFF;}
.sales_target .panel-body .panel-content .content-right li a b{display:none;}
.sales{ margin-bottom:50px;}
.sales .row{margin:0px;}
.graph-area h2{font-size:12px; font-weight:bold; text-align:center; color:#414042;}
.product_sale {margin:0px 0px 10px 0px;}
.product_sale .panel-head{padding:5px 10px; background:#00b8a5; font-size:14px; font-weight:bold; color:#FFF; border-radius:3px 3px 0px 0px;}
.product_sale .panel-body{background:rgba(255,255,255,.9); padding:0px 10px 10px 10px;  border-radius:0px 0px 3px 3px;min-height:250px;}
.product_sale .panel-body .product_img{margin:15px auto 0px;}
input[type='text'], input[type='email'], input[type='number'], input[type='password'], input[type='tel'], input[type='search'], textarea, select{height:24px!important;}

.dealer {margin:0px 0px 10px 0px;}
.dealer .panel-head{padding:5px 10px; background:#f15a22; font-size:14px; font-weight:bold; color:#FFF; border-radius:3px 3px 0px 0px;}
.dealer .panel-body{background:rgba(255,255,255,.9); padding:0px 10px 10px 10px;  border-radius:0px 0px 3px 3px; min-height:250px;}
.dealer .panel-body ul{margin:0; padding:0; list-style:none;}
.dealer .panel-body li a{margin:0px 0px 0px 0px; padding:10px 0px 5px 40px; position:relative; display:block; color:#414042;}
.dealer .panel-body li a b{display:block;}
.dealer .panel-body li a:hover{text-decoration:none; color:#f15a22;}
.dealer .panel-body li a .user	{border-radius:30px;  position:absolute; top:10px; left:0px;}
.dealer .panel-body li a .user img {border-radius:30px; width:32px; height:32px; border:2px solid #d1d3d4;}

.discount {margin:0px 0px 10px 0px;}
.discount .panel-head{padding:5px 10px; background:#993366; font-size:14px; font-weight:bold; color:#FFF; border-radius:3px 3px 0px 0px;}
.discount .panel-body{background:rgba(255,255,255,.9); padding:0px 10px 10px 10px; border-radius:0px 0px 3px 3px; min-height:250px;}
.discount .panel-body ul{margin:0; padding:0; list-style:none;}
.discount .panel-body li a{margin:0px 0px 0px 0px; padding:10px 0px 5px 35px; position:relative; display:block; color:#414042;}
.discount .panel-body li a span	{position:absolute; left:0px; top:5px; width:26px; height:26px; background:#6d6e71; border-radius:30px; color:#FFF; text-align:center; padding:5px 0px;}
.discount .panel-body li a:hover{text-decoration:none; color:#f15a22;}
.discount .panel-body li a:hover span{background:#f15a22;}
.nav-content{padding:0px 20px;}
.modal-header{background:#da2128; color:#FFF; padding:8px 10px;}
.modal-header .modal-title{text-align:left; color:#FFF; font-weight:bold;}
.modal-footer{padding:8px 10px;}
.modal-body input[type="radio"]{    float: left;
    margin: 5px 0px 0px 0px;}

@media screen and (max-width: 680px){
	.nav li{width:100%; margin: 5px 0px 0px 0px;}
	.content-area h1{margin-top:5px;}
	}
@media screen and (max-width: 767px){
	.form-area .button{margin-top: 0px!important;}
}
@media screen and (max-width: 968px){
	.login{ background:rgba(255, 255, 255, .9); width:80%;}
	.product-area {display:none;}
	.login-area {width:300px; margin:50px auto 0px; float:none;}
	.login-area .icon svg{width:280px; height:59px;}
	}
.form-area .button{margin-top: 60px;    margin-bottom: 10px;}
.form-area .note{font-size:11px; color:#da2128; padding:5px 0px 0px 0px; float:left;}
.content-area h1:after,
.dropdown ul:after,
.login:after,
.panel-content:after,
.login-content:after,
.form-group:after,
.form-area:after{background:none; border:none; clear:both; float:none; content:''; display:block; font-size:0; height:0; line-height:0; width:100%;}


.LockOff {
    display: none;
    visibility: hidden;
}

.LockOn {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background-color: #EFF5FB;*/
    background-color: white;
    text-align: center;
    padding-top: 20%;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.Asplabel {
    display: block;
    margin: 0 0 5px 0;
    font-weight: 550;
}

/*textbox hover*/
.form-control:disabled, .form-control[readonly]:hover {
    background-color: #e9ecef;
    opacity: 1;
}

.ButtonDiv{
    padding-top:10px!important;
}
.ButtonDiv2{
    padding-top:20px!important;
}

#ui-datepicker-div
        {
            width:300px;
        }

.LockOnNoImage {
    display: block;
    visibility: visible;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color:grey;
    text-align: center;
    text-decoration-color:white;
    padding-top: 20%;
    filter: alpha(opacity=90);
    opacity: 0.90;
}