@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300);
/*
Template Name: TMS Dashboard
*/
/* =============
  == Core List==
   - Common
   - Helper classes
   - Extra
   - Bootstrap Custom
   - Topbar, Leftbar and Rightbar
   - Animation (Some loader)
   - Waves effect
   - Print (Invoice css)
   ============= */
/* =============
   Common
   ============= */
   body {
   	background: #fff;
   	font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   	margin: 0;
   	overflow-x: hidden;
   	color: #797979;
   }
   html {
   	position: relative;
   	min-height: 100%;
   	background: #fff;
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
   	color: #505458;
   	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
   	margin: 10px 0;
   }
   h1 {
   	line-height: 43px;
   }
   h2 {
   	line-height: 35px;
   }
   h3 {
   	line-height: 25px;
   }
   h3 small {
   	color: #444444;
   }
   h4 {
   	line-height: 22px;
   }
   h4 small {
   	color: #444444;
   }
   h5 {
   	font-size: 15px;
   }
   h5 small {
   	color: #444444;
   }
   p {
   	line-height: 1.6;
   }
   * {
   	outline: none !important;
   }
   b {
   	font-weight: 600;
   }
   a:hover {
   	outline: 0;
   	text-decoration: none;
   }
   a:active {
   	outline: 0;
   	text-decoration: none;
   }
   a:focus {
   	outline: 0;
   	text-decoration: none;
   }
   .container {
   	width: auto;
   	padding: 0 10px;
   }
   .navbar.navbar-default .container .col-lg-2, .navbar.navbar-default .container .col-lg-9, .navbar.navbar-default .container .col-lg-1, .navbar.navbar-default .container .col-lg-10{
   	padding: 0
   }
   .container .col-lg-1.custom{ 
   	width: 5%;
   }
   .container .col-lg-2.custom{
   	width: 20%;
   }
   .container .col-lg-9.custom{
   	width: 75%;
   }
   .container .col-lg-10.custom{
   	width: 80%;
   }
   .container-alt {
   	margin-left: auto;
   	margin-right: auto;
   	padding-left: 15px;
   	padding-right: 15px;
   }
   .wrapper {
   	margin-top: 65px;
   }
   /* Footer */
   .footer {
   	border-top: 1px solid rgba(0, 0, 0, 0.1);
   	bottom: 0px;
   	color: #fff;
   	text-align: left !important;
   	padding: 10px 30px;
   	position: absolute;
   	right: 0px;
   	left: 240px;
   	background-color: #434343;
   }
   #wrapper {
   	overflow: hidden;
   	width: 100%;
   	min-height: 650px;
   }
   .page {
   	bottom: 0;
   	left: 0;
   	right: 0;
   	top: 0;
   }
   /* Page titles */
   .page-title {
    font-size: 17px;
    font-weight: 600;
    margin: 5px 0;
    color: #697882;
    background: #fafafa;
    padding: 5px;
    line-height: 1.1;
   }
   .content-dashboard .page-title {
    font-size: 17px;
    font-weight: 600;
    margin: 5px 0;
    color: #697882;
    background-color: transparent;
    padding: 5px;
    line-height: 1.1;
   }
   .page-title-alt {
   	margin-bottom: 23px;
   	margin-top: 10px;
   }
   .page-header {
   	border-bottom: 1px solid #DBDDDE;
   }
   .header-title {
   	text-transform: uppercase;
   	font-size: 16px;
   	font-weight: 600;
   	letter-spacing: 0.04em;
   	line-height: 16px;
   	margin-bottom: 8px;
   }
   .cust-title h3{
   	text-transform: uppercase;
   	font-size: 14px;
   	font-weight: 600;
   	letter-spacing: 0.04em;
   	line-height: 16px;
   	margin-bottom: 0px;
   }
   .social-links li a {
   	-webkit-border-radius: 50%;
   	background: #EFF0F4;
   	border-radius: 50%;
   	color: #7A7676;
   	display: inline-block;
   	height: 30px;
   	line-height: 30px;
   	text-align: center;
   	width: 30px;
   }
/* =============
   Helper clasess
   ============= */
   .p-0 {
   	padding: 0px !important;
   }
   .p-20 {
   	padding: 20px !important;
   }
   .p-30 {
   	padding: 30px !important;
   }
   .p-l-0 {
   	padding-left: 0px !important;
   }
   .p-r-0 {
   	padding-right: 0px !important;
   }
   .p-t-0 {
   	padding-top: 0px !important;
   }
   .p-t-10 {
   	padding-top: 10px !important;
   }
   .p-b-0 {
   	padding-bottom: 0px !important;
   }
   .p-b-10 {
   	padding-bottom: 10px !important;
   }
   .p-l-r-10 {
   	padding-left: 10px;
   	padding-right: 10px;
   }
   .m-0 {
   	margin: 0px !important;
   }
   .m-r-5 {
   	margin-right: 5px !important;
   }
   .m-r-10 {
   	margin-right: 10px !important;
   }
   .m-r-15 {
   	margin-right: 15px !important;
   }
   .m-l-5 {
   	margin-left: 5px !important;
   }
   .m-l-10 {
   	margin-left: 10px !important;
   }
   .m-l-15 {
   	margin-left: 15px !important;
   }
   .m-t-5 {
   	margin-top: 5px !important;
   }
   .m-t-0 {
   	margin-top: 0px !important;
   }
   .m-t-10 {
   	margin-top: 10px !important;
   }
   .m-t-15 {
   	margin-top: 15px !important;
   }
   .m-t-20 {
   	margin-top: 20px !important;
   }
   .m-t-30 {
   	margin-top: 30px !important;
   }
   .m-t-40 {
   	margin-top: 40px !important;
   }
   .m-b-0 {
   	margin-bottom: 0px !important;
   }
   .m-b-5 {
   	margin-bottom: 5px !important;
   }
   .m-b-10 {
   	margin-bottom: 10px !important;
   }
   .m-b-15 {
   	margin-bottom: 15px !important;
   }
   .m-b-20 {
   	margin-bottom: 20px !important;
   }
   .m-b-30 {
   	margin-bottom: 30px !important;
   }
   .w-xs {
   	min-width: 80px;
   }
   .w-sm {
   	min-width: 95px;
   }
   .w-md {
   	min-width: 110px;
   }
   .w-lg {
   	min-width: 140px;
   }
   .m-h-40 {
   	min-height: 40px;
   }
   .m-h-50 {
   	min-height: 50px;
   }
   .l-h-34 {
   	line-height: 34px;
   }
   .font-600 {
   	font-weight: 600;
   }
   .font-bold {
   	font-weight: 700;
   }
   .font-normal {
   	font-weight: normal;
   }
   .font-light {
   	font-weight: 300;
   }
   .font-13 {
   	font-size: 13px !important;
   }
   .font-11{
   	font-size: 11px !important;
   }
   .wrapper-md {
   	padding: 20px;
   }
   .pull-in {
   	margin-left: -15px;
   	margin-right: -15px;
   }
   .pull-in-card {
   	margin-left: -20px !important;
   	margin-right: -20px !important;
   }
   .b-0 {
   	border: none !important;
   }
   .vertical-middle {
   	vertical-align: middle;
   }
   .b-r-0 {
   	border-radius: 0px !important;
   }
   .bx-shadow {
   	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
   	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
   	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
   }
   .mx-box {
   	max-height: 380px;
   	min-height: 380px;
   }
   .thumb-sm {
   	height: 32px;
   	width: 32px;
   }
   .thumb-md {
   	height: 48px;
   	width: 48px;
   }
   .thumb-lg {
   	height: 88px;
   	width: 88px;
   }
