@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
html {
     }
body{
	line-height:23px;
    overflow-x:hidden;
    min-width:430px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
background:#ffffff;
margin:auto;
border:none;
}

iframe 
{
  overflow-x:hidden;
  overflow-Y:hidden;
display:block;
}

e {display:block;}

.blink{
		width:200px;
		height: 50px;
	    background-color: magenta;
		padding: 15px;	
		text-align: center;
		line-height: 50px;
	}
spann{
		animation: blink 5s linear infinite;
	}
@keyframes blink{
0%{opacity: 1;}
50%{opacity: .4;}
100%{opacity: 1;}
}

.header{
background:#F4F4FF;
padding-top:5px;
padding-right:20px;
padding-left:10px;
height:60px;
display:block;
}
.headertext {
padding-top:13px;
float:right;
display:block;
text-align:right;
text-transform:uppercase;
line-height:27px;
text-shadow: 1px 1px #222222;
}

@media print {
.no-print {
display: none;
border:1px solid blue;
padding:2px;
  		}
	}

.wrapper79{
margin-left:-5px;
}

a.red_link{
	color: red;
	float: left;
	font-weight: bold;
	text-decoration: none;
}

.h1 {
	line-height:34px;
	text-align:left;
}

#container{
border:none;
}

.system_logo{
	float:right;
	margin-top:10px;
}

.sidebar{
width:265px;
padding:7px;
border:1px solid blue;
border-radius:5px;
line-height:160%;
margin:9px auto;
list-type:none;
display:inline-block;
valign:top;
vertical-align:text-top;
background:#F4F4FF;
position:relative;
min-height: calc(130vh - 70px);
}

.search_box{
	background-color:#ccc;
	padding:5px;
}

ul{
	margin:2px 0px 0px 1px;
	padding:0px;
}
li {
    }

.go_back{
	background-color:#ccc;
	text-align:center;
	padding:5px 10px;
}

h3{
	
}

.data{
	
}

.title{
	font:16px Arial;
	font-weight:bold;
text-transform:uppercase;
border:none;
color:black;
}

.op_log{
	float:right;
	font-weight:bold;
}

.subheader{
	margin-top:13px;
	margin-bottom:15px;
}

.op_info_bar{
	background-color:#eee;
	padding:5px 5px;
color:blue;
border-radius:5px;
}

.op_info_bar2{
	background-color:#eee;
	padding:5px 5px;
	margin-top:1px;
color:blue;
border-radius:5px;
}

.client_info{
	font-weight:bold;
text-transform:uppercase;
}

.client_summary{
	font-weight:bold;
text-transform:uppercase;
}

.crud{
	float:right;
}

a.ed_prof{
	font-weight:bold;
}

a.del_prof{
	font-weight:bold;
	color:red;
}

th{
	background-color:#eee;
	padding:7px 10px;
	text-align:left;
}

td {padding:3px;padding-left:10px;}


th.once{
	background-color:#eee;
	padding:5px 10px;
	text-align:left;
	width:500px;
}

.labels{
	font-weight:bold;
}

.footer{
padding:12px;
text-align:center;
}

.footer a {

}

a{
color:blue;
text-decoration:none;
padding-left:3px;
font-weight:bold;
border-radius:4px;
letter-spacing:-0.5px;
}

.errors{
	color:red;
	font-weight:bold;
}

.multi_view{
	font-weight:bold;
	line-height:250%;
}

.docs{
	line-height:250%;
}

.no{
	color:green;
}

.header2{
	width:600px;
	padding-top:15px;
}

.header_content{
	float:right;
	font-weight:bold;
	text-align:right;
}

#quotation{
	border:2px solid #ccc;
	width:650px;
}

.quotation_info_bar{
	background-color:#eee;
	padding:5px 5px;
	margin:10px 10px 0px 10px;
	font-weight:bold;
}

.quotation_info_bar2{
	background-color:#eee;
	padding:10px 10px;
	margin:0px 15px 0px 15px;
	font-weight:bold;
}

