@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600');
body{
	font-family: 'Open Sans', sans-serif !important;}
.nopad {
    padding: 0px !important;
    margin: 0px !important;
}
.left-area {
    min-height: ;: 94vh;
    background: #11151b;
}

.logo-area {
    background: #222a35;
    padding: 10px;
    text-align: left;
}

.sidebar {
    background: #11151b;
    padding: 0px;
    margin: 0px;
}

.admin-bar {
    background: #394554;
    color: #fff;
    z-index: 999;
    padding:0px 12px 0px 0px;
    position: relative;
}
.logo-area img {
    height: 60px;
    width: auto;
}
.qr-rt-testimnial {
    clear: both;
    font-size: 50px;
    color: #dedede;
    margin-top: -20px;
}
.copyrite a {
    color: #fff;
}
.adm-navi-area ul {
    padding: 0px;
    margin: 0;
}

.adm-navi-area ul li {
    list-style: none;
    float: left;
}

.adm-navi-area ul li a {
    color: #fff;
    padding: 19px 12px;
    display: block;
}

.adm-navi-area {
    float: left;
}

.adm-log-bar {
    float: right;
    padding: 12px 0px
}
.social-media {}

.social-media ul {
    padding: 0px;
    margin: 0px;
}

.social-media ul li {
    float: left;
    list-style: none;
    font-size: 20px;
}

