@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)
   ============= */
/* =============820px
   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 8px;
   }
   .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: 2px 5px !important;
   	line-height: 16px !important;
   	color: #928d8d;
   	font-size: 11px;
   }

   #showresultviewitemcust td{
      word-break: break-word;
   }
   .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;
      background-clip: padding-box !important;
   }
   .table-custom > thead > tr > th .custom-label{ font-size: 12px !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: 11px;
   }
   .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: 15px;
   	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;
      height: 100px;
      padding: 22px 9px 12px 17px;
   }
   .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: 4px;
}
.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: 242px;
}
.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: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 62px;
}
.logo img {
	height: 36px;
   width: 40px;
}
.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:#440d0d;
	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-70{
      width: 70px;
   }
   .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;
   }
   .tbl-fix-custom tbody > tr > td:first-child table > thead > tr> th {
       border-left: 1px solid #ebeff2 !important;
   }
   ::-webkit-input-placeholder { /* Chrome */
   	color: #ccc;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
      text-align: left;
   }
   :focus::-webkit-input-placeholder {
   	opacity: 0.5;
      text-align: left;
   }
   :-ms-input-placeholder { /* IE 10+ */
   	color: #ccc;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
      text-align: left;
   }
   :focus:-ms-input-placeholder {
   	opacity: 0.5;
      text-align: left;

   }
   ::-moz-placeholder { /* Firefox 19+ */
   	color: #ccc;
   	opacity: 1;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
      text-align: left;
   }
   :focus::-moz-placeholder {
   	opacity: 0.5;
      text-align: left;
   }
   :-moz-placeholder { /* Firefox 4 - 18 */
   	color: #ccc;
   	opacity: 1;
   	transition: opacity 250ms ease-in-out;
   	font-size: 12px;
      text-align: left;
   }
   :focus:-moz-placeholder {
   	opacity: 0.5;
      text-align: left;
   }
   .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: #eee !important;
   	border: medium none;
   	opacity: 1;
   	padding: 2px;
      border: 1px solid #e0e0e0 !important ;
      padding-right: 5px;
      padding-left: 5px;
   }
   .input-hide:focus {
   	background-color: #ffffff !important;
   	border: none !important;
   	-webkit-box-shadow: none;
   	box-shadow: none;
   	outline: 0 !important;
   	color: #333333;
      border: 1px solid #aaaaaa !important;
   }

   .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: 201px;
   }
   .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;
   }
   .email-popup .panel-body {
    padding-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;
   }
   .bc-uploaded-image img {
    /* width: 180px; */
    height: 140px;
    max-height: 100%;
    max-width: 100%;
    bottom: 0;
    left: 0;
	margin-left: -5px !important;
    }
   .info-msg {
   	/*float: right;
   	padding: 8px;
   	width: 320px;*/
       float: left;
       padding: 0px 0px 0px 0px;
   }
   .success-msg{
   	/*float: right;
   	padding: 8px;
   	width: 320px;*/
      float: left;
      padding: 9px 0px 0px 30px;
   }
   .warning-msg{
   	/*float: right;
   	 padding: 8px;
   	 width: 320px;*/
      /* float: left;*/
      /*padding: 9px 0px 0px 30px;*/
      padding: 9px 9px 0px;
   }
   .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: 30px !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;
}
.report-fields li {
    clear: both;
}
.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;
    min-width: 320px;
   text-align: left;
}
.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 5px 0 0  !important;
}
.dataTables_wrapper .dataTables_filter {
	padding: 7px 36px 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: 21px !important;
}
.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: auto;
}
.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;
}
.custom-budget-level span { font-size: 11px; text-align: center; }
.cust-chk {
    display: inline-block;
}
/*-----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: 24px;
	margin-left:2.6px;
	color: #090909;
	padding-top:0px !important;
}
.col_7_md {
       width: 57.4%;
    margin-left: 3px;
}
.padd-10 {	
    padding-left:10px !important;
}

/*Calender Extra CSS*/

.cal-label-list {
  list-style: none;
  text-align: right;
  margin-bottom: 0;
}
.cal-label-list li{
  display: inline-block;
  padding-left: 10px;
}
.cal-label-icon {
  float: left;
}
.cal-label{
  float: left;
}
.cal-label label {
  padding-left: 5px;
  font-size: 12px;
  font-weight: 600;
}
#calendar_content .fc-toolbar, #calendar_content .fc-view {
  margin-top: 5px;
  line-height: 1;
}
#calendar_content .fc th.fc-widget-header {
  background: #ebeff2;
  font-size: 12px;
  line-height: 16px;
  padding: 5px 0px;
  text-transform: uppercase;
}
#calendar_content  .fc button {
  font-size: 12px;
}
#calendar_content .fc-event{
  font-size: 11px;
  margin: 3px 7px;
  padding: 3px 5px;
}
#calendar_content .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover {
background: #34d3eb;
border: 1px solid #34d3eb;
color: #fff;
}

