/*
  Bootstrap theme overrides
*/

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(../fonts/muli.woff2) format('woff2'), url(../fonts/muli.woff) format('woff');
}

@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local('Muli Italic'), local('Muli-Italic'), url(../fonts/muli-italic.woff2) format('woff2'), url(../fonts/muli-italic.woff) format('woff');
}

body {
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #777777;
  background-color: #fcfcfc;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.tooltip {
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.popover {
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.btn {
  font-family: "Muli", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#replyArea h5.emailto {margin: 0px 0px 20px 0px; }
#replyArea h5.emailto span {color: #333333 }
.unread { color: #000000; } /*font-weight: normal;*/
/* #orderpop { position: fixed; width: 600px; height: 400px; right: 0; top: 50px; z-index: 1000; } */
#orderpop .panel-title a, #orderpop .panel-title a:link, #orderpop .panel-title a:hover, #orderpop .panel-title a:visited { color: #333 !important; } 
#orderpop .panel-body { height: 400px; overflow: auto; }
#orderpop .panel-body td { line-height: 20px; }
#orderpop .panel-default > .panel-heading { background-color: #89C2D9 !important; }
#orderpop .panel-default > .panel-heading.email { background-color: #B9F4EF !important; }
#orderpop{position:initial!important;width:100%;height:400px;right:0;top:50px;z-index:1000;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;transition-duration:.5s;-o-transition-duration:.5s;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px5px}
.slide-out-div {padding: 0px; width: 650px; border: 5px solid #89c2d9; height: 450px !important; right: -650px; line-height: 1; position: fixed!important; top: 200px; z-index: 1000;}     
#ordcomment td,#ordcomment th{padding:3px}

.dataTableHeadingContent {font-weight: bold; padding: 0px 16px 0px 8px;} 
.dataTableContent { padding: 4px; }
#sales_summary tr:nth-child(odd){  background: #dae5f4;}
#sales_summary tr:nth-child(even){ background: #ffffff; }

.ticketatt{width:100%; float:left; background:#fcfcfc; border:2px dashed #ddd; padding: 25px; border-radius: 5px; margin:10px 0px 0px 0px; display: none;}

#cancleorder{margin-right: 30px; display: table; width: 100%;  border: 0;}
#cancleorder td{padding:5px;}
#gridscrol { width:100%; float:left; overflow:auto; }

/**** MEDIA CHANGES ***/
@media (max-width: 767px){
.slide-out-div {padding: 0px;width: 340px; border: 5px solid #89c2d9; height: 450px !important;	right: -340px;				line-height: 1;	position: fixed!important;	top: 200px;	z-index: 1000;}
#orderpop .panel-body {height: 400px; overflow: auto;width: 100% !important; line-height:1.6 !important;}
#orderpop .panel-title a, #orderpop .panel-title a:link, #orderpop .panel-title a:hover, #orderpop .panel-title a:visited {	color: #333 !important;	font-size: 14px; display: inline-block;}
#orderpop .panel-body .col-md-4{margin-bottom:5px !important;}
}
@media only screen and (min-width : 1224px){
#orderpop .panel-body {height: 400px;overflow: auto;line-height:1.6 !important;}
}
/**** MEDIA CHANGES ***/

/* upload progress */
.progress-ajaxupload { margin-bottom:0; margin-top:6px; }
.msgbox-ajaxupload { margin-bottom:0; margin-top:6px; float: left; width: 100%; }
.btn-ajaxupload.focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; }
.btn-ajaxupload.hover { color:#ffffff; background-color:#3276b1; border-color:#285e8e; }

#product-specs-table td { color: #777777; font-size: 100%; }

#sideNavi { display: none; }
#sideNavi .side-navi-data .rows { padding-bottom: 20px; float: left; width: 100%; }

.panel-heading { height: 50px; line-height: 30px; }
.dataTables_filter label input { width: 300px }
.searchbox { padding: 15px 15px 0px 15px; }

#uploadpdfs { float: left; }
#uploadpdfs ul { padding: 0px; margin: 0px; }
#uploadpdfs ul li { padding: 0px; margin: 0px; list-style: none; }

.labelval {padding-top: 7px; margin-bottom: 0;}