+/*====Fonts====*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/*======================*/

*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.floatleft{float:left !important}.floatright{float:right !important}
.clear{clear:both}
.aligncenter{text-align:center}.alignright{text-align:right}
a{color:#333;outline:none;border:none;text-decoration:none}
a:visited{color:#accd20}
a:hover{text-decoration:none;color:#7e9b01}
a:active{color:#7e9b01;outline:none}
a:focus{outline:none}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;padding:0}
p{padding:8px 0;line-height:24px}
em{font-style:normal}
/*======================*/
html{height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:400;color:#393838;font-size:14px;line-height:22px;}/*----- Body -----*/
.container{position:relative;}/*----- container -----*/
#container{clear:both;background:#f9f9f9;min-height:500px;overflow:hidden}
#content {/*padding: 25px 0 0;*/min-height: 400px;overflow:hidden;}
/*========= Calling Fonts ========*/
.nav li,.call-to-action,#intro .content,h2,#aboutus .list li h3,#welcome h2,footer h3,.inner-page #intro h1,.login-bx h2,.custom-form input[type="submit"],.left-tab-content h2{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:600}
#intro h1,.learmore,.affiliate-reseller h3{font-family:"Open Sans", Arial, Helvetica, sans-serif;font-weight:700}
/*-- Font Glyphicons --*/
.glyphicon{font-size:14px;}
/*---------*/
h2,h3,h4,h5{margin:0 0 10px;}
h3,h4,h5{margin:10px 0}
h1{font-size:30px;line-height:normal}
h2{font-size:35px;color:#1e2226;text-align:center;margin:0 0 20px;line-height:normal}
.main-heading{position:relative;background: url(../images/head-border.png) repeat-x 0 83%;text-transform:uppercase;font-size:40px;}
.main-heading:before,footer .logo:before{content: url(../images/head-bg.png);position:absolute;top:40px;left:0;display:inline-block;width:100%;}
.main-heading:after,footer .logo:after{content: '';background:#fff;display:block;width:90px;padding:19px 0;margin:0 auto}

h3{font-size:26px;line-height:normal}
h4{font-size:20px;line-height:normal}

.alignleft{display:block;float:left;margin:0 20px 15px 0}
.alignright{display:block;float:right;margin:0 0 15px 20px}
 /*-- Form Elements --*/
 label{font-size: 14px;color: #171717;margin-bottom: 11px;font-weight: 600;}
 
input[type="text"],input[type="email"],input[type="password"],textarea,select,#login input[type="password"]{width:100%;display:block;background:none;border:1px solid #ddd;color:#545454;padding:12px 10px;border-radius:4px;box-sizing:border-box;}

input[type="checkbox"]{margin-right:8px} 
textarea{height:125px}
input[type="button"]{cursor:pointer;}
input[type="submit"],input[type="button"]{background:#accd20;font-size:20px;color:#fff;border:0;outline:0;padding:13px 12px;min-width:180px;cursor:pointer;text-transform:uppercase;outline:0;border-radius:4px;}
input[type="submit"]:hover{background:#0c0e11;}
.btn.blue{color: #fff;background: #4b8df8;border-color: "";display: inline-block;margin: 0 0 5px;vertical-align: middle;min-height: 21px;}
.red.btn{background:#d84a38;}

.selectbox a{color:#fff}

input[placeholder]{color:#545454 !important;opacity:1}/* Ie7 and Ie8 */
::-webkit-input-placeholder{color:#545454;opacity:1}/* Chrome, Safari */
::-moz-placeholder{color:#545454 !important;opacity:1}/* Firefox 19+ */
/*----   error msgs    ---*/
.required{color:#d40101;font-weight:400}
.error-msg{display:block;color:#f00;font-size:14px;margin:7px 0 0}
.alert{display:block;padding:8px 14px 8px 14px;font-size:13px;box-shadow:none}
.alert .fa{margin-right:7px}
.alert-success .fa{font-size:15px;}
.alert-danger .fa{font-size:14px;}
/*----   loader    ---*/
#loader{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.6);text-align:center;z-index:999;}
#loader .loader-image{position:absolute;top:30%;left:50%}
/*-----   common transition -------*/
input[type="submit"],input[type="button"],.btn,.check-dnd .sidebar form input[type="submit"],.button,.call-to-action,.button.join-affiliate:hover,.heapBox .heap .heapOptions .heapOption a{-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}
.sweet-alert input{display:none}/*--- sweatalert --*/

#content ul li,.list li{background:url(../images/black-arrow.png) no-repeat 2px 7px;padding:0 10px 12px 16px}

/*----- header -----*/
.container{}
header{background:#0c0e11;min-height:84px;padding:25px 0}
/*----- Logo -----*/
#logo{width:266px}
#logo img{cursor:pointer;}

/*=========  menu  ========*/
#menu{position:absolute;top:3px;right:21.2%;width:52.9%;margin:0;z-index:1}
#menu .navbar-collapse.collapse{padding:0}
#menu .navbar-collapse.collapse.animated.slideInUp{animation:none;animation-name:none;}
#menu .navbar-nav{float:right;margin:0}
.nav li{float:left;position:relative;margin-left:4px;text-align:center;color:#fff;font-size:15px;text-transform:uppercase;line-height:normal}
.nav li a{color:#fff;line-height:normal}
.nav > li > a,.nav > li > span{display:block;padding: 0 18px 13px 18px;text-decoration:none;
-webkit-transition: border 0.4s ease-in-out,color 0.4s ease-in-out;
-moz-transition: border 0.4s ease-in-out,color 0.4s ease-in-out;
-ms-transition: border 0.4s ease-in-out,color 0.4s ease-in-out;
-o-transition: border 0.4s ease-in-out,color 0.4s ease-in-out;
transition: border 0.4s ease-in-out,color 0.4s ease-in-out}
.nav > li.active > span,.nav li:hover > a,.nav li > a:focus{background:none;/*border-bottom:3px solid #accd20;*/color:#fff}
.nav > li.active > span{background:url(../images/activemenu-border.png) no-repeat center 100%;}
.nav li > a.hvr-underline-from-center:before{background:#accd20;}
/*-------   sticky header ------*/
/* --- cart --- */
#cart{position:absolute;top:4px;right:17.6%;z-index:1;}
#cart > .btn{position:relative;background:url(../images/cart.png) no-repeat 0 center;color:#fff;border:0;padding:0;height:32px;width:32px}
#cart > .btn:hover,#cart > .btn:focus,#cart > .btn.active,#cart > .btn:active{border:0;outline:none;box-shadow:none}
#cart.btn-group.open .dropdown-toggle{box-shadow:none}

#cart > .btn .count-items{position:absolute;top:-7px;left:15px;display:block;background:#accd20;width:24px;height:24px;line-height:24px;color:#fff;font-size:12px;text-align:center;border-radius:50%;}
#cart > .btn > span{color:#2b2a2a}
/*#cart .caret{margin-left:5px;}*/

#cart .dropdown-menu {background: #fff;min-width:250px;min-height:0;padding:10px;border-width:0;border-radius:0;-webkit-box-shadow:2px 2px 6px 2px rgba(0,0,0,.175);-moz-box-shadow:2px 2px 6px 2px rgba(0,0,0,.175);z-index: 1001;}
#cart .dropdown-menu table {margin-bottom: 10px;}
/* --- cart --- */
/*-----  call to action   ------*/
.call-to-action{position:absolute;top:-7px;right:15px;background:#accd20;width:190px;padding:12px 0;font-size:19px;color:#0e0e0e;border-radius:3px;text-transform:uppercase;text-align:center}
a.call-to-action{color:#0e0e0e}
.call-to-action:hover{background:#ccef37}
a.call-to-action:hover,a.call-to-action:focus{color:#0e0e0e;text-decoration:none}
/*----- intro -----*/
#intro{background:url(../images/intro-bg.jpg) no-repeat 0 0;min-height:419px;padding:46px 0;overflow:hidden}
#intro a:focus,#intro a:hover{text-decoration:none}
#intro .content{float:right;width:48.5%;color:#fff}
#intro h1{font-size:75px;color:#fff;line-height:normal;margin:0 0 10px}
#intro h1 span{display:block;font-size:34px;font-weight:600}
.button{background:#accd20;color:#0e0e0e;font-size:18px;border-radius:4px;text-shadow:-1px 1px #829a1b;box-shadow:4px 4px #86a112;text-transform:uppercase;text-align:center;padding:15px 25px}
a.learmore{color:#0e0e0e;}
.learmore:hover{background:#171717;color:#fff;text-shadow:-1px 1px #939393;box-shadow:4px 4px rgba(0,0,0,0.4);}


#intro .learmore{display:block;width:340px;padding:15px 0;}
#intro .slider p{font-size:20px;line-height:normal;margin:0 0 30px}
/*----- Inner intro/Login -----*/
.inner-page #intro{background:#c5d876;min-height:119px;/*min-height:119px;*/border-bottom:2px solid #c5d876;padding:0;overflow:hidden}
.left-sec{background:#f1f1f1 url(../images/inner-intro-bg.jpg) no-repeat -260px 0;min-height:117px}
.inner-page #intro h1{display:inline-block;font-size:50px;color:#2a2a2a;padding:23px 0 0 93px;margin:0}
/*----- breadcrumb -----*/
.breadcrumb{float:right;width:40%;background:none;font-size:16px;text-align:right;padding-top:38px;margin:0}
.breadcrumb a{color:#393838}
.breadcrumb em.active{font-style:normal;color:#97bb00}
#intro .breadcrumb a:hover{color:#000;text-decoration:underline}
p.breadcrumb{margin:0}
/*-----  customform/Login/registartion  -----*/
/*.customform-wrapper{background:#f9f9f9;overflow:hidden}*/
/*.login #container{min-height:400px;}*/

.customform-bx{width:660px;border:1px solid #e2e2e2;margin:56px auto 30px;box-shadow:2px 2px #ededed}
.customform-bx h2{background:#3c4556;font-size:25px;color:#fff;text-align:center;padding:10px;margin:0 -1px}
.custom-form{padding:25px;color:#6a6a6a}
.custom-form .form-group{position:relative;margin:0;min-height:66px}
.custom-form .form-group.captcha{min-height:112px;margin:0 0 20px}
.custom-form .form-group.select-box{margin:15px 0 0}

.custom-form label{width:100%;color:#6a6a6a;font-weight:400;font-size:15px;margin:0 0 7px;}
.custom-form .control-label{font-weight:600;}
.custom-form .selectbox{width:360px;/*min-height:64px;*/}
.custom-form input[type="text"],.custom-form input[type="email"],.custom-form input[type="password"],.custom-form textarea,.custom-form select{background:none;font-size:14px;color:#111;border-radius:0}
.custom-form input[type="text"],.custom-form input[type="email"],.custom-form input[type="password"],.custom-form textarea{border-width:0 0 1px 0}
.custom-form textarea{height:90px}
a.forgot-password{color:#7e9b01;}
a.forgot-password:hover{text-decoration:underline}

.custom-form .buttons{margin:10px 0 20px;}
.custom-form .signin{margin:15px 0 0}
.custom-form input[type="submit"]{width:100%;color:#0e0e0e;text-align:center;font-size:24px;text-transform:uppercase;padding:15px 12px}
.custom-form input[type="submit"]:hover{color:#fff}
/*.custom-form .error-msg{margin:5px 0 10px}*/

.custom-form .form-horizontal .control-label{text-align:left;margin:0 0 14px 0}
/*-------     ------*/
.helptext{font-weight:600;font-size:15px}
/*#affiliate_form .error-msg{margin:10px 0}*/

/*.privacy-checkbox{position:relative}
#privacy-error{position:absolute;top:36px;left:0}*/


/*----- About us -----*/
#aboutus{text-align:center;padding:67px 0 64px;overflow:hidden}
#aboutus h2,#testimonial h2{background:url(../images/activemenu-border.png) no-repeat center 100%;color:#191222;font-size:45px;line-height:normal;padding-bottom:24px}
#aboutus h2 span,#testimonial h2 span{display:block;font-size:20px;font-weight:400;margin:10px 0 0}
#aboutus .para{margin:0 0 50px}
#aboutus .alignleft{margin:0 20px 20px 0}

#aboutus .list{float:right;width:32.3%;text-align:left;}
#aboutus .list li{background:none;padding:0}
#aboutus .list li{display:block;padding-bottom:10px}
#aboutus .list li .image{display:block;float:left;background:#1d1c1c;width:94px;height:84px;border-radius:5px;border:4px solid #dfdfdf;margin:0 20px 20px 0;/*padding:10px*/}
#aboutus .list li .image.hvr-radial-in:before{background:#1d1c1c;}
#aboutus .list li .image.hvr-radial-in{background:#accd20;}

/*#aboutus .list li:hover .image{background:#accd20;}*/
#aboutus .list li .image img{display:inline-block;vertical-align:middle;}
#aboutus .list li h3{font-size:16px;color:#191222;margin:0 0 3px}
#aboutus .list li .info{display:block;color:#737373;padding-bottom:10px;border-bottom:1px dashed #393838;margin-left:114px}
#aboutus .list li p{font-size:14px;line-height:23px}

/*----- Welcome -----*/
#welcome{background:url(../images/welcome-bg.jpg) no-repeat 0 0;min-height:515px;padding:60px 0 0;text-align:center;color:#fff}
#welcome h2{font-size:40px;color:#fff;margin:0 0 20px}
#welcome p{font-size:15px;margin:0 0 44px}
.video{position:relative;background:url(../images/vedio-bg.png) no-repeat center 100%;width:880px;height:489px;margin:0 auto;text-align:center}
.video-container{position:absolute;top:29px;left:0;width:100%;}

/*----- testimonial -----*/
#testimonial{background:#fff;text-align:center;padding:50px 0}
#testimonial ul{}
#content #testimonial ul li{background:none;padding:0}
#testimonial ul li{margin:0 0 10px}
#testimonial ul li p{font-size:15px;/*background:url(../images/right-quote.png) no-repeat 100% 100%;padding-right:15px;*/}
#testimonial ul li p:before{content:url(../images/left-quote.png);padding:0 15px 0 0;/*position:absolute;top:0;left:0;display:inline-block;width:100%;*/}
#testimonial ul li p:after{content:url(../images/right-quote.png);padding:0 0 0 15px}
#testimonial ul li .name{font-size:15px;color:#758e0b;margin-bottom:10px;line-height:normal}
#testimonial ul li .name em{display:block;font-style:normal}
/*----- bxslider for testimonail -----*/
#testimonial .bx-viewport{height:164px !important}
#testimonial .bx-controls .bx-pager .bx-pager-item{width:7px;height:7px;line-height:7px;display:inline-block;font-size:0;margin:0 7px;transform: rotate(45deg);}
#testimonial .bx-controls .bx-pager .bx-pager-item a{display:block;background:#d53f3f;}
#testimonial .bx-controls .bx-pager .bx-pager-item a.active{background:#061117;}


/*----- footer -----*/
footer{font-size:15px;overflow:hidden}
footer h3{font-size:20px;color:#fff;line-height:normal}
/*----- footer top -----*/
#ft-top{background:#061117;color:#d2d2d2;}
#ft-top .row{padding:0 15px}
.column{width:20.7%;padding:18px 0;margin:0 2.4% 0 0}
.column:last-child{margin:0}
.column h3{margin:38px 0 20px}

#ft-top a{color:#d2d2d2}
.affiliate-reseller{background:#accd20;width:30.7%;color:#0f0e0e;padding:18px 2.6% 40px}
.affiliate-reseller h3{font-size:36px;color:#171717;margin:0 0 10px}
.affiliate-reseller p{font-size:15px}
.join-affiliate{display:block;background:#171717;width:256px;color:#fff;text-transform:none;text-shadow:-1px 1px #939393;box-shadow:4px 4px #101010;padding:15px 0}
.join-affiliate:hover{background:#7f9d01;text-shadow:-1px 1px #f2ffb9;box-shadow:4px 4px #6d8700;}
a.join-affiliate:hover,a.join-affiliate:focus{text-decoration:none}

#ft-top ul li a{background:url(../images/list-dsh.png) no-repeat 2px 13px;display:block;font-size:15px;line-height:24px;padding:0 10px 12px 16px}
#ft-top ul li a:hover{text-decoration:underline;color:#fff}

.contact-salesteam p{line-height:29px}

/*----- footer bottom -----*/
#ft-bottom{background:#171717;color:#b0b0b0;min-height:75px}
#copyright{padding:26px 0;margin:0}
/*----- social media -----*/
.social-media{position:absolute;top:0;right:15px;padding:0;overflow:hidden}
.social-media li{position:relative;float:left;background:rgba(23,23,23,0);width:43px;height:75px;line-height:75px;text-align:center;margin:0 2px 0 0;overflow:hidden}
.social-media li:last-child{margin:0}
#ft-bottom .social-media li a{display:block;position:absolute;top:24px;left:-0.5px;width:43px;height:26px;/*display:block;*/}

#ft-bottom .social-media li:before{content:'';width: 120%;height:120%;background:rgba(172,205,32,0.5);position:absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)}
#ft-bottom .social-media li:before{top:-100%;left:-75%}
#ft-bottom .social-media li:before{
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59)}

#ft-bottom .social-media li{
-webkit-transition: all 0.8s ease-in-out .3s;
transition: all 0.8s ease-in-out .3s;}
#ft-bottom .social-media li:hover::before {top:20%;left:10%}
#ft-bottom .social-media li:hover{background:rgba(172,205,32,0.99)}
/*----- social mediA IMAGE CLIP	 -----*/
#ft-bottom .social-media li a img{position:absolute;top:0;left:0;
-webkit-transition: all 0.4s 0.1s ease;
-moz-transition: all 0.4s 0.1s ease;
-o-transition: all 0.4s 0.1s ease;
-ms-transition: all 0.4s 0.1s ease;
transition: all 0.4s 0.1s ease;}

#ft-bottom .social-media li.facebook img{clip:rect(0,43px,24px,0)}
#ft-bottom .social-media li.facebook:hover img{clip:rect(65px,43px,88px,0);top:-65px}

#ft-bottom .social-media li.twitter img{clip:rect(128px,43px,148px,0);top:-128px}
#ft-bottom .social-media li.twitter:hover img{clip:rect(188px,43px,208px,0);top:-188px}

#ft-bottom .social-media li.linkedin img{clip:rect(376px,43px,400px,0);top:-376px}
#ft-bottom .social-media li.linkedin:hover img{clip:rect(440px,43px,464px,0);top:-440px}

#ft-bottom .social-media li.googleplus img{clip:rect(248px,43px,273px,0);top:-248px}
#ft-bottom .social-media li.googleplus:hover img{clip:rect(312px,43px,337px,0);top:-312px}

#ft-bottom .social-media li.instagram img{clip:rect(504px,43px,528px,0);top:-504px}
#ft-bottom .social-media li.instagram:hover img{clip:rect(568px,43px,593px,0);top:-568px}

/*----- End social mediA IMAGE CLIP	 -----*/
.ft .tooltip-inner{background:#fff;color:#000;padding:4px 10px;}
.ft.tooltip.top .tooltip-arrow{border-top-color:#fff}
/*----- End footer	 -----*/

/*-- My Acc - Dashboard --*/
.frontend-admin .container{width:100%;padding:0}
/*.inner-page #container .dashboard{padding:0}*/
#page-content{background:#3c4556;overflow:hidden}
/*-- Sidebar Accordion--*/
#content .left-tabs li{background:none;padding:0}
.left-tabs{float:left;width:23%;background:#3c4556;padding:15px 0 0;}
.left-tabs li{position:relative;font-size:16px;color:#fff;z-index:1}
.left-tabs > li{}
.left-tabs li a{color:#fff;}
.left-tabs li a:hover,.left-tabs li a:focus{outline:none;text-decoration:none}
.left-tabs li > a,.left-tabs li > span{display:block;background:url(../images/arrow.png) no-repeat 40px 19px;padding:12px 10px 12px 62px;}
.left-tabs li .expand-collapse{position:absolute;top:2px;right:5px;background:url(../images/expand-collapse.png) no-repeat 6px -3px;width:40px;height:40px;display:block;z-index:10;cursor:pointer;}
.left-tabs li.has-sub.open .expand-collapse{background-position:6px 97%}

.left-tabs ul{display:none;background:#8fb002;position:static;}
.left-tabs ul li{font-size:14px;font-weight:400;}
.left-tabs ul li a{color:#fff;display:block;padding:12px 10px 12px 70px;border-bottom:1px solid #80981d/*border-top:1px solid #a0c409*/}

.left-tabs .add a{background:url(../images/add-icon.png) no-repeat 45px 17px}
.left-tabs .manage a{background:url(../images/mange-icon.png) no-repeat 45px 17px}
.left-tabs ul li a:hover{background-color:#accd20;color:#fff}
.left-tabs > li.active > a,.left-tabs li.active ul li.active a,.left-tabs li.active.add a,.left-tabs li.active.manage a{background-color:#242b37}
.left-tabs li.active ul li.active a,.left-tabs li.active.add a,.left-tabs li.active.manage a{border-color:#242b37}
/*--- left-tab-content ---*/
.left-tab-content{float:right;width:77%;background:#f9f9f9}
.left-tab-content h2{color:#191222;font-size:32px;text-align:left;margin:21px 0 30px 0}
/*-- user-details-box --*/
.userbox-wrapper{position:relative}
.user-details-box{position:absolute;top:21px;right:0;color:#191222;cursor:pointer}
.user-details-box img{float:left;margin:0 17px 0 0;border-radius:30px}
.user-details-box .name{padding-right:10px;display:inline-block;font-size:17px;font-weight:600;margin-top:12px;min-width:100px}

.toggle-div{display:none;position:absolute;top:56px;right:0;width:185px;z-index:100;}
.toggle-div ul{background:#061117;padding-bottom:10px}
#content .toggle-div ul li{background:none;padding:0}
.toggle-div li a{font-size:15px;color:#fff;padding:7px 0 7px 35px;display:block;margin-bottom:1px}
#content .toggle-div li:hover,#content .toggle-div li.active{background:#8fb002}
.toggle-div li a:focus{outline:none;text-decoration:none}

.toggle-div li a.edit-profile{background:url(../images/edit-profile.png) no-repeat 8px 11px}
.toggle-div li a.change-pw{background:url(../images/change-password.png) no-repeat 8px 11px}

.user-menu{display:none}/*-- for responsive --*/
/*-- End user-details-box --*/
/*------- left-tab-content box-wrapper ------*/
.left-tab-content .box-wrapper{min-height:400px; padding:0 15px 40px 22px;overflow:hidden}
/*-- dashboard status --*/
#content .dashboard-status{margin:0 0 23px;overflow:hidden}
#content .dashboard-status li{background:none;padding:0;}
#content .dashboard-status li{float:left;width:23.53%;background:#fff url(../images/orders-stat.png) no-repeat 15px 6px;padding:0;margin:0 1.9% 0 0;line-height:normal;border:1px solid #e2e2e2}
#content .dashboard-status li:last-child{margin:0}

#content .dashboard-status li .name{display:block;background:#32c5d2;font-size:17px;text-align:center;color:#fff;padding:10px 0;margin:0 -1px}
#content .dashboard-status li:nth-child(2) .name{background:#e7505a}
#content .dashboard-status li:nth-child(3) .name{background:#8e44ad}
#content .dashboard-status li:nth-child(4) .name{background:#3598dc}

.dashboard-stat-info{display:block;padding:20px}
.dashboard-status li .fa,.dashboard-status li em{display:inline-block;vertical-align:middle}
.dashboard-status li .fa{font-size:40px;color:#32c5d2;margin-right:20px}
.dashboard-status li:nth-child(2) .fa{color:#e7505a}
.dashboard-status li:nth-child(3) .fa{color:#8e44ad}
.dashboard-status li:nth-child(4) .fa{color:#3598dc}
.dashboard-status li em{font-size:30px;font-weight:600;color:#191222;font-style:normal}

/*-- end dashboard status --*/
/*-- Table --*/
.table{border-collapse:collapse;/*font-size:13px;*/width:100%}
.table-bordered{width:99.7%;border:1px solid #ddd;/*border: 1px solid #ddd;border-width:1px 0 0 1px*/}
.table.dataTable.table-bordered{width:99.7%}
.table-bordered th:first-child{text-align:center}
.table-bordered th,.table-bordered td{padding:10px !important;border:1px solid #ddd;border-width:0 1px 1px 0 !important;}
.table-bordered tr:last-child td{border-width:0 1px 0 0 !important;}

.table-bordered th:last-child,.table-bordered td:last-child{/*border-left:1px solid #ddd;*/border-right:0}
.table-striped > tbody > tr:nth-child(odd) > td,.table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9}
.table a{color:#222}
.ticket_status{font-weight:600}
.table .btn:hover,.table .btn:focus{color:#fff !important}
.table-scrollable{width:100%;overflow-x:auto;min-height:.01%;margin-bottom:10px}
.date-col{min-width:82px}

/*-- Portlet Body form--*/
.form-control{background:none}
.portlet-body .compulsary{text-align:right}
.portlet-body form ul{margin:20px 0 15px}
#content .portlet-body form li{background:none;padding:0;}
.portlet-body form li{clear:both;overflow:hidden;border:1px solid #eaeaea;border-width:0 1px 1px 1px}
.portlet-body form li:first-child{border-top:1px solid #eaeaea}

.portlet-body form label,.portlet-body form .value-col{float:left;box-sizing:border-box}
.portlet-body form label{width:27%;padding:15px 15px 9px;text-align:right}
.portlet-body form .value-col{width:73%;padding:10px 15px;border-left:1px solid #eaeaea}
.portlet-body form input[type="text"],.portlet-body form input[type="password"]{ padding:10px 15px}
.portlet-body form input[type="text"],.portlet-body form input[type="email"],.portlet-body form input[type="password"],.portlet-body form textarea,.portlet-body form select,.portlet-body form .file-input{width:62%}
.portlet-body form input[type="checkbox"],.portlet-body form input[type="radio"]{margin:12px 0}
.portlet-body form .file-input .form-control{width:100%}
.form-actions{background-color:#f5f5f5;clear:both;border:1px solid #e5e5e5;padding:10px;text-align:center}
.form-actions .btn + .btn{margin-left:7px}
.portlet-body #image_file_div .close{opacity:1;color:#fff;font-size:16px;line-height:normal;text-align:center;padding:3px 10px 5px 10px;background:#d84a38;border-radius:3px}
input.btn,.btn{padding:5px 12px;background:#80981d;min-width:50px;color:#fff;text-transform:none;font-size:16px;border-color:#80981d}
input.btn,.back{min-width:90px;}
a.btn{color:#fff;}
.back,input.back{background:#575757;border-color:#575757}
.btn:hover,.btn:focus,.btn.hvr-rectangle-out:before{background:#0c0e11;color:#fff;outline:none;border-color:#0c0e11}

.input-group-btn .btn{border:0;padding:5.6px 12px;margin-right:2px;}
/*--  refferal-mngt buttons --*/

/*.custom-form .buttons{margin:30px 0;}*/
/*--  filter-form --*/
.filter-form{background:#eee;text-align:center;padding:30px 20px 20px;margin:0 0 20px;border:1px solid #ddd}
.filter-form .form-group{margin:0}
.filter-form  .help-block{margin:5px 0}
.filter-form input[type="text"]{border-color:#ccc}
.filter-form input.btn{background:#3c4556;border-radius:0;text-transform:uppercase;font-weight:600;/*background:#accd20;color:#0e0e0e;font-weight:600;text-transform:uppercase;*/padding:6px 15px;clear:both;/*font-size:14px;line-height:normal;padding:4px 6px;min-width:70px*/}
.filter-form input.btn:hover{background:#061117;}
.back{margin-left:4px}
/*--  refferal-status --*/
.refferal-status{text-align:center;margin:0 0 20px;}
.refferal-status .btn{/*background:#3c4556;border-color:#3c4556;*/box-shadow:none;border-radius:0}
.refferal-status .btn.active{background:#242b37;border-color:#242b37}

/*-- Bootstrap / Components/ dataTables Css --*/

/*-- dataTables --*/
.dataTables_length,.dataTables_filter{width:50%;margin:20px 0 10px;text-align:left}
.dataTables_wrapper{font-size:13px}
.dataTables_wrapper label{font-size:13px}
.dataTables_wrapper label input{font-weight:400;}
.dataTables_length select{display:inline-block;width:90px;padding:9px 15px;margin:0 5px;border-radius:2px}
.dataTables_filter input[type="text"]{display:inline-block;width:200px;padding:10px 15px;border-radius:2px}
table.dataTable thead th, table.dataTable thead td{border-bottom-color:#ddd !important}
/*-- Pagination --*/
.dataTables_paginate a{background:#edecec;border:1px solid transparent;color:#292929;display:inline-block;padding:3px 10px !important;margin:5px;cursor:pointer;border-radius:2px}
.dataTables_paginate a.paginate_active{border:1px solid #fe7e7e;border-radius:2px}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background:#fe7e7e;color:#fff;border-color:#fe7e7e}

/*-- Status --*/
.status-bar{background:#f5f5f5;padding:8px 7px 3px;margin-top:12px/*margin:20px 0 5px*/}
.status-bar .btn{font-family:Arial, Helvetica, sans-serif}

/********* Media Query for max-width layout  ************/
@media (max-width:1280px){
#intro .content {width: 44.5%}
#intro h1 span{font-size:30px;margin:0 0 7px}
#intro h1 {font-size: 54px;}

.nav li{font-size:14px}
.nav > li > a, .nav > li > span{padding:0 10px 13px 10px}

#aboutus .list{width:25%}
#aboutus .list li h3 {font-size:15px}

/*body{border:2px solid #f00}*/
}

@media (max-width:1199px){

/*body{border:2px solid #ff0}*/
}