/* =============
   Extras
   ============= */
   /* Table type box */
   .table-box {
   	display: table;
   	height: 100%;
   	width: 100%;
   }
   .table-box .table-detail {
   	display: table-cell;
   	vertical-align: middle;
   }
   .table-custom thead th,
   .table-custom tbody td,
   .table-custom tfoot td {
   	padding: 3px 3px !important;
   	line-height: 16px !important;
   	color: #928d8d;
   	font-size: 11px;
   }
   .table-custom > thead > tr > th {
   	border-bottom: 1px solid #fefefe !important;
   	background: #ebeff2;
   	border-right: 1px solid #fff !important;
   	/*white-space: pre-line !important;*/
      text-align: center;
   }
   .table-custom > thead > tr > th .custom-label{ font-size: 10px !important;   text-align: center;    margin-bottom: 0;}
   .table-custom > thead > tr > th:last-child {
   	border-right: none !important;
   }
   .table-custom {
   	margin-bottom: 0!important;
   	border-bottom: 1px solid #ddd;
   	border-collapse: collapse!important;
   	border-radius: 1px;
   	width: 100%;
   }
   .table-custom > thead > tr > th > .th-inner{
   	white-space: pre-line !important;
   	padding: 0px !important;
          font-size: 10px;
   }
   .table-custom > thead > tr > th > .th-inner > .custom-label {
   	font-size: 9px;
   	line-height: 12px;
   }
   .table-responsive .table tbody td {
   	padding: 3px 3px !important;
   	line-height: 16px !important;
   	color: #928d8d;
   	font-size: 12px;
   }
   .table-responsive .table > thead > tr > th {
   	border-bottom: 2px solid #ebeff2 !important;
   	background: #ebeff2;
   	border-right: 1px solid #fff !important;
   }
   .table-responsive .table > thead > tr > th:last-child {
   	border-right: none !important;
   }
   .table-responsive .table {
   	margin-bottom: 0!important;
   	border-bottom: 1px solid #ddd;
   	border-radius: 1px;
   	table-layout: fixed;
   }
   .table-responsive .tbl-fix-custom > tbody > td {
   	padding: 0px !important;
   }
   .table-responsive .table > thead > tr > th{
   	padding: 0px !important;
   }
   .table-responsive .table > thead > tr > th > .custom-label {
   	font-size: 11px;
   	line-height: 12px;
   }
   .fixed-table-container thead th .th-inner {
   	text-align: center;
   }
   .fixed-table-container thead th .th-inner .custom-label {
   	margin-bottom: 0;
   }
   .bootstrap-table .table > thead > tr > th {
   	text-align: center;
   }
   .table-striped > tfoot > tr:nth-of-type(even){
   	background-color: #f4f8fb !important;
   }
   table.dataTable thead th, table.dataTable thead td {
    padding: 2px !important;
    border-bottom: none !important;
   }
   /* Card Box */
   .card-box {
   	padding: 20px;
   	border: 1px solid rgba(54, 64, 74, 0.05);
   	-webkit-border-radius: 5px;
   	border-radius: 5px;
   	-moz-border-radius: 5px;
   	background-clip: padding-box;
   	margin-bottom: 10px;
   	background-color: #ffffff;
   }
   .dashboard-stat.green {
   	background-color: #32c5d2;
   }
   .dashboard-stat.blue {
   	background-color: #3598dc;
   }
   .dashboard-stat.red {
   	background-color: #e7505a;
   }
   .dashboard-stat.purple {
   	background-color: #8E44AD;
   }
   .dashboard-stat.purple {
   	background-color: #8E44AD;
   }
   /* Grid page */
   .grid-structure .grid-container {
   	background-color: #f4f8fb;
   	margin-bottom: 10px;
   	padding: 10px 20px;
   }
   /* Demo only */
   .icon-list-demo div {
   	cursor: pointer;
   	line-height: 45px;
   	white-space: nowrap;
   	color: #75798B;
   }
   .icon-list-demo div:hover {
   	color: #ffffff;
   }
   .icon-list-demo div p {
   	margin-bottom: 0px;
   	line-height: inherit;
   }
   .icon-list-demo i {
   	-webkit-transition: all 0.2s;
   	display: inline-block;
   	font-size: 18px;
   	margin: 0;
   	text-align: center;
   	transition: all 0.2s;
   	vertical-align: middle;
   	width: 40px;
   }
   .icon-list-demo .col-md-4 {
   	-webkit-border-radius: 3px;
   	border-radius: 3px;
   	-moz-border-radius: 3px;
   	background-clip: padding-box;
   }
   .icon-list-demo .col-md-4:hover {
   	background-color: #34D3EB;
   }
   .icon-list-demo .col-md-4:hover i {
   	-o-transform: scale(2);
   	-webkit-transform: scale(2);
   	moz-transform: scale(2);
   	transform: scale(2);
   }
   .button-list {
   	margin-left: -8px;
   	margin-bottom: -12px;
   }
   .button-list .btn {
   	margin-bottom: 12px;
   	margin-left: 8px;
   }
/* =============
   Bootstrap-custom
   ============= */
   .row {
   	margin-right: -10px;
   	margin-left: -10px;
   }
   .col-lg-1,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-md-1,
   .col-md-10,
   .col-md-11,
   .col-md-12,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-sm-1,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-xs-1,
   .col-xs-10,
   .col-xs-11,
   .col-xs-12,
   .col-xs-2,
   .col-xs-3,
   .col-xs-4,
   .col-xs-5,
   .col-xs-6,
   .col-xs-7,
   .col-xs-8,
   .col-xs-9 {
   	padding-left: 5px;
   	padding-right: 5px;
   }
   .breadcrumb {
   	background-color: transparent;
   	margin-bottom: 15px;
   	padding-top: 10px;
   	padding-left: 0px;
   }
   /* Dropdown */
   .dropdown-menu {
   	padding: 4px 0;
   	transition: all 300ms ease;
   	-moz-transition: all 300ms ease;
   	-webkit-transition: all 300ms ease;
   	-o-transition: all 300ms ease;
   	-ms-transition: all 300ms ease;
   	border: 0;
   	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
   	min-width: 118px;
   	border-top: 1px solid #eee;
   }
   .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
   	color: #FFFFFF;
   	text-decoration: none;
   	background-color:#34D3EB;
   }
   .dropdown-menu > li > a {
   	padding: 5px 10px;
   	font-size: 11px;
   }
   .navbar-nav .dropdown-menu > li > a {
   	padding: 5px 10px;
   	font-size: 11px;
   	border-bottom: 1px solid #ddd;
   }
   .dropdown-menu > .active > a,
   .dropdown-menu > .active > a:hover,
   .dropdown-menu > .active > a:focus {
  /*background-color: #f3f3f3;
  color: #36404a;*/
  background-color: #34d3eb;
  color: #ffffff;
}
.dropup .dropdown-menu {
	box-shadow: 0px -1px 5px 0 rgba(0, 0, 0, 0.26);
	background: #f5f5f5;
}
.bootstrap-select .dropdown-menu {
	box-shadow: 0px -1px 5px 0 rgba(0, 0, 0, 0.26);
	background: #f5f5f5;
}
/* Background colors */
.bg-custom {
	background-color: rgba(255, 255, 255, 0.28) !important;
}
.bg-primary {
	background-color: #5d9cec !important;
}
.bg-success {
	background-color: #81c868 !important;
}
.bg-info {
	background-color: #34d3eb !important;
}
.bg-warning {
	background-color: #ffbd4a !important;
}
.bg-danger {
	background-color: #f05050 !important;
}
.bg-muted {
	background-color: #f4f8fb !important;
}
.bg-inverse {
	background-color: #4c5667 !important;
}
.bg-purple {
	background-color: #7266ba !important;
}
.bg-pink {
	background-color: #fb6d9d !important;
}
.bg-white {
	background-color: #ffffff !important;
}
.bg-lightdark {
	background-color: #f4f8fb !important;
}
/* Text colors */
.text-custom {
	color: #34D3EB;
}
.text-white {
	color: #ffffff;
}
.text-grey {
	color: #ddd;
}
.text-danger {
	color: #f05050;
}
.text-muted {
	color: #98a6ad;
}
.text-primary {
	color: #5d9cec;
}
.text-warning {
	color: #ffbd4a;
}
.text-success {
	color: #81c868;
}
.text-info {
	color: #34d3eb;
}
.text-inverse {
	color: #4c5667;
}
.text-pink {
	color: #fb6d9d;
}
.text-purple {
	color: #7266ba;
}
.text-dark {
	color: #797979 !important;
}
/* Form components */
textarea.form-control {
	min-height: 50px;
}
.form-control, .bootstrap-select button, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input{
	background-color: #FFFFFF;
	border: 1px solid #D6D3D3;
	border-radius: 4px;
	color: #565656;
	padding: 2px 6px;
	height: 24px;
	max-width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 12px;
}
.form-control.login{
	height: 38px;
}
.form-control:focus {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #333333;
}
.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 16px;
	line-height: 1.3333333;
	border-radius: 6px;
}
.input-sm {
	height: 24px;
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.form-horizontal .form-group {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}
.form-horizontal .form-group .col-md-1,
.form-horizontal .form-group .col-md-6{
	padding-left:3px !important;
	padding-right: 0;
}
.form-horizontal .col-md-10,
.form-horizontal .col-md-9, 
.form-horizontal .col-md-8, 
.form-horizontal .col-md-1, 
.form-horizontal .col-md-2,
.form-horizontal .col-md-5,
.form-horizontal .col-md-7 {
	padding-left:3px;
	padding-right: 0;
}
.form-horizontal .col-md-4 {
	padding-left:3px;
	padding-right: 3px;
}
.form-horizontal .col-md-3 {
	padding-left:3px;
	padding-right: 3px;
}
.form-horizontal .col-md-6{
	padding-left:6px;
	padding-right:6px;
}
.form-horizontal .col-md-12{
	padding-left:6px;
	padding-right:6px;
}
.col-md-10.zero-margin.p-l-7 {
	padding-left: 7px;
}
.form-group .col-md-12, .form-group .col-md-11 {
	padding-left:3px;padding-right: 0;
}
.form-group .col-md-3{
	width: 20.5%
}
.form-group .col-md-3.custom-60{
   width: 25%;
}
.form-group .col-md-9{
	width: 79.5%
}
.form-horizontal .control-label {
	padding: 3px 3px 3px 6px;
	margin-bottom: 0;
	text-align: left;
	background: #ebeff2;
	font-size:12px;
	font-weight: 400;
	color: #545454;
}
.form-horizontal .custom-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 11px;
	font-weight: 600;
	color: #928d8d;
}
.form-horizontal .custom-sub-label {
   padding: 1px 3px;
   margin-bottom: 0 !important;
   text-align: left;
   font-size: 11px;
   font-weight: 500;
   color: #928d8d;
   margin-left: 10px;
}
.form-horizontal .custom-sub-sub-label {
   padding: 1px 3px;
   margin-bottom: 0 !important;
   text-align: left;
   font-size: 11px;
   font-weight: 500;
   color: #928d8d;
   margin-left: 20px;
}
.form-horizontal .email-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	color: #434343;
}
.form-control-feedback {
	line-height: 38px !important;
}
.input-group-btn .btn {
	padding: 8px 12px;
}
.input-group-btn .btn-sm {
	padding: 2px 5px;
}
.input-group-btn .btn-lg {
	padding: 10px 17px;
}
.input-group-addon {
	padding: 2px 8px;
}
.btn-group-sm >.btn, .btn-sm {
	padding: 2px 7px ;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}
