html{
    overflow-x: hidden;
}
.filterboxcustom{
    padding:10px 0;
    text-align:right;
}


/*breadcrumb*/
.breadcrumb{
    border-bottom: 1px solid #d9dbe4;

}

.jarviswidget h5{
    margin-top:6px;
    padding-left:28px;
}

/* color overide */
#logo-group{
    Color:#ffffff;
    padding-left:5px;
}
#logo-group h1{
    font-style: italic;

}


.smart-style-4 #header > :first-child {
    /*background:url('../img/polBlue.jpg');*/
    background: #4BC14B	;
}


@media(max-width:992px){

    #logout i{
        color: #4BC14B;
    }


    #header{
        background:#ffffff !important;
    }
}

.smart-style-4 aside .minifyme {
    background: #4BC14B;
    color: #fff;
}

.smart-style-4 aside .minifyme:hover {
    background: #128212;
    color: #fff;
}


.page-footer .ismartpage{
    width:105px;
    margin-top:-5px;

}

/* Menu SIde */

.smart-style-4 aside {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#012038+0,084266+100 */
    /* background: #012038;
    background: -moz-linear-gradient(top,  #012038 0%, #084266 100%);
    background: -webkit-linear-gradient(top,  #012038 0%,#084266 100%);
    background: linear-gradient(to bottom,  #012038 0%,#084266 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012038', endColorstr='#084266',GradientType=0 );
     */
    color: #fff;

    background:url('../img/polBlack.jpg');

}

.smart-style-4:not(.menu-on-top) nav ul li a:hover {
    background: #4BC14B;
    color: #fff;
}


.smart-style-4:not(.menu-on-top) nav ul li a {
    color: #fff;
    /* border-bottom:1px solid #0C77AE; */
    /* 	border-bottom: 1px solid #1A1817;
        border-top: 1px solid #525151; */
}
/* footer */

.page-footer{
    background-color: #f7f7f9;
    border-top: 1px solid #d9dbe4;
}

.page-footer .footer1span{
    font-size:10px;
    text-transform:uppercase;
    text-decoration:italic;
}
.page-footer .footer2span{
    font-size:10px;
    text-decoration:italic;
}

/* datatable */
.dt-toolbar{
    background:#ffffff;
}
.dataTables_filter .form-control {
    height: 32px;
}

.dt-toolbar div.dataTables_length label{
    float:right;
}

