#sp-top-bar {background: #a64d0e; border-bottom: 2px solid #00a651; }
#offcanvas-toggler,.sp-megamenu-parent > li.sp-menu-item{line-height: 100px;}
.sp-megamenu-parent > li > a{font-size: 18px; font-weight: 700;}
.sp-megamenu-parent > li.active > a,.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li.active > a:hover {font-weight: 700; color: #e2920f;}
#offcanvas-toggler > .fa:hover {color: #e2920f;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a{font-size: 16px; font-weight: 700;}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a{color: #e2920f;}
.sp-page-title {background: #e2920f; padding: 15px 0;}
#sp-main-body {   padding: 30px 0;}
.newaccount{padding-right: 0px !important; padding-left: 0px !important;}

#manufacturer-form .form-control {padding: .130rem .65rem !important;}
#manufacturer-form .form-group {margin-bottom: 0.8rem;}
#manufacturer-form{border:1px solid #eee; padding: 5px 0px;}

#manufacturer-form .importselect,#manufacturer-form .localselect{ padding: .130rem 0rem !important; }

.showdiv{display: block !important;}
.hidediv{display: none !important;}
.nopadding{padding-left: 0px !important; padding-right: 0px !important; float: left;}

.width48{width: 48% !important; float: left;}
.margin10{margin-right: 5px;}
.margin3{margin-right: 3px;}
.clr{clear: both;}
#manufacturer-form .btn-sm{font-size: 12px; font-weight: 200; float: left !important;}
#manufacturer-form select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 2px) !important; }
.element input,.productelement input,.productelement select,.materialelement input,.additiveelement input{margin-bottom: 10px !important;}
.materialelement{margin-bottom: 0px !important;}
.floatleft{float: left;}
.addedinfo{font-size: 12px; color: #888; display: block; margin-top: -5px;}
.materialelement .col-lg-4{max-width: 31% !important; }
.materialelement .col-lg-3{max-width: 24% !important; }

.manufacturer-dtl .form-control {font-size: 0.79rem !important;}
.loadinggif{ background-image: url('../images/loadinggif.gif'); height: 150px; position: relative;
    z-index: 999999; background-repeat:no-repeat; margin-top: -40px!important; width: 170px; margin: 0 auto; vertical-align: middle;}
.displaynone{display: none;}
.displayblock{display: none;}

a.profile-edit-btn{padding:3px 10px; color: #fff; font-size: 14px;}

      .viewprofile  .image-container {
            position: relative;
        }

      .viewprofile .image {
            opacity: 1;
            display: block;
            width: 100%;
            height: auto;
            transition: .5s ease;
            backface-visibility: hidden;
        }

      .viewprofile .middle {
            transition: .5s ease;
            opacity: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            text-align: center;
        }

       .viewprofile .image-container:hover .image {
            opacity: 0.3;
        }

        .viewprofile .image-container:hover .middle {
            opacity: 1;
        }
.profile-edit-btn{
    border: none;
    border-radius: 1.5rem;
    width: 70%;
    padding: 2%;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
}

#sp-header {height: 100px !important;}
#sp-header .logo { height: 100px !important;}
#sp-header .logo img{max-width: 400px;}
#sp-header .col-lg-3{width: 40%; float:  left;}
#sp-header .col-lg-9{width: 60%; float:  left;}
.d-block{font-size: 14px !important;}
.d-block .coname{font-weight: 700;}

.userData{padding-top: 12px;}
img#imgprev{height: 110px; width: auto; border:none !important;}

.akefemaportal .h2, .akefemaportal h2 { font-size: 1.3rem !important; margin-left: 10px;}
.manufacturer-dtl .contentholder{ margin-bottom: 5px; margin-top: 15px; } 
.rl_tabs.top>ul.nav-tabs>li a.active{background: #e2920f; color: #fff !important;}

.greenbg{border-top: 5px solid #62bc62 !important; padding-top: 4px; -webkit-border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-right: 5px;}
.purplebg{border-top: 5px solid #800080 !important; padding-top: 4px; -webkit-border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-right: 5px;}
 #regTab li.nav-item a{color:#0345bf !important; }
.orangebg{border-top: 5px solid #faa937 !important; padding-top: 4px; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-right: 5px;}
.bluebg{border-top: 5px solid #3071a9 !important; padding-top: 4px; -webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; margin-right: 5px;}

.mb-4, .my-4 { margin-bottom: 12px !important; }
.cancelbutton{margin-left: 5px;}
.processbuttons{background: #ccc; height: 50px; padding: 5px 10px; width: 95%;
    margin: 0 auto; margin-top: 50px;}

#sp-main-body #sp-right{max-width: 20% !important; margin-top: 30px;}
#sp-main-body #sp-component {max-width: 80% !important;}
#sp-main-body #sp-right .sp-module {padding: 20px !important;}

#sp-right .sp-module .sp-module-title {
    margin: 0 0 20px !important;
    padding-bottom: 0px !important; }

#sp-component .about-portal{text-align: center !important;}


li.nav-item a.nav-link:hover{background: #faa937; color: #fff;}
.nav-tabs .nav-link {border-right:1px solid #ddd !important; border-left:1px solid #ddd !important;}

@media (min-width: 1200px){
  .container { max-width: 1240px !important; }  
}