/*********************************************************************************
common styles
***************/   
body {
 background:#eee !important;
 color:#333!important;
 font-family: 'Poppins', sans-serif!important;
 font-size:14px!important;
}
h1, h2, h3, h4, h5, p, ul, li {
 margin:0px!important;
 padding:0px!important;
}
a {
 color:#333!important;
 cursor:pointer;
 text-decoration:none!important;
}
a:active {
 box-shadow:none!important;
}
p {
 line-height:22px;
 margin-bottom:10px!important;
 font-size:13px!important;
}
h1, h2 {
 margin-bottom:10px!important;
}
.no-padding {
 padding-left:0px!important;
 padding-right:0px!important;
}
.no-padding-right {
 padding-right:0px!important;
}
.no-padding-left {
 padding-left:0px!important;
}
.left-container {
 width:220px;
 background:#fff;
 overflow-y: auto;
 position: fixed;
 height: 100%;
 top:0;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.left-container .btn_close {
 position: fixed;
 background: #fff;
 width:220px;
 padding: 25px 15px;
 top: 0;
 z-index: 1;
 display:none
}
.left-container .btn_close span {
 display:block;
 height: 25px;
 width: 25px;
 line-height: 25px;
 background: #d4b037  !important;
 color: #fff !important;
 border-radius: 100%;
 font-size: 25px;
 text-align: center;
 cursor: pointer;
 float: right;
}
.left-container .designer {
 font-size: 11px !important;
 color: #999;
 padding: 5px 20px !important;
 position: fixed;
 bottom:-10px;
 background:#fff;
 width:200px
}
.left-container .designer img {
 width:14px;
 vertical-align:-2px
}
.right-container {
 width:calc(100% - 220px);
 overflow-y: auto;
 position: fixed;
 top:0;
 height: 100%;
 left:220px;
}
.row {
	margin-right: -10px!important;
	margin-left: -10px!important;
}
/*********************************************************************************
colored text and buttons
***************/
.text-orange {
 color:#ef642d
}
.text-blue {
	color: #41b9e8;
}
.btn {
 padding:6px 20px !important;
 border-radius:0!important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.btn-sub, .btn-cancel, .btn-apply, .btn-filt, .btn-filt-post, .btn-brdr {
 text-transform: capitalize;
 background: #2eab43;
 color: #fff !important;
 border-radius: 5px !important;
 padding: 7px 15px !important;
 font-weight: 400;
 margin-right: 10px;
 margin-top: 5px;
 font-size: 13px;
}
.btn-cancel {
 background:#666;
}
.btn-apply{
	margin-top: 0px;
	background:#666;
}
.btn-brdr {
	margin-bottom: 10px;
	display: inline-block;
	border: 1px solid #f87500;
	background: #fff;
	color: #f87500 !important;
}
.btn-filt, .btn-filt-post {
	margin-top: 0px;
	background:#4e96d5;
}
.btn:hover {
 background:#333!important;
 color:#fff!important;
}
/*********************************************************************************
header styles
***************/ 

/*logo bar*/
.logo-bar {
 background:#fff;
 padding: 20px 55px  ;
}
.logo {
 display: block; 
}
.logo img {
max-width: 100%;
display: table;
margin: auto;
}
/**/
.usr-logged-in {
 padding: 10px 10px 5px;text-align: center;
}
.usr-logged-in a {
 color:#7a7a7a!important;
 display:block;
 padding: 0px 0px 15px;
 border-bottom:1px solid #ddd
}
.usr-logged-in a img {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin: 0 auto 10px;
	border: 1px solid #0000001f;
	display: block;
}
.usr-logged-in a span {
 overflow: hidden !important;
 text-overflow: ellipsis;
 white-space: nowrap !important;
 max-width: 140px;
 display: inline-block;
 vertical-align: -6px; 
 color:#000;
}
/**/
.nav_bar {
 padding: 0 10px;
}
.nav_bar .nav-brdr {
 background:#ddd;
 width:100%;
 height:1px;
 margin: 6px 0 6px;
}
/**/
header {
 padding:10px 10px;
 background:#eee;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
header.header-fixed-bar {
 position: fixed;
 z-index: 99;
 width: calc(100% - 237px);
 top: 0;
 padding:8px 10px ;
 background: #eee;
}
/*logo bar*/
header .m-logo-bar {
 display:none;
 padding-right:0
}
header .m-logo-bar .logo {
 display: block;
 width: 110px;
 float:left;
}
header .m-logo-bar .logo img {
 max-width:100%;
}
/*user nav*/
header .user-nav {
 float:right;
 margin:4px 0 4px 15px
}
header .user-nav ul {
 list-style:none;
}
header .user-nav ul li {
 float:left;
 position:relative;
}
header .user-nav ul a {
 display:block;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
header .user-nav ul a img {
 width:23px;
 height:23px;
 border-radius:100%;
 vertical-align: -2px;
 margin-right:5px;
 border: 1px solid #0000000a;
}
header .user-nav ul a.logged-in {
 border-color:#ccc;
 color:#7a7a7a!important;
 
}
header .user-nav ul a.logged-in .fa {
 vertical-align:5px;
 margin-left: 6px;
}
header .user-nav ul a.logged-in span {
 overflow: hidden !important;
 text-overflow: ellipsis;
 white-space: nowrap !important;
 max-width: 150px;
 display: inline-block;
}
/**/ 
header .user-nav ul ul {
 min-width:90%;
 position:absolute;
 right:0;
 top:30px;
 z-index: 9999;
 list-style: none;
 background:#fff;
 opacity: 0;
 visibility:hidden;
 border-radius: 10px;
 overflow: hidden;
 -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
 -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -ms-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -o-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
header .user-nav ul ul li {
 float: none;
 white-space: nowrap;
}
header .user-nav ul ul li a {
 background:#fff;
 border: 5px;
 border-bottom: 1px solid #f8f8f8;
 color: #666 !important;
 padding:8px 12px;
 margin-left:0;
}
header .user-nav ul li:hover ul {
 opacity: 1;
 visibility:visible;
 top:25px;
}
/**/
.search-bar {
}
.search-bar input[type="text"] {
 width: calc(100% - 38px);
 float: left;
 background: #eff0ec;
 border-top-left-radius: 0px;
 border-bottom-left-radius: 0px;
 border-top-right-radius: 3px;
 border-bottom-right-radius: 3px;
 border: 0;
 box-shadow: inherit;
 font-size: 12px;
 border: 1px solid #166890;
 border-left: 0;
 background: #ffff;
}
.search-bar input[type=text]:focus {
 box-shadow:inherit
}
.search-bar .form-control::-moz-placeholder {
color:#777;
opacity:1;
}
.search-bar .form-control:-moz-placeholder {
color:#777;
opacity:1;
}
.search-bar .form-control::-webkit-input-placeholder {
color:#777;
opacity:1;
}
.search-bar .btn-search {
 width: 38px;
 float: left;
 border-top-left-radius: 3px;
 border-bottom-left-radius: 3px;
 border-top-right-radius: 0px;
 border-bottom-right-radius: 0px;
 background: url(../design_img/icon-search.png) no-repeat center #166890;
 padding: 7px;
 border: 0;
 background-size: 19px;
}
/*********************************************************************************
section styles
***************/
section.contents {
 /*padding:0 10px 30px;*/
 padding:0 10px 0px;
}
/*main heading*/
section.contents .main-head {
 color: #666;
 font-weight: 600;
 margin: 5px auto 15px!important;
 font-size: 18px!important;
 text-transform:capitalize
}
section.contents .main-head span {
 display: block;
 font-size: 15px;
 font-weight: 300;
 color: #c4c4c4;
 margin: 13px;
}
section.contents .main-head span.brdr {
 background: #ddd;
 height: 1px;
 width: 95px;
 margin: 10px auto 25px;
 display: block;
}
section.contents .btn-add,
section.contents .btn-export,
section.contents .btn-import,
section.contents .btn-remove-all,
section.contents .btn-print,
section.contents .btn-email,
section.contents .btn-back {
 width:100px;
 float:right;
 color: #fff !important;
 padding: 3px 5px !important;
 border-radius: 4px !important;
 margin: 2px 5px 0;
}
section.contents .btn .fa{ margin-right:5px;}
section.contents .btn-add {background: #2eab43;}
section.contents .btn-add .fa{font-size:12px;}
section.contents .btn-export {background: #0EA1D7;} 
section.contents .btn-import {}
section.contents .btn-remove-all{background: #666;}
section.contents .btn-remove-all .fa{font-size:15px;}
section.contents .btn-email{background: #ef9c04;}
section.contents .btn-print{}
section.contents .btn-back{background: #d4b037;}
/**/
section.contents .web-container {
 height:auto;
}
section.contents .web-block {
 background:#fff;
 padding:20px;
 border-radius:5px;
 margin-bottom:20px;
 height: 100%;
 -webkit-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
 -moz-box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
 box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.05);
}
section.contents .list-block .web-block{
	margin-bottom:0px;	
}
section.contents .list-block .web-block .goBack {
	background: #4fd04a;
	color: #fff !important;
	padding: 0px 12px;
	border-radius: 25px;
	margin-right: 10px;
}
section.contents .list-block .web-block .table-responsive { 
	height: 100%;
}
section.contents .web-block form h4{
	font-size: 14px !important;
	font-weight: 400;
	background:linear-gradient(90deg, #aca8a8 0%, #f9f9f9 45%);
	color: #fff;
	padding: 6px 10px !important;
	border-radius: 3px;
	margin-bottom: 12px !important;  
}
/*dashboard chart*/
.sum-chart {
}
.sum-chart h4 {
 color: #4e96d5;
 padding: 0px 0px 10px!important;
}

.sum-chart .chart {
 height:308px
}
/*dashboard recent col*/
.recent-col {
	
} 
.recent-col h4 {
 color: #d4b037;
 padding: 0px 0px 18px!important;
}
.recent-col h4 small{
	display:block; margin-top:8px;
}

.recent-col .table-responsive {
	height: 300px!important;
} 
/*dashboard summery*/
.sum-col-list{
	margin:0 -15px; 
}
.sum-col-list:after{
	content:'';
	display:table;
	clear:both;
	
}
.sum-col-list .sum-col {
 padding: 19px 15px!important;
}
.sum-col-list .sum-col .sum-head {
 color: #4e96d5;
 font-weight: 500;
 margin: 0px auto 0px !important;
 font-size: 16px !important;
}
.sum-col-list .sum-col .sum-head span, .sum-col-list .sum-col .sum-head a {
 font-size: 13px !important;
 font-weight: 400;
 display:block; color:#888
}
.sum-col-list .sum-col .sum-head a {
font-size: 12px !important;  
color:#2eab43 !important;
border:1px solid; 
border-radius:25px;
width:85px; 
text-align:center;
margin-top:10px;
}
.sum-col-list .sum-col .sum-val {
 font-weight: 700;
 margin: 22px auto 0px !important;
 font-size: 30px !important;
 text-align: right;
 color: #ffb122;
}
/*log model*/
.log-model {
 width:95%;
 max-width: 700px;
 background:#fff;
 position:absolute;
 top:50%;
 left:50%;
 margin-bottom:-50%;
 margin-right:-50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-box-shadow:0px 0px 60px rgba(0, 0, 0, 0.10);
 -moz-box-shadow:0px 0px 60px rgba(0, 0, 0, 0.10);
 box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.10);
 overflow: hidden;
 border-radius:10px
}
.log-model .log-left {
 width:50%;
 float:left;
}
.log-model .log-left img {
 max-width:100%;
}
.log-model .log-right {
 padding:25px 50px 15px;
 width:50%;
 float:right;
}
.log-model .log-right img.logo {
 margin:10px auto 0px;
 display:table;
 max-width:75px
}
.log-model .log-right h2 {
 font-size: 20px;
 color:#666;
 font-weight:700;
 margin-top:30px!important;
 margin-bottom:20px!important;
 text-align:center
}
.log-model .log-right .btn-sub {
 width: 100%;
 padding: 7px !important;
 font-size:16px;
 font-weight:600;
}
.log-model .log-right .link-forgot {
 text-align: right;
 display: block;
 color: #eb5757 !important;
 font-size: 12px;
 margin-top: -6px;
 margin-bottom: 15px;
} 

/* password show hide*/
.toggle-password {
 position: absolute;
 right: 10px;
 width: 10px;
 color: #fff !important;
 text-align: center;
 top: 50%;
 padding: 13px 11px 11px 10px;
 float: right;
 margin-right: 1px;
}
.toggle-password.open-eye {
 background: url(../design_img/icon-show-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}
.toggle-password.close-eye {
 background: url(../design_img/icon-hide-pwd.png);
 background-repeat: no-repeat;
 background-size: contain;
}

section.contents .filt-block{
	padding: 15px 10px !important;
	margin-bottom:10px; 
}
section.contents .filt-block .form-group{
	margin-bottom:0px!important;
}


/*My tables*/   
section.contents .mytable {
 table-layout: auto;
 white-space: nowrap;
 border-bottom: 0 !important;
}
section.contents .mytable strong{color:#666; display:block; font-weight:600; margin-bottom:3px; text-transform:capitalize}
section.contents .mytable a{}
section.contents .mytable a:after{content:'|';padding:0 10px;}
section.contents .mytable a:last-child:after{content:'';}

section.contents .mytable a.add {
    background: #3dcd5c;
    color: #fff!important;
    border-radius: 25px;
    padding: 0 10px;
    margin-right: 10px;
    font-size: 12px;
}
section.contents .mytable a.add:after{
	content:'';padding: 0;
}

section.contents .mytable a.edit{ color:#34a44c!important;}
section.contents .mytable a.remove{ color:#e43737!important;}

section.contents .mytable img{
	border-radius:5px;width:50px;height:50px;border:1px solid #eee; margin-right:10px;
}
section.contents .mytable caption {
 color:#333333;
 text-align:center;
 margin-bottom:5px;
 padding:0px;
 font-weight:600;
}
section.contents .mytable th, section.contents .mytable td {
 border-color:#ddd;
 padding:12px 15px;
}
section.contents .mytable th {
 background: #fff; color: #d4b037;
 font-weight: 500;
 vertical-align: middle !important;
 font-size: 13px;
 border-bottom:0px;
}
section.contents .mytable td {
 vertical-align:middle!important;
 font-size: 13px;
}
section.contents .mytable th:first-child,
section.contents .mytable td:first-child {
	padding-left:0
}
section.contents .mytable th:last-child,
section.contents .mytable td:last-child {
	padding-right:0
}
 section.contents .mytable tr:nth-child(odd) {
 
} 
section.contents .mytable tr:hover {
	background:#f7f7f7
}
section.contents .mytable .form-group {
	margin-bottom: 0px !important;
}
section.contents .mytable .form-group .form-control {
	padding: 5px 10px 5px 10px;
	background: #fff; border-color:#999;
}
section.contents .mytable .lbl-pend,
section.contents .mytable .lbl-comp{
	color:#f0473f;
	border:1px solid; 
	border-radius:25px;
	width:85px;
	display:block;
	text-align:center;
}
section.contents .mytable .lbl-comp{
	background:#34a44c;
	color:#fff; 
	padding:1px 0px;
	border:0px;
} 

/*tabNav*/
section.contents .tabNav {
	 margin:10px 0;height: auto;
}

section.contents .tabNav .mytable{margin:0;}

section.contents .tabNav .sr-no{
	width:50px; text-align:center;
}
section.contents .tabNav .col-mod{
	 
}
section.contents .tabNav .col-perm{
	width:150px; text-align:center;
}
section.contents .tabNav .col-add{
	width:150px; text-align:center;
}
section.contents .tabNav .col-edit{
	width:150px; text-align:center;
}
section.contents .tabNav .col-delete{
	width:150px; text-align:center;
}
/*tabNavigation*/
section.contents .tabNavigation .col-check{
	width:20px; 
}
section.contents .tabNavigation .col-navName{
	 
}
section.contents .tabNavigation .col-order{
	width:50px;  
}
section.contents .tabNavigation .col-order input{
	text-align:center;  
}
section.contents .tabNavigation .col-status{
	width:150px; 
}
/*tabPost*/
section.contents .tabPost {}
section.contents .tabPost .mytable{}
section.contents .tabPost .col-post span{ color:#999;}
section.contents .tabPost .col-btn{width:120px; }
section.contents .tabPost .col-btn a {
	background: #34a44c;
	color: #fff !important;
	padding: 2px 12px;
	border-radius: 25px;
}
section.contents .tabPost .col-btn a:after {content:'';padding: 0;}
section.contents .tabPost .col-btn a:hover { background:#333;}
section.contents .tabPost .col-order {
	width: 50px;
}
section.contents .tabPost .col-order input {
	text-align: center;
}
/*********************************************************************************
list styles start
***************/
ul.mylist {
 list-style:none;
 padding:0 0 0 10px;
 margin:0 0 15px 25px !important;
 font-size:13px
}
ul.mylist li {
 line-height:23px;
 text-indent:-20px;
 margin-bottom:8px!important
}
ul.mylist li:before {
 content: "\f111    ";/*f105 f138  */
 font: normal normal normal 7px/1 FontAwesome;
 margin-right:10px;
 color:#eb5757;
}
/*********************************************************************************
default form styles start
***************/
.form-group {
 position: relative;
 margin-bottom: 18px !important;
}
label {
 font-weight:normal!important;
 font-size: 13px; 
}
.form-group label {
 font-weight: normal; 
}
.form-group label small {
	color: #999;
}
.form-group label.error {
  background: #ff9e6f;
	color: #fff;
	padding: 2px 8px;
	border-radius: 2px;
	font-size: 11px;
	position: absolute;
	font-weight: normal;
	left: 0px;  
	top: 100%;
}
.form-group label.error::before {
 content: "\f0d8 ";
 font: normal normal normal 20px/1 FontAwesome;
 color: #ff9e6f;
 position: absolute;
 top: -14px;
 left: 20px;
}
 
.form-group .form-control, .form-group .form-control[readonly] {
 box-shadow:none;
 background:none;
 padding: 9px 10px 8px 15px;
 height:auto;
 font-size: 12px; 
}
.form-group .form-control[type=date]{line-height: 19px;text-transform:uppercase}

.form-group select.form-control {
 background-color: transparent;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 background-image: url(../design_img/icon-select-arrow.png);
 background-repeat: no-repeat;
 background-position: right 6px top 50%;
 z-index: 0;
 /*padding: 7px 20px 7px 4px; */
	padding-left:15px;
 padding-right:20px;
}
/*@-moz-document url-prefix() {
	.form-group select.form-control {
		padding: 7px 20px 7px 4px;
	}
}*/
.form-group.label-group {
	margin-top:32px;
}
.form-group .label-radio {
 margin-right:10px;
}
.form-group input[type=radio] {
 margin-right:5px;
}
.form-group .label-check {
 margin-right:15px;
 text-transform:none!important;
 font-family: 'Poppins', sans-serif!important;
}
.form-group .label-check a {
 color: #fcd80f!important;
}
.form-group .label-check a:hover {
 text-decoration:underline!important
}
.form-group input[type=checkbox] {
 margin-right:5px;
 vertical-align: -1px;
}
.form-group .form-control:focus {
 box-shadow:none;
 border-color:#fb7657;
 background-color: #fff !important;
 color:#fb7657
}
.form-group textarea.form-control {
 resize:none;
}
  
.form-group.thumb_block{  
	position:relative;
	width:100%;
	background:#f7f7f7;
	border-radius: 4px;
	padding:10px;
	margin-top:5px;margin-bottom:25px!important;
	cursor: pointer;
}
.form-group.thumb_block .thumb-close {
	color: #999 !important;
	background: #fff;border: 1px solid #999!important;
	top: -10px;
	right: -10px;
	position: absolute;
	cursor: pointer;
	font-size: 18px;
	z-index: 99;
	border-radius: 100%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 17px;
	border: 1px solid; 
	
}
.form-group.thumb_block img {
	width: 100%; 
	height: 125px; 
	display: block;
	margin:auto; 
	border-radius: 4px;
}
.form-group.thumb_block input[type=file]{visibility:hidden; position: absolute;} 
 
.form-group.thumb_block .btn-thumb {
	background: #f87500; 
	color: #fff;
	padding: 4px 8px 5px;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	border-radius: 100%;
	position: absolute;
	right: -15px;
	bottom: -15px;
	
}
.form-group.thumb_block .btn-thumb:hover { background:#333}
.thumb_block_add {
	background: #f7f7f7;
	display: block;
	width: 100%; 
	border-radius: 4px;
	text-align: center; 
	color: #939393 !important;
} 
/*********************************************************************************
footer styles
***************/