/*Dashboard Extra CSS*/

.card-box-list {
     list-style: none;
     width: 165px;
   margin: 0 auto;
 }
 .card-box-list li{
     font-size: 11px;
     width: 165px;
   float: left;
 }
 .card-box-list li label {
     float: left;
    width: 85px;
    line-height: 1;
    text-align: left;
 }
.card-box-list .card-counter {
    width: 70px;
    float: right;
}
 .card-box-list li .counter {
     text-align: right;
     display: inline-block;
     line-height: 1;
 }
 .content-dashboard .card-box.dashboard-stat {
    padding: 10px 0 10px 10px !important;
 }
 .content-dashboard .card-box-head {
    font-weight: 700;
    display: block;
     width: 73%;
    float: left;
    margin: 10px 0 0;
}
.notes_section p {
    margin: 0;
}
/*********************************************************************
      Bharat css
 ********************************************************************/

 .p-l-25
 {
   padding-left: 20px;
 }
 .p-r-3
 {
   padding-right: 3px;
 }
 .font-size-menu
 {
   font-size: 13px !important;
 }

 #sidebar-menu > ul > li > a.current {
    background:  #4E5865 !important;
   /*border-top:none;*/
    color: #34D3EB !important
}
#sidebar-menu > ul > li > a.current:hover {
    background: #34D3EB !important;
   /*border-left: 3px solid #34D3EB;*/
   color:#f5f5f5 !important
}
.save-button-width
{
   width: 63px;
   height: 23px;
}
.btndownload
{
   height: 23px; 
}
.panel-body .form-horizontal .col-md-7 {
 width: 55.555% !important;
}
.form-horizontal .col-md-4 {
    padding-left: 9px !important;
    padding-right: 3px;
}
.active-button-disable
{
   width: 64px;
}
.p-button-active
{
   padding: 3.2px 12.5px !important;
}
.p-r-10
{
   padding-right:10px; 
}
.p-l-10
{
   padding-left:10px; 
}
.p-r-12
{
   padding-right: 12px !important;
}
.submenuicon
{
   font-size: 13px !important;
}
.submenuicon2
{
   font-size: 13px !important;
}
.submenuicon_re_size
{
   font-size: 14px !important;
}
.p-l-12
{
   padding-left: 12px !important;
}
/**********************************
  inner tab padding
***********************************/
.p-l-8
{
   padding-left:8px !important; 
}
.p-r-8
{
   padding-right: 8px !important;
}
.p-l-6
{
   padding-left:6px; 
}
.p-l-15
{
   padding-left:15px; 
}
/*************************************
    Memo Css
*************************************/
.min-width-15
{
    width: 14px;
    border-radius: 50% !important;
    position:relative;
    top:3px;
}
.menocss
{
   padding:0px 0px !important;
}
.p-r-5
{
   padding-right: 6px !important;
}
.inqcus_button_plus
{
    position: relative;
    left: -6px;
    top: 1px;
}
.p-r-4
{
   padding-right: 5px !important;
}
.p-l-5
{
   padding-left: 5px !important;
}
.p-r-10
{
   padding-right: 10px !important;
}
.p-l-14
{
   padding-left: 14px !important;
}
/*----------------------------------------data table and pagination css--------------------------*/
.laravelpagination .dataTables_wrapper .dataTables_paginate
  {
     display: none !important;
  }
.laravelpagination .pagination
{
 float: right;
 margin-top: -12px ;
 padding-right:0px !important;;
 margin-bottom: 0px !important;
}
.laravelpagination.peginatem25 .pagination{
  margin-top: -25px !important;
}
.laravelpagination.peginatem20 .pagination{
  margin-top: -20px !important;
}
  .laravelpagination .pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 2px 8px !important;;
    margin-left: -1px !important;;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 12px;
}
.laravelpagination.peginatem2 .pagination{
  margin-top: 2px !important;
}
.laravelpagination.peginatem4 .pagination{
  margin-top: -13px !important;
}
.bootstrap-select.btn-group .dropdown-menu
{
   z-index: 1000;
}
.form-horizontal  .col-md-4 .form-group .control-label
{
   padding-left: 5px !important;
}
.form-horizontal  .col-md-3 .form-group .control-label
{
   padding-left: 5px !important;
}
.p-r-15
{
   padding-right: 15px !important
}
.p-l-30
{
   padding-left: 20px !important; 
}
.p-l-report-30{
    padding-left: 20px !important; 
}
.font-size-icon1{
   font-size: 13px !important;
}
.font-size-icon{
   font-size: 13px !important;
}
.font-size-icon-report{
    font-size: 14px !important;
}