.quotation_info_bar_content{
	
}

.quote_notes{
	margin-left:15px;
	margin-bottom:15px;
	font-weight:bold;
	text-decoration:underline;
}

.wrapper{
	margin:0 auto;
	width:1000px;
}

.header_all_quotations{
	
}

.doc_title{
font-weight:bold;
color:black;
background:#eeeeee;
padding:6px;
padding-left:10px;
display:block;
border-radius:5px;
margin-bottom:5px;
text-transform:uppercase;
}

.all_quotation_cont{
	line-height:20px;
	word-spacing:3px;
}

form{
	margin:0px;
	padding:0px;
}

input.pos_field {
	width:109px;
	border-radius:2px;
	border:1px solid #7ac9b7;
	padding:4px 4px;
}

pos_field{
	border-radius:2px;
	padding:4px 4px;
}

input[type="text"],input[type="email"],input[type="number"],input[type="date"]{
	width:125px;
	border-radius:2px;
	border:1px solid #7ac9b7;
	padding:9px;
}

input[type="submit"]{
	background:#00AA00;
	padding:10px;
	color:#FFFFFF;
	border:none;
	border-radius:5px;
}

textarea{
	border-radius:2px;
	border:1px solid #7ac9b7;
	padding:4px 4px;
}

.pos_client{
	border-radius:2px;
	border:1px solid #aaa;
	padding:5px 5px;
}

select.pos_options{
	border-radius:2px;
	border:1px solid #7ac9b7;
	padding:4px 4px;
}

select{
	border-radius:2px;
	border:1px solid #7ac9b7;
	padding:4px 4px;
}

fieldset{
	border-radius:4px;
}

.submit{
	background: #2ea2cc;
	border-color: #0074a2;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
	color: #fff;
	text-decoration: none;
	padding:4px;
	width:100px;
	border-radius:5px;
}

.submit:hover{
	background: #0074a2;
	border-color: #0074a2;
	-webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);
	color: #fff;
	text-decoration: none;
	padding:4px;
	width:100px;
	border-radius:5px;
}

legend{
	font-weight:bold;
}

.sales{

}

.errors{
	color:red;
	font-weight:bold;
}

.messages{
	color:green;
	font-weight:bold;
}

.dated{
	float: right;
}

.profiletabletd {
        width:240px;
}

.profiletableth {
        width:190px;
}
.containerpad {
}

//RESPONSIVENESS

mennu {
display:block;
border:3px red solid;
text-align:center;
width:100%;
float:center;
text-align:center;
}

headd {
font-weight:bold;
color:red;
display:block;
}

head2 {
text-align:center;
font-weight:bold;
padding:5px;
text-transform:uppercase;
border-radius:7px;
color:blue;
vertical-align:middle;
display:block;
text-align:center;
float:center;
}
head22 {
text-align:center;
font-weight:bold;
padding:5px;
text-transform:uppercase;
border-radius:7px;
color:blue;
vertical-align:middle;
display:inline-block;
max-width:'.$websitewidthsize.';
width:100%;
text-align:center;
float:left;
}

@media screen and (max-width: 800px) {
.sidebar {display: none;}
.body { }
}
@media screen and (min-width: 800px) {
.mennu {display: none;}
.headd {display: none;}
.webfont {font-size:110%;}
}
@media screen and (max-width: 800px) {
.subheader {display: none;}
.headertext {display: none;}
.head2 {display: none;}
.head22 {display: none;}
.webfont {font-size:110%;width:100%;}
}
@-ms-viewport{
  width: device-width;
}
salefields {width:40px;}
sms {display:block;color:red;}

  @media screen and (max-width: 600px) {

    table {
      border: 0;
    }

    table thead {
      display: none;
    }

    table tr {
      margin-bottom: 1px;
      display: block;
    }

    table td:last-child {
      border-bottom: 0;
    }

    table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }