@font-face {
  font-family: 'seven_02';
  src: url('../font/seven_02.eot');
  src: url('../font/seven_02.eot?#iefix') format('embedded-opentype'),
       /*url('../font/seven_02.woff2') format('woff2'),*/
       url('../font/seven_02.woff') format('woff'),
       url('../font/seven_02.ttf') format('truetype'),
       url('../font/seven_02.svg#SukhumvitSet-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

.checkbox_dd
{
	display:inline-block !important;
	padding-right:30px;
}

.sort_by
{
	margin-right:5px !important;
}

.sort_by ul.nav
{
	margin-top:8px;
	margin-bottom:8px;
}

.sort_by ul.nav li
{
	min-width: 120px;
}

li.leaf {
  display: inline-block;
  margin: auto 10px;
}

.large-6
{
	position:relative;
}

.top-sech-map
{
	position: absolute;
  	top: 0;
  	right: 0;
  	left: 0;
  	opacity: 0.9;
	z-index: 2;
}

.std-paddingtop .st-container
{
	padding-top:0 !important;
}

.std-paddingtop .st-container > .sidebar
{
	top:0 !important;
	height:600px !important;
	overflow:hidden;
}

.content .nav > li > a:hover,.content .nav > li > a:focus {
  text-decoration: none;
  background-color:inherit !important;
}

.widget.properties .content .property .image {
  float: left;
  margin-right: 10px;
  position: relative;
  width: 100px;
}

.widget.properties .content .property .image a:hover {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("../images/icons/eye.png");
  background-position: center center;
  background-repeat: no-repeat;
}

.widget.properties .content .property .image a {
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  -o-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
  background-color: rgba(0, 0, 0, 0);
  display: block;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.property .title h3 a {
  -webkit-transition: color 0.1s ease-in;
  -moz-transition: color 0.1s ease-in;
  -o-transition: color 0.1s ease-in;
  transition: color 0.1s ease-in;
  color: #06a7ea;
}

.property .title h3 a:hover {
  color: #0584b8;
  text-decoration: underline;
}

.widget.properties .content .property .title h3 a {
  font-size: 12px;
  font-weight: bold;
  line-height: 10px;
  text-decoration: none;
}

.widget.properties .content .property .location {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 5px;
}

#footer-wrapper .widget.properties .property .price {
  color: #fff;
}

.widget.properties .content .property .price {
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}

.forgot{
	margin-top:5px;
}

.forgot a{
  color: red;
  font-size: 13px;
}

.error-box
{
  text-align: left;
  padding: 0 20px;
  color: red;
}

.material-select label
{
  line-height: 15px;
  margin: 0;
  font-size: 1rem;
  font-weight: 300;
}

.nav-coler
{
	background-color:#f5f5f5;
}

.bg-grey-100{background-color:#f5f5f5}

.panel-body.list-group {
  padding: 0;
  margin: 0;
}

.panel-body.list-group .list-group .list-group-item:first-child {
  border-top: none;
  border-radius: 0;
}

.panel-body.list-group .list-group .list-group-item {
  border-left: none;
  border-right: none;
}

.panel-body.list-group .list-group {
  margin: 0;
}
.panel-body.list-group .list-group .list-group-item:last-child {
  border-bottom: none;
  border-radius: 0;
}

.jampathong-tab .nav-tabs
{
	  border: solid 1px #e2e9e6;
	  border-radius: 4px 4px 0 0;
	  background-color:#f5f5f5;
}

.jampathong-tab .nav-tabs > li > a {
	border: solid 1px #e2e9e6;
    border-top: 0px;
    border-radius: 0px 0px 0 0;
    background-color: #f5f5f5;
}

.jampathong-tab .nav-tabs > li.active > a {
    background-color:#fff;
}

.jampathong-tab .nav-tabs > li:last-of-type.active > a {
	border-right:solid 1px #e2e9e6 !important;
}

.jampathong-tab .tab-content
{
	 border: solid #e2e9e6;
	 border-bottom-width:1px;
	 border-right-width:1px;
	 border-left-width:1px;
	 border-top-width: 0;
}

.jampathong-tab .nav-tabs > li:first-of-type > a
{
	border-left-color:#e2e9e6 !important;
	border-radius:4px 0 0 0;
}

.jampathong-tab .nav-tabs > li:first-of-type.active > a
{
	border-radius:4px 0 0 0;
}

.table-new-win tr td
{
	padding-top:2px;
	padding-bottom:2px;
}

.action-a a
{
	display:block;
    margin-bottom: 5px;
}

.material .checkbox input[type="checkbox"] {
  opacity: 1 !important;
}

fieldset ul
{
	padding-left:0;
	list-style:none;

}

fieldset ul li
{
	margin-bottom:25px;

}
.addres-his ul li{
	margin-bottom: 1px;

}

fieldset ul li label
{
	text-align:right;
}

.logo-login
{
	text-align:center;
	margin-bottom:30px;
}

.btn-navber
{
	height:70px;
	line-height:70px;
}

.btn-navber > .btn
{
	font-size: 12px;
    padding: 7px 12px;
}

.icon-size
{
	font-size:55px;
	color:#FFF;
}

.package-count
{
	font-size:14px;
	color:#a3a1a1;
	font-weight:300;
	text-align:center;
}

.span-redian
{
	background-color:#2ecc71;
	color:#FFF;
	padding: 3px 10px;
	border-radius:50%;
	margin: auto 3px;
}

.spec-center
{
	text-align:center;
}

.spec-center
{
	padding:25px 0;
}

.btn-primary2 {
    color: #ffffff;
    background-color: #4cb6cb;
    border-color: #4cb6cb;
	padding: 5px 20px;
}

.btn-primary2:hover {
    color: #ffffff;
    background-color: #45a3b6;
    border-color: #45a3b6;
}

.panel-body-new {
    padding: 20px 5px;
}

.panel-body-new2
{
	padding:25px 30px;
}

.text-dashboard
{
	line-height:25px;
}

.text-dashboard b
{
	min-width:130px;
	display:inline-block;
	margin-right:12px;
}

.text-dashboard b span
{
	float:right;
}

.table > tbody > tr > td
{
	color:#444444;
}
.ticket_table{
	font-size:12px;
}

.tabbable
{
	background-color:#FFF;
}

.package-img img
{
	width:100%;
	min-height:221px;
}

.package-body h4{
	font-size:15px;
	color:#242424;
}

.package-intro{
	font-size:11px;
	color:#a3a1a1;
}

.border-bottom
{
	border-bottom:solid 1px #e2e9e6;
}

.package-btn
{
	text-align:center;
	padding:15px 0;
}

.price-new
{
	font-size:14px;
	color:#242424;
	text-align:center;
	border-bottom:solid 1px #d2d9d6;
	padding-bottom:24px;
}

.icon-png
{
	display:inline-block;
	width:55px;
	height:55px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50px auto;
}

.i-crown
{
	background-image:url('../images/king17.png');
}

.pricing-features
{
	font-size:11px;
}

.pricing-features h4
{
	text-decoration:underline;
	font-size:14px;
}

.btn-add-site
{
	margin-bottom:20px;
}

.site-pack
{
}

.site-pack > thead > tr > th {
	height: 45px;
	vertical-align: middle;
}

.site-pack > tbody > tr > td
{
	height:40px;
	vertical-align: middle;
	border-right: 1px solid #e2e9e6;
}

.site-pack > tbody > tr > td:last-child {
  border-right:none;
}

.radius-50
{
	border-radius:50%;
}

.site-pack .label
{
	font-weight: 300;
    padding: 6px 6px;
    line-height: 15px;
}

.action-edit
{
	display: inline-block;
}
.action-edit > button
{
	font-size: 12px !important;
    border: 1px solid #efefef !important;
    height: 30px !important;
    line-height: 30px !important;
    border-radius: 5px;
	text-transform:capitalize;
}

.action-edit > .dropdown-menu
{
	min-width:75px;
	border-radius: 5px;
}

.action-edit > .dropdown-menu > li > a
{
	padding: 3px 10px;
    line-height: 15px;
    font-size: 11px;
    color: #636363;
}

.table-responsive.pack {
	overflow-x: inherit;
}

.create-site
{
	padding:50px 0;
}

.create-site .radio{
    margin-bottom: 15px;
}

.input-create
{
	padding-left:50px;
    margin: 15px auto;
}

.submit-create{
	text-align: center;
    margin-top: 40px;
}

.submit-create button
{
	    padding: 8px 25px;
}
.thumb-sm {
    width: 40px;
    display: inline-block;
}
.avatar {
    position: relative;
    display: block;
    border-radius: 500px;
    white-space: nowrap;
}
.avatar img {
    border-radius: 500px;
    width: 100%;
}
.line {
    height: 2px;
    margin: 10px 0;
    font-size: 0;
    overflow: hidden;
    background-color: rgb(217, 217, 217);
}

#my-tab-content
{
	border: 1px solid #e2e9e6;
	border-top:none;
}

#tabs
{
	border-bottom: 1px solid #e2e9e6 !important;
}

#tabs > li:first-of-type > a,
#tabs > li:first-of-type > a:hover {
     border-left-color: #e2e9e6;
}


#my-tab-content .table > tbody > tr > td{
    border-right: 1px solid #e2e9e6;
}

.m-b {
    margin-bottom: 16px;
}

.nav>li>a:hover,
.nav>li>a:focus{
    background-color: inherit;
}

.nav>li.active>a {
   /* background-color: #f5f5f5;*/
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    color: #0079ad;
    font-weight: 300;
}

.nav>li.active>a:hover,
.nav>li.active>a:focus,
.nav>li.active>a:active,
.nav>li.active>a:link,
.nav>li.active>a:visited {
    /*background-color: #f5f5f5;*/
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    color: #0079ad;
    font-weight: 300;
}

.nav-pills>li>a {
    border-radius: 4px;
}

.nav.nav-sm>li>a {
    padding: 6px 12px;
    font-size: 13px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:active {
    color: rgba(0,0,0,0.87);
    background-color: #dddee0;
}

.nav.nav-sm>li>a {
    color: rgba(0,0,0,0.87);
}

.ng-scope .btn-sm, .btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px;
}

.ng-scope .btn-group>.btn:first-child {
    margin-left: 0;
}

.ng-scope .btn.dropdown-toggle,
.ng-scope .bootstrap-select {
    height: 30px;
	background-color: #fff !important;
	border:solid 1px #dddee0 !important;
}

.ng-scope .btn-default {
    color: rgba(0,0,0,0.87)!important;
    background-color: #fff;
    border-color: #dddee0;
}

.ng-scope .dropdown-menu {
    padding: 5px 0;
    margin: 2px 0 0;
}

.ng-scope .dropdown-menu>li>a {
    padding: 8px 16px;
    color: inherit;
}

.r {
    border-radius: 3px;
}

.p {
    padding: 16px;
}

.m-b-sm {
    margin-bottom: 8px;
}

.b-l-2x {
    border-left-width: 2px!important;
}

.b-l {
    border-left: 1px solid #dddee0;
}

.bg-white {
    background-color: #fff;
}

.panel-card {
    border-width: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.15);
    box-shadow: 0 1px 3px rgba(0,0,0,0.15);
}

.b-l-info {
    border-left-color: #2196f3;
}
.b-l-primary {
    border-left-color: #3f51b5;
}

.m-b-lg.tab-content
{
	background-color:transparent !important;
	padding:0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.m-r {
    margin-right: 16px;
}

.w-40 {
    width: 40px;
    height: 40px;
}

.rounded, .circle {
    border-radius: 500px;
}

.text-md {
    font-size: 14px;
}

.text-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.modal > .right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  padding: 0;
  padding-bottom: 20px;
}

.w-xl {
  width: 280px;
}

.blue-color{
	background-color:#42a5f5;

}

.header-view
{
	height: 65px;
	padding: 20px;
}

.bg-white {
  background-color: #fff;
}

.md-whiteframe-z2 {
  box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2);
}

.box {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed;
}

.box a {
	cursor:pointer;
}

.p {
  padding: 16px;
}

.p-h-md {
  padding-right: 24px;
  padding-left: 24px;
}


.text-2x {
  font-size: 2em;
}

.p-sm {
  padding: 8px;
}

.m-t-n {
  margin-top: -16px;
}

.inline {
  display: inline-block;
}

