/*********************************************************************************
common styles
***************/   
body {
 background:#f3fbff  !important;
 color:#333!important;
 font-family: 'Poppins', sans-serif!important;
 font-size:14px!important;
}
h1, h2, h3, h4, h5, p{
 margin:0px!important;
 padding:0px!important;
}
a {
 color:#7f7e7e !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: #166890 !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;
}
/*********************************************************************************
colored text and buttons
***************/
.text-orange {
 color:#ef642d
}

.btn-sub, .btn-cancel {
 text-transform: capitalize;
 background: #00a8f3;
 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:#d95757 ;
}
.btn:hover {
 background:#333!important;
 color:#fff!important;
}
/*********************************************************************************
header styles
***************/ 

/*logo bar*/
.logo-bar {
 background:#fff;
 padding: 20px;
}
.logo {
 display: block;
 width: 160px;
}
.logo img {
 max-width:100%;
}
/**/
.usr-logged-in {
 padding: 36px 20px 5px;
}
.usr-logged-in a {
 color:#7a7a7a !important;
 display:block;
 padding: 0px 0px 15px;
 border-bottom:1px solid #ddd
}
.usr-logged-in a img {
 width:25px;
 height:25px;
 border-radius:100%;
 margin-right:5px;
 border: 1px solid #0000001f;
}
.usr-logged-in a span {
 overflow: hidden !important;
 text-overflow: ellipsis;
 white-space: nowrap !important;
 max-width: 140px;
 display: inline-block;
 vertical-align: -6px;
}
/**/
.nav_bar {
 padding: 0 20px;
}
.nav_bar .nav-brdr {
 background:#ddd;
 width:100%;
 height:1px;
 margin: 6px 0 6px;
}
/**/
header {
 padding:10px 30px;
 background:#f3fbff ;
 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% - 220px);
 top: 0;
 padding:8px 30px;
 background: #fdfdfc;
}
/*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;
 font-weight:500
}
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: 90px;
 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: #f3fbff ;
 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 30px 30px;
}
/*main heading*/
section.contents .main-head {
 color: #00a8f3;
 font-weight: 600;
 margin: 5px auto 15px!important;
 font-size: 18px!important;
}
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 .bn-btn {
 float: right;
 background: #01a9f4 ;
 color: #fff !important;
 padding: 3px 10px !important;
 border-radius: 4px !important;
 margin-top: 2px;
}
/**/
section.contents .web-container {
 height:auto;
}
section.contents .web-block {
 background:#fff;
 padding:20px;
 border-radius:5px;
 margin-bottom:20px;
 -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);
}
/*dashboard chart*/
.sum-chart {
}
.sum-chart h4 {
 color: #a30c11;
 padding: 0px 0px 10px!important;
}
.sum-chart .chart {
 height:281px
}
/*dashboard recent col*/
.recent-col {
}
.recent-col .mytable th {
 background-color: #fff!important;
 color: #166890!important;
 border-top:1px solid #bbdae1 !important
}
.recent-col h4 {
 color: #00a8f3;
 padding: 0px 0px 18px!important;
}
/*dashboard summery*/
.sum-col-list .sum-col {
 padding: 19px 15px!important;
}
.sum-col-list .sum-col .sum-head {
 color: #888;
 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
}
.sum-col-list .sum-col .sum-head a {
 font-size: 12px !important;
 color: #fb7657 !important;
}
.sum-col-list .sum-col .sum-val {
 font-weight: 700;
 margin: 22px auto 0px !important;
 font-size: 30px !important;
 text-align: right;
 color: #a30c11;
}
/*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:0 auto 30px;
 display:table;
 max-width:150px
}
.log-model .log-right h2 {
 font-size: 20px;
 color:#00a8f3;
 font-weight:700;
 margin-top:40px!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;
}
/* my profile */
.my-profile {
 padding:25px 5px;
}
.my-profile-col.editable {
 display: none;
 margin-top: 20px;
}
.my-profile-col.viewable {
}
.my-profile .up-pic {
 float:left;
 position:relative;
 margin-bottom:20px;
}
.my-profile .up-pic img {
 width: 100%;
 max-width:200px;
 border-radius:5px;
 border:1px solid #ccc
}
.my-profile .up-pic .up-btn {
 background: #fb7657;
 color: #fff;
 padding: 8px 10px;
 position: absolute;
 border-radius: 100%;
 right: -15px;
 bottom: -15px;
 cursor:pointer
}
.my-profile p {
 font-size: 12px !important;
 margin-bottom: 15px !important;
 color: #999;
 line-height: 22px;
}
.my-profile p span {
 display: block;
 font-size: 14px;
 color: #666;
 border-bottom: 0px solid #ddd;
 padding-bottom: 4px;
}
.my-profile h4 {
 font-size: 18px;
 margin-bottom: 15px !important;
 color: #00a8f3;
}
.my-profile h4 a.btn-edit {
 font-size: 10px;
 color: #fb7657 !important;
 margin-left: 10px;
 border: 1px solid;
 padding: 0px 10px;
 border-radius: 25px;
}
.my-profile .btn-edit:hover {
 color: #00a8f3!important;
}
.my-profile .btn-sub, .my-profile .btn-cancel {
 width:120px;
 margin-bottom: 30px;
}
/* password show hide*/
.toggle-password {
 position: absolute;
 right: 10px;
 width: 10px;
 color: #fff !important;
 text-align: center;
 top: 20px;
 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;
}
/*My tables*/ 
.dataTables_scrollHeadInner {
 padding:0!important
}
.dataTables_wrapper .dataTables_length {
 margin-bottom: 15px;
}
.dataTables_wrapper .dataTables_filter {
 margin-top: 1px;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
 padding-top: 18px!important;
}
/**/
section.contents .mytable {
 table-layout: auto;
 white-space: nowrap;
 border-bottom: 0 !important;
}
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:0;
 padding:12px 15px;
}
section.contents .mytable th {
 background: #01a9f4;
 color: #fff;
 font-weight: 500;
 vertical-align: middle !important;
 font-size: 13px;
}
section.contents .mytable td {
 vertical-align:middle!important;
 font-size: 13px;
}
 section.contents .mytable tr:nth-child(odd) {
background:#f1f7fb;
}
section.contents .mytable .btn-edit, section.contents .mytable .btn-delete {
 width:18px;
 height:18px;
 border-radius:100%;
 display:inline-block;
 margin:0px 3px 0;
 vertical-align:-4px
}
section.contents .mytable .btn-edit {
 background: #01a9f4  url(../design_img/icon-edit.png) no-repeat center center;
 background-size: 12px;
}
section.contents .mytable .btn-delete {
 background: #d95757  url(../design_img/icon-close-wht.png) no-repeat center center;
 background-size: 8px;
}
section.contents .mytable tr:hover {
/*background:#eee*/
}
section.contents .mytable tfoot td{
 background:#fff; color:#00a8f3;  font-weight:600;
 border-left:1px solid #ecf7f2; border-bottom:1px solid #ecf7f2;
}
section.contents .mytable tfoot td:last-child{
border-right:1px solid #ecf7f2;
}
/*********************************************************************************
list styles start
***************/
u/*l.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: 12px;
 color:#444
}
.form-group label {
 font-weight: normal;
 background: #fff;
 border-radius: 3px;
 color: #a30c11;
 font-size: 12px;
 padding: 0 10px 2px;
 margin-left: 10px;
}
.form-group .str {
 color: #eb5757 !important;
}
.form-group .label-err {
 background: #fb7657;
 width: auto;
 font-size: 11px;
 color: #fff !important;
 padding: 0px 5px 2px;
 border-radius: 2px;
 position: absolute;
 bottom: -22px;
 right: 10px;
 z-index: 1;
 text-align: right;
}
.form-group .label-err::before {
 content: "\f0d8 ";
 font: normal normal normal 20px/1 FontAwesome;
 color: #fb7657;
 position: absolute;
 top: -13px;
 right: 20px;
}
.form-group .form-control {
 box-shadow:none;
 background:none;
 padding:12px 18px 8px;
 height:auto;
 font-size: 12px;
 margin-top: -17px;
}
.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:16px;
 padding-right:20px;
}
/*@-moz-document url-prefix() {
	.form-group select.form-control {
		padding: 7px 20px 7px 4px;
	}
}*/
.form-group .label-radio {
 margin-right:15px;
}
.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: -3px;
}
.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 .up-pic-col {
 position: relative;
 margin-bottom: 20px;
 border: 1px solid #ccc;
 border-radius: 5px;
 width: 150px;
 height: 100px;
 float:left;
 margin-right: 30px;
 color: #ccc;
 z-index: 1;
}
.form-group .up-pic-col img {
 max-height: 100%;
 position: absolute;
 top: 50%;
 margin-bottom: -50%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 max-width: 100%;
 background: #fff;
 padding: 15px;
}
.form-group .up-pic-col span {
 position: absolute;
 width: 100%;
 top: 50%;
 margin-bottom: 50%;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 transform: translateY(-50%);
 text-align: center;
 z-index: -1;
}
.form-group .up-pic-col .up-btn {
 background: #d95757 ;
 color: #fff;
 padding: 6px 10px;
 position: absolute;
 border-radius: 100%;
 right: -15px;
 bottom: -15px;
 cursor:pointer
}
/*********************************************************************************
footer styles
***************/