.btn-group-xs>.btn, .btn-xs {
	padding: 1px 3px;
	font-size: 10px;
}
/* Labels */
.label {
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: .3em .6em .3em;
	font-size: 10px;
}
.label-default {
	background-color: #34D3EB;
}
.label-primary {
	background-color: #5d9cec;
}
.label-success {
	background-color: #81c868;
}
.label-info {
	background-color: #34d3eb;
}
.label-warning {
	background-color: #ffbd4a;
}
.label-danger {
	background-color: #f05050;
}
.label-purple {
	background-color: #7266ba;
}
.label-pink {
	background-color: #fb6d9d;
}
.label-inverse {
	background-color: #4c5667;
}
/* Badge */
.badge {
	text-transform: uppercase;
	font-weight: 600;
	padding: 3px 5px;
	font-size: 12px;
	margin-top: 1px;
	background-color: #34D3EB;
}
.badge-xs {
	font-size: 9px;
}
.badge-xs,
.badge-sm {
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px);
}
.badge-primary {
	background-color: #5d9cec;
}
.badge-success {
	background-color: #81c868;
}
.badge-info {
	background-color: #34d3eb;
}
.badge-warning {
	background-color: #ffbd4a;
}
.badge-danger {
	background-color: #f05050;
}
.badge-purple {
	background-color: #7266ba;
}
.badge-pink {
	background-color: #fb6d9d;
}
.badge-inverse {
	background-color: #4c5667;
}
/* Pagination/ Pager */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.pagination > li > a,
.pagination > li > span {
	color: #636e7b;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	background-color: #e4e7ea;
}
.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left;
}
.pagination-split li:first-child {
	margin-left: 0;
}
.pagination-split li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #34D3EB;
	border-color: #34D3EB;
}
.pager li > a,
.pager li > span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #636e7b;
}
.page-list .btn.btn-default.dropdown-toggle {
	padding: 0px 4px;
}
/* Tabs */
.tabs {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0px;
	position: relative;
	white-space: nowrap;
	width: 100%;
}
.tabs li.tab {
	background-color: #ffffff;
	display: block;
	float: left;
	margin: 0;
	text-align: center;
}
.tabs li.tab a {
	-moz-transition: color 0.28s ease;
	-ms-transition: color 0.28s ease;
	-o-transition: color 0.28s ease;
	-webkit-transition: color 0.28s ease;
	color: #ee6e73;
	display: block;
	height: 100%;
	text-decoration: none;
	transition: color 0.28s ease;
	width: 100%;
}
.tabs li.tab a.active {
	color: #34D3EB !important;
}
.tabs .indicator {
	background-color: #34D3EB;
	bottom: 0;
	height: 2px;
	position: absolute;
	will-change: left, right;
}
.tabs-top .indicator {
	top: 0;
}
.nav-pills li a {
	line-height: 36px !important;
	padding: 0 10px !important;
}
.nav-pills li.active a {
	background-color: #34D3EB !important;
}
.nav-pills li.active a:hover {
	background-color: #34D3EB !important;
}
.nav-pills li.active a:focus {
	background-color: #34D3EB !important;
}
.nav.nav-tabs + .tab-content {
	background: #ffffff;
	/*margin-bottom: 30px;*/
	padding: 5px;
}
.tabs-vertical-env {
	margin-bottom: 30px;
}
.tabs-vertical-env .tab-content {
	background: #ffffff;
	display: table-cell;
	/*  margin-bottom: 30px;*/
	padding: 5px;
	vertical-align: top;
	width: 100%;
}
.tabs-vertical-env .nav.tabs-vertical {
	display: table-cell;
	min-width: 120px;
	vertical-align: top;
	width: 150px;
}
.tabs-vertical-env .nav.tabs-vertical li.active > a {
	background-color: #34D3EB !important;
	border: 0;
}
.tabs-vertical-env .nav.tabs-vertical li > a {
	color: #333333;
	text-align: center;
	white-space: nowrap;
}
.nav.nav-tabs > li.active > a {
	background-color: #ffffff;
	border: 0;
	height: 24px;
}
.nav.nav-tabs > li > a {
	background-color: #C3C7CC;
	border: none;
	color: #4D5764 !important;
	cursor: pointer;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing:0em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 5px;
	border-radius: 5px 5px 0 0;
	font-size: 10px;
}
.nav.nav-tabs.tabs-vertical > li{
	float: none;
}
.nav.nav-tabs.tabs-vertical > li > a {
	background-color: #C3C7CC;
	border: none;
	color: #4D5764 ;
	cursor: pointer;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing:0em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 0px;
	margin-bottom: 5px;
	border-radius: 5px 0 0 5px;
	font-size: 10px;
}
.nav.nav-tabs.tabs-vertical > li.active > a{
	background-color: #ffffff;
	border: 0;
	height: auto;
	margin-right: 0px;
}
.nav.nav-tabs.tabs-vertical > li:last-of-type a {
	margin-right: 5px;
}
.nav.nav-tabs.nav-tab-custom {
	text-align: center;
}
.nav.nav-tabs.nav-tab-custom > li{
	float: none;
	display: inline-block;
}
.nav.nav-tabs.nav-tab-custom > li > a {
	background-color: #C3C7CC;
	border: none;
	color: #4D5764 ;
	cursor: pointer;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing:0em;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 3px;
	margin-right: 0px;
	border-radius: 5px 5px 0 0;
	font-size: 10px;
}
.nav.nav-tabs.nav-tab-custom > li.active > a{
	background-color: #ffffff;
	border: 0;
	line-height: 22px;
}
.nav.nav-tabs.nav-tab-custom > li:last-of-type a {
	margin-right: 0px;
}
.nav.nav-tabs > li > a:hover,
.nav.tabs-vertical > li > a:hover {
	background-color: #34D3EB !important;
	color: #fff !important;
}
.tab-content {
	/*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);*/
	border:1px solid #34D3EB;
	color: #777777;
	padding: 5px;
}
.enquiry-tab {
	border:1px solid #34d3eb;
}
.enquiry-tab {
	border: 1px solid #34d3eb;
	float: left;
	width: 100%;
	min-height:200px;
}
.enquiry-tab >.tab-pane {
	min-height: auto !important;
}
.custom-tab {
	border:0;
}
.custom-tab >.tab-pane {
	min-height: auto !important;
}
.nav.nav-tabs > li:last-of-type a {
	margin-right: 0px;
}
.nav.nav-tabs {
	border-bottom: 0;
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);*/
	background-color: #fff;
}
.navtab-bg {
	background-color: #f4f8fb;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.tabs-vertical-env .nav.tabs-vertical li.active > a {
	border: none;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.tabs-vertical > li.active > a,
.tabs-vertical > li.active > a:focus,
.tabs-vertical > li.active > a:hover {
	color: #fff !important;
	background-color:#34D3EB !important;
}
/* List group */
.list-group-item {
	border: 1px solid #ebeff2;
}
/* Dropcap */
.dropcap {
	font-size: 3.1em;
}
.dropcap,
.dropcap-circle,
.dropcap-square {
	display: block;
	float: left;
	font-weight: 400;
	line-height: 36px;
	margin-right: 6px;
	text-shadow: none;
}
/* Alert */
.alert .btn {
	margin-top: 10px;
}
.alert-success {
	background-color: rgba(95, 190, 170, 0.3);
	border-color: rgba(95, 190, 170, 0.4);
	color: #34D3EB;
}
.alert-info {
	background-color: rgba(52, 211, 235, 0.2);
	border-color: rgba(52, 211, 235, 0.3);
	color: #34d3eb;
}
.alert-warning {
	background-color: rgba(255, 189, 74, 0.2);
	border-color: rgba(255, 189, 74, 0.3);
	color: #ffbd4a;
}
.alert-danger {
	background-color: rgba(240, 80, 80, 0.2);
	border-color: rgba(240, 80, 80, 0.3);
	color: #f05050;
}
/* Modals */
.modal .modal-dialog .modal-content {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #808080;
	border-radius: 2px;
	box-shadow: none;
}
.modal .modal-dialog .modal-content .modal-header {
	margin: 0;
	padding: 0;
	padding: 5px 10px;
	background: #34D3EB !important;
}
.modal .modal-dialog .modal-content .modal-body {
	padding: 7px;
}
.modal .modal-dialog .modal-content .modal-footer {
	padding: 5px 10px;
}
.bootbox .modal-footer {
	clear: both;
}
.modal-full {
	width: 98%;
}
.modal-content .nav.nav-tabs + .tab-content {
	margin-bottom: 0px;
}
.modal-content .panel-group {
	margin-bottom: 0px;
}
.modal-content .panel {
	border-top: none;
}
.note-editor {
	max-height: 300px;
}
.custom-editor .note-editor {
    min-height: 550px;
}
.custom-editor > .note-editor .note-editing-area .note-editable {
    min-height: 500px;
}
#cboxTitle {display:none !important;}
.modal-title {
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}
.bootbox-close-button.close {
	margin-top: 0 !important;
}
.modal-md {
	width: 700px;
	margin: 30px auto;
}
/* Custom-modal */
.modal-demo {
	background-color: #FFF;
	width: 600px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-clip: padding-box;
	display: none;
}
.modal-demo .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #eeeeee;
}
.modal-header .close {
	color: #fff !important;
	opacity: 1 !important;
}
.custom-modal-title {
	padding: 8px 10px;
	line-height: 22px;
	font-size: 18px;
	background-color: #36404a;
	color: #ffffff;
	text-align: left;
	margin: 0px;
}
.custom-modal-text {
	padding: 20px;
}
.custombox-modal-flash .close,
.custombox-modal-rotatedown .close {
	top: 20px;
	z-index: 9999;
}
.modal-footer {
	padding: 5px 10px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}