.text-muted-lt {
  color: inherit !important;
  opacity: 0.25;
}

.nav-user
{
	cursor:pointer;
}

.box .box-row {
  display: table-row;
  height: 100%;
}

.box .box-row .box-cell {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.ie .box .box-row .box-cell {
  display: table-cell;
}

.box .box-col {
  display: table-cell;
  vertical-align: top;
}

.box .box-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.box > [class*="col-"],
.box > [class*=" col-"] {
  position: static;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.w-40 {
  width: 40px;
  height: 40px;
}

.modal.fade .right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.in .left, .modal.in .right, .modal.in .top, .modal.in .bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bg-white {
  background-color: #fff;
  color: #595959;
}

body.modal-open
{
	margin-right:0 !important;
}

.p-v {
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-muted {
  color: inherit;
  opacity: 0.75;
}

.margin-top15
{
	margin-top:15px;
}

.box-shadow header.header-top
{
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.popover-content {
  font-size: 12px;
  line-height: 1.5;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.bg-light {
    background-color: #eaebec;
}

.m-l-sm {
    margin-left: 8px;
}

.badge.bg-light, .badge.bg-white, .label.bg-light, .label.bg-white {
    color:rgba(74, 74, 74, 0.87);
    text-shadow: none;
}

.last-reply p
{
	display:inline-block;
	margin-left:4px;
}

.replay span
{
	/*border-radius:50%;
	margin-left:5px;
	font-size: 12px;
    padding: 5px 7px;
    line-height: 12px;*/
}

.b-l-success {
    border-left-color: #4caf50;
}

.b-l-warning {
    border-left-color:orange;
}

.b-l-rad {
    border-left-color:#F00;
}

.box {
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed;
}

.box a {
	cursor:pointer;
}

.p {
  padding: 16px;
}

.p-h-md {
  padding-right: 24px;
  padding-left: 24px;
}


.text-2x {
  font-size: 2em;
}

.p-sm {
  padding: 8px;
}

.m-t-n {
  margin-top: -16px;
}

.inline {
  display: inline-block;
}

.text-muted-lt {
  color: inherit !important;
  opacity: 0.25;
}

.nav-user
{
	cursor:pointer;
}

.box .box-row {
  display: table-row;
  height: 100%;
}

.box .box-row .box-cell {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
	overflow-x: hidden;
}

.ie .box .box-row .box-cell {
  display: table-cell;
}

.box .box-col {
  display: table-cell;
  vertical-align: top;
}

.box .box-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.box > [class*="col-"],
.box > [class*=" col-"] {
  position: static;
  float: none;
  height: 100%;
  padding: 0;
  vertical-align: top;
}

.w-40 {
  width: 40px;
  height: 40px;
}

.modal.fade .right {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -moz-transition: -moz-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: -o-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.modal.in .left, .modal.in .right, .modal.in .top, .modal.in .bottom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bg-white {
  background-color: #fff;
  color: #595959;
}

body.modal-open
{
	margin-right:0 !important;
}

.p-v {
  padding-top: 16px;
  padding-bottom: 16px;
}

.text-muted {
  color: inherit;
  opacity: 0.75;
}

.margin-top15
{
	margin-top:15px;
}

.box-shadow header.header-top
{
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
	transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.popover-content {
  font-size: 12px;
  line-height: 1.5;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}

.create-ticket label
{
	font-weight:300 !important;
}

.create-ticket label span
{
	color:#F00;
}

.create-ticket .form-control
{
	border: 1px solid #ccc;
    border-radius: 0px;
	background-color: #fff;
}

.create-ticket textarea
{
	width:100%;
}

.boxRelated
{
	background-color:#FFF;
    padding: 20px;
	-webkit-box-shadow: 0 2px 7px 1px #B8B8B8;
	box-shadow: 0 2px 7px 1px #B8B8B8;
}

.boxRelated .table-responsive {
    overflow-x: inherit;
}

.searchbox input[type="text"]
{
    color: #333333;
    background-color: #fff;
	background-image: none;
    border: 1px solid #D3D1D1;
    border-radius: 0px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding: 3px 5px;
    margin-right: -4px;
    border-right: none;
}

.searchbox input[type="button"]
{
    border-radius: 0px;
}

.tite-mata .label
{
	font-size:10px;
}

.ng-binding
{
	font-size:12px;
}

.widget-title-replay h3
{
	font-weight:300;
	font-size:20px;
}

.padding10
{
	padding:10px;
}

.b-b {
    border-bottom: 1px solid #dddee0;
}

.font-thin {
    font-weight: 300;
}

.text-muted {
    color: inherit;
    opacity: .75;
}

.p-v {
    padding-top: 16px;
    padding-bottom: 16px;
}

.m-r-sm {
    margin-right: 8px;
}

.w-32 {
    width: 32px;
    height: 32px;
}

.bg-light {
    background-color: #eaebec;
}

.b-a {
    border: 1px solid #dddee0;
}

.m-b-sm {
    margin-bottom: 8px;
}

.p-xs {
    padding: 4px;
}

.w-sm {
    width: 120px;
}

.bg-light .lt {
    background-color: #f8f8f8;
}

.w-full {
    width: 100%;
}

.icon-source
{
    padding: 25px;
    font-size: 40px;
    text-align: center;
    color: #7B7B7B;
}

.replay-c
{
    padding: 10px;
    border: 1px solid #dddee0;
    border-left: solid 5px #dddee0;
    max-width: 100%;
    margin-bottom: 18px;
    margin-left: 15px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
    display: none !important;
}

.panel-heading {
    padding: 12px 20px;
    border-radius: 3px 3px 0 0;
}

.m-b-lg {
    margin-bottom: 32px !important;
}
.text-u-l {
    text-decoration: underline;
	color: rgba(0, 0, 0, 0.87);
}

#reply label
{
    padding: 15px 0px 5px;
    color: #333;
    font-weight: 300;
}

.input-box
{
	padding: 15px 24px;
}

.click-close
{
	color:#666;
	text-decoration:none !important;
}

.click-close:hover,
.click-close:focus,
.click-close:active,
{
	text-decoration:none !important;
}

.project-m
{
	display: table-cell;
	width: 1225px;
	vertical-align: middle;
}

.project-m .media-left img
{
	height:40px;
	width:40px;
}

.project-m .media-body p
{
	padding-bottom:0;
	margin-bottom:0;
}

.border-table
{
	border: 1px solid transparent;
	border-color: #e2e9e6;
}

.widget-title-new,
#widget_tabs .tab-content
{
	padding: 16px 24px;
	margin-bottom: 25px;
}

.paaing-form,
#form_bug,
#form_diss
{
	padding: 16px 24px;
}

.html5fileupload .add, .html5fileupload {
    min-height: 100px !important;
	margin: 10px;
}

.html5fileupload .add:after, .html5fileupload:after {
    top: 37% !important;
}


.btn-social
{
	height:45px;
	padding-left:48px;
	border:solid 1px transparent;
	background-color:#fff;
	font-size: 14px;
	vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
	font-weight:600;
	position:relative;
	width:100%;
}

.btn-social:before
{
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size:34px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	position:absolute;
	left:0;
	top:0;
	color:#FFF;
	width: 48px;
    height: 100%;
    padding: 6px;
}
.btn-social.face
{
	margin-bottom:22px;
	border-color:#4b64a6;
	color:#4b64a6;
}

.btn-social.face:before
{
	content: "\f09a";
	background-color:#4b64a6;
}

.btn-social.gplus
{
	border-color:#de4931;
	color:#de4931;
}

.btn-social.gplus:before
{
	content: "\f0d5";
	background-color:#de4931;
}

.form-control02
{
	display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control02 {
    border-color: #cfd1d4;
    border-radius: 0;
}

.form-control02, .form-control02:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea.form-control02 {
    height: auto;
}

#form_bug .table > tbody > tr > td{
	vertical-align: middle !important;
}

html, body {
    font-family: 'seven_02' !important;
}


/* checkout app */
.checkout-steps {
    position: relative;
    padding: 27px 140px;
    margin: 15px -20px 15px;
}
.checkout-steps:after, .checkout-steps:before { content: ""; position: absolute; left: 0; right: 0; height: 8px; }
/*.checkout-steps:before { background: -moz-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -webkit-radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: radial-gradient(center bottom, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); top: 0; }
.checkout-steps:after { background: -moz-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: -webkit-radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); background: radial-gradient(center top, ellipse farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); bottom: 0; }*/
.checkout-steps .step {
	 width:33.33%;
	/*width:25%;*/
	 float: left; position: relative;/*color:#ccc; */color: #333;
}
.step-badge{ color:#ccc; }
.checkout-steps .step:before { content: ""; position: absolute; top: 10px; left: 0; right: 0; height: 2px; background: #e6e6e6; z-index: 0; }
.checkout-steps .step:first-of-type:before { left: 50%; }
.checkout-steps .step:last-of-type:before { right: 50%; }
.checkout-steps .step.active:last-of-type:before, .checkout-steps .step.done:last-of-type:before { background: #e6e6e6; }
/*.checkout-steps .step.active .step-badge{ background-color: #f5f5f5; color: #504f4f; }*/
.checkout-steps .step.active .step-badge{ background-color: #42a5f5; color: #fff; }
.checkout-steps .step.done .step-badge
{
	background-color: #f5f5f5;
	color: #504f4f;
}
.checkout-steps .step.active,
.checkout-steps .step a
{
	/*color: #ccc;*/
	color: #333;
}
.checkout-steps .step.active:before { background: -moz-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #e6e6e6 50%, #e6e6e6 100%); background: -webkit-linear-gradient(left, #e6e6e6 0%, #e6e6e6 50%, #e6e6e6 50%, #e6e6e6 100%); background: linear-gradient(to right, #e6e6e6 0%, #e6e6e6 50%, #e6e6e6 50%, #e6e6e6 100%); }
.checkout-steps .step.active:first-of-type:before { background: #e6e6e6; }
.checkout-steps .step.done:before { background: #e6e6e6; }
.checkout-steps .step.done:first-of-type:before { background: #e6e6e6; }
.checkout-steps .step-badge { margin: 0 auto; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; width: 22px; height: 22px; background-color: #504f4f; position: relative; z-index: 1; line-height: 22px; margin-bottom: 5px; }

.align-center, .center-align, .checkout-steps .step {
    text-align: center;
}
.payment-gateways
{
	display:block;
	/*margin-top:18px;*/
	padding-left:0px;
	border-bottom: 1px solid #ebebeb;
}

.payment-gateways li
{
	list-style: none;
    float: left;
	position:relative;
}

.payment-gateways:before,
.payment-gateways:after {
    display: table;
    content: " ";
}

.payment-gateways:after {
    clear: both;
}

.payment-gateways li .radio {
    padding-left:0;
	padding-bottom:10px;
	text-align: center;
}

.payment-gateways li .radio label::before {
    content: "";
    display:block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
	right:0;
	bottom: 0;
    margin-left:auto;
	margin-right:auto;
    border: 1px solid #efefef;
    border-radius: 50%;
    background-color: #fff;
    transition: border 0.15s ease-in-out;
}

.payment-gateways li .radio label::after {
    display:block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 0;
	right:0;
    bottom: 0;
	top: inherit;
    margin-bottom: 3px;
    margin-left:auto;
	margin-right:auto;
    border-radius: 50%;
    background-color: #4193d0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}

.payment-gateways li{
	border-top: 1px solid transparent;
	border-right:1px solid transparent;
	border-left:1px solid transparent;
}

.payment-gateways li:first-child{
	border-top: 1px solid transparent;
	border-right:1px solid transparent;
	border-left:none;
}

.payment-gateways li:last-child{
	border-top: 1px solid transparent;
	border-right:none;
	border-left:1px solid transparent;
}

.payment-gateways li.selected_payment{
	border-top: 1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-left:1px solid #ebebeb;
}

.payment-gateways li.selected_payment:first-child{
	border-top: 1px solid #ebebeb;
	border-right:1px solid #ebebeb;
	border-left:none;
}

.payment-gateways li.selected_payment:last-child{
	border-top: 1px solid #ebebeb;
	border-right:none;
	border-left:1px solid #ebebeb;
}

.payment-gateways li.selected_payment:before {
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    width: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    border-top: 8px solid #ebebeb;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.payment-gateways li.selected_payment:after {
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    width: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-top: 8px solid white;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    content: '';
}

.payment-gateways li .radio label {
	padding-bottom:50px;
	padding-left:0;
}

.payment-gateways li .radio label img
{
	margin-top:30px;
}

.payment-gateways li .radio label strong
{
	margin-top:30px;
	display:block;
}
.avatar {
  position: relative;
  display: block;
  border-radius: 500px;
  white-space: nowrap;
}
.avatar img {
  border-radius: 500px;
  width: 100%;
}
.avatar i {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
}
.avatar i.md {
  width: 12px;
  height: 12px;
  margin: 1px;
}
.avatar i.sm {
  margin: -1px;
}
.avatar i.right {
  left: auto;
  right: 0;
}
.avatar i.bottom {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
}
.avatar i.on {
  background-color: #1ab667;
}
.avatar i.off {
  background-color: #939aa0;
}
.avatar i.busy {
  background-color: #f05050;
}
.avatar i.away {
  background-color: #fad733;
}
.thumb-lg {
  width: 128px;
  display: inline-block;
}
.thumb-lg img{
  width: 100%;
  display: inline-block;
}

.thumb-md {
  width: 64px;
  display: inline-block;
}
.thumb {
  width: 50px;
  display: inline-block;
}
.thumb-sm {
  width: 40px;
  display: inline-block;
}

.link-white a
{
	color:#FFF;
}

.item-dashboard-content
{
	color: #616161;
}

.feature
{
	list-style:none;
	padding-left: 10px;
}

.project-m .a-line
{
	text-align:right;
}

.breadcrumb > li > a,
.breadcrumb > li > span
{
	color:#fff;
}

.info-hilith-tiket
{
	background-color: #2ECC71;
    color: #fff;
    padding: 8px 15px;
}

.info-hilith-tiket a
{
    color: #fff;
}

.panel-head
{
	border-bottom: solid 1px #e2e9e6;
    padding: 10px;
}

.panel-head a
{
	font-size: 13px;
    color: #474a49;
}

.panel-body .cul-pan
{
	width:20%;
	float:left;
	text-align: center;
}

.panel-body:after
{
	content:"";
	clear:both;
}

.icon-info-project
{
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 50%;
    color: #A1A1A1;
    font-size: 30px;
}

.icon-info-project i
{
	padding: 13px;
}

#tabs > li > a:hover {
     background:#fff;
	 border-color:#e2e9e6;
     /*border-bottom-color: transparent;*/
	 border-left-color: transparent;
}

#tabs > li.active > a:hover {
	border-bottom-color: transparent !important;
}


#tab-client > a
{
	border-left-color:#e2e9e6 !important;
}

.title-invoice
{
	margin-bottom:3px !important;
	font-size:20px;
}

/*alert natification*/
.alert{
	position: fixed;
	background: rgba(42,45,50,0.85);
	padding: 22px 40px;
	line-height: 1.4;
	z-index: 99999;
	pointer-events: none;
	color: rgba(250,251,255,0.95);
	font-size: 90%;
	border:none !important;
	display:none;
}
.alert{
	pointer-events: auto;
}
.alert{
	pointer-events: auto;
}
.alert{
	top: 0;
	right:0;
    width: 350px;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}
}
@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

/*end alert*/

#user_edit .controls textarea,
#work_memo,
#bio
{
	width:100%;
	max-width:100%;
    border: 1px solid #efefef;
    background-color: #f7f7f7;
}

#comment
{
	max-width:100%;
    border: 1px solid #efefef;
    background-color: #f7f7f7;
}

.view-all
{
	float:right;
	margin-top:18px;
}
#task_content .nav-tabs > li:first-of-type > a,
#task_content .nav-tabs > li:first-of-type > a:hover {
    border-left-color: #e2e9e6;
}

#task_content .nav-tabs > li.active > a,
#task_content .nav-tabs > li.active > a:hover,
#task_content .nav-tabs > li.active > a:focus {
    color: #DC9827;
}

#task_content .tab-content {
    border: 1px solid #EAEEF1;
	border-top:none;
	margin-bottom: 5px;
}

.portal_comments-title
{
	font-size:18px;
}

.overflow-hiden
{
	overflow:hidden;
}

#portal_comments .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #e2e9e6;
    border-right: 1px solid #e2e9e6;
    background-color: #F7FAFA;
	font-weight: 300;
    font-size: 12px;
}

#task_content
{
	font-size:12px;
}

.padding-top
{
	padding-top:25px;
}

#close-alert
{
	float: right;
    background-color: #424242;
    padding: 2px 5px;
    border-radius: 50%;
    color: #e6e6e6;
    font-size: 11px;
	cursor:pointer;
}

#close-alert:hover
{
	background-color:#757575;
	color:#34BFE8;
	transition:all ease-in 0.3s;
}

#title_task,
#project_task
{
	color:#fff;
}
.btn-custom01
{
    border: solid 1px #f5f5f5;
    color: #424242 ;
    background-color: #f5f5f5;
    opacity: .8;
    padding: 3px 8px;
    border-radius: 1px;
	transition:all ease-in .3s;
}

.btn-custom01:hover
{
	color:#fff;
    background-color: #858585;
	border:solid 1px #858585;
}

.fade01 {
  opacity: 0;
  -webkit-transition: opacity 0.8s linear;
  transition: opacity 0.8s linear;
  -webkit-transition: all opacity 0.8s linear ease-out;
  -moz-transition: all opacity 0.8s linear ease-out;
  -o-transition: all opacity 0.8s linear ease-out;
  transition: all opacity 0.8s linear ease-out;
}
.fade01.show_m {
  opacity: 1;
}

.header-view h4,
.header-view p
{
	margin: 0;
	color:#fff;
}

.btn-close-view
{
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 9;
    padding: 12px;
}

.forum-view01
{
	margin:40px 20px 0;
}

.forum-view02
{
	margin:0 20px 40px;
}

.item-forum-view:before,
.item-forum-view:after,
.footer-item-forum:before,
.footer-item-forum:after {
    display: table;
    content: " ";
}

.item-forum-view:after,
.footer-item-forum:after {
    clear: both;
}

.item-forum-view
{
	border: 1px solid #dddee0;
    margin-bottom: 15px;
	border-left: solid 5px #dddee0;
}

.border-left
{
	border-left: 1px solid #dddee0;
}

.left-forum
{
	text-align:center;
	font-size: 12px;
	padding-top: 20px;
    padding-bottom: 20px;
}

.left-forum .img-forum-view
{
	width: 60px;
	margin-bottom: 5px;
}

.right-forum
{
	padding:0;
}

.footer-item-forum
{
	border-top: 1px solid #dddee0;
}

.forum-file
{
	float:left;
	width:65%;
	padding: 10px 10px 5px;
}



.forum-date-ago
{
	text-align:right;
	float:left;
	width:35%;
	padding: 10px 10px 5px;
}

.messeger
{
	min-height:120px;
	padding:15px;
}

.datainfo-view
{
	margin:auto 20px;
}

.item-replay
{
	margin-left:20px;
}

.reply-and-coment-view
{
	margin:auto 20px;
}

.item-list-know
{
	border:solid 1px #e2e9e6;
	border-bottom:none;
}

.head-know h5
{
	margin:0;
	padding:10px;
}

.item-list-know:last-child
{
	border-bottom:solid 1px #e2e9e6;
}

.head-know
{
	cursor:pointer;
}

.conten-know
{
	padding:10px;
	padding-top:0px;
    -webkit-transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    transition:all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

.conten-know ul
{
	margin-bottom:0px;
	list-style:none;
    padding-left: 0;
}

.conten-know ul li,
.nav-detail-n ul li
{
    border-left: solid 4px;
	padding: 5px;
    background-color: #F3F3F3;
	transition: all ease-out .2s;
}

.conten-know ul li:hover,
.nav-detail-n ul li:hover,
.nav-detail-n ul li.active
{
    border-left: solid 4px #ffb30f;
    background-color: #e8e8e8;
}

.conten-know ul li a,
.nav-detail-n ul li a
{
	transition: all ease-out .2s;
	display:block;
}

.head-know.in-active > h5 > .pull-right i,
.nav-detail-n.in-active > h5 > .pull-right i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.head-know > h5 > .pull-right i,
.nav-detail-n > h5 > .pull-right i {
    -webkit-transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}


.bg-heading
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff+2,7db9e8+98 */
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #fff 2%, #e6e6e6  98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(2%,#fff), color-stop(98%,#e6e6e6 )); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #fff 2%,#e6e6e6  98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #fff 2%,#e6e6e6  98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #fff 2%,#e6e6e6  98%); /* IE10+ */
	background: linear-gradient(45deg,  #fff 2%,#e6e6e6  98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#e6e6e6 ',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.nav-detail-n h5
{
	font-size:13px;
	cursor:pointer;
}

.nav-detail-n ul{
	margin-bottom: 0px;
    list-style: none;
    padding-left: 10px;
	-webkit-transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

#gallery img,
#banner img,
#room img,
#floor img
{
	max-width:100px;
	max-height:150px;
}

.input input[type="file"]
{
	margin-top:10px;
}

#data-other label.error{
 display:block !important;
 top:7px !important;
 float:none !important;
 line-height:30px !important;
}
#data-other label.error{
 background:url('../images/unchecked.gif')163px 8px no-repeat !important;
}
#data-other label.valid{
 background:url('../images/checked.gif')163px 8px no-repeat !important;
}
.select-problem li{
  padding:5px 0 5px 0;
}
.select-problem li:nth-child(1) .icon-problem{
  padding:10px 30px 10px 30px;
  background:url('../images/li1-pb.png')8px -2px no-repeat !important;
}
.select-problem li:nth-child(2) .icon-problem{
  padding:10px 30px 10px 30px;
  background:url('../images/li2-pb.png')8px -2px no-repeat !important;
}
.select-problem li:nth-child(3) .icon-problem{
  padding:10px 30px 10px 30px;
  background:url('../images/li3-pb.png')8px -2px no-repeat !important;
}
.select-solution li{
  padding:5px 0 5px 0;
}
.select-solution li:nth-child(1) .icon-solution{
  padding:10px 30px 10px 30px;
  background:url('../images/li2-solution.png')8px 0px no-repeat !important;
}
.select-solution li:nth-child(2) .icon-solution{
  padding:10px 30px 10px 30px;
  background:url('../images/li1-solution.png')8px 0px no-repeat !important;
}
.select-solution li:nth-child(3) .icon-solution{
  padding:10px 30px 10px 30px;
  background:url('../images/li3-solution.png')8px -2px no-repeat !important;
}


label.error{
 left:inherit !important;
 display:inline-block !important;
 /*right:20px !important;*/
 line-height:18px !important;
 padding-left:20px !important;
 top:0px !important;
 float:right;
 font-weight:normal;

}
label.valid{
 background:url('../images/checked.gif') no-repeat  !important;


}
label.error{
  background:url('../images/unchecked.gif') no-repeat;

}

.info-map
{
	font-size: 11px;
    margin-bottom: 0;
    color: #717171;
}

.navbar-size-large .title-register
{
	padding:16px 0px 0px 0px;
	margin:0px;
	line-height:40px;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.navbar-size-xlarge .title-register
{
	padding:16px 0px 0px 0px;
	margin:0px;
	line-height:57px;
}

.navbar.navbar-size-large .lang_dropdown
{
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar.navbar-size-large .cart_dropdown
{
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.sell-locator-cat .btn-group > .btn:hover {

}
.sell-locator-cat .ui-tooltip{

}
.notfound_db_locator{
  padding-top:15px;
}

.add-new-database
{
	background: #2ecc71 !important;
    border-color: #2ecc71 !important;
    color: #fff !important;
    font-size: 18px;
    letter-spacing: 1px;
    padding: 20px 30px;
}

.icon-fea
{
	color: #22d25c;
    padding: 0 5px;
}

.lebal-checkbox
{
	cursor:pointer;
}

/* Genmark */
.border-genmark{
	border:1px solid #000;
	background:#fff;
	margin:10px 0px;
	padding:10px;
}

/*complain buyer*/

#organ-message{
 color:red;
 font-weight:bold;
}

.appellant-req{

}
.appellant-req .margin-o{
  margin:0px;
}
.appellant-req .title-complain{
  background:#0070b9;
  color:#fff;
  margin-bottom:10px;
  padding-left:14px;
}
.appellant-req .margin-o .box-complain{
 padding:0px;
}
.appellant-req .margin-o .box-complain .pp-appellant{
 padding:16px 12px 0;
 border:1px solid #edf3f1;

}
.appellant-req .title-complain.infor-supp{
 margin-top:24px;
 margin-bottom:10px;
 padding-left:12px;
}
.tb-infor-supp tr{
  border:1px solid #e2e9e6;
}

.title-excuse{
 width:48.5%;
 display:inline-block;
 float:left;
/* border-bottom:2px solid #e2e9e6;*/
 margin-right:15px;
 background:#0070b9;
 color:#fff;
 margin-bottom:0px;
}
.title-req{
 width:49%;
 display:inline-block;
 float:left;
 /*border-bottom:2px solid #e2e9e6;*/
 background:#0070b9;
 color:#fff;
 margin-bottom:0px;
}
.head-title{
 color:#fff;
}
.head-title th{
 border-bottom:0px !important;
}
.problem-no1{
  border:0px;
  background:#ffebcc;
}
.problem-no1 td,.seller-content td,.buyer-content td{
  border-right:0px !important;
}

.seller-team{
  background:#00cd6b;
  color:#fff;
  border-bottom:0px;
}
.buyer-team{
 background:#ff9c01;
 color:#fff;
 border-bottom:0px;
}
.seller-content{
  background:#ccf5e1;
}
.buyer-content{
  background:#ffebcc;
}
.compromise-title-mediator{
 background:#1e90cf;
 color:#fff;
}
.compromise-title-buyer{
  background:#ff9c01;
  color:#fff;
}
.compromise-title-seller{
  background:#00cd6b;
  color:#fff;
}
.compromise-content-mediator{
 background:#d2e9f5;
}
.compromise-content-buyer{
  background:#ffebcc;
}
.compromise-content-seller{
  background:#ccf5e1;
}
#new_organ{
 background:#ff9c01;
 border:1px solid #ff9c01;
 text-transform:inherit;
}
#next_step{
 background:#00cd6b;
 border:1px solid #00cd6b;
 text-transform:inherit;
}
.text-bold-tb{
 color:#424242!important;
}

.btn-custom4
{
	padding: 4px 10px;
    font-size: 12px;
    letter-spacing: 0.5px;
	text-align: center;
    background-color: #fffff;
    border: solid 1px #E4E4E4;
    color: #504F4F;
    font-weight: 400;
	border-radius:1px;

}

.display
{
	color: #fff;
    background-color:rgb(249, 32, 32);
    border-color:rgb(249, 32, 32);
}

.display:hover,
.display:focus,
.dispaly:active
{
	color: #fff;
    background-color:#F00;
    border-color:#F00;
}

.remove-display
{
	color: #fff;
    background: #2ecc71;
    border-color: #2ecc71;
}

.remove-display:hover,
.remove-display:focus,
.remove-display:active
{
	color: #fff;
    background-color:#14CA61;
    border-color:#14CA61;
}
.icon-solution-img,.icon-problem-img{
  display:inline-block;
  margin-left:6px;
  width:60px;
  height:60px;
  background:#eee;
  padding:10px;
}
.solution-title{
  margin-left:-5px;
  display:inline-block;
  padding:21px 0 20px 15px;
  width:392px;
  max-width:392px;
  background:#eee;
  margin-bottom:0px;
}
.problem-title{
  margin-left:-5px;
  display:inline-block;
  padding:21px 0 20px 7px;
  width:375px;
  min-width:300px;
  background:#eee;
  margin-bottom:0px;
}
.icon-hints img{
  width:15px;
  height:15px;
  margin-left:-28px;
}

.li-problem{

}
.li-solution{

}
.tb-infor-complain tr{
  border:1px solid #e2e9e6;
}
.condition-refister{
 text-align:center;
}
.has_order_id{
  margin-bottom:0px;
  margin-top:2px;
}
.fa-mobile-icon{
 margin-left:5px;
}
.file-userfile label.error {
 float:left;
 background:url('../images/unchecked.gif')2px 11px no-repeat !important;
 padding-top:10px;
}
.file-userfile label.valid{
 background:url('../images/checked.gif')2px 11px no-repeat !important;
 float:left;
  padding-top:10px;
}
.docc_download{
  border:2px solid #0070b9;
  padding:3px;
}

.group-select .select2-result-label {
    font-weight: 600;
}

.default-select .select2-result-label {
    padding-left: 20px;
}

.sell-filter .form-group
{
	float:left;
	margin-right:10px;
}

.sell-filter .form-group label
{
	display:block;
	font-weight:300;
}

.sell-filter .form-group > select,
.sell-filter .form-group > .filter-sell
{
	min-width:180px;
}

.error-custom {
    color: red;
}
.tb-infor-complain > tbody > tr > td{
 color:#424242;
}
.reply_first_name.error,
.reply_first_name.valid,
.reply_last_name.error,
.reply_last_name.valid{
 float:left;
}
#form_reply label{
 float:left;
}
.other_problem_details label{
 text-align:center;
}

.favorites-item
{
	display:table;
	width:100%;
	border-bottom:1px solid #eeeeee;
	padding-bottom:15px;
	margin-bottom:15px;
}

.panel-body .favorites-item:last-child
{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

.favorites-item .item-img,
.favorites-item .item-title,
.favorites-item .item-data-add,
.favorites-item .item-remove
{
	display:table-cell;
    vertical-align: top;
}

.favorites-item .item-img
{
	width:100px;
}

.favorites-item .item-img img
{
	width:100%;
}

.favorites-item .item-title
{
	padding:0 12px;
}

.favorites-item .item-data-add
{
	width:150px;
	text-align:center;
    font-size: 13px;
    color: #969696;
}

.favorites-item .item-remove
{
	text-align:right;
	width:80px;
}

.item-title h5,
.item-title h5 a
{
	font-size:14px;
    color: #212121;
}

.item-title .fav-meta
{
    margin-bottom: 0px;
    font-size: 12px;
    color: #969696;
    line-height: 17px;
}

.item-remove .btn-custom4
{
	display:inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li a.group-select {
    font-weight: 600;
}

.bootstrap-select.btn-group .dropdown-menu li a.default-select{
    padding-left: 30px;
}

.prelonding
{
	display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background:rgba(0, 0, 0, 0.35) url('../images/loading_spinner.gif');
	background-repeat:no-repeat;
	background-size:50px;
    background-position:center;
    z-index: 9999;
}

.prelonding-firt
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background:rgba(255, 255, 255, 1) url('../images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-size:25px;
    background-position:center;
    z-index: 99;
}

.prelonding-firt2
{
    width: 100%;
    height:270px;
    background:rgba(255, 255, 255, 1) url('../images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-size:25px;
    background-position:center;
}

.prelonding-inbox
{
    background:rgba(255, 255, 255, 1) url('../images/ajax-loader.gif');
	background-repeat:no-repeat;
	background-size:25px;
    background-position:center;
    width: 100%;
    height: 130px;
}

.btn-red-c:hover, .btn-red-c:focus, .btn-red-c:active , .btn-red-c{
    color: #fff;
    background-color: #F00;
    border-color: #F00;
}

.prelond-paging
{
	display:none;
    position:absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(255, 255, 255, 0.65);
    z-index: 99;
}

.prelonding2
{
	display:none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background:rgba(0, 0, 0, 0.35);
    z-index: 9999;
	text-align:center;
}

.prelonding-sub
{
	display: table-cell;
    vertical-align: middle;
}

#loading
{
    display: inline-block;
    font-size: 21px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 250px;
    text-align: left;
    letter-spacing: 8px;
}

.panel-heading.heading-tab
{
	background-color: #2a4a70;
}

.list-group>li {
	border-left:none;
	border-top:none;
	border-right:none;
    border-bottom: solid 1px #efefef;
}

.orend-color {
    background-color: #ff513f;
}

.list-group-forums .icon-block.half {
    width: 50px;
    height: 50px;
    line-height: 56px;
    font-size: 25px;
}

.list-group-forums
{
	color:#000;
    padding: 10px 15px;
}

.text-light
{
	color:#9e9e9e;
}

.header-perfect{
    margin: 0;
    padding: 0;
    min-height: 60px;
    position: relative;
    background-color: #2a4a70;
    border-bottom: none;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25);
    box-shadow: 0 0 3px rgba(0,0,0,.25);
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.perfect-supernew.desig-v2 .header-perfect{
    background-color:#fafafa;
}

.insightsTabs
{
    padding: 0;
    margin: 0;
    height: 60px;
    list-style-type: none;
    position: relative;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.perfect-supernew.desig-v2 .insightsTabs{
    height:77.2px;
}

.insightsTabs .tab-item{
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	display: inline-block;
	position: relative;
    /*border-right: 1px #e4e4e4 solid;*/
}

.insightsTabs .tab-item.active {
    background-color: #fff;
    background-image: none;
    border-top: 2px #009cde solid;
}

.perfect-supernew.desig-v2 .insightsTabs .tab-item.active {
    border-top:0px #fff solid;
    border-right: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}

.perfect-supernew.desig-v2 .insightsTabs .tab-item:first-child.active {
	border-left:none;
}

.perfect-supernew.desig-v2 .header-perfect i
{
	display:block;
    margin: auto;
    font-size: 30px;
}

.insightsTabs .tab-item a{
    width: 174px;
    height: 60px;
    display: table-cell;
    text-decoration: none;
    color:#fff;
    white-space: normal;
    font-size: 14px;
    line-height: 60px;
    text-align: center;
}

.perfect-supernew.desig-v2 .insightsTabs .tab-item a {
    color:#b8b8b8;
    line-height:28px;
    padding:10px 25px;
	width:auto;
}

.perfect-supernew.desig-v2 .insightsTabs .tab-item.active a{
    color: #333333;
}

.perfect-supernew.desig-v2 .insightsTabs .tab-item.active a i{
    color: #fdc101;
}

.insightsTabs .tab-item.active a{
    color:#3d5266;
}

body .content-perfect{
    padding-bottom: 1px;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
    box-shadow: 0 2px 3px rgba(0,0,0,.25);
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

#tab-content-perfect{
	overflow: visible;
    margin-bottom: 20px;
    min-height: 365px;
    padding:15px 15px 15px;
    overflow: auto;
}

#organ-content
{
	position:relative;
}

.text-caption2 {
    font-size: 12px;
    font-weight: 400;
}

.group-right
{
	padding-right: 20px;
    padding-left: 0;
	padding-top: 15px;
    border: none;
    height: 60px;
}

.sell-filter
{
	margin-top:10px;
}

#filter-content
{
	position:relative;
    min-height: 250px;
}

.btn-delete
{
    height: 30px !important;
    line-height: 21px !important;
    font-size: 12px;
    font-weight: 400;
    padding: 4px 15px;
    border-radius: 3px;
    text-transform: inherit !important;
}

.content-verification
{
	margin-top:15px;
}

.content-favorites{
    margin-top: 20px;
}

.onoffswitch {
    position: relative; width: 65px;    margin: auto;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid transparent; border-radius: 0px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width:50%; height: 20px; padding: 0; line-height: 20px;
    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #2ecc71; color: #FFFFFF;
	text-align: left;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #FF0000; color: #FFFFFF;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 35px;
    border: 2px solid #FFFFFF; border-radius: 0px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.list-dashboard
{
    margin:25px 20px;
}

.list-dashboard li
{
	color:#333333;
    line-height:33px;
}

.list-dashboard li strong
{
    width: 110px;
    display: inline-block;
	font-weight:300;
}

.list-dashboard li span
{
    display: inline-block;
	padding-left:25px;
	color:#8f8f8f;
}

.list-dashboard li span a
{
	color:#8f8f8f;
}

.jampathong-tab
{
}

.panel-header
{
	background-color:#f3f3f3;
	padding:13px 28px;
}

#tab-content-perfect.list-blog-content
{
	padding:0;
}

.btn-panel-perfect
{
	background-color:#ffffff;
	color:#b8b8b8;
	text-transform:capitalize !important;
    padding: 5px 18px;
    margin-right: 10px;
	font-size:12px;
}

.list-content
{
	padding:20px 30px;
}

.panel-list-table
{
	border-radius:4px;
	border:solid 1px #e6e6e6;
}

.table-perfect
{
	margin-bottom:0px;
	font-size:12px;
}

.table-perfect tr
{
	background-color:#fafafa;
}

.table.table-perfect > thead > tr > th {
    border-bottom: 1px;
	border-right:0px;
    padding: 15px;
}

.table.table-perfect>tbody>tr:hover{
    background-color: #fff;
}

.action a
{
	margin-right:5px;
    padding-left: 7px;
    padding-right: 7px;
}

.table-perfect thead tr:first-child th:first-child
{
    border-top-left-radius: 4px;
}
.table-perfect thead tr:first-child th:last-child
{
    border-top-right-radius: 4px;
}

.table-perfect tbody tr:last-child td:first-child
{
    border-bottom-left-radius: 4px;
}
.table-perfect tbody tr:last-child td:last-child
{
    border-bottom-right-radius: 4px;
}

.panel-header i
{
	display:inline-block;
    margin-right: 5px;
    font-size: 13px;
}
.app_point a,.app_point i,
.app_drop a,.app_drop i{
   display:initial;
}
.app_point a,.app_point i,
.app_drop a,.app_drop i{
 	display:initial;
}
.app_point ul li a,
.app_drop ul li a{
	width:100%;
}
.app_point i,
.app_drop i{
   font-size:16px;
   padding:30px 0;
   cursor:pointer;
}
.navbar-nav .dropdown-menu > li > a{

}
.point-block-profile .title h3{
	font-size:16px;
	font-weight:bold;
}
.point-block-profile .title h3,
.point-block-profile .title span{
	display:inline-block;
}
.title-group {
	 padding-bottom:10px;
}
.title-group span{
	text-transform:capitalize;
}

.point-block-profile .title-point span{
	padding:0px 15px;
	margin:0px 8px;
	background:#ccc;
	color:#fff;
}
.point-block-profile{

	padding:25px;
	border-radius:0px 8px;
	margin-bottom:25px;
}

.detail-point{
	background:#fff;
}

.detail-point td,.detail-point th{
	padding:20px;
	text-align:center;
	text-transform:capitalize;
}
.detail-point thead{
	background:#4db6ca;
	color:#fff;
}
.detail-point tbody tr{
	border-bottom:1px solid #ccc;
}

.thumbnail.setup-panel
{
	background-color:#FFF;
    margin-bottom: 0px;
}
.content-step .well
{
	background-color:#fff;
    border-top: 0px;
    padding-top: 30px;
	padding-bottom:30px;
}
.content-step label
{
	color:#999;
}
.title-core
{
	text-align:left;
	font-size:15px;
	margin-bottom:10px;
	margin-top:25px;
}

ul.step-panel > li.active > a,
ul.step-panel > li.active > a:hover,
ul.step-panel > li.active > a:focus,
ul.step-panel > li.active > a:active
{
    background-color: #fff;
	text-align:center;
}

ul.step-panel > li.active .step-item-heading
{
    background-color: #42a5f5;
}

ul.step-panel > li > a:before
{
	content:'';
    position: absolute;
    top: 22px;
    left: 0;
    right: 0;
    height: 2px;
    background: #e6e6e6;
    z-index: 0;
}

ul.step-panel > li .step-item-heading{
    width: 25px;
    height: 25px;
    background-color: #504f4f;
    color: #fff;
    font-size: 14px;
    border-radius: 50%;
    line-height: 25px;
	margin:auto;
	z-index: 1;
    position: relative;
}

ul.step-panel > li.active > a:before {
    background: -moz-linear-gradient(left, #42a5f5 0%, #42a5f5 50%, #42a5f5 50%, #42a5f5 100%);
    background: -webkit-linear-gradient(left, #42a5f5 0%, #42a5f5 50%, #42a5f5 50%, #42a5f5 100%);
    background: linear-gradient(to right, #42a5f5 0%, #42a5f5 50%, #42a5f5 50%, #42a5f5 100%);
}

ul.step-panel > li.active:first-of-type > a:before {
    /*background: #e6e6e6;*/
}

ul.step-panel > li:last-of-type > a:before {
    right: 50%;
}

ul.step-panel > li:first-of-type > a:before{
    left: 50%;
}

.panel-button
{
	display:none;
    line-height: 46px;
}

.panel-button.active
{
	display:block;
}

.thumbnail.nav-step
{
	background-color:#FFF;
    margin-bottom: 0;
}

ul.step-panel > li.disabled
{
	opacity:0.5;
}

html.top-navbar-large .top-lage
{
    position: fixed;
    width: 1170px;
    z-index: 9;
    top: 64px;
}

html.top-navbar-large .header-fix
{
    position: fixed;
    width: 1170px;
    z-index: 9;
    top: 64px;
}

#div-educational_background tbody td
{
	padding-right:5px;
}

#div-educational_background thead th
{
    padding: 0;
}

.btn.green
{
    background-color: #28a745;
    color: #fff;
}

.btn.btn-red
{
	background-color: #dc3545;
    color: #fff;
}

#div-educational_background tfoot td
{
	padding-top:15px;
}

#div-work_experience .working_detail td
{
    padding: 5px 0;
}

#working_a
{
	margin-bottom:0;
}

.working_detail
{
    margin-bottom: 30px;
}

.register-group
{
	padding-top:30px;
}

.register-group h4.title-groups
{
	text-align:center;
    padding-bottom: 50px;
    font-size: 18px;
    color: #424242;
}

.groups-item img
{
	width:100%;
    border-radius: 5px 5px 0 0;
}

.groups-item
{
	padding:0 25px;
}

.sub-item h4
{
    color: #424242;
    margin-bottom: 5px;
    margin-top: 25px;
    padding: 0 25px;
}

.sub-item p
{
    padding: 0 25px;
    font-size: 11px;
    color: #777777;
}

.sub-item .item-descriptions
{
    border-bottom: solid 1px #ebebeb;
    padding: 10px 25px 25px;
    font-size: 12px;
    min-height: 100px;
    color:#999999;
}

.apply-choose
{
	text-align: center;
    padding: 12px 0;
}

.apply-choose a
{
    text-align: center;
    font-size: 12px;
    padding: 8px 25px;
    border-radius: 4px;
}
/***** cart style ******/
.cart-contents .total {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #ff4f7d;
	display: block;
	font-size: 10px;
	margin-bottom: 0;
	padding: 4px 0;
	float: left;
	width: 100%;
	text-transform: uppercase ;
	text-align:left;
}
.cart-contents p.total strong {
	 float: left;
}
.cart-contents .buttons a{
	padding:8px 15px !important;
	margin-bottom:10px;
	color:#273660;
}

.cart-contents .total .amount {
	float: right;
}
.cart-contents ul.cart-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	float: left;
	width: 300px;
	color: #c8c8c8
}

.cart-contents ul.cart-list li {
	min-height: 85px;
	text-align: left;
	border-left: none;
	position:relative;
    float: none;
}

.cart-contents ul.cart-list a.remove {
    position: absolute;
    right: 15px;
    text-align: right;
    top: 45%;
    font-size: 14px;
}

.cart-contents ul.cart-list a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 16px;
	padding: 0 0 0 70px;
	position: relative;
	width: auto;
	color: #4db6ca;
}

.cart-contents ul.cart-list a img {
	height: 60px;
	left: 0;
	float: left;
	width: 60px;
	position: absolute;
}
.cart-contents ul.cart-list .quantity {
	font-size: 10px;
	margin-left: 70px;
	color:#333;
}

.cart-contents .total {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color:#273660;
	display: block;
	font-size: 10px;
	margin-bottom: 0;
	padding: 4px 0;
	float: left;
	width: 100%;
	text-transform: uppercase ;
	text-align:left;
}
.cart-contents p.total strong {
	 float: left;
}
.cart-contents .total .amount {
	float: right;
}
.cart-contents .buttons {
	float: left;
	width: 100%;
	margin: 0px;
	text-align: center
}
.cart-content ul.cart-list {
	list-style: outside none none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	color: #c8c8c8
}

.cart-content ul.cart-list li {
	min-height: 85px;
	text-align: left;
}

.cart-content ul.cart-list a.remove {
	position: absolute;
	right: 15px;
	text-align: right;
}

.cart-content ul.cart-list a {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 300;
	line-height: 16px;
	padding: 0 0 0 70px;
	position: relative;
	 width: auto;
	 color: #c8c8c8 !important
}

.cart-content ul.cart-list a img {
	height: 60px;
	left: 0;
	float: left;
	width: 60px;
	position: absolute;
}

.cart-content ul.cart-list .quantity {
	font-size: 10px;
	margin-left: 70px;
}

.cart-content .total {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #ff4f7d;
	display: block;
	font-size: 10px;
	margin-bottom: 0;
	padding: 4px 0;
	float: left;
	width: 100%;
	text-transform: uppercase ;
	text-align:left;
}

.cart-content p.total strong {
	 float: left;
}

.cart-content .total .amount {
	float: right;
}

.cart-content .buttons {
	float: left;
	width: 100%;
	margin: 0px;
	text-align: center
}

.prelonder-ajax
{
    background:url('../images/loading_spinner.gif');
	background-repeat:no-repeat;
	background-size:50px;
    background-position:center;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.25);
	z-index:10000;
}
.no-point{
	color:#ccc !important;
}
span.cout-cart {
    background-color:#4db6ca;
    border-radius: 50%;
    color: #fff;
    padding: 2px 7px;
    position: relative;
    top: -10px;
    left: -4px;
    font-size: 9px;
}

.tab-panal
{
	display:none;
}
.tab-panal.active
{
	display:block;
}

.sell-nav
{
	list-style:none;
    padding-left: 0;
    display: block;
    margin-top: 25px;
    padding-bottom: 20px;
}

.sell-nav li
{
	display:inline-block;
	text-align:center;
    padding: 0 20px 20px;

}

.sell-nav li a
{
	color: #2ecc71;
	font-size:16px;
}

.sell-nav li i
{
    display: block;
    border: solid 2px #2ecc71;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: auto;
    line-height: 47px;
    margin-bottom: 10px;
	font-size:18px;
}

.sell-locator h4
{
	color: #777777;
}

.content-sell
{
    background-color: #fff;
    border: 1px solid #e3e3e3;
	border-top: 0px;
    border-radius: 0px 0px 2px 0px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	min-height:300px;
}

.panel-h72
{
    line-height: 72px;
}

.nav-justified p
{
    color:#504f4f;
}

.content-sell-form
{
	padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-top: none;
    border-radius: 0 0 2px 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.pick_at_store li{
	border-top:none;
}
.pick_at_store li.on .time_for_pick{
   display:inline-block !important;
}
.pick_at_store li .time_for_pick{
   display:none;
}

.pick_at_store li span{
   display:none;
}
.pick_at_store li.on span{
   display:block !important;
}

.radio input[type="radio"]
{
	opacity:0;
}

.form_creat_listing .paper-shadow[data-z="0.5"]:after,
.form_creat_listing .paper-shadow[data-hover-z="0.5"]:hover:after
{
	display:none;
}

.form_creat_listing .nav-tabs
{
	display:none;
}

.perfech-panal
{
	background-color:#fff;
	border-radius:3px;
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.25);
    box-shadow: 0 2px 3px rgba(0,0,0,.25);
    padding: 12px;
}
.perfech-panal header
{
	position:relative;
}
.perfech-panal header h2,
.perfech-panal legend h2
{
    font-size: 18px;
    font-weight: 600;
    color: #616161;
    letter-spacing: 1px;
    margin: 5px 0 10px;
    line-height: 35px;
}
.date-start
{
	margin-bottom:25px;
}
.content-group1
{
	margin-bottom:25px;
}
.content-group2
{
	margin-bottom:25px;
}
.content-group1 h4
{
    font-size: 13px;
    font-weight: 600;
    color: #616161;
    letter-spacing: 1px;
    margin: 5px 0 8px;
    line-height: 25px;
}
.content-group1 table.table
{
	width:auto;
}
.content-group1 table.table > tbody > tr > td {
    border-top: none;
    padding: 2px 10px;
    font-size: 12px;
    color: #4c4c4c;
}
.content-group2 table.table > thead > tr > th
{
    border-bottom: solid 1px #afafaf;
    border-right: solid 1px #afafaf;
    border-top: solid 1px #afafaf !important;
}
.content-group2 table.table > thead > tr:first-child > th
{
	border-left:solid 1px #afafaf;
}
.content-group2 table.table > tbody > tr > td
{
	border-bottom:solid 1px #eee;
}
.content-group2 table.table > tfoot > tr > td
{
    border-color:#eee;
}
.body-panal
{
	min-height:250px;
}
.hr-perfect
{
	margin-top:0px;
	border-color:#afafaf;
}
.table-perfect2 tr {
    border: solid 1px #eee;
    border-right-width: 0px;
    border-left-width: 0px;
}
.table-perfect2 thead tr
{
	border-width:1px;
	border-color:#afafaf;
	border-right-width: 0px;
    border-left-width: 0px;
}
.table-perfect2 thead tr th
{
	border-right: solid 1px #afafaf;
    line-height: 33px;
    padding-left: 8px;
}
.table-perfect2 thead tr th:last-child
{
	border-right-width:0px;
}
.table-perfect2 tbody tr td
{
	padding:8px;
    line-height:24px;
}
.buttons .button,
.button
{
    background-color: #2a4a70;
    padding: 1px 10px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
	line-height:24px;
}
.button.create
{
	padding: 5px 15px;
	margin-bottom:10px;
	margin-top:5px;
}
.button.create:hover
{
	color:#fff;
}
.btn.btn-action.dropdown-toggle
{
    background-color: #fff !important;
    border: solid 1px;
    border-color: #999 !important;
    height: 35px;
    line-height: 35px;
    padding: 0px 13px;
    border-radius: 5px;
    font-size: 12px;
}
.dropdown-menu-action
{
	font-size:12px;
    min-width:135px;
    left:inherit;
    right:0;
}

.table.perfect-table3 > thead > tr > th {
    border-bottom-width:0px;
    border-right:none;
    padding:15px 5px;
}

.table.perfect-table3>tbody>tr:nth-of-type(odd) {
    /*background-color: #f9f9f9;*/
}

.nav.nav-tabs>li.active>a:hover,
.nav.nav-tabs>li.active>a:focus,
.nav.nav-tabs>li.active>a:active,
.nav.nav-tabs>li.active>a:link,
.nav.nav-tabs>li.active>a:visited,
.nav.nav-tabs>li.active>a{
    border-bottom: 1px solid #ffffff;
	border-right: 1px solid #e2e9e6;
	border-top: 1px solid #e2e9e6;
	border-left:1px solid #e2e9e6;
	background-color: #ffffff;
}

.nav.nav-tabs>li:first-of-type.active>a:hover,
.nav.nav-tabs>li:first-of-type.active>a:focus,
.nav.nav-tabs>li:first-of-type.active>a:active,
.nav.nav-tabs>li:first-of-type.active>a:link,
.nav.nav-tabs>li:first-of-type.active>a:visited,
.nav.nav-tabs>li:first-of-type.active>a
{
	border-left:#fff;
}

.tabbable .nav.nav-tabs
{
	overflow:visible !important;
}

.scrollable .tabbable .nav.nav-tabs
{
	overflow:hidden !important;
}

.tabbable .nav-tabs>li {
    float: none;
    display: inline-block;
}

.tabbable .nav.nav-tabs > li > a {
    border:0px solid #fff;
    background-color: #f5f5f5;
}

.btn-perfect-mini
{
    line-height: 12px;
    border-radius: 3px;
}

.btn.dropdown-toggle.btn-perfect-mini,
.bootstrap-select.btn-perfect-mini
{
    height: 30px;
    line-height: 30px;
}

.addres-his ul
{
	list-style:none;
	padding:0px;
}

#branch_list,#calendar_list
{
	padding-left:0;
}

.dropdown-btn .btn.dropdown-toggle
{
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #efefef;
    padding: 0 10px;
}

.dropdown-btn
{
	display:inline-block;
}
.navbar.navbar-default .navbar-nav > li.mynotify > a
{
	display:inline-block !important;
}
.navbar.navbar-default .navbar-nav > li.mynotify > a:hover,
.navbar.navbar-default .navbar-nav > li.mynotify > a:focus
{
	background-color:transparent !important;
}

#main-nav ul > li.mega-menu-item {
    position: static;
}

.dropdown-menu.mega-menu-content
{
    width:100%;
    padding:25px 15px;
}

#main-nav ul > li.mega-menu-item .mega-menu-content .mega-menu-title,
#main-nav ul > li.mega-menu-item .mega-menu-content .mega-menu-title a {
    font-size: 13px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 12px;
    text-decoration: underline;
}

#main-nav ul > li.mega-menu-item .mega-menu-content ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#main-nav ul > li.mega-menu-item .mega-menu-content ul li {
    border-bottom: 1px solid #efefef;
	position: relative;
    list-style: none;
}


#main-nav ul > li.mega-menu-item .mega-menu-content ul > li > a {
    padding: 10px 0px 10px 0px;
    display: block;
    padding-bottom: 0;
    font-size: 13px;
    color: #676767;
}

.dropdown-toggle2
{
	position:relative;
}

.caret-right2
{
	font-family:'FontAwesome' !important;
    float: right;
    font-size: 10px;
    margin-right: 10px;
}

.caret-right2:before
{
	content:"\f067";
}

.dropdown-submenu.open .caret-right2:before
{
	content:"\f068";
}

.dropdown-submenu.dropdown-base .dropdown-menu
{
    position: relative;
    left: 0;
    top: 0;
    box-shadow: none;
    border: none;
    width: 100%;
    min-width: 100%;
	float:none;
	clear:both;
}
.dropdown-submenu.dropdown-base .dropdown-menu:after,
.dropdown-submenu.dropdown-base .dropdown-menu:before
{
	box-shadow:none;
}

.dropdown-submenu.dropdown-base .dropdown-menu li {
    border-bottom: none !important;
    padding-left: 12px;
    border-top: none;
}

.dropdown-submenu.dropdown-base .dropdown-menu li a{
    border-top: none;
}

.required,
.form-horizontal .control-label span
{
	color:#F00;
}

.paycmf_order
{
    display:inline-block;
    color:#fff;
}

.order-item
{
	list-style:none;
	padding-left:0;
    padding-right: 10px;
}
.order-item li
{
	padding:8px 0;
}
.op-img-title
{
	display:table;
}
.op-img-title img
{
	display:table-cell;
	vertical-align:top;
    width: 90px;
    margin-right: 10px;
	border: solid 1px #e6e6e6;
	-o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
	object-position:center center;
}
.op-img-title .op-title
{
	display:table-cell;
	vertical-align:top;
    font-size: 90%;
}
.op-price
{
	display:block;
	margin-top:8px;
}

.perfech-panal header h3.title-perfech2{
    font-size:14px;
    font-weight:600;
    color:#616161;
    letter-spacing:1px;
    margin:5px 0 0px;
    line-height:30px;
}

.form-join h3
{
    font-size:18px;
    line-height:25px;
}
.form-join h5 {
    font-size:13px;
    line-height:25px;
}

.close-bottom
{
    font-size: 14px;
    border: solid 1px #2a4a70;
    padding: 5px 10px;
    margin: 5px 0px;
    opacity: 1;
}

#memo_content
{
	padding:12px;
}

#memo_content .perfech-panal
{
	box-shadow:none;
}

#test-form h1
{
	font-size:20px;
}

.link-label
{
    background-color: #2a4a70;
    padding: 1px 10px;
    color: #fff;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    line-height: 24px;
}

.tr-row-price.first-child td
{
	padding-top:15px;
}

.price-info h5
{
	display:inline-block;
	vertical-align:top;
	margin-right:25px;
}

.nav.nav-tabs.perfech-tabs>li.active>a
{
    color: #212121;
    font-weight: 600;
	border-left: 1px solid #fff !important;
}

.nav.nav-tabs.perfech-tabs>li:first-of-type.active>a
{
	border-left: 1px solid #e2e9e6 !important;
}

.tr-row-price.first-child td:last-child
{
	text-align:right;
}

.table-perfect2 .no-border tr
{
	border:none;
}

.group-qty>a {
    background-color: #2b7fed;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    height: 26px;
    line-height: 19px;
    float: left;
}

.quantity input[type=text]{
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    background-image: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: none;
    border: 1px solid #d5d5d5;
    color: #707070;
    margin: 0px;
    padding: 4px 12px;
    height: 26px;
    display: inline-block;
    width: auto;
}
.list-option-card
{
	list-style:none;
	margin-bottom:50px;
}

.quantity
{
	padding-left:25px;
}

.quantity .room_date
{
	font-size:12px;
}

.quantity .room_date input[type=text]
{
	margin-right:5px;
}

.quantity .room_date,
.quantity .group-qty
{
    display: inline-block;
    vertical-align: top;
}

.title-booking
{
	font-size:15px;
}

.btn.button:hover, .btn.button:focus, .btn.button.focus {
    color:#fff;
    text-decoration: none;
}

.title-booking span:first-child
{
    min-width: 230px;
    display: inline-block;
}

#update_booking
{
	margin-top:30px;
}

.back-list
{
	margin-bottom:10px;
}

.sales
{
	list-style:none;
}

.title-info
{
    border: initial;
    color: #133f5e;
    font-size: 14px;
    margin: 6px 0px;
    text-decoration: underline;
    font-weight: 600;
}

.data-info .item-row td
{
	vertical-align:top;
	padding: 12px;
}
.data-info .item-row td.num-row
{
    width: 55px;
    text-align: center;
}

.label-type
{
    font-weight: 300;
    padding: 2px 8px;
}

.order-item li.item-pprice
{
	padding:0;
	display:inline-block;
	width:90px;
	height:90px;
    border: solid 1px #e6e6e6;
    margin-top: 8px;
	position:relative;
	vertical-align:top;
}

.order-item li.item-pprice img
{
	width:100%;
	height:100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
	object-position:center center;
}

.order-item li.item-pprice a
{
	display:block;
	text-align:center;
	line-height:84px;
	font-size:20px;
	font-weight:600;
	height:88px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.order-item li.item-pprice:hover a
{
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff;
}

.title-on-hover
{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px;
    margin-bottom: 0;
    color: #fff;
    font-size: 11px;
    opacity: 1;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.order-item li.item-pprice:hover .title-on-hover
{
    opacity:1;
}

.label-pos
{
	background-color:#F90;
}

.label-ecommerce
{
	background-color:#4caf50;
}

.order_hitory .item-row .change_status{
    min-width:100%;
}

.invoice
{
	padding:0 35px;
}

.payment-gateways2
{
	padding-left: 0;
    list-style: none;
}

.payment-gateways2 li
{
    padding:5px 0;
}

#payment_detail
{
	padding:0 35px 35px;
    border-top: solid 1px #e6e6e6;
}

.form-control-material.type-wysiwyg
{
	height:auto !important;
	margin-bottom:25px;
}



.shopping-cart {
    position: relative;
    color:#000;
    font-size: 15px;
}

.cart-item_head {
    position: absolute;
    top: -6px;
    right: -9px;
    font-size: 9px;
    color: #fff;
    padding: 0px 5px;
    background-color: #000;
    border-radius: 50%;
}

.cart-item_headquo {
    position: absolute;
    top: -6px;
    right: -9px;
    font-size: 9px;
    color: #fff;
    padding: 0px 5px;
    background-color: #000;
    border-radius: 50%;
}





.hoption {
    padding: 0px;
    float: right;
    height: 12px;
    margin-top: 15px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
}
.list-hoption ul a
{
	font-size: 12px;
	line-height: 25px;
}
.list-hoption
{
	list-style: none;
}
.list-hoption > li
{
    float: left;
    margin-left: 16px;
    position: relative;
	p
}


.hoption p {
    padding: 0px;
    float: left;
    height: 12px;
    margin-top: 2px;
    margin-right: 15px;
    margin-bottom: 2px;
    margin-left: 0px;
    background-image: url(../image/icon-arrowdown-black.png);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: right;
    padding-right: 15px;
}
.list-hoption div.lang ul {
    margin: 0;
    padding: 5px 0;
    float: left;
    clear: both;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.list-hoption div.lang:hover ul{
    opacity: 1;
    visibility: visible;
}


.slider-collection.owl-carousel .owl-nav button.owl-prev,
.slider-collection.owl-carousel .owl-nav button.owl-next
{
    color: inherit;
    padding: 10px 5px !important;
    font-size: 18px;
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 15px;
    -webkit-background-size: 15px;
    background-size:15px;
    background-position: center;
    background-repeat: no-repeat;
}
.slider-collection.owl-carousel .owl-nav button.owl-prev.disabled,
.slider-collection.owl-carousel .owl-nav button.owl-next.disabled
{
    opacity: .35;
    cursor: auto;
}
.slider-collection.owl-carousel .owl-nav button.owl-prev
{
	left:-85px;
	background-image: url('../image/prev-owl.svg');
}
.slider-collection.owl-carousel .owl-nav button.owl-next
{
	right:-85px;
	background-image: url('../image/next-owl.svg');
}
.slider-collection.owl-carousel .text-intro {
    min-height: auto;
    padding: 0 25px;
}

.vsm-item{
	position:relative;
	display:block;
	border-bottom:solid 1px #ececec;
}
.vsm-item .vsm-link{
	position: relative;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #191919;
    padding: 10px 0;
    line-height: 30px;
    text-decoration: none;
    z-index: 20;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.vsm-item.first-item>.vsm-link:after{content:"";display:block;clear:both}
.vsm-item.first-item>.vsm-link>.vsm-title,.vsm-title{display:block;white-space:nowrap}
.vsm-icon{float:left;line-height:30px;margin-right:10px;color:#fff}
.vsm-item.first-item>.vsm-link>.vsm-icon{background:#1e1e21;border-radius:3px}
.vsm-item.first-item>.vsm-link>.vsm-icon,
.vsm-item.mobile-item>.vsm-link>.vsm-icon{height:30px;line-height:30px;width:30px;text-align:center}
.vsm-arrow{width:30px;text-align:center;font-style:normal;font-weight:900;color:#ffff;position:absolute;right:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}
.vsm-arrow:after{content:"\F105";font-family:Font Awesome\ 5 Free}
.vsm-arrow.open-arrow{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}
.vsm-dropdown>.vsm-list{background:#36363b;padding:5px}
.show-animation-enter-active{-webkit-animation:show-animation .2s;animation:show-animation .2s}
.show-animation-leave-active{animation:show-animation .2s reverse}
@-webkit-keyframes show-animation{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes show-animation{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}} .vsm-mobile-bg{background-color:#4285f4}.slide-animation-enter-active{-webkit-animation:slide-animation .2s;animation:slide-animation .2s}.slide-animation-leave-active{animation:slide-animation .2s reverse}@-webkit-keyframes slide-animation{0%{width:0}to{width:100%}}@keyframes slide-animation{0%{width:0}to{width:100%}} .vsm-link[disabled]{opacity:.4;pointer-events:none}.vsm-default .vsm-link:hover,.vsm-dropdown>.vsm-list .vsm-link:hover{background-color:#1e1e21; color: #fff; opacity: 0.5;
  filter: alpha(opacity=50);}.vsm-default .vsm-item.first-item.open-item>.vsm-link{background:#4285f4} .vsm-item.first-item.active-item>.vsm-link{-webkit-box-shadow:3px 0 0 0 #4285f4 inset;box-shadow:inset 3px 0 0 0 #4285f4} .vsm-item.active-item>.vsm-link{font-weight:600} .vsm-item.first-item.parent-active-item>.vsm-link{-webkit-box-shadow:3px 0 0 0 #4285f4 inset;box-shadow:inset 3px 0 0 0 #4285f4} .vsm-item.parent-active-item>.vsm-link{font-weight:600} .vsm-header{color:hsla(0,0%,100%,.7);font-size:14px;font-weight:600;padding:10px;white-space:nowrap;text-transform:uppercase} .collapse-btn{display:block;color:#fff;background-color:#1e1e21;text-align:center;font-style:normal;font-weight:900;position:absolute;height:50px;left:0;right:0;bottom:0;cursor:pointer;border:none;width:100%} .collapse-btn:after{content:"\F337";font-family:Font Awesome\ 5 Free}

 .vsm-default{
	 margin-left:0px;
	 margin-top:20px;
}
.vsm-item.first-item.active-item>.vsm-link {
    -webkit-box-shadow: 3px 0 0 0 #4285f4 inset;
    box-shadow: inset 3px 0 0 0 #4285f4;
}
.vsm-item.active-item>.vsm-link {
    font-weight: 600;
}
.vsm-item .fa-plus {
    width: 30px;
    text-align: center;
    font-style: normal;
    font-weight: 900;
    color:#191919;
    position: absolute;
	z-index: 10000;
    right: 0px;
    top: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
    font-size: 10px;
}
.vsm-item .fa-minus {
    width: 30px;
    text-align: center;
    font-style: normal;
    font-weight: 900;
    color:#191919;
    position: absolute;
	z-index: 10000;
    right: 0px;
    top: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
}
.vsm-dropdown{
	position: relative;
	display: none;

}
.vsm-dropdown.active{
	display: block;
}

.vue-simple-menu {
  font-family: Helvetica, sans-serif;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.vue-simple-menu__title {
font-size: 14px;
min-height: 14px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 10px;
display: block;
color: white;
cursor: pointer; }
.vue-simple-menu__link {
text-decoration: none; }
.vue-simple-menu__child {
padding-left: 10px; }
.vue-simple-menu__item_expand.expanded {
background: rgba(100, 0, 0, 0.1); }
.vue-simple-menu__item_expand > .vue-simple-menu__title {
position: relative;
background: rgba(100, 0, 0, 0.1); }
.vue-simple-menu__item_expand > .vue-simple-menu__title:after {
  content: '\203A';
  margin: auto;
  position: absolute;
  right: 10px;
  color: white;
  transition: transform .3s ease; }
.vue-simple-menu__item_expand.expanded > .vue-simple-menu__title:after {
transform: rotate(90deg); }
.vue-simple-menu__item_expand > .vue-simple-menu__child {
display: none; }
.vue-simple-menu__item_expand.expanded > .vue-simple-menu__child {
display: block; }

.bm-burger-button {
  position: fixed;
  width: 36px;
  height: 30px;
  left: 36px;
  top: 36px;
  cursor: pointer;
}
.bm-burger-bars {
  background-color: #373a47;
}
.line-style {
  position: absolute;
  height: 20%;
  left: 0;
  right: 0;
}
.cross-style {
  position: absolute;
  top: 12px;
  right: 2px;
  cursor: pointer;
}
.bm-cross {
  background: #bdc3c7;
}
.bm-cross-button {
  height: 24px;
  width: 24px;
}
.bm-menu {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Stay on top */
  top: 0;
  left: 0;
  background-color: rgb(63, 63, 65); /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /*0.5 second transition effect to slide in the sidenav*/
}

.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
}
.bm-item-list {
  color: #b8b7ad;
  margin-left: 10%;
  font-size: 20px;
}
.bm-item-list > * {
  display: flex;
  text-decoration: none;
  padding: 0.7em;
}
.bm-item-list > * > span {
  margin-left: 10px;
  font-weight: 700;
  color: white;
}

.zap-slideout {
  position: fixed;
  top:0px;
  left:0px;
  width: 350px;
  height: 100%;
  padding:50px 30px 30px;
  background-color: #fff;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 99;
}
.zap-slideout.isOpen {
	left: 0px;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.open-fillter{
  position:fixed;
  top:53px;
  left:117%;
  margin-left:20px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.08em;
  color:#000;
  cursor:pointer;
}
.zap-slideout.isOpen .open-fillter
{
	display: none;
}
.zap-slideout.isOpen .zap-slideout-opener {
    position: initial;
	margin-left: 0;
}
.zap-slideout-opener {
  position: fixed;
  top: 53px;
  left:100%;

  margin-left: 20px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #000;
  cursor: pointer;
}
.zap-slideout-opener:hover {
  text-decoration: underline;
}

.zap-slideout-menu {
  font-weight: 600;
  color: #000;
}

.zap-slideout-menu-item,
.zap-slideout-menu-item--small {
  cursor: pointer;
}
.zap-slideout-menu-item:hover,
.zap-slideout-menu-item--small:hover {
  text-decoration: underline;
}
.zap-slideout-menu-item + .zap-slideout-menu-item,
.zap-slideout-menu-item--small + .zap-slideout-menu-item, .zap-slideout-menu-item +
.zap-slideout-menu-item--small,
.zap-slideout-menu-item--small +
.zap-slideout-menu-item--small {
  margin-top: 20px;
}

.zap-slideout-menu-item {
  font-size: 36px;
}
.zap-slideout-menu-item + .zap-slideout-menu-item--small {
  margin-top: 30px;
}

.zap-slideout-menu-item--small {
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #ecf0f1;
}

/* The famed Zap agency logo (TM) */
.zap-emoji {
  height: 120px;
}

.background-cover
{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9;
}
.background-cover.isOpen
{
	display: block;
}

.owl-carousel{
	z-index: 0 !important;
}
.modal-default-button{
	cursor: pointer;
	float: left;
    border: none;
    font-size: 22px;
    z-index: 9;
    position: relative;
	background-color:#fff;
	outline: none;
	width: auto;
}
.background-cover.isOpen {
    display: block;
}
.background-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    z-index: 9;
}
.modal-mask {


  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0px;
  left: 0px;
  width: 100%;
  height: 100%;

  display: table;
	transform: translateX(100%);
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal-mask.isOpen {
	right: 0px;

  -webkit-transform: translateX(0);
          transform: translateX(0);
	transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.modal-wrapper {

	 height: 100%;
	position: absolute;
	right: 0px;
  display: table-cell;
  vertical-align: middle;
	overflow: auto;

}
.modal-container .row{
	padding: 10px 0px;
}
.modal-container {
    width: 480px;
	height: 100%;
 /* margin: 0px auto;
  padding: 20px 30px;*/

  background-color: #fff;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
  /*transition: all .3s ease;*/
  padding-top: 30px;
}
.modal-header{
	float: none !important;
	position: relative;
}
.modal-header h3
{
    margin-top: 0;
    color: #000;
    text-align: center;
    font-weight: 300;
    font-size: 20px;
    position: absolute;
    width: 100%;
	left: 0;
    right: 0;
    top: 18px;
}

.modal-body {
  margin: 30px 0;
  padding:0 30px;
}
	.modal-body{
		width: 100%;
		float: none !important;
	}
	.modal-footer{
		float: none !important;
	}


.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container,
.modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
	.modal-footer{
		background: #fff;
		position: absolute;
		bottom: 0px;
		width: 100%;
	}
 .modal-mask div.count-my-bag{
	position:relative;
	float: right;
}
.head-cart .row .col-md-8,
.head-cart .row .col-md-4,
#app_cart101 ul .row .col-md-4,
#app_cart101 ul .row .col-md-8
{
	float:left;
}
.hoption .head-cart p
{
    padding-right: 0;
    background: none;
    color: #888888;
    text-transform: initial;
    font-size: 16px;
}
 div.modal-body li{
    border-bottom: solid 1px #ececec;
}
.content-product-name h4
{
	font-size: 14px;
	font-weight: 600;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box;
    width: 90%;
}
.remove-cart
{
    color: #000 !important;
    font-size: 11px !important;
    border: solid 1px #000;
    padding: 0px 4px;
    border-radius: 12px;
    position: absolute;
    right: 0;
    top: 0;
}
.cart-product-name
{
	position: relative;
}
.price-cart
{
	font-size:14px;
	font-weight:600;
	margin-top:10px;
}
#app_cart p{
	padding : 0px;
	float: left;
}
.price-total p
{
	background: none;
	padding-right: 0;
	margin-right: 0;
}
.price-total
{
	padding-left: 30px;
    padding-right: 30px;
    color: #000;
    font-size: 14px;
}
.line-footer-cart
{
    border-color: #000;
}
#app_cart .modal-footer{
	padding: 0px;
	border: 0px;
}
.submit-checkout,
.submit-checkout:hover
{
    display: block;
    background: #000;
    color: #fff;
    border-radius: 0;
    border-color: #000;
    margin-top: 35px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.submit-checkout h4{
	color: #fff;
}
.my-acount > a > i
{
	display: none;
}

.main_f {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 50px;
}
.feedheadig {
    width: 100%;
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}
.features-list {
    width: 100%;
    margin-top: 60px;
}
#app_cart ul{
	list-style: none;
	margin-left: 0px;
	margin-top: 25px;
	padding: 0px;
}
.form_listbooking .navbar-nav > li {
    float: left;
	margin-right:10px;
}
.img-thumnail
{
	width:100%;
}
.navbar-nav > li > a img {
    width: 30px;
    height: 30px;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    border: solid 1px #b9b6ae;
}
.w30
{
	width: 25%;
}
.w70
{
	width: 75%;
}
.body-panal.body-tab
{
	margin-left: -12px;
	margin-right: -12px;
}
.scupe-icon
{
    background-color: #4cb6cb;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 14px;
}
.tree-checkbox{
	width: 15px !important;
	height: 15px !important;
}
#group_name i {
    font-size: 15px;
    margin-left: 5px;
    color: #000;
}
.table-app-group
{
    border: 1px solid #e2e9e6;
	margin-top:15px;
}
.list-product .content-left .block-category ul li {
    padding: 0px 0 !important;
}
.list-product .content-left .block-category ul.tree-root {
    list-style: none;
    overflow-y: scroll;
    max-height: 550px;
}
.tree-node {
    white-space: normal !important;
}
.tree-anchor span
{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.list-product .content-left .block-category
{
    margin-top:35px;
}
#app #filter-app
{
	margin-top:35px;
}
.tree-content {
    padding-top:0px !important;
	padding-bottom:0px !important;
}
.tree-arrow.has-child:after {
    border-width: 1.2px !important;
    height: 7px !important;
    width: 7px !important;
}
.tree-arrow.has-child
{
    width:22px !important;
}
.dataTables_length h5
{
	font-weight: 600;
}
#filter-app
{
	margin-top:0px;
}
#filter-app .table > thead > tr > th {
    border-right:none;
}
.VuePagination__count
{
    color:#777;
}
.list-product .content-left .block-category h4 {
    border-radius:5px 5px 0 0;
    border-bottom:solid 1px #e2e9e6 !important;
    color: #474a49 !important;
    background: #fff !important;
	padding-left: 15px !important;
	margin-top: 5px;
    font-size: 13px;
    font-weight: 600;
}
.list-product .content-left .block-category {
    border-radius:5px;
    border:solid 1px #e2e9e6 !important;
}
.btn-addcart
{
    color: #fff;
    width: 100%;
}

.qty-quantity a {
    display:block;
	float:left;
    color:#fff;
	cursor: pointer;
}
.qty-quantity input {
    display: block;
    float: left;
    width: 35px !important;
    height: 32px;
    text-align: center;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-left: 0px !important;
    border-right: 0px !important;
	background: #fff !important;
}
.qty-quantity
{
	display: inline-block;
    width:auto !important;
}
.bg_bar2
{
   background-color: #42a5f5;
}
.pagination ul li.active span {
    padding: 8px 12px !important;
    display: block;
	width: auto !important;
	height: auto !important;
}
.panel-title{
    border-bottom: solid 1px #e2e9e6 !important;
    color: #474a49 !important;
	padding: 10px 10px 10px 15px;
    margin-top: 0;
    font-size: 13px;
    font-weight: 600;
}
.search-app
{
	padding: 10px;
}

.form-inline .search-app .form-group
{
	margin-bottom:15px;
}
.price-filter
{
    padding: 0 15px;
    display: inline-block;
    min-width: 300px;
    vertical-align: text-bottom;
}
.dataTables_wrapper .dataTables_filter input {
    min-width:240px;
}
#app_cart ul.perfech-tabs
{
	margin-top:0;
}
#app_cart ul.perfech-tabs li{
    width:50%;
}
#app_cart ul.perfech-tabs li:last-of-type > a {
	border-right:none;
}
#app_cart .modal-header {
    border-bottom:none;
}
.qty-quantity a {
    padding: 7px;
}
#show-modal
{
	padding-bottom: 0;
	padding-top: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar.navbar-size-large #show-modal{
    height: 64px;
    line-height: 64px;
	width: 85px;
}
.navbar.navbar-size-xlarge #show-modal
{
	height: 77px;
    line-height: 77px;
	width: 85px;
    background-color: #fff;
}
.list-product .content-left .filter-inner.block-category ul {
    padding-left: 15px;
    padding-top: 5px;
}
.list-product .content-left .filter-inner.block-category ul li {
    padding: 2px 0 !important;
}
#pencil i {
    font-size: 15px;
    margin-left: 5px;
    color: #000;
}
.tree-checkbox.checked:after {
    left: 5px !important;
    top: 0px !important;
    height: 8px !important;
    width: 3px !important;
}
.navbar-default .container-fluid
{
	padding: 0 40px;
}
.lang_dropdown.lang-mobile
{
	display: none;
}
.cart-app-mobile
{
	display: none;
	float: right;
}
#app_view .modal-default-button{
	cursor: pointer;
}
#app_view .modal-mask {
	width: 100%;
    height: 100%;
    position: fixed;
    display: table;
    z-index: 1000005;
    transform: translateX(0);
    border: solid #f5f5f5 1px;
}

#app_view .modal-wrapper {
	width: 100%;
	 height: 100%;

  display: table-cell;
  vertical-align: middle;
	overflow: auto;
    top: 100px;
}
#app_view .modal-container .row{
	padding: 10px 0px;
}
#app_view .modal-container {
    width: 700px;
    height: 500px;
	margin: 0px auto;
    padding-top: 10px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
    overflow: auto;
}
	#app_view .modal-header{
		padding: 0px 5px;
		border-bottom: none;
	}
#app_view .modal-header h3 {
  margin-top: 0;
  color: #42b983;
	position: relative;
}

#app_view .modal-body {
  margin: 20px 0;
}

#app_view .modal-default-button {
  float: right;
}

#app_view .modal-enter {
  opacity: 0;
}

#app_view .modal-leave-active {
  opacity: 0;
}

#app_view .modal-enter .modal-container,
#app_view .modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.content-overview
{
    overflow-y: auto;
    overflow-x: hidden;
}
#app_view .modal-footer{
	background: #f2f2f2;
}
.new-img-block img
{
	width:220px;
}
.views-list-new .panel {
    border-radius: 0;
}
.views-list-new .panel.panel-default {
    border-color:#f5f5f5;
}
.views-list-new .text-title {
    font-size:16px;
}
.views-list-new .text-caption {
    font-size: .92rem;
    font-weight: 400;
}
.views-list-new .media-grid .media-left {
    padding-right: 20px;
}
.view-new
{
}
.view-new .text-caption {
    font-size: .92rem;
    font-weight: 400;
}
.view-new .text-display-1{
	margin-bottom:0px;
}
.container-view img
{
	max-width:100%;
}
.container-view
{
    color:#757575;
}
.category-list-new .panel-title
{
    border-bottom:none !important;
    padding:0;
}
.category-list-new .list-group-item.active,
.category-list-new .list-group-item.active:hover,
.category-list-new .list-group-item.active:focus {
    background-color:#4cb6cb !important;
    border-color:#4cb6cb !important;
}
#new_address
{
	margin-top:20px;
}
.event-opent-infor
{
	cursor:pointer;
	font-size:22px;
}
.hide-row
{
	display:none;
}
.btn-backlist
{
	background-color: #4cb6cb;
    color: #fff;
}
.btn-backlist i
{
    font-size: 16px;
    vertical-align: top;
    margin-right: 10px;
}
.tree-arrow {
    margin-left:22px !important;
}
.tree-arrow.has-child {
    margin-left:0 !important;
}
.slider-images.owl-carousel .owl-controls .owl-nav{
	position: absolute;
	left: 0;
	bottom: 0;
}
.slider-images.owl-carousel .owl-controls .owl-nav .owl-prev,
.slider-images.owl-carousel .owl-controls .owl-nav .owl-next{
	width: auto;
    display: inline-block;
    padding: 5px 12px;
    background-color: #eaeaea;
    opacity: 0.8;
}
.description-text ul
{
	margin-top: 20px;
	list-style-type: disc;
}
.description-text ul li
{
	border-bottom: none;
	list-style: initial;
	margin-bottom: 5px;
}
@media (max-width:768px) {
.navbar-default .container-fluid
{
	padding: 0 20px;
}
.navbar-default {
	padding: 0 0px;
}
.navbar-nav > li > a {
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}
.navbar-nav > li > a.dropdown-toggle {
    height:35px;
    line-height:35px;
}
.navbar-default .navbar-nav > li > a i {
    vertical-align: inherit;
}
#main-nav ul > li.mega-menu-item .mega-menu-content .mega-menu-title,
#main-nav ul > li.mega-menu-item .mega-menu-content .mega-menu-title a {
    padding-bottom: 0;
    margin-top: 20px;
}
.navbar.navbar-size-large .lang_dropdown.lang-mobile{
    float: right !important;
    clear: inherit;
    margin-top: 9px !important;
    margin-bottom: 9px !important;
    margin-right: 15px;
}
.navbar-nav.lang_dropdown.lang-mobile .open .dropdown-menu {
    position: absolute;
    width: 100px;
    min-width: 100px;
    right: 0;
    left: inherit;
    margin-top: 0;
    background-color: #ffffff;
    border: none;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 0 0;
    margin-bottom: 0;
}
.hide-on-mobile
{
	display:none;
}
.sell-nav li a
{
    display: block;
    height: 100px;
}
.lang_dropdown.lang-mobile
{
	display:block;
}
.modal-container {
    width: 100%;
}
.cart-app
{
	display:none;
}
.cart-app-mobile
{
	display:block;
}
.navbar.navbar-size-xlarge #show-modal
{
    height:30px;
    line-height:30px;
    width:80px;
    margin:10px;
    border-radius:5px;
    background-color:#edf2f5;
}
.panel-body-new2 {
    padding:20px 15px;
}
.table-responsiv{
    overflow: auto hidden;
}
.table-responsiv .table {
    width:auto;
    min-width:700px;
}
.product-add
{
	text-align: center;
}
.qty-quantity a {
    float: none;
}
.qty-quantity input {
    border-left:  1px solid #ccc !important;
    border-right:  1px solid #ccc !important;
}

.table-responsiv::-webkit-scrollbar {
    width: 8px;
	height: 8px;
}

.table-responsiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .3)
}