input[type=checkbox].goodre{
    margin:4px 0px 0px 6px;
    margin-top: 1px;
    line-height: normal;
    /* width: 12px; */
    height: 13px;
}
.m-t-7
{
   margin-top: 7px !important;
}
.m-t-4
{
   position: relative;
   top: 5px;
}
.m-t-2
{
   position: relative;
   top: 2px;
}
.p-l-minus-9
{
  left: -9px !important;
}
.modal-body .form-horizontal .form-group .col-md-7
{
   width: 56.3333% !important;
}/*
.modal-body .form-horizontal .form-group .col-md-9
{
   width: 78% !important;
}*/
.modal-body .form-horizontal .col-md-12
{
   margin-left: 5px !important;
}
.dropdown-menu .inner
{
     max-height: 150px !important;
    overflow-y: auto;
    min-height: 77px;
}
.p-l-3
{
   padding-left: 3px !important;
}
.p-l-7
{
   padding-left: 7px !important;
}
/**********income statement css*********/
.p_0_4
{
  padding: 0px 4px !important;
  border-radius: 3px !important; 
}
.p-l-50
{
  padding-left: 50px !important;
}
.p-l-70
{
   padding-left: 100px !important;

}
.p-l-4
{
   padding-left:4px !important;
}
.p-l-6
{
   padding-left:6px !important;
}
.p_l_55{
   padding-left: 55px !important;
}
.p-0-3
{
   padding: 0px 3px !important;
}
/*==============================================
   HR Management uplaod photo css
 ============================================*/
 .warehousebox
{
   background-position: center;
    background-repeat: no-repeat;
   -webkit-background-size:cover;
   -moz-background-size:cover;
   -o-background-size:cover;
    background-size: cover;
    height: 122px !important;
   width: 100% !important;
   position:relative;
}
.warehousebox img{
       max-width: 100%;
      max-height:100%;
      text-align: center;
}
.disablebutton
{
   color: red;
}
/*=========================Excel Font size======================*/
.excel-font
{
   font-size: 14px !important;
}
.excelcolor
{
   color:#608c08 !important
}
/*===================================
  Pdf Formatting css
  ==================================*/
.input-border
  {
     border: none !important; 
    padding-right: 0px !important;
    background: white !important;
  }
  .m-top-mi-10
  {
   margin-top: -10px !important;
  }
 
 .p-r-2
 {
	 padding-right:2px !important;
 }
 /* Project Management Css By Bharat****/