.custom-text p {
	font-size: 12px;
	margin: 0;
	line-height: 1.8;
	background: #fafafa;
	padding: 1px 3px;
}
.email-text {
	font-size: 13px;
	margin: 0;
	line-height: 1.5;
	padding: 1px 3px;
}
.email-text p {
	font-size: 13px;
	margin: 0 !important;
	line-height: 1.5;
	padding:0;
}
.address-text p {
	font-size: 13px;
	margin: 0 !important;
	line-height: 1.8;
}
.address-text p + p{
	margin: 0 !important;  
}
/* Tabs-Accordions */
.tabs-vertical-env .tab-content {
	margin-bottom: 0px;
}
.table > thead > tr > td.middle-align,
.table > tbody > tr > td.middle-align,
.table > .tfood > tr > td.middle-align,
.table > thead > tr > th.middle-align,
.table > tbody > tr > th.middle-align,
.table > .tfood > tr > th.middle-align {
	vertical-align: middle;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
	background-color: #34D3EB;
	border-color: #34D3EB;
}
.nav-pills > .active > a > .badge {
	color: #34D3EB;
}
.has-success .form-control {
	border-color: #81c868;
	box-shadow: none !important;
}
.has-warning .form-control {
	border-color: #ffbd4a;
	box-shadow: none !important;
}
.has-error .form-control {
	border-color: #f05050;
	box-shadow: none !important;
}
.input-group-addon {
	border-radius: 2px;
	border: 1px solid #eeeeee;
}
/* Tooltips */
.tooltip-inner {
	border-radius: 5px !important;
	padding: 3px 7px;
	background-color: #4D5764;
}
.input-group .tooltip-inner{
	width: 200px;
	word-wrap: break-word;
}
.tooltip-arrow{
	border-bottom-color: #4D5764;
}
.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: auto!important;
	height: auto!important;
}
/* Popover */
.popover {
	font-family: inherit;
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box;
}
.popover .popover-title {
	background-color: transparent;
	color: #34D3EB;
	font-weight: 600;
}
/* Code */
code {
	color: #5d9cec;
	background-color: #f4f8fb;
	border-radius: 4px;
}
/* Pre */
pre {
	background-color: #f4f8fb;
	border: 1px solid #d4d8da;
}
/* Well */
.well {
	background-color: #f4f8fb;
	border: 1px solid #e4e4e4;
}
/* Carousel */
.carousel-control {
	width: 10%;
}
.carousel-control span {
	position: absolute;
	top: 50%;
	/* pushes the icon in the middle of the height */
	z-index: 5;
	display: inline-block;
	font-size: 30px;
}
/* Owl */
.slider-bg {
	background-size: cover !important;
	padding: 5.5% 4.5%;
}
/* Media */
.media {
	margin-bottom: 20px;
}
.media .media-heading {
	font-weight: 600;
	font-size: 16px;
}
.media:last-of-type {
	margin-bottom: 0px;
}
/*===================================
   Topbar,Left-sidebar,Right-sidebar
   ===================================*/