/* login */
.htmlLogin{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1a5970+1,22446c+100 */
    background: rgb(26,89,112); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(26,89,112,1) 1%, rgba(34,68,108,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(26,89,112,1) 1%,rgba(34,68,108,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(26,89,112,1) 1%,rgba(34,68,108,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5970', endColorstr='#22446c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    padding:10px;
    padding-top:50px;
    overflow:visible !important;
}

.login,.loginContainer,.bodyLogin{
    background:transparent !important;

}

.loginContainer{
    position:relative;
    max-width:380px;
    margin:auto;
}

.loginBoxHeader{
    padding:15px 20px;
    background:#ffffff;
}

.loginContainer h4{
    color:#333333;
    font-size:15px;
    text-align:center;
    background:#f2f2f2;
    padding:10px 5px;
    border-top:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
}
.loginBoxBody{
    padding:10px 20px;
    background:#ffffff;
}
.loginBox{
    border: 6px solid rgba(178,178, 178, 0.8);
    border-radius:5px;
}
.loginBoxBody .form-control{
    margin-top:30px;
}

.loginBoxBody .help-block-error{
    font-size: 14px;
    text-align:left;
}

.loginBoxBody .login__submit{
    width:100% !important;
    display:block !important;
    text-transform:uppercase;
    color: #f7f7f7 !important;
}

.loginBoxBody .login__submit button{
    width:100% !important;
    display:block !important;
    text-transform:uppercase;
    background:#4BC14B;
    padding:15px 0;
    margin-top:10px;
    transition: all 0.3s ease;
    color: #f7f7f7 !important;
}

.loginBoxBody .login__submit button:hover,.loginBoxBody .login__submit button:active{
    background: #63c12d;
    color: #f7f7f7 !important;
}


.login_bottom{
    margin-top: 50px;
    padding-top: 20px;
    text-align: center;
    color: #f7f7f7;

    font-size:11px;
}
.login_bottom a{
    color:#f7f7f7;
    font-size:12px;
}


/* form tabale */
.formHeaderCustom{
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    line-height: normal;
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    color: #333;

    border: 1px solid #C2C2C2;
    background: #fafafa;
    height: 34px;
    padding: 0;
    display: block;


    height: 100%;
    width: auto;

    font-size: 16px;
    position: relative;
    margin: 0;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0;
    padding-left:10px;
}

div.widget-body fieldset legend{
    margin:30px 0;

    border-bottom: 1px dashed rgba(0,0,0,.2);
    border-top: 1px dashed rgba(0,0,0,.2);
    padding-left:10px;
    background: #fafafa;
    color: #333;

}

/* sales invoice */
.invoiceBody .widget-body{
    padding-top:35px;
}

.datepicker{
    z-index:9999 !important;
}

.tt-menu {
    min-width: 100% !important;
    width: auto !important;
}


/* table multi item */
.invoiceclass textarea{
    height:34px;
}

.invoiceclass .removeLoadedRow,.invoiceclass .removeRow{
    color: #a90329;
    margin-top: 7px;
    display: block;
}



/* global */
.displaynone{
    display:none !important;
}

.text-decoration-none{
    text-decoration: none;
}

.text-decoration-none:hover{
    text-decoration: none;
}

.help_guide_button{
    background: #4BC14B;
    padding: 2px 5px;
    margin-left:5px;
    color:#ffffff;
    border-radius: 50px;
}

.help_guide_button:hover,.help_guide_button:active{
    background: #1B91D6;
    text-decoration: none !important;
    color:#ffffff;
}


/*admin user panel*/

.premiumTextBold {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4BC14B;
    text-shadow: 1px 1px 1px #999999;
}

.user-table th,.user-table td{
    text-align: center;
}
.adminuser-table-img{
    width:50px;
}

/* static website pages*/
.content_builder_button{
    padding:10px;
    border:1px solid #999;
    text-align:center;
    display:block;
    margin:10px;
    border-radius:10px;
    cursor: pointer;
}
.content_builder_button:hover{
    background:#EFF0F0;
}



/*Dasboard Page*/
#sparks li h5 {
    margin:0px;
}

.dividerHeadingDashboard{
    border-bottom:1px solid #e3e3e3;
    margin:10px 0 30px 0;
}

.dashboard-boxheader{
    color: #333;
    border: 1px solid #C2C2C2;
    background: #fafafa;
    height: 34px;
    padding: 0;
    line-height: 35px;
    margin:0;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0;
}

.dashboard-boxheader span.label{
    font-size: 10px !important;
    height: auto !important;
    margin-top:-10px;
    line-height: 10px;
}

.dashboard_box:hover > div {
    border-right-color: #2B94CB !important;
    border-bottom-color: #2B94CB !important;
    border-left-color: #2B94CB !important;
}

.dashboard_box:hover .dashboard-boxheader {
    border: 1px solid #2B94CB;
    background: #42C6FF;
    color: #ffffff;
}

.dashboard_box th{
    text-align:center;
}

.dashboard_inquieries_notif{
    background-color: #a90329;
}


mark.rubberBand {
    border: 2px solid #C40000;

    background-color: #4BC14B;


    position: absolute;

    font-weight: 400;
    color: #FFF;

    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 48px;
    font-size: 30px;
    top: 0px;
    left: 0px;
    text-align: center;

    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.dashboard_box_inquiries:hover mark.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}


/* animation keyframes */
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

/*Product page*/

.product_button_holder_action{
    margin-bottom: 20px;
    overflow: hidden;
}
.product_button_holder_action a{
    margin-right: 10px;
}
.product_button_holder_action a.pull-right{
    margin-right: 0px;
}

/*product categories*/

.jqtree-tree li .jqtree-element{
    padding:10px 0;
}

ul.jqtree-tree .jqtree-title {
    margin:0px;
}

.jqtree-tree .jqtree-element{

    border: 1px solid #cccccc;
}
.jqtree-tree .jqtree-selected .jqtree-element{
    background:#F5F5F5 !important;
}

.jqtree-tree .jqtree-element:before{
    font-family: FontAwesome;
    content:"\f096";
    margin-left:10px;
    margin-right:20px;
    color:#000000;
    font-size: 15px;
}

.jqtree-tree .jqtree-selected .jqtree-element:before{
    font-family: FontAwesome;
    content:"\f046";
    margin-left:10px;
    margin-right:20px;
    color:#000000;
    font-size: 15px;
}
.jqtree-tree .jqtree-element span{
    color:#000000 !important;
    text-transform: uppercase;
}


/*mobile fix*/

@media screen and ( max-width:400px) {

    #logo-group {

        display: none !important;
    }

}


@media screen and ( max-width:768px) {


    /*Product page*/
    .product_button_holder_action a{
        display:block !important;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

}

/*theme editor*/
.texture_backend img{
    border:1px solid #b5b5b5;
}

.texture_backend .modal img{
    border:1px solid #b5b5b5;
    margin-bottom:20px;
    min-width:200px;
    min-height:200px;
}





/*check box*/
label input[type=checkbox]{
    margin-right:10px;
}

.insertSetItem, .insertItem{
    cursor: pointer;
}

input.error{
    border: solid #b94a48 1px;
}

label.error{
    color: #b94a48;
}

.setItem {
    border-top: black;
    font-style: italic;
    background-color: silver;
}
.paidStatus{
    position: absolute;
    z-index: 9999;
    color: red;
    font-size:5em;
    opacity: 0.5;
    font-weight: 900;
    transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
}
.text-bold{
    font-weight:bold;
}
.loggedIn{
    padding-right: 2em !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}