.modal-dialog1 {
    margin: 111px 54px 31px 205px !important;
}
.modal-lg1 {
    width: 1101px !important;
}
.btn_p_0
{
   padding:0px !important;
}
.f-s
{
   font-size:10px !important;
}
.r-b-p
{
   padding:0px 4px 1px 3px !important;
   border:0px !important;
}
.col_m_7
{
   width: 57.6% !important;
}
/********project management css******/
input[type=checkbox].projectmanagement, input[type=radio] {
    margin: 2px 0 0;
    /* margin-top: 1px; */
    line-height: 13px;
    width: 13px;
    height: 13px;
}
 .ma_l_45{ margin-left:50px !important; }
   .p_r_44 { padding-right: 50px !important;  }   
   .m_l_90{ margin-left: 90px !important; }
   .p_r_90 {padding-right: 90px !important;  }
   .t_col0{ color:#0e0d0d !important; } 
   .t_p_d{ padding:0px !important;  }
   .bn_p{ padding: 5px 7px !important; }
   .b_7{ font-size:7px!important;   padding: 1px 3px !important;    margin-top:3px !important;   }
   .m-l-m-10{  margin-left: -10px ; }
   .col-1-md{ width:6% !important;  }
   
   .p-l-50{
	   padding-left:50px !important;
   }

   /*======================================================
      Excel Modale Css
   =======================================================*/
   #excelUpload .modal-md{
        width: 400px;
    }
   
    #excelUpload .iconxl span
    {
        font-size: 45px;
        font-weight: 500;
        padding-top: 7px;
    }
    #excelUpload #exportExcelBtn
    {
        border-radius: 0px;
        text-transform: uppercase;
        padding: 3px 20px;
    }
    #excelUpload .buttonText
    {
        display: none;
    }
    #excelUpload .posrel{
        position: relative;
        padding-top: 7px;
    }
    #excelUpload .posrel a{
        position: absolute;
        right: 12px;
        top: 7px;
        background: #81c868;
        padding: 3px 8px 2px;
        border-radius: 3px;
    }
    #excelUpload .posrel span{
        padding: 1px 5px;
        font-size: 11px;
        position: relative;
        float: right;
        color: white;
        text-transform: uppercase;
    }
    #excelUpload .posrel i{
        font-size: 16px;
        color: white;
    }
    .triggersection span{
        color: #7266ba !important;
        font-size: 18px !important;
    }
        /* -------------------------------------------====
   document management system
   =================================================
   */
    .documentmanage li {
      padding:0px 0px 2px 9px;
      position:relative; 
  }
    .documentmanage ul li ul{
     padding:2px 0px 0px 20px;
    /* border-left:1px solid #ccc;*/
     margin:2px 0px 5px 0px;     
  }
   .documentmanage ul li ul li a::before{
    content:'';
     padding: 9.3px 0px 0px 40px;
    /*border-bottom: 1px solid #ccc;*/
    position: absolute;
    margin-left: -40px;
  }
  .documentmanage a
  {
     color:#545454;
  }
 .documentmanage li{
   list-style-type:none;
   font-size:14px;
   
}
.documentmanage ul li.parrent ul{
   display: none;
}
.documentmanage .selectEmp{
   float: right;
}
 .documentmanage .parrent 
  {
     font-size:15px;
  }
  .crm-p-0{
    font-size: 7px!important;
    padding: 1px 3px !important;
    margin-top: 0px !important;

  }
 .dmstextbox
 {
    left:3%; 
    position:relative;
 }
 .hederitempricebox
 {
    margin-top:5px !important; 
    position:relative;
 }
  .documentmanage  i.doctop::before
  {
    content: '';
    padding: 12.3px 0px 0px 52px;
    /*border-bottom: 1px solid #ccc;*/
    position: absolute;
    margin-left: -21px;
  }
 .icon-color {
    color: #34D3EB;
    padding-right: 3px;
}
.p-1-5
{
   padding: 1px 5px !important; 
}
/*=============================
Multiple File Upload Css
==========================*/
 .uploadmul .multifile_container{
		  position: absolute;
		  top: 29px;
		  z-index: 999;
		  color: red;
		  left: 0;
		  text-align: left;
	}
	.uploadmul .btn.btn-file{
		  padding: 1px 12px;
	}
	 .uploadmul .btn-file {
		
		  overflow: none;
	  }
	  .uploadmul .btn-file input[type=file] {
		  position: absolute;
		  top: 0;
		  right: 0;
		  min-width: 100%;
		  min-height: 100%;
		  /*font-size: 100px;*/
		  text-align: left;
		  filter: alpha(opacity=0);
		  opacity: 0;
		  outline: none;
		  background: white;
		  cursor: inherit;
		  display: block;
	  }
	
		.uploadmul .form-group
		{
		  position: relative;
		}
	   .uploadmul .input-group-btn {
		  position: unset !important;
		  font-size: 0;
		   white-space: nowrap; 
	  }
	  .uploadmul .input-group-btn>.btn {
			 position: unset; 
		}
      @media (max-width: 720px) {
       .laravelpagination .pagination {
    margin-top: 2px !important;
  
}
.mar_left_70
{
    margin-left: 0px !important;
}
}
.mar_left_70
{
    margin-left: -70px !important;
}
@media (max-width: 820px) {
    .dataTables_wrapper .dataTables_filter {
    padding: 7px 0px 0 !important;
    float: left !important;
}
.nav-tabs.nav-justified{
   width: 100%;
   
}



/*
.form-group .col-md-9 {
    width: 79% !important;
	padding-left: 0px !important;
	margin-left:3px !important;
}*/
/*
.panel-body .form-horizontal .col-md-7 {
    width: 100% !important;
    padding-left: 0px !important;
}*/
.form-horizontal .col-md-4 {
    padding-left: 0px !important;
    padding-right: 3px;
}/*
.modal-body .form-horizontal .form-group .col-md-7 {
    width: 100% !important;
}*/
  .p-l-10{
   padding-left: 4px !important;
  }
  .p-l-8{
   padding-left: 0px !important;
  }
  .p-r-12{
   padding-right: 3px !important;
  }
  .cust_pad_left
{
   padding-left: 0px !important; 
}
.cust_pad_right
{
   padding-right: 0px !important; 
}
.form-horizontal .col-md-6 {
    padding-left: 6px;
    padding-right: 8px;
}
.good_re_pad_left
{
   padding-left: 0px !important;
}
.good_re_pad_right
{
   padding-right: 0px !important;
}
.goodrecwipt .col-md-6 {
    padding-left: 1px !important;
    padding-right: 1px !important;
}
.mdr_pad_right
{
   padding-right: 0px !important;
}
.mdr_pad_left
{
   padding-left: 0px !important;
}
.form-horizontal .goodrecei .col-md-6 {
    padding-left: 4px !important;
    padding-right: 3px;
}
.form-horizontal .mdr_resula .col-md-6 {
    padding-left: 0px !important;
    padding-right: 0px;
}
.form-horizontal .mdr_resula .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.mdr_resula .col-md-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.view_stor .col-md-6 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.p-l-minus-9 {
    left: 0px !important;
}
.sales_padd_left
{
   padding-left: 4px !important;
}
}