.social-media ul li a {
    color: #fff;
    padding: 0px 6px 0px;
    display: block;
    position: relative;
    top: 2px;
}
.content-area{
    background: #ebebeb !important;}
.cnt {
    background: #ebebeb;
    padding: 40px 20px 40px;
    min-height:88vh;
    position: relative;
    top: 0;
    width: 100%;
}
.pf-img {
    background: url(images/admin-img.jpg) center center no-repeat;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 2px solid #d8543b;
    float: left;
    overflow: hidden;
}
.pf-img img {
    height: 100%;
}

.profile-area {
    padding: 18px 38px;
    background: #09090a;
    color: #fff;
}

.pf-name {
    float: left;
    padding: 15px 12px;
}

.pf-name h4 {
    font-size: 26px !important;
    margin-bottom: 0px;
}
nav ul {
    padding: 0px;
    margin: 0px;
}

nav ul li{
	padding:0px;
}

nav ul li a {
    color: #fff;
    text-decoration: none;
    padding: 15px 28px;
	display: block;
    border-bottom: 1px solid #09090a;
}

nav ul li:hover, nav ul li.active, nav ul li:focus {
    background: #d8543b !important;
    text-decoration: none;
}

nav ul li:hover a, nav ul li.active a, nav ul li:focus a {
    color: #fff;
    text-decoration: none;
}
nav ul li a .fa {
    margin-right: 9px;
}
nav ul li a:before{    
	content: "\f105";    
	font: normal normal normal 14px/1 FontAwesome;
	padding-right: 11px;}
nav ul li ul.submenu{
	padding:0px;
	margin:0px;
    background: rgba(45, 45, 45, 0.58);
		-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display:none;}

nav ul li.active ul.submenu{
	display:block !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
nav ul li ul.submenu li a {
    padding: 12px 28px !important;
}
.adm-navi-area ul li a:hover, .adm-navi-area ul li.active a, .adm-navi-area ul li:focus a  {
    background: #222a35;
    text-decoration: none;
}
.breadcrumb ol {
    padding: 0px;
    margin: 0px;
}

.breadcrumb ol li {
    list-style: none;
    padding: 5px 5px;
	float:left;
    color: #444343;
}
.breadcrumb ol li a{
	text-decoration:none;
	color:#000}
.panel-default>.panel-heading {
    background: #222a35;
    color: #fff;
    border-radius: 0px;
    border: 0px;
    padding: 14px 19px;
    cursor: pointer;
}

.panel-collapse {
    padding: 15px 21px;
    box-shadow: none;
    border: 0px !important;
    border-radius: 0px !important;
    overflow: hidden;
}
.panel-group {
    margin-bottom: 20px !important;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0px;
}
.adm-log-bar .dropdown {
    margin-left: 9px;
}

button.btn.btn-primary.dropdown-toggle {
    background: #616f80;
    border: 0px;
    padding: 7px 35px 7px 11px;
    border-radius: 0px;
    position: relative;
    text-align: left;
}

span.fa.fa-angle-down.dd-down {
    position: absolute;
    background: #222a35;
    top: 0;
    right: 0;
    padding: 10px 7px;
}
.highlight {
    background: #fff;
    margin-bottom: 20px;
    padding: 16px;
}
.col-md-3.hl-data {}
.dl-dt-icon {
    background: #222a35;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    font-size: 42px;
    padding: 7px;
}

.dl-dt-txt {
    border: 1px solid #222a35;
    padding: 7px 14px 10px;
}

.dl-dt-txt .price {
    font-size: 25px;
}

.green .dl-dt-icon{background: #3bd8a6;}.green .dl-dt-txt{border: 1px solid #3bd8a6;}
.blue .dl-dt-icon{background: #3b89d8;}.blue .dl-dt-txt{border: 1px solid #3b89d8;}
.oringe .dl-dt-icon{background: #d8543b;}.oringe .dl-dt-txt{border: 1px solid #d8543b;}
.purple .dl-dt-icon{background: #673bd8;}.purple .dl-dt-txt{border: 1px solid #673bd8;}

span.bar {
    color: #ebecec;
    float: right;
    font-size: 27px;
    padding-right: 10px;
	display:none;
	cursor:pointer
}
a.closebtn {
    float: right;
    position: absolute;
    right: 19px;
    font-size: 35px;
    color: #d8543b;
	display:none;
}
.page-heading-sec h1 {
    padding: 13px;
    margin: 0px;
    font-size: 23px;
}
.page-heading-sec .label-danger {
    font-size: 14px;
    font-weight: normal;
}
.portlet-title h4 {
    color: #fff;
    border-radius: 0px;
    border: 0px;
    padding: 14px 19px;
    cursor: pointer;
}

.portlet-body .portlet-body {padding: 15px 21px;box-shadow: none !important;border: 0px !important;border-radius: 0px !important;background: #fff;margin-top: -10px;}

.portlet-body {
    margin-bottom: 0;
    border-radius: 0;
    box-shadow: none;
    border: 0px;
    padding-right: 15px;
    padding-left: 15px;
}
.page-header.title {
    margin-bottom: 20px;
    padding: 16px;
    margin: 0px;
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 19px
}
.page-header.title h1 {
    padding: 0px;
    margin: 0px;
    font-size: 23px;
}
.portlet {
    margin-top: 22px;
}
.portlet.portlet-basic {
    margin-top: 0 !important;
}
div#dyntable_commission_list_wrapper {
    background: #fff;
    padding: 23px 23px 0px;
}
#loginbox .panel-info>.panel-heading{background-color: #394554;border-color: #394554;color: #ffffff;}
#loginbox .panel-info{border-color: #394554;}
#loginbox .panel-info>.panel-heading a{color:#fff !important}
#loginbox .panel-body{    background: #f3f3f3;}
#loginbox .input-group-addon{background-color: #fff !important;border-color:#cccccc !important;}
#loginbox form-group a{    color: #12397e !important;}
#loginbox .btn-danger {
    background-color: #394554;
    border-color: #394554;
}
.content-white-area .portlet {
    background: #fff;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 19px;
}
.content-white-area .alert {
    margin-left: 15px;
    margin-right: 15px;
}
.newpass {
    background: #fff;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: -19px;
    padding-top: 22px;
}
.login-body{background: #222a35;}
section.contact-area.login-page {
   /* background: #222a35;*/
    color: #fff;
    padding:15vh 0px 5vh;
	}
section.contact-area.login-page #welcome {
    margin: 0 auto;
    display: table;
    float: none;
    margin-top: 20px;
    padding: 20px 20px;
    background: #394554;
    margin-bottom: 21px;
}
.wt-href {
    color: #fff !important;
    clear: both;
    font-size: 13px;
}
a.returntoaff {
    color: #fff;
}

/*----------- 12-16-2016 -----------*/

.dl-dt-txt{
    height: 74px;
    font-size: 13px !important;}
.dl-dt-icon{height: 74px;font-size: 33px;padding: 12px;}
.dl-dt-txt .price{font-size: 21px;}
div#area-affiliate svg {
    width: 100% !important;
    overflow: hidden;
}
.dl-dt-txt .price .pull-right {
    font-size: 15px;
    position: absolute;
    right: 10px;
}
.dl-dt-txt .sub .pull-right {
    font-size: 12px !important;
    position: absolute;
    top: 26px;
    right: 12px;
}
.dl-dt-txt .sub {
    line-height: 15px;
    padding-top: 3px;
}
/*------------- End 12-16-2016 -------------- */
.tid-form select {
    margin-bottom: 15px;
}
.footer {
    clear: both;
    width: 100%;
    z-index: 9999;
    background: #09090a;
    position: relative;
    text-align: center;
    padding: 14px;
    color: #fff;
}
nav ul li ul.submenu li a.active {
    background: rgba(23, 23, 23, 0.65);
}
.portlet-footer {
    background: #fff;
    padding: 16px 22px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media only screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
@media only screen and ( max-width: 1507px ) {
	.dl-dt-icon{padding:18px 7px;font-size: 27px;}
	.dl-dt-txt .sub .pull-right{font-size: 10px !important;}
	.dl-dt-txt .sub .pull-left {width: 70px;}
	.dl-dt-txt .price {font-size: 18px;}
}
	
@media only screen and ( max-width: 1200px ) {
	/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}
a.closebtn, span.bar{
	display:block;}
.dl-dt-txt, .dl-dt-icon{
	height: 69px;
        padding: 9px 9px;}
.dl-dt-txt{padding: 5px 9px}
.adm-navi-area{float: right;}
.logo-area img {width: auto; height: 100% !important;}
.logo-area{height: 80px;}
}	
@media only screen and ( max-width: 991px ) {
	
.logo-area img {width: auto; height: 100% !important;}
.logo-area{height: 80px;}
	.adm-navi-area{width: 100%;    border-bottom: 1px solid #556273;}
	.adm-navi-area ul{display: table;margin: 0 auto;}
	 .adm-log-bar{float: none;    margin: 0 auto;display: table;}
	 .dl-dt-icon{    height: 55px;}
    .dl-dt-txt{margin-bottom: 10px;}
	.banner-port img {
    width: 100%;
}
	

	
	}
@media only screen and ( max-width: 767px ) {	
	.form-group input.btn.btn-sm.btn-primary {margin-top: 10px;}}
@media only screen and ( max-width: 321px ) {
.logo-area img {width: auto; height: 100% !important;}
.logo-area{height: 80px;}
	}	
@media only screen and ( max-width: 598px ) {
	
	.adm-navi-area, .adm-log-bar{width:100%;border-bottom: 1px solid #222a35;}
	.adm-navi-area ul{margin: 0 auto;    display: table;}
.logo-area img {width: auto; height: 100% !important;}
.logo-area{height: 80px;}
	.adm-navi-area ul li a{font-size: 12px;padding: 15px 9px;}
	
	.col-md-3.hl-data{width: 100%;padding: 0px;}
	.social-media{    width: 100%;border-top: 1px solid #222a35;margin-top: 10px;padding-top: 10px;}
	.social-media ul{display: table;margin: 0 auto;}
	.dropdown.pull-right.mb-left {float: left !important;}
	.page-heading-sec:after {content: '';clear: both;display: block;}
	.page-heading-sec .pull-right{float:left !important;}
	.table-scroll .table { width: 200% !important;}
	.table-scroll{overflow: auto;}
	.keywords-google {word-wrap: break-word; width: 100%;}
	.list-group-item{word-wrap: break-word;}