.table-responsiv::-webkit-scrollbar-thumb {
    background: rgba(210, 210, 210, .8);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .5)
}
/* Handle on hover */
.table-responsiv::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
    margin-right: 0;
    margin-left: 10px;
    margin-top: 10px;
}
.dataTables_wrapper .dataTables_filter input {
    margin-left:0px;
	margin-top:5px;
}
.dataTables_wrapper {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
#filter-app .tab-content {
    padding:10px;
}
.search-app {
    padding: 10px 10px;
}
.search-app .pull-left,
.search-app .pull-right
{
	display: block;
	float: none !important;
}
#date_start.form-control,
#date_end.form-control{
    width: 48%;
    display: inline-block;
}
.search-app label {
    display:block;
}
#app_filter .search-app .pull-left{
    display: block;
    float: left !important;
}
#app_filter .search-app .pull-right {
    display: block;
    float: right !important;
    text-align: right;
}
#order_by select
{
    text-align: right;
    display: inline-block;
    border: 1px solid #bbb;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    background-color: #fff;
}
#filter-app .form-inline .form-control {
	margin-bottom:10px;
}
#app_view .modal-wrapper {
    top: 0;
}
#app_view .modal-container {
    width: 100%;
    height: 100%;
}
.content-overview {
    margin-top:15px;
}
#app_view .qty-quantity
{
	margin-bottom:10px;
}
#app_view .qty-quantity a {
    float: left;
}
#app_cart2 ul {
    list-style: none;
    margin-left: 0px;
    margin-top: 25px;
    padding: 0px;
}
.modal-wrapper {
    width: 100%;
}
}
.anitacolor_style{
  color: #ed1c24;
}
.anitabackgroun_style{
  background: #ed1c24

}
.anita_style .active a{
  color: #ed1c24;
}
.anita_style>li.active>a:hover, .anita_style>li.active>a:focus, .anita_style>li.active>a:active, .anita_style>li.active>a:link, .anita_style>li.active>a:visited {
    color: #ed1c24!important;
}
.anita_style  table thead tr th{
    color: #ed1c24!important;

}