.cust_pad_left
{
   padding-left: 10px ; 
}
.cust_pad_right
{
   padding-right: 10px ; 
}
.good_re_pad_left
{
   padding-left: 8px;
}
.good_re_pad_right
{
   padding-right: 8px;
}
.mdr_pad_left
{
   padding-left: 5px;
}
.mdr_pad_right{
   padding-right: 5px;
}
.sup_05
{
   padding-left: 11px !important;
}
.edit_item
{
   padding-left: 9px;
}
.sales_padd_left
{
   padding-left: 15px;
}
/*=====================================
  top tab responsive css  
   ===================================*/
 /*.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}*/

/*s*/
/*=====================================
  out enq button padding
   ===================================*/
.out_enq_bu{
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
      -webkit-padding-before:3px !important ;
    -webkit-padding-after:3px !important ;
}
.out_enq_pad
{
   -webkit-padding-before: 5px!important;
     -webkit-padding-after:5px !important ;
}
.fl_left
{
   float: left !important;
}
/*=====================================
   user log 
   ===================================*/
.form-horizontal .userlog .col-md-4 {
    padding-left: 0px !important;
    padding-right: 0px;
}









/*================================
swich toggle button
================================*/


                .btn-switch {
     font-size: .6em;
    position: relative;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ddd;
    border-radius: 47%;
}
.btn-switch__radio {
    display: none;
}
.btn-switch__label {
      display: inline-block;
    padding: 0.25em .5em .25em .75em;
    vertical-align: middle;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.7;
    color: #666;
    cursor: pointer;
    transition: color .2s ease-in-out;
}
.btn-switch__label + .btn-switch__label {
  padding-right: .75em;
    padding-left: 0;
}
.btn-switch__txt {
    position: relative;
    z-index: 2;
  display: inline-block;
   min-width: 1.5em;
    opacity: 1;
    pointer-events: none;
    transition: opacity .2s ease-in-out;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
    opacity: 0;
}
.btn-switch__label:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    border-radius: 1.5em;
    box-shadow: inset 0 .0715em .3572em rgba(43,43,43,.05);
    transition: background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
    background: #6ad500;
}
.btn-switch__label_no:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: .5em;
    bottom: .5em;
    left: .5em;
    width: 2em;
    background: #fff;
    border-radius: 1em; 
    pointer-events: none;
    box-shadow: 0 .1429em .2143em rgba(43,43,43,.2), 0 .3572em .3572em rgba(43,43,43,.1);
    transition: left .2s ease-in-out, background .2s ease-in-out;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
    left: calc(100% - 2.5em);
    background: #fff;
}
.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before,
.btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
    z-index: 1;
}
.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
    color: #fff;
}
.keycurrentcy .waves-effect{display:inherit}
.keycurrentcy .input-group-addon{background-color:#34D3EB;border-color:#34D3EB;line-height:9px;color:#fff}
.panel-body .form-horizontal .keycurrentcy.col-md-6{padding-left:0!important}
.keycurrentcy.col-md-4{width:29%}
.keycurrentcy.col-md-2{width:21%}
.Exchangeratebut{height:23.4px}