/* PC */
/* ----------- Non-Retina Screens ----------- */
.txt_result {padding-top: 0px;}
.txt_days {padding: 0px 0px 0px 5px;width: 100%;}
.txt_days label{width: 49%;padding: 0px 0px;margin-left: 0px !important;display: inline-block;}
.check_holiday div {margin-right: 0px;}
.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
label[for=file] {margin-top: 10px;}

.fix_width_logo {width: 200px;display: inline-block;}

.fix_width_products {width: 100%;display: inline-block;}
.fix_width_promotions {width: 100%;display: inline-block;text-align: center;}

.box_photo_profile {padding: 10px 20px;text-align: center;cursor: pointer;}
.box_photo_profile img{float: none;margin: 0 auto;width: 80%;height: 50%;-webkit-border-radius: 50%!important;-moz-border-radius: 50%!important;border-radius: 50%!important;border: 3px solid #C39400;}
.profile-usertitle-name {font-size: 22px;font-weight: lighter;margin-bottom: 10px;}

.box_photo_left {padding: 5px 10px;width: 100%;}
.box_photo_right {padding: 10px 20px;text-align: center;font-size: 16px;width: 100%;}
.model-style {border-radius: 0px !important;}
.model-style .modal-header {background-color: #FFC300;}
.model-style .modal-header .modal-title{font-weight: 400;}
.box_contents {padding: 25px 20px 15px 20px !important;}
.icon_user_non {width: 200px;height: 200px;display: block;}
.icon_user_non i {font-size: 50px;}
a.btn_browse {margin-top: 7px;display: block;}
.hint_2ber-bold {font-size: 16px;margin-top: 5px;display: inline-block;}
.box_detail_product {margin-top: 40px;}
.box_uploads_product {cursor:pointer;}

.box_detail_promotions {margin-top: 10px;}
.box_uploads_promotions {cursor:pointer;}
.new-product {padding-bottom: 7px;}

.box_reset {padding: 30px 20px;}
.portlet.box.red > .portlet-title > .caption > i {color: #564100;}
.portlet.box.red > .portlet-title > .caption {color: #564100;}

.hint-input {color: #149347;font-size: 13px;display: block;padding-top: 5px;}
.hint-error {color: red;font-size: 13px;display: block;padding-top: 5px;}

a.btn-siam-gold {color: #0071E2 !important;}
/* PC */
/*TABLE*/
/*table.table_style thead {border:1px solid #757575;}*/
/*table.table_style tbody tr:first() {border-top:1px solid #757575;}*/
table.table_style thead tr th {background-color: #EFEFEF;font-size: 15px;font-weight: 500;color: #263238;padding: 10px 20px;}
table.table_style thead tr th a {color: #263238;}
table.table_style thead tr th a:hover {text-decoration: none;}
td div.photo_thumnail {width: 70px;overflow: hidden;display: inline;}
td span.td_txt_price {color: #FF5722;font-weight: bold;}
/*TABLE*/
/* Button */
a.btn-berded-tool {font-size: 13px;color: #fff;background-color: #D32F2F;border-color: #D32F2F;text-decoration: none;font-weight: normal;}
a.btn-berded-tool:hover {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}

a.btn-berded-file {font-size: 13px;color: #fff;background-color: #BDBDBD;border-color: #BDBDBD;text-decoration: none;font-weight: normal;border-radius: 5px !important;padding: 3px 12px 2px 12px;display: inline-block;}
a.btn-berded-file:hover {color: #fff;background-color: #9E9E9E;border-color: #9E9E9E;}

a.btn_action_photo {font-size: 14px;color: #564100;background-color: #FFC300;border-color: #FFC300;text-decoration: none;font-weight: normal;border-radius: 5px !important;padding: 5px 12px 4px 12px;display: inline-block;}
a.btn_action_photo:hover {color: #FFC300;background-color: #564100;border-color: #564100;}

a.btn-siam {color: #fff;background-color: #0097A7;border-color: #0097A7;}
a.btn-siam-md {color: #fff;background-color: #0097A7;border-color: #0097A7;border-radius: 0px !important;}
a.btn-siam > i {font-weight: bold;}
a.btn-siam-md > i {font-weight: bold;}

a.btn-siam-new {color: #fff;background-color: #D32F2F;border-color: #D32F2F;text-decoration: none;font-weight: normal;cursor: pointer;}
a.btn-siam-new:active {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}
a.btn-siam-new:hover {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}

a.btn-siam-green-new {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;cursor: pointer;margin-right: 3px;}
a.btn-siam-green-new:active {color: #fff;background-color: #538923;border-color: #538923;}
a.btn-siam-green-new:hover {color: #fff;background-color: #538923;border-color: #538923;}

button.btn-berded-new {color: #fff;background-color: #D32F2F;border-color: #D32F2F;text-decoration: none;font-weight: normal;}
button.btn-berded-new:active {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}
button.btn-berded-new:hover {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}

button.btn-berded-green-new {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;}
button.btn-berded-green-new:active {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}
button.btn-berded-green-new:hover {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}
a.btn-berded-green-new {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;}
a.btn-berded-green-new:active {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}
a.btn-berded-green-new:hover {color: #fff;background-color: #ad1a1c;border-color: #ad1a1c;}

button.btn-siam-gray {color: #fff;background-color: #757575;border-color: #757575;text-decoration: none;font-weight: normal;}
button.btn-siam-gray:active {color: #fff;background-color: #424242;border-color: #424242;}
button.btn-siam-gray:hover {color: #fff;background-color: #424242;border-color: #424242;}

a.btn-siam-gray {color: #fff;background-color: #757575;border-color: #757575;text-decoration: none;font-weight: normal;}
a.btn-siam-gray:active {color: #fff;background-color: #424242;border-color: #424242;}
a.btn-siam-gray:hover {color: #fff;background-color: #424242;border-color: #424242;}

button.btn-siam-gray-inline {color: #fff;background-color: #757575;border-color: #757575;text-decoration: none;font-weight: normal;}
button.btn-siam-gray-inline:active {color: #fff;background-color: #424242;border-color: #424242;}
button.btn-siam-gray-inline:hover {color: #fff;background-color: #424242;border-color: #424242;}
a.btn-siam-gray-inline {color: #fff;background-color: #757575;border-color: #757575;text-decoration: none;font-weight: normal;}
a.btn-siam-gray-inline:active {color: #fff;background-color: #424242;border-color: #424242;}
a.btn-siam-gray-inline:hover {color: #fff;background-color: #424242;border-color: #424242;}

button.btn-siam-gray-gold {color: #fff;background-color: #FFC300;border-color: #FFC300;text-decoration: none;font-weight: normal;}
button.btn-siam-gray-gold:active {color: #C39400;background-color: #424242;border-color: #424242;}
button.btn-siam-gray-gold:hover {color: #C39400;background-color: #424242;border-color: #424242;}
a.btn-siam-gray-gold {color: #fff;background-color: #FFC300;border-color: #FFC300;text-decoration: none;font-weight: normal;width: 100%;}
a.btn-siam-gray-gold:active {color: #C39400;background-color: #424242;border-color: #424242;}
a.btn-siam-gray-gold:hover {color: #C39400;background-color: #424242;border-color: #424242;}

button.btn-siam-red {color: #fff;background-color: #FFC107;border-color: #FFC107;text-decoration: none;font-weight: normal;}
button.btn-siam-red:active {color: #fff;background-color: #FF8F00;border-color: #FF8F00;}
button.btn-siam-red:hover {color: #fff;background-color: #FF8F00;border-color: #FF8F00;}
a.btn-siam-red {color: #fff;background-color: #FFC107;border-color: #FFC107;text-decoration: none;font-weight: normal;}
a.btn-siam-red:active {color: #fff;background-color: #FF8F00;border-color: #FF8F00;}
a.btn-siam-red:hover {color: #fff;background-color: #FF8F00;border-color: #FF8F00;}


button.btn-siam-blue {color: #fff;background-color: #2196F3;border-color: #2196F3;text-decoration: none;font-weight: normal;}
button.btn-siam-blue:active {color: #fff;background-color: #1565C0;border-color: #1565C0;}
button.btn-siam-blue:hover {color: #fff;background-color: #1565C0;border-color: #1565C0;}
a.btn-siam-blue {color: #fff;background-color: #2196F3;border-color: #2196F3;text-decoration: none;font-weight: normal;width: 100%;}
a.btn-siam-blue:active {color: #fff;background-color: #1565C0;border-color: #1565C0;}
a.btn-siam-blue:hover {color: #fff;background-color: #1565C0;border-color: #1565C0;}

a.btn-siam-green {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;width: 100%;}
a.btn-siam-green:active {color: #fff;background-color: #33691E;border-color: #33691E;}
a.btn-siam-green:hover {color: #fff;background-color: #33691E;border-color: #33691E;}
a.btn-none-border {border-radius: 0px !important;color: #808080;}

a.btn-berded-booking {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;}
a.btn-berded-ship {color: #fff;background-color: #EF6C00;border-color: #EF6C00;}
button.btn-berded-booking {color: #fff;background-color: #689F38;border-color: #689F38;text-decoration: none;font-weight: normal;}
button.btn-berded-ship {color: #fff;background-color: #EF6C00;border-color: #EF6C00;}
button.btn-berded-booking:hover {color: #fff;background-color: #4c8718;border-color: #4c8718;text-decoration: none;font-weight: normal;}
button.btn-berded-ship:hover {color: #fff;background-color: #4c8718;border-color: #4c8718;}


/* iPhone */
/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  .profile-sidebar-portlet {padding-bottom: 0px !important;}
  .profile-content {overflow: visible;}
  .box_photo_profile {padding: 0px 0px;text-align: center;}
  .box_photo_profile img{float: none;margin: 0 auto;width: 100%;height: 60%;-webkit-border-radius: 50%!important;-moz-border-radius: 50%!important;border-radius: 50%!important;border: 1px solid #C39400;}
  .box_photo_left {padding: 5px 10px;width: 35%;}
  .box_photo_right {padding: 10px 0px;width: 65%;text-align: left;}
  .profile-usertitle-name {font-size: 16px;font-weight: lighter;}

  .toastr {width: 100% !important;}
	.txt_result {padding-top: 0px;}
	.txt_days {padding: 0px 0px 0px 5px;width: 100%;}
	.txt_days label{width: 49%;padding: 0px 0px;margin-left: 0px !important;display: inline-block;}
	.check_holiday {padding: 0px 5px;width: 49%;margin-left: 0px !important;display: inline-block;margin-bottom: 10px;}
  
  /*User*/
  input[name=time_open]{margin-bottom: 10px;}
  select[name=province]{margin-bottom: 10px;}
  /*.portlet.light {padding: 12px 13px 15px 13px;}*/
  .box_detail_product {margin-top: 20px;}
  .box_uploads_product {padding:1px 20px;}
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait) {

}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape) {

}


/* tablet */
@media (max-width:991px){
  .profile-sidebar>.portlet{margin-bottom:20px}
  .profile-sidebar {width: 220px;float: left;padding-right: 10px;}
  .check_holiday {width: 30%;}
  /*User*/
  input[name=time_open]{margin-bottom: 10px;}
  select[name=province]{margin-bottom: 10px;}
}

/* tablet */

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}
/* iPhone */