/*================================================*\
*  Author : BoyBangkhla
*  Created Date : 05/12/2013 09:09
*  Module : Style
*  Description : Backoffice Style sheet
*  Involve People : MangEak
*  Last Updated : 05/12/2013 09:09
\*================================================*/
@charset "utf-8";

/*===============================*\
	:: CREATION ::
\*===============================*/
.center{text-align:center !important;}
.right{text-align:right !important;}
a.button, input.button{background-color:#0044cc;}

.order{}
.order .qtydata{text-align:center; min-width:30px;}

.form-control{width:100% !important;}
a.btn{color:white !important;}

.shopping-cart{position:fixed; top:25px; right:-5px; z-index:99; background: #e61b7c; text-align:center; padding:5px; box-shadow: 0px 0px 7px rgba(86,88,95,01); border:3px solid #fff; border-top-left-radius:20px; border-bottom-left-radius:20px; color:1.5em; font-weight: bold; color:white; white-space:nowrap; width:80px; cursor:pointer; font-size:18px;}

.checkout-heading{cursor:pointer; text-indent:10px;}
.checkout-content{padding:0 10px; overflow: hidden;}
.alert-success{color:green; font-weight:bold;}
.alert-info{color:#3399ff;}

.panel{border: solid 1px #ccc; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px;}


/*===============================*\
	:: LAYOUT ::
\*===============================*/
#layout_options {
  width:300px;
  position: fixed;
  top:50px;
  right:-300px;
  background-color:#FFF;
  border: solid 3px #e61b7c;
  border-right: 0;
  z-index: 9999;
  padding: 0px 0px 10px 0px;
	border-bottom-left-radius:10px;
}
#layout_options .options-handle {
  position: absolute;
  left: -83px;
  width: 80px;
  padding: 5px 0 0 0;
  height: 28px;
  top: -3px;
  text-align: center;
  background-color:#fff;
  border: solid 1px pink;
	font-size:18px;
	color:#e61b7c;
	font-weight: bold; font-family:sans-serif;
	border:solid #e61b7c; border-width:3px 0 3px 3px; border-top-left-radius:20px; border-bottom-left-radius:20px;
}
#layout_options .layout_content {
  padding:0 10px;
	height: auto; overflow: hidden;
}
#layout_options h5{
  height:28px; text-align:right; padding-right:10px; font-weight:bold; font-size:18px; color:#e61b7c;
}
#layout_options td{
  vertical-align:middle;
	padding:3px 1px;
}

/*===============================*\
	:: PANEL ::
\*===============================*/
@media (max-width: 768px){
	.panel {
/*    margin-left: -14px;*/
/*    margin-right: -14px;*/ 
	}
}
@media (max-width: 768px){
	.panel .panel-body {padding: 5px; }
}
.panel .panel-actions{float: right;}
.panel .panel-actions .panel-action{color: #777; padding: 5px;}
.panel .panel-actions .panel-action:hover{color: #428bca;}
.panel .panel-heading{border-top-right-radius: 1px; border-top-left-radius: 1px;}
.panel .panel-heading[data-toggle="collapse"]{cursor: pointer;}
@media (max-width: 768px){.panel .panel-heading{  padding: 10px 5px; }}
.panel .panel-footer{padding: 5px 15px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px;}
.panel.panel-default{border-color: #f7f7f7;}
.panel.panel-default > .panel-heading{background-color: #f7f7f7; border-color: #f7f7f7;}
.panel.panel-default > .panel-footer{background-color: #f7f7f7; border-color: #f7f7f7; color: #919191; font-weight: 300;}
.panel.panel-primary{border-color: #95bdde;}
.panel.panel-primary > .panel-heading{background-color: #95bdde; border-color: #95bdde; color: #162f45;}
.panel.panel-primary > .panel-footer{background-color: #95bdde; border-color: #95bdde; color: #162f45; font-weight: 300;}
.panel.panel-success{border-color: #bbe4bb;}
.panel.panel-success > .panel-heading{background-color: #bbe4bb; border-color: #bbe4bb; color: #266026;}
.panel.panel-success > .panel-footer{background-color: #bbe4bb; border-color: #bbe4bb; color: #266026; font-weight: 300;}
.panel.panel-info{border-color: #9bd8eb;}
.panel.panel-info > .panel-heading{background-color: #9bd8eb; border-color: #9bd8eb; color: #124a5b;}
.panel.panel-info > .panel-footer{background-color: #9bd8eb; border-color: #9bd8eb; color: #124a5b; font-weight: 300;}
.panel.panel-warning{border-color: #f3dab8;}
.panel.panel-warning > .panel-heading{background-color: #f3dab8; border-color: #f3dab8; color: #7d5215;}
.panel.panel-warning > .panel-footer{background-color: #f3dab8; border-color: #f3dab8; color: #7d5215; font-weight: 300;}
.panel.panel-danger{border-color: #e9b0ae;}
.panel.panel-danger > .panel-heading{background-color: #e9b0ae; border-color: #e9b0ae; color: #641d1b;}
.panel.panel-danger > .panel-footer{background-color: #e9b0ae; border-color: #e9b0ae; color: #641d1b; font-weight: 300;}
.panel-group .panel{margin-bottom: 0; border-radius: 0px; border-bottom-width: 0px; overflow: hidden;}
.panel-group .panel + .panel{margin-top: 0px;}
.panel-group .panel:last-child{border-bottom-width: 1px;}
.panel-group .panel:last-child .panel-heading{border-bottom: none;}
.panel-group .panel .panel-heading{border-bottom: solid 1px #FFF;}
.panel-group .panel-heading{border-bottom: 0;}
.panel-group .panel-heading + .panel-collapse .panel-body{border-top: none;}
.panel-group .panel-footer{border-top: 0;}
.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom: none;}


#column-left .box-product > .flexslider ul li, #column-right .box-product > .flexslider ul li{width:auto;}