.topbar {
	left: 0px;
	position: fixed;
	right: 0;
	top: 0px;
	z-index: 999;
}
.topbar .topbar-left {
	float: left;
	position: relative;
	z-index: 1;
}
.topbar .topbar-right {
	float: right;
	margin-top: 3px;
}
.topbar .topbar-left-sm {
	width: 50px;
	float: left;
}
.topbar .topbar-right-sm {
	width: 50px;
	float: left;
}
.logo {
	color: #ccc!important;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 58px;
}
.logo.product{
	line-height: 30px;
}
.logo .company-name{
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 62px;
}
.logo img {
	height: 36px;
}
.logo.product img{
	height: 26px;
}
.logo h1 {
	height: 40px;
	margin: 0px auto;
	text-align: center;
}
.logo i {
	color: #34D3EB;
}
.logo .icon-c-logo {
	float: left;
	margin-right: 10px;
}
.navbar-default {
	background-color:#364150;
	border-radius: 0px;
	border: none;
	margin-bottom: 0px;
   	/* border-bottom:1px solid #D5ECF7;*/
/*-moz-box-shadow: 0 40px 22px -22px rgba(255,255,255,0.8) inset, 0 -48px 14px -22px rgba(220, 210, 176, 0.9) inset;
  -webkit-box-shadow: 0 40px 22px -22px rgba(255,255,255,0.8) inset, 0 -48px 14px -22px rgba(220, 210, 176, 0.9) inset;
  box-shadow: 0 40px 22px -22px rgba(255,255,255,0.8) inset, 0 -48px 14px -22px rgba(220, 210, 176, 0.9) inset;*/
  /*-moz-box-shadow:  0 -48px 70px -22px rgba(199, 177, 99, 0.9) inset;
  -webkit-box-shadow:  0 -48px 70px -22px rgba(199, 177, 99, 0.9) inset;
  box-shadow:  0 -48px 70px -22px rgba(199, 177, 99, 0.9) inset;*/
}
.navbar-default .navbar-nav > .open > a {
	background-color: rgba(255, 255, 255, 0.1);
}
.navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.1);
}
.navbar-default .navbar-nav > .open > a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.navbar-default .badge {
	position: absolute;
	top: 4px;
	right: 2px;
}
.navbar-sidemenu {
	background-color: transparent;
	border-radius: 0px;
	border: none;
	margin-bottom: 0px;
	min-height: 20px;
}
.navbar-sidemenu .navbar-nav > .open > a {
	background-color: rgba(255, 255, 255, 0.1);
}
.navbar-sidemenu .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.1);
}
.navbar-sidemenu .navbar-nav > .open > a:hover {
	background-color: rgba(255, 255, 255, 0.1);
}
.nav > li > a {
	color: #ccc !important;
	line-height: 20px;
	padding: 0px;
	position: relative;
	font-size: 11px;
}
.navbar-nav>li {
	margin: 0px 6px;
}
.nav > li > a i {
	font-size: 13px;
}
i.fa.fa-bell-o.fa-2x, i.fa.fa-envelope-o.fa-2x, i.fa.fa-calendar.fa-2x, i.fa.fa-star.fa-2x{
	font-size: 18px;
	margin-top: 5px;
	opacity: 0.5;
	font-weight: 700;
	color: #ccc;
}
i.fa.fa-bell-o.fa-2x:hover, i.fa.fa-envelope-o.fa-2x:hover, i.fa.fa-calendar.fa-2x:hover, i.fa.fa-star.fa-2x:hover{
	color: #fff;
}
i.fa.fa-power-off.text-danger {
	font-size: 18px;
	font-weight: 500;
	padding-top: 3px;
	color: #E67272;
}
i.fa.fa-power-off.text-danger:hover{
	color: #EC1010;
	font-weight: 900;
}
i.fa.fa-caret-down.m-l-5.m-r-5 {
	opacity: 0.5;
}
i.fa.fa-caret-down.m-l-5.m-r-5:hover{
	opacity: 1;
}
.profile img {
	border: 2px solid #edf0f0;
	height: 36px;
	width: 36px;
}
.dropdown-menu-lg {
	width: 300px;
}
.dropdown-menu-lg .list-group {
	margin-bottom: 0px;
}
.dropdown-menu-lg .list-group-item {
	border: none;
	padding: 5px !important;
	border-radius: 0;
}
.dropdown-menu-lg .list-group-item:hover em,
.dropdown-menu-lg .list-group-item:hover .media-body h5,
.dropdown-menu-lg .list-group-item:hover .media-body small {
	color: #fff;
}
.dropdown-menu-lg .media-heading {
	margin-bottom: 0px;
}
.dropdown-menu-lg .media-body p {
	color: #828282;
}
.dropdown-menu-calender{
	width: 240px;
	padding: 10px;
}
.notification-list {
	max-height: 230px;
}
.notification-list a{
	word-wrap: break-word;
}
.notification-list a i {
	display: table-cell;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	vertical-align: middle;
	width: 28px;
}
.notification-list a p, .notification-list a span {
	vertical-align: middle;
	display: table-cell;
	word-wrap: break-word;
}
.event-calender{
	height: auto;
	max-height:100%;
}
.notification-list em {
	width: 20px;
	text-align: center;
	font-size: 18px;
}
.notification-list .media-body {
	display: inherit;
	width: auto;
	overflow: hidden;
	margin-left: 30px;
}
.notification-list .media-body h5 {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	font-weight: normal;
	overflow: hidden;
	font-size: 13px;
	font-weight: 600;
}
.notification-list .media-body small{
	font-size: 12px;
}
.notifi-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
	color: #4c5667;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-nav {
	margin: 0px;
}
.side-menu {
	bottom: 0;
	top: 0;
	width: 200px;
	z-index: 0;
}
.side-menu.left {
	background: rgba(54, 65, 80, 0.88);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 60px; 
 /* box-shadow:  -54px 0 200px -14px rgba(199, 177, 99, 0.9) inset;
 -moz-box-shadow:  -54px 0 200px -14px rgba(199, 177, 99, 0.9) inset;
 -webkit-box-shadow:  -54px 0 200px -14px rgba(199, 177, 99, 0.9) inset;*/
}
body.fixed-left .side-menu.left {
	bottom: 50px;
	height: 100%;
	margin-bottom: -70px;
	margin-top: 0px;
	padding-bottom: 70px;
	position: fixed;
}
.content-page {
	margin-left: 200px;
}
.content-page {
	margin-bottom: 24px;
	margin-top: 50px;
	padding: 20px 5px 0px 5px;
}
.content-dashboard{
	margin-bottom: 40px;
	margin-top: 50px;
}
.button-menu-mobile {
	background: transparent;
	border: none;
	color: #ccc;
	font-size: 20px;
	line-height: 24px;
	padding: 0px 15px;
	margin-top: 8px;
}
.button-menu-mobile:hover {
	color: #34D3EB;
}
.sidebar-inner {
	height: 100%;
}
#sidebar-menu,
#sidebar-menu ul,
#sidebar-menu li,
#sidebar-menu a {
	border: 0;
	font-weight: normal;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
}
#sidebar-menu {
	padding-bottom: 30px;
	padding-top: 0px;
	width: 100%;
}
#sidebar-menu .nav > li > a .badge {
	position: absolute;
	right: 10px;
	top: 12px;
}
#sidebar-menu a {
	line-height: 1.3;
}
#sidebar-menu ul ul {
	display: none;
}
#sidebar-menu ul ul li {
	border-top: 0;
}
#sidebar-menu ul ul li.active a {
	color: #34D3EB;
}
#sidebar-menu ul ul a {
	color: #fff;
	display: block;
	padding: 10px 20px 10px 43px;
	font-size: 12px;
}
#sidebar-menu ul ul a:hover {
	color: #c1c1c1;
	background: #364150;
}
#sidebar-menu ul ul a i {
	margin-right: 5px;
}
#sidebar-menu ul ul ul a {
	padding-left: 80px;
}
#sidebar-menu .label {
	margin-top: 2px;
}
#sidebar-menu .subdrop {
	background: #34D3EB !important;
	/*border-left: 3px solid #34D3EB;*/
	color: #fff !important;
}
#sidebar-menu > ul > li > a {
	color: #ccc;
	display: block;
	padding: 8px 10px;
	border-top: 1px solid #34D3EB;
	font-size: 13px;
	font-family: Calibri,Arial,sans-serif;
	letter-spacing: 0.5px;
}
#sidebar-menu > ul > li:first-child > a{
	font-size: 14px;
}
#sidebar-menu > ul > li > a:hover {
	color: #fff;
	text-decoration: none;
	background: #34D3EB;
}
#sidebar-menu > ul > li > a > span {
	vertical-align: middle;
	display: table-cell;
}
#sidebar-menu ul li a i {
	display: table-cell;
	font-size: 16px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 8px;
	text-align: center;
	vertical-align: middle;
	width: 28px;
}
#sidebar-menu ul li a i.md {
	font-size: 18px;
}
#sidebar-menu > ul > li > a > i.i-right {
	float: right;
	margin: 3px 0 0 0;
}
#sidebar-menu > ul > li > a.active {
	background: #34D3EB !important;
	/*border-left: 3px solid #34D3EB;*/
	color: #FFFFFF !important
}
.menu-title {
	padding: 12px 20px !important;
	letter-spacing: .035em;
	pointer-events: none;
	cursor: default;
	font-size: 13px;
}
/* Small Menu */
.side-menu-sm {
	width: 180px;
	text-align: center;
}
.side-menu-sm #sidebar-menu > ul > li > a > i {
	display: block;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	margin: 0px;
}
.side-menu-sm #sidebar-menu ul ul a {
	padding: 10px 20px 10px 20px;
}
.side-menu-sm + .content-page .footer {
	left: 180px;
}
#wrapper.enlarged .side-menu-sm {
	text-align: left;
}
#wrapper.enlarged .side-menu-sm #sidebar-menu ul li a i {
	display: inline-block;
	font-size: 18px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 15px;
	vertical-align: middle;
	width: 20px;
}
.side-menu-sm + .content-page {
	margin-left: 180px;
}
/* Header 2 */
.page-header-2 {
	background: #E3E7EC;
	border-bottom: 1px solid #dee2e8;
	margin: -25px -20px 22px -20px;
	padding: 25px 20px 0px 20px;
}
#wrapper.enlarged .menu-title {
	display: none;
}
#wrapper.enlarged #sidebar-menu ul ul {
	/*border: 2px solid #f4f8fb;*/
  /*margin-top: -5px;
  padding-top: 5px;*/
  z-index: 9999;
  background: #4d5764;
}
#wrapper.enlarged .left.side-menu {
	width: 50px;
	z-index: 1;
    /*box-shadow:  -24px 0 90px -14px rgba(199, 177, 99, 0.9) inset;
 -moz-box-shadow:  -24px 0 90px -14px rgba(199, 177, 99, 0.9) inset;
 -webkit-box-shadow:  -24px 0 90px -14px rgba(199, 177, 99, 0.9) inset;*/
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
	/*padding: 15px;*/
	text-align: left;
}
#wrapper.enlarged .left.side-menu .button-menu-mobile{
	padding: 0 12px ;
	transform: rotate(180deg);
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
	background: #34D3EB !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
	background: #34D3EB !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
	background: #34D3EB !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
	margin-right: 0 !important;
	display: inline-block;
	/*font-size: 20px;*/
}
#wrapper.enlarged .left.side-menu .label {
	position: absolute;
	top: 5px;
	left: 35px;
	text-indent: 0;
	display: block !important;
	padding: .2em .6em .3em !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
	position: relative;
	white-space: nowrap;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
	position: relative;
	width: 200px;
	background: #34D3EB;
	color: #fff;
	border-color: #34D3EB;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
	display: block;
	left: 50px;
	position: absolute;
	width: 150px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
	box-shadow: none;
	padding-left: 15px;
	position: relative;
	width: 150px;
	z-index: 6;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
	color: #c1c1c1;
	background: #364150;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
	display: inline;
}
#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul {
	display: block;
	left: 50px;
	position: absolute;
	width: 150px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a {
	background: #ffffff;
	box-shadow: none;
	padding-left: 15px;
	position: relative;
	width: 186px;
	z-index: 6;
}
#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a:hover {
	color: #fff;
}
#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
	color: #fff !important;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
	display: none;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
	display: block;
	left: 190px;
	margin-top: -36px;
	position: absolute;
	width: 190px;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	position: absolute;
	right: 20px;
	top: 12px;
	transform: rotate(270deg);
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
	color: #34D3EB;
}
#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
	display: none;
	padding-left: 5px;
}
#wrapper.enlarged .left.side-menu .user-details {
	display: none;
}
#wrapper.enlarged .content-page {
	margin-left: 50px;
}
#wrapper.enlarged .footer {
	/*left: 70px;*/
}
#wrapper.enlarged .topbar .topbar-left {
	/*width: 70px !important;*/
}
#wrapper.enlarged .topbar .topbar-left .logo span {
/*  display: none;
opacity: 0;*/
}
#wrapper.enlarged .topbar .topbar-left .logo .icon-c-logo {
	display: block;
	line-height: 60px;
}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open :after {
	display: none;
}
#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active :after {
	display: none;
}
#wrapper.enlarged .tips-box {
	display: none;
}
.tips-box .portlet {
	-webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.05);
}
.user-details {
	padding: 20px;
	padding-bottom: 0px;
	position: relative;
}
.user-details img {
	position: relative;
	z-index: 9999;
}
.user-details .user-info {
	color: #444444;
	margin-left: 60px;
	position: relative;
	z-index: 99999;
}
.user-details .user-info a.dropdown-toggle {
	color: #797979;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding-top: 5px;
}
#wrapper.right-bar-enabled .right-bar {
	right: 0;
}
#wrapper.right-bar-enabled .left-layout {
	left: 0;
}
/* Right sidebar */
.side-bar.right-bar {
	float: right !important;
	right: -266px;
	top: 60px;
}
.side-bar {
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	background-color: #ffffff;
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
	display: block;
	float: left;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	transition: all 200ms ease-out;
	width: 240px;
}
.right-bar {
	background: #ffffff !important;
	z-index: 99 !important;
}
.right-bar h4 {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px;
}
.contact-list {
	max-height: 600px;
}
.contact-list .list-group-item {
	border: none;
}
.contact-list .list-group-item:hover {
	background: #ebeff2;
}
.contact-list i.offline {
	color: #f05050 !important;
}
.contact-list i.away {
	color: #ffbd4a;
}
.contacts-list .avatar {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 30px;
}
.contacts-list .avatar img {
	border-radius: 50%;
	width: 100%;
}
.contacts-list .list-group-item span.name {
	color: #707780;
	display: inline-block;
	float: left;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 130px;
}
.contacts-list i {
	color: #7a8c9a;
	float: right;
	font-size: 9px;
	line-height: 30px;
}
.contacts-list i.online {
	color: #a0d269;
}
.contacts-list i.offline {
	color: #f05050 !important;
}
.contacts-list i.away {
	color: #ffbd4a;
}
.app-search {
	position: relative;
	margin: 0px;
}
.app-search a {
	position: absolute;
	top: 2px;
	right: 10px;
	color: #c4c4cd;
}
.app-search .form-control,
.app-search .form-control:focus {
	font-size: 13px;
	color: #434343;
	padding: 5px 10px !important;
	background: rgba(255, 255, 255, 0.1);
	box-shadow: none;
	border-radius: 30px;
	height: 24px;
	font-weight: 400;
	width: 240px;
}
.form-inline {
}
/* =============
   Animation
   ============= */
   /* Bounce 1 */
   @-webkit-keyframes cd-bounce-1 {
   	0% {
   		opacity: 0;
   		-webkit-transform: scale(0.5);
   	}
   	60% {
   		opacity: 1;
   		-webkit-transform: scale(1.2);
   	}
   	100% {
   		-webkit-transform: scale(1);
   	}
   }
   @-moz-keyframes cd-bounce-1 {
   	0% {
   		opacity: 0;
   		-moz-transform: scale(0.5);
   	}
   	60% {
   		opacity: 1;
   		-moz-transform: scale(1.2);
   	}
   	100% {
   		-moz-transform: scale(1);
   	}
   }
   @-o-keyframes cd-bounce-1 {
   	0% {
   		opacity: 0;
   		-o-transform: scale(0.5);
   	}
   	60% {
   		opacity: 1;
   		-o-transform: scale(1.2);
   	}
   	100% {
   		-o-transform: scale(1);
   	}
   }
   @keyframes cd-bounce-1 {
   	0% {
   		opacity: 0;
   		-webkit-transform: scale(0.5);
   		-moz-transform: scale(0.5);
   		-ms-transform: scale(0.5);
   		-o-transform: scale(0.5);
   		transform: scale(0.5);
   	}
   	60% {
   		opacity: 1;
   		-webkit-transform: scale(1.2);
   		-moz-transform: scale(1.2);
   		-ms-transform: scale(1.2);
   		-o-transform: scale(1.2);
   		transform: scale(1.2);
   	}
   	100% {
   		opacity: 1;
   		-webkit-transform: scale(1);
   		-moz-transform: scale(1);
   		-ms-transform: scale(1);
   		-o-transform: scale(1);
   		transform: scale(1);
   	}
   }
   /* Bounce 2 */
   @-webkit-keyframes cd-bounce-2 {
   	0% {
   		opacity: 0;
   		-webkit-transform: translateX(-100px);
   	}
   	60% {
   		opacity: 1;
   		-webkit-transform: translateX(20px);
   	}
   	100% {
   		-webkit-transform: translateX(0);
   	}
   }
   @-moz-keyframes cd-bounce-2 {
   	0% {
   		opacity: 0;
   		-moz-transform: translateX(-100px);
   	}
   	60% {
   		opacity: 1;
   		-moz-transform: translateX(20px);
   	}
   	100% {
   		-moz-transform: translateX(0);
   	}
   }
   @-o-keyframes cd-bounce-2 {
   	0% {
   		opacity: 0;
   		-o-transform: translateX(-100px);
   	}
   	60% {
   		opacity: 1;
   		-o-transform: translateX(20px);
   	}
   	100% {
   		opacity: 1;
   		-o-transform: translateX(0);
   	}
   }
   @keyframes cd-bounce-2 {
   	0% {
   		opacity: 0;
   		-webkit-transform: translateX(-100px);
   		-moz-transform: translateX(-100px);
   		-ms-transform: translateX(-100px);
   		-o-transform: translateX(-100px);
   		transform: translateX(-100px);
   	}
   	60% {
   		opacity: 1;
   		-webkit-transform: translateX(20px);
   		-moz-transform: translateX(20px);
   		-ms-transform: translateX(20px);
   		-o-transform: translateX(20px);
   		transform: translateX(20px);
   	}
   	100% {
   		opacity: 1;
   		-webkit-transform: translateX(0);
   		-moz-transform: translateX(0);
   		-ms-transform: translateX(0);
   		-o-transform: translateX(0);
   		transform: translateX(0);
   	}
   }
   /* Dropdown */
   @-webkit-keyframes dropdownOpen {
   	0% {
   		opacity: 0;
   		-webkit-transform: scale(0);
   	}
   	100% {
   		-webkit-transform: scale(1);
   	}
   }
   @-moz-keyframes dropdownOpen {
   	0% {
   		opacity: 0;
   		-moz-transform: scale(0);
   	}
   	100% {
   		-moz-transform: scale(1);
   	}
   }
   @-o-keyframes dropdownOpen {
   	0% {
   		opacity: 0;
   		-o-transform: scale(0);
   	}
   	100% {
   		-o-transform: scale(1);
   	}
   }
   @keyframes dropdownOpen {
   	0% {
   		opacity: 0;
   		-webkit-transform: scale(0);
   		-moz-transform: scale(0);
   		-ms-transform: scale(0);
   		-o-transform: scale(0);
   		transform: scale(0);
   	}
   	100% {
   		opacity: 1;
   		-webkit-transform: scale(1);
   		-moz-transform: scale(1);
   		-ms-transform: scale(1);
   		-o-transform: scale(1);
   		transform: scale(1);
   	}
   }
   /* Progressbar Animated */
   @-webkit-keyframes animationProgress {
   	from {
   		width: 0;
   	}
   }
   @keyframes animationProgress {
   	from {
   		width: 0;
   	}
   }
   /* Portlets loader */
   @-webkit-keyframes loaderAnimate {
   	0% {
   		-webkit-transform: rotate(0deg);
   	}
   	100% {
   		-webkit-transform: rotate(220deg);
   	}
   }
   @-moz-keyframes loaderAnimate {
   	0% {
   		-moz-transform: rotate(0deg);
   	}
   	100% {
   		-moz-transform: rotate(220deg);
   	}
   }
   @-o-keyframes loaderAnimate {
   	0% {
   		-o-transform: rotate(0deg);
   	}
   	100% {
   		-o-transform: rotate(220deg);
   	}
   }
   @keyframes loaderAnimate {
   	0% {
   		transform: rotate(0deg);
   	}
   	100% {
   		transform: rotate(220deg);
   	}
   }
   @-webkit-keyframes loaderAnimate2 {
   	0% {
   		box-shadow: inset #555 0 0 0 8px;
   		-webkit-transform: rotate(-140deg);
   	}
   	50% {
   		box-shadow: inset #555 0 0 0 2px;
   	}
   	100% {
   		box-shadow: inset #555 0 0 0 8px;
   		-webkit-transform: rotate(140deg);
   	}
   }
   @-moz-keyframes loaderAnimate2 {
   	0% {
   		box-shadow: inset #555 0 0 0 8px;
   		-moz-transform: rotate(-140deg);
   	}
   	50% {
   		box-shadow: inset #555 0 0 0 2px;
   	}
   	100% {
   		box-shadow: inset #555 0 0 0 8px;
   		-moz-transform: rotate(140deg);
   	}
   }
   @-o-keyframes loaderAnimate2 {
   	0% {
   		box-shadow: inset #555 0 0 0 8px;
   		-o-transform: rotate(-140deg);
   	}
   	50% {
   		box-shadow: inset #555 0 0 0 2px;
   	}
   	100% {
   		box-shadow: inset #555 0 0 0 8px;
   		-o-transform: rotate(140deg);
   	}
   }
   @keyframes loaderAnimate2 {
   	0% {
   		box-shadow: inset #555 0 0 0 8px;
   		-webkit-transform: rotate(-140deg);
   		-moz-transform: rotate(-140deg);
   		-ms-transform: rotate(-140deg);
   		transform: rotate(-140deg);
   	}
   	50% {
   		box-shadow: inset #555 0 0 0 2px;
   	}
   	100% {
   		box-shadow: inset #555 0 0 0 8px;
   		-webkit-transform: rotate(140deg);
   		-moz-transform: rotate(140deg);
   		-ms-transform: rotate(140deg);
   		transform: rotate(140deg);
   	}
   }
   @keyframes loaderAnimate2 {
   	0% {
   		box-shadow: inset #999 0 0 0 17px;
   		transform: rotate(-140deg);
   	}
   	50% {
   		box-shadow: inset #999 0 0 0 2px;
   	}
   	100% {
   		box-shadow: inset #999 0 0 0 17px;
   		transform: rotate(140deg);
   	}
   }
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
 .waves-effect {
 	position: relative;
 	cursor: pointer;
 	display: inline-block;
 	overflow: hidden;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
 	-webkit-tap-highlight-color: transparent;
 	vertical-align: middle;
 	z-index: 1;
 	will-change: opacity, transform;
 	-webkit-transition: all 0.3s ease-out;
 	-moz-transition: all 0.3s ease-out;
 	-o-transition: all 0.3s ease-out;
 	-ms-transition: all 0.3s ease-out;
 	transition: all 0.3s ease-out;
 }
 .waves-effect .waves-ripple {
 	position: absolute;
 	border-radius: 50%;
 	width: 20px;
 	height: 20px;
 	margin-top: -10px;
 	margin-left: -10px;
 	opacity: 0;
 	background: rgba(0, 0, 0, 0.2);
 	-webkit-transition: all 0.7s ease-out;
 	-moz-transition: all 0.7s ease-out;
 	-o-transition: all 0.7s ease-out;
 	-ms-transition: all 0.7s ease-out;
 	transition: all 0.7s ease-out;
 	-webkit-transition-property: -webkit-transform, opacity;
 	-moz-transition-property: -moz-transform, opacity;
 	-o-transition-property: -o-transform, opacity;
 	transition-property: transform, opacity;
 	-webkit-transform: scale(0);
 	-moz-transform: scale(0);
 	-ms-transform: scale(0);
 	-o-transform: scale(0);
 	transform: scale(0);
 	pointer-events: none;
 }
 .waves-effect.waves-light .waves-ripple {
 	background-color: rgba(255, 255, 255, 0.45);
 }
 .waves-effect.waves-red .waves-ripple {
 	background-color: rgba(244, 67, 54, 0.7);
 }
 .waves-effect.waves-yellow .waves-ripple {
 	background-color: rgba(255, 235, 59, 0.7);
 }
 .waves-effect.waves-orange .waves-ripple {
 	background-color: rgba(255, 152, 0, 0.7);
 }
 .waves-effect.waves-purple .waves-ripple {
 	background-color: rgba(156, 39, 176, 0.7);
 }
 .waves-effect.waves-green .waves-ripple {
 	background-color: rgba(76, 175, 80, 0.7);
 }
 .waves-effect.waves-teal .waves-ripple {
 	background-color: rgba(0, 150, 136, 0.7);
 }
 .waves-notransition {
 	-webkit-transition: none !important;
 	-moz-transition: none !important;
 	-o-transition: none !important;
 	-ms-transition: none !important;
 	transition: none !important;
 }
 .waves-circle {
 	-webkit-transform: translateZ(0);
 	-moz-transform: translateZ(0);
 	-ms-transform: translateZ(0);
 	-o-transform: translateZ(0);
 	transform: translateZ(0);
 	text-align: center;
 	width: 2.5em;
 	height: 2.5em;
 	line-height: 2.5em;
 	border-radius: 50%;
 	-webkit-mask-image: none;
 }
 .waves-input-wrapper {
 	border-radius: 0.2em;
 	vertical-align: bottom;
 }
 .waves-input-wrapper .waves-button-input {
 	position: relative;
 	top: 0;
 	left: 0;
 	z-index: 1;
 }
 .waves-block {
 	display: block;
 }
/* =============
   Print css
   ============= */
   @media print {
   	.logo,
   	.breadcrumb,
   	.page-title,
   	.footer {
   		display: none;
   		margin: 0px;
   		padding: 0px;
   	}
   	.left,
   	.right-bar {
   		display: none;
   	}
   	.content {
   		margin-top: 0px;
   		padding-top: 0px;
   	}
   	.content-page {
   		margin-left: 0px;
   		margin-top: 0px;
   	}
   }
   /*Custome CSS*/
   .zero-margin{
   	margin: 0 auto;
   	float: none;
   	clear: both;
   }
   
   .min-width-30{
   	width: 30px;
   }
   .min-width-40{
      width: 40px;
   }
   .min-width-50{
   	width: 50px;
   }
   .min-width-60{
   	width: 60px;
   }
   .min-width-80{
      width: 80px;
   }
   .min-width-100{
   	width: 100px;
   }
   .min-width-120{
   	width: 120px;
   }
   .min-width-140{
   	width: 140px;
   }
   .min-width-160{
   	width: 160px;
   }
   .min-width-180{
   	width: 180px;
   }
   .min-width-200{
   	width: 200px;
   }
   .min-width-220{
      width: 220px;
   }
   .min-width-230{
      width: 230px;
   }
   .min-width-240{
      width: 240px;
   }
   .min-width-250{
   	width: 250px;
   }
   .min-width-260{
      width: 260px;
   }
   .min-width-270{
      width: 270px;
   }
   .min-width-280{
      width: 280px;
   }
   .min-width-290{
      width: 290px;
   }
   .min-width-300{
   	width: 300px;
   }
   .min-width-320{
      width: 320px;
   }
   .min-width-350{
      width: 350px;
   }
   .min-width-380{
      width: 380px;
   }
   .min-width-400{
      width: 400px;
   }
   .min-width-450{
      width: 450px;
   }
   .m-b-3{
   	margin-bottom: 3px;
   }
   .p-b-10{
   	padding-bottom: 10px !important;
   }
   .p-b-15{
   	padding-bottom:15px !important;
   }
   .p-t-15{
   	padding-top:15px !important;
   }
   .p-b-20{
   	padding-bottom: 20px !important;
   }
   .p-b-30{
   	padding-bottom: 30px !important;
   }
   .p-b-40{
   	padding-bottom: 40px !important;
   }
   .p-b-50{
   	padding-bottom: 50px !important;
   }
   .p-t-10{
   	padding-top: 10px !important;
   }
   .p-t-20{
   	padding-top: 20px !important;
   }
   .p-t-30{
   	padding-top: 30px !important;
   }
   .p-t-40{
   	padding-top: 40px !important;
   }
   .p-t-50{
   	padding-top: 50px !important;
   }
   .bootstrap-select.btn-group .dropdown-toggle .filter-option {
   	font-size: 12px;
   	color: #474747;
   }
   .list-block {
   	padding-left: 0;
   	margin-left: -5px;
   	list-style: none;
   }
   .list-block h5{
   	margin: 5px 0;
   }
   .chart-detail-list li h5 {
   	font-size: 12px !important;
   }
   .zero-padding{
   	padding: 0 !important;
   }
   .modal-dialog {
   	margin: 70px auto !important;
   }
   ul.custom-tree-menu{
   	padding-left: 10px !important;
   	clear: both;
   	margin-bottom: 20px;
   }
   .custom-tree-menu ul{
   	padding-left: 20px !important;
   }
   ul.custom-tree-menu li{
   	list-style: none !important;
   }
   .note-insert, .note-style, .note-height, .note-view, .note-help, .note-table{
   	display: none;
   }
   ::-webkit-input-placeholder { /* Chrome */
   	color: #ccc;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
   }
   :focus::-webkit-input-placeholder {
   	opacity: 0.5;
   }
   :-ms-input-placeholder { /* IE 10+ */
   	color: #ccc;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
   }
   :focus:-ms-input-placeholder {
   	opacity: 0.5;
   }
   ::-moz-placeholder { /* Firefox 19+ */
   	color: #ccc;
   	opacity: 1;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
   }
   :focus::-moz-placeholder {
   	opacity: 0.5;
   }
   :-moz-placeholder { /* Firefox 4 - 18 */
   	color: #ccc;
   	opacity: 1;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
   }
   :focus:-moz-placeholder {
   	opacity: 0.5;
   }
   .loader-content img{
   	width: 100%;
   }
   .form-horizontal.roles {
   	float: right;
   }
   .tab-content>.tab-pane {
   	min-height: 230px;
   }
   .custom-modal-lg{
   	width: 80% !important;
   }
   .input-hide[disabled], .input-hide[readonly],.input-hide {
   	background-color: #fafafa;
   	border: medium none;
   	opacity: 1;
   	padding: 2px;
   }
   .input-hide:focus {
   	background-color: #fafafa !important;
   	border: none !important;
   	-webkit-box-shadow: none;
   	box-shadow: none;
   	outline: 0 !important;
   	color: #333333;
   }
   .followup_list {
   	float: left;
   	border: 1px solid #ddd;
   	margin-bottom: 10px;
   	padding-top: 5px;
   	width: 100%;
   }
   .btn-red, .btn-red:active, 
   .btn-red:focus, .btn-red:hover, 
   .btn-red.active, .btn-red.focus, 
   .btn-red:active, .btn-red:focus, 
   .btn-red:hover{
   	color: #f05050 !important;
   	border: 1px solid transparent !important;
   	padding: 0px 3px;
   	background-color: transparent;
   }
   .btn-green, .btn-green:hover, 
   .btn-green:focus, .btn-green:active, 
   .btn-green.active, .btn-green.focus, 
   .btn-green:active, .btn-green:focus, 
   .btn-green:hover {
   	color: #81c868 !important;
   	border: 1px solid transparent !important;
   	padding: 1px 3px;
   	background-color: transparent;
   }
   .portlet .portlet-heading .portlet-widgets {
   	line-height: 18px !important;
   }
   .portlet .portlet-heading .portlet-title{
   	line-height: 24px;
   }
   #edit_option,
   #edit_purchase_contacts,
   #edit_logistic_contacts,
   #edit_account_contacts,
   #edit_management_contacts,
   #edit_invoice_address,
   #edit_delivery_address,
   #edit_credit_ref,
   #edit_exp_list,
   #edit_education_detail,
   #edit_employment_detail,
   #edit-item,.data_view,
   #edit-inv-data, 
   #edit-contact,
   #edit-maintainance, 
   #upload-loader,
   #upload-loaderfollow,
   #edit_taxconfig,
   .cost-hide, .terms-hide,
   #store-enquiry,
   #edit_bank_details{
   	display: none;
   }
   .bootstrap-select.btn-group .dropdown-menu {
   	top: -4px;
   	width: 100%;
   }
   .custom-selectbox .dropdown-menu {
   	top: inherit !important;
   }
   .bootbox .modal-dialog.modal-sm {
   	width: 400px;
   	margin: 200px auto !important;
   }
   .bootbox-body {
   	text-align: center;
   }
   .datepicker-dropdown {
   	z-index: 1050 !important;
   }
   .note-editor .note-editing-area .note-editable {
   	min-height: 200px;
   }
   .item-single-desc .note-editor .note-editing-area .note-editable {
      min-height: 180px;
   }
   .note-editable.panel-body {
   	height: 165px !important;
   }
   #cboxLoadedContent {
   	margin-bottom: 0 !important;
   }
   /*Mandatory Field css*/
   .input-mandatory, .input-mandatory-tb .th-inner, th.input-mandatory-tb{
   	background-color: #ffbd4a !important;
   	color: #fff !important;
   }
   .input-mandatory-tb .th-inner .custom-label, th.input-mandatory-tb .custom-label{ color: #fff !important;}
   .upload-emp-image{
   	width: 140px;
   	height: 112px;
   	border: 1px solid #ddd;
   	margin-top: 5px; 
   }
   .upload-emp-image img{
   	width: 140px;
   	height: 112px;
   }
   .uploaded-image img {
   	width: 140px;
   	height: 120px;
   }
   .info-msg {
   	float: right;
   	padding: 8px;
   	width: 320px;
   }
   .success-msg{
   	float: right;
   	padding: 8px;
   	width: 320px;
   }
   .warning-msg{
   	float: right;
   	padding: 8px;
   	width: 320px;
   }
   .cost-calculate table{
   	float: right;
   }
   .cost-calculate {
   	float: right;
   }
   .custom-left{
   	float: left;
   }
   .custom-right{
   	float: right;
   }
   .terms-condition, 
   .other-cost, 
   .add-template{
   	display: none;
   }
   .btn-position{position: absolute;right: 10px;top: -5px;}
   #btn_show {
   	margin: 0 auto;
   	text-align: center;
/*    display: block;
*/}
.tbl-fix-custom tbody > tr > td {
	vertical-align: top;
}
.custom-height tbody > tr > td{
	height: 32px !important;
	padding: 3px !important;
}
.custom-height > thead > tr:last-child {
	height: 42px !important;
}
.custom-height > thead > tr > th {
	border-left: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	height: 28px;
	vertical-align: top;
	white-space: normal !important;
}
.ui-autocomplete {
	z-index: 9999 !important;
}
#desc-close-modal {
	z-index: 1055;
}
input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px;
	line-height: normal;
	width: 13px;
	height: 13px;
}
.text-underline{text-decoration: underline;}
.text-underline:hover{text-decoration: underline;}
.custom-panel{border: 1px solid #dad9d9 !important;}
.custom-panel .panel-heading {
	padding: 5px 10px !important;
}
.custom-panel .panel-body {
	height: 300px;
	overflow-y: auto;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top: 3px !important;
}
.checkbox.checkbox-custom.report input[type=checkbox]{
	margin-left: 4px !important;
	position: relative;
}
.checkbox.checkbox-custom.report{
	height: 18px;
	min-height: 24px;
}
.report-fields, .report-fields li{
	list-style: none;
	padding: 0;
}
.table-fixed{
	table-layout: fixed;
	width: auto !important
}
.custom-height > thead > tr:first-child  > th:first-child  {
	border-right: 0 !important;
}
.custom-height > thead > tr:first-child  > th:nth-child(2)  {
	border-left: 0 !important;
}
.store-details .nav.nav-tabs > li.active > a {
	height: 20px;
}
.store-details .nav.nav-tabs > li > a, .store-details .nav.tabs-vertical > li > a {
	line-height: 18px;
}
.upload-sign_img {
	width: 150px;
	height: 80px;
	margin-top:5px;
}
.upload-sign_img img {
	width: 150px;
	height: 80px;
}
.upload-company_logo{
	width: 150px;
	height: 150px;
	margin-top:5px;
}
.upload-company_logo img{
	width: 150px;
	height: 150px;
}
.note-editable.panel-body p + p {
	margin-top: 0 !important;
}
.advance-search{
	width: 100%;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	border: 1px solid #34d3eb !important;
	background: #34d3eb !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 3px 10px !important;
	font-size: 11px;
	border: 1px solid #d6d3d3 !important;
	margin-left: -1px !important;
}
.dataTables_wrapper .dataTables_info {
	font-size: 12px !important;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	color: #797979 !important;
	font-size: 12px !important;
}
.dataTables_wrapper .dataTables_length {
	padding: 6px 6px 0  !important;
}
.dataTables_wrapper .dataTables_info {
	padding: 10px 10px 0 0  !important;
}
.dataTables_wrapper .dataTables_filter {
	padding: 7px 65px 0 !important;
	float: left !important;
}
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label{
   margin-bottom: 0;
}
.dataTables_wrapper .dataTables_paginate {
	padding: 7px 0 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	border: 1px solid rgb(214, 211, 211) !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid  #d6d3d3 !important ;
	background:  #d6d3d3 !important;
}
.nav.nav-tabs.bottom-tabs > li > a {
	background-color: #7266ba;
	color: #ffffff !important;
   line-height: 16px;
}
.nav.nav-tabs.bottom-tabs > li > a:hover {
	background-color: #fb6d9d !important;
	color: #fff !important;
}
.nav-tabs.bottom-tabs > li.active > a, .nav-tabs.bottom-tabs > li.active > a:focus, .nav-tabs.bottom-tabs > li.active > a:hover{
	color: #fff !important;
	background-color: #fb6d9d !important;
   height: 18px;
}
.tab-content.enquiry-tab.main-content, .bottom-content {
	border: 1px solid #fb6d9d;
}
.active-menu{
	background: #34d3eb none repeat scroll 0 0 !important;
	color: #ffffff !important;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
    display: block;
    top: 27px;
    min-width: 140px;
}
/*-----css created by Bharat Gangwar-----*/
.padd-7{
    padding-left:7px;
}
 .height-width-mar {
    width:25px !important;
    height:11px !important;
    margin-top:3px !important ;
 }
 .top-margin-5{
  margin-top:5px ;
}
.bottom-margin-5{
	 margin-bottom:5px !important ;
}
 .top-margin-15{
	margin-top:15px !important;
}
.mar-left-5{
	margin-left:-5px !important;
}
.col-7-md{
	width:57%;
}
.co-9-ms{
	width:78% !important;
}
.co-2-md{
	width:20.3% !important;
	margin-left:2.7px !important;
}
.p-r-7{
	padding-right:7px !important;
}
.col-border-7{
	border:1px solid #ccc;
	border-radius:4px;	
	height: 25px;
	margin-left:2.6px;
	color: #090909;
	padding-top:0px !important;
}
.padd-10 {	
    padding-left:10px !important;
}
.min_ht_modalware {
	min-height: 56px !important;
	display: inline-block
}

.position_ralative {
	position: relative
}

.icon_content {
	font-size: 30px
}

.content_spnwa p {
	margin-top: 20px
}

.icon_contentwar {
	font-size: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.successPopupMsg_txt {
	padding: 10px 0
}

.infoPopupMsg_txt {
	padding: 10px 0
}

.icon_contentwar i {
	color: red
}

.icon_content i {
	color: red
}

.content_spninfo p.warning-msg {
	margin: 0 0 5px !important
}