body
{
    background-color:transparent;
    color:white;
	font-size:100%;
	text-size-adjust: none;
	padding-left: 0;
	margin-left: 0;
	
	
	overflow-x:hidden ;
	

	
}
html {
   font-family: Trebuchet MS, Helvetica, Verdana;
   
   
  
   overflow-x:hidden ;
   
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #4B637D;
    background-repeat:no-repeat;
    /* background: -webkit-linear-gradient( to left top, #30455C, #4B637D );
    background: -moz-linear-gradient( to left top, #30455C, #4B637D );
    background: -ms-linear-gradient( to left top, #30455C, #4B637D );
    background: -o-linear-gradient( to left top, #30455C, #4B637D );
    background: linear-gradient( to left top, #30455C, #4B637D );*/
    
      
  
    
}

.menuicon2
{
	box-shadow: 0.5em 0.5em 0.5em black;
   display:inline-block;
   cursor:pointer;
   border-radius:10%;
   position:absolute;
   border:2px solid white;
   top:20px;
   margin-left:1em;
   z-index:3;
   background-color:#30455C;
}
.bar1, .bar2, .bar3 
{
    width:45px;
    height:5px;
    background-color:#FFAE1E;
    margin:10px 10px 10px 10px;
    transition:0.4s;
}
.change .bar1 
{
    -webkit-transform:rotate(-45deg)translate(-12px, 12px);
    transform:rotate(-45deg)tranlate(-12px, 12px);
}
.change .bar2 
{
    opacity:0;
}
.change .bar3 
{
    -webkit-transform:rotate(45deg)translate(-9px, -9px);
    transform:rotate(45deg)translate(-9px, -9px);
}
.userlogo {
	
	
	margin-left:6em;
	width: 5em;
	height: 5em;
	
}

.sidebar
{
	box-shadow: 0.5em 0.5em 0.5em black;
	max-width:30em;
	width:0;
	position:absolute;
	z-index:2;
	top:100px;
	left:-15px;
	border-radius:1em;
	border:2px solid grey;
	background-color:rgba(48,69,92,0.9);
	overflow-x:hidden;
	overflow:hidden;
	
	padding-top:0;
	transition:0.5s;
	
}
#repairsbuttonid {
	
	display: none;
	
}
.sidebar .menuclass
{
	padding: 1em 1em 1em 2em;
	text-decoration:none;
	font-size:150%;
	color:white;
	display:block;
	
	border-bottom:1px solid grey;
	transition:0.3s;
}
.sidebar .menuclass:hover
{
	color:black;
	background-color:#f1f1f1;
	border-left-color:#FFAE1E;
	
	border-left:10px solid #FFAE1E;
	
}

#titlemenuid {
	display: none;
}
.sidebar .titlemenuclass
{
	padding: 1em 1em 1em 2em;
	text-decoration:none;
	font-size:150%;
	color:white;
	display:block;
	
	border-bottom:1px solid grey;
	transition:0.3s;
}
.sidebar .titlemenuclass:hover
{
	

	
	
	padding: 1em 1em 1em 2em;
	text-decoration:none;
	font-size:150%;
	color:white;
	display:block;
	
	border-bottom:1px solid grey;
	transition:0.3s;
}
.titlelogo
{
	
	display:block;
	top:0;
	margin-left:auto;
	margin-right:auto;
	height: 200px;
	padding-left:75px;
	padding-right:75px;
	position:relative;
	z-index: 2;
}
.saxbanner
{
	display:block;
	top:0;
	margin-left:0;
	margin-right:auto;
	height: 18em;
	padding-left:3em;
	padding-right:0;
	padding-top:0;
	position:absolute;
	z-index: 0;
}
.shadowimg {
  -webkit-filter: drop-shadow(5px 5px 5px #222222);
  filter: drop-shadow(5px 5px 5px #222222);
}
.h2title{
	margin:0;
	padding: 0;
	text-shadow:0.15em 0.15em 0.15em black;
	font-family: Trebuchet MS, Helvetica, Verdana;
}
.ventedesc {
	text-align: left;
	margin:0;
	padding: 0;
	text-shadow:0.15em 0.15em 0.15em black;
	font-family: Trebuchet MS, Helvetica, Verdana;
	font-size:175%;
}
.titleheadermainleft {
	display:block;
	position: absolute;
	text-align: left;
	
	
	
	padding-left:15em;
	width: 100%;
	top:0.6em;
}
.titleheadersocialicons {
	display:block;
	position: absolute;
	text-align: left;
	z-index:2;
	
	
	padding-left:32em;
	width: 100%;
	heigh:13em;
	top:0.6em;
}
.sociallogoclass {
	margin-left:2em;
	height:3em;
	cursor:pointer;
	
}
.titleheadermaincenter {
	display:block;
	
	position: absolute;
	text-align: left;
	padding-left:15em;
	z-index:3;
	marging-bottom:0;
	
	top:2.4em;
}
.titleheadermainright {
	display:block;
	
	position: absolute;
	text-align: left;
	padding-left:15em;
	
	z-index:3;
	
	top:4.2em;
}
.smalllogo
{
	display:block;
	bottom:0;
	right:0;
	margin-left:auto;
	margin-right:5em;
	height: 5em;
	
	
	padding-bottom:2em;
	position:fixed;
	z-index: 2;
}
.mainlogo {
	display:none;
	margin-top:6.25em;
	margin-left:15em;
	left:0;
	height: 6.5em;
	
	
	
	position:absolute;
	z-index: 1;
}
.banner
{
	display:block;
	top:1em;
	width:100%;
	height:19em;
	z-index: -2;
	padding-top:0;
	position:absolute;
}
.headertitle
{
	padding-top:100px;
	text-shadow: 0.25em 0.25em 0.25em black;
	position:relative;
}
.bglogo
{
	position:fixed;
	top:125px;
	display:block;
	opacity:0.20;
	margin-left:5%;
	margin-right:5%;
	width:90%;
	
	
}
.loginform 
{
	box-shadow: 0.25em 0.25em 0.25em black;
	font-size:150%;
	position:relative;
	opacity:1;
	width:80%;
	max-width:20em;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(46,69,92,0.5);
	border: 3px solid #f1f1f1;
}

input[type=password],
input[type=tel]
{
	width:100%;
	padding:0.5em 0.5em;
	margin:0.5em 0;
	display:inline-block;
	border:1px solid #ccc;
	box-sizing:border-box;
	font-size:100%;
	text-size-adjust: none;
}
.pinlogin, .accountsearchro, .telephonesearchro, .modelsearchro, .serialsearchro, .rosearchro, .rasearchro
{
	width:100%;
	padding:0.5em 0.5em;
	margin:0.5em 0;
	display:inline-block;
	border:1px solid #ccc;
	box-sizing:border-box;
	font-size:100%;
	text-size-adjust: none;
}
.imglogincontainer
{
	text-align:center;
	margin:1.5em 0 1em 0;
}
.lmloginlogo
{
	width:40%;
	display:none;
}
.logincontainer
{
	text-align:left;
	opacity:1;
	padding:1em;
}
.btn
{
	margin-top:2em;
	padding:1em 1.5em;
	font-size:100%;
	width:100%;
}
.btnlaruchedon
{
	
	padding:1em 1.5em;
	font-size:250%;
	font-weight: bold;
	width:100%;
}
.content
{
	position:relative;
	height:auto;
	width:auto;
	overflow:hidden;
	display:none;
	text-align:center;
	background-color: transparent;
} 
.instrumentsearchform
{
	box-shadow: 0.25em 0.25em 0.25em black;
	font-size:150%;
	text-align:left;
	position:relative;
	opacity:1;
	max-width:30em;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(46,69,92,0.5);
	border:none;
	margin-bottom:2em;
	animation:fadeEffect 3s;
}
.clientsearchform
{
	box-shadow: 0.25em 0.25em 0.25em black;
	font-size:150%;
	text-align:left;
	position:relative;
	opacity:1;
	max-width:30em;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(46,69,92,0.5);
	border:none;
	margin-bottom:2em;
	animation:fadeEffect 3s;
}
.searchinstrumentcontainer
{
	display:none;
	animation:fadeEffect 3s;
}
.searchClientButton, .clearClientButton, .searchInstrumentButton, .clearInstrumentButton , .buttonaddclient
{
	margin-top:32px;
	padding:1em 1.5em;
	font-size:100%;
	width:100%;
}
.bottombuttoncliensearchtable, .bottombuttoninstrumentsearchtable
{
	width:100%;
}
.formlegend
{
	font-size:150%;
}
.headertitle
{
	font-size:250%;
	display:none;
}
.venteempty
{
	font-size:250%;
	
}
.tabsearchtogglebutton
{
	
	width:5em;
	position:relative;
	display:block;
	cursor:pointer;
  
   z-index:0;
  
}
.addinstrumentinaddorderbutton {
	height:4em;
	width:4em;
	position:relative;
	display:block;
	cursor:pointer;
	vertical-align: bottom;
}
.saveorderbutton {
	height:4em;
	width:4em;
	position:relative;
	display:block;
	cursor:pointer;
	vertical-align: bottom;
}
.tabtableicons
{
	width:70%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.tabinstrumentlist, .theadinstrumentlist
{
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0 0.5em;
	border-collapse:separated;
	
}
.tddetailrepair{
	width:50%;
	
}
.tabtotalrepair {
	
	color:black;
	table-layout:fixed;
	position:relative;
	vertical-align:bottom;
	padding-right:0.5em;
	padding-left:0.5em;
	border-spacing:0;
	border-collapse:separated;
	text-align: right;
	align-content: flex-start;
	margin-left: auto;
	
}
.partsrepairprice {
	width:6em;
	text-align: right;
	padding-bottom:0.5em;
}
.morepairprice {
	width:6em;
	text-align: right;
	padding-bottom:0.5em;
}
.totalrepairprice {
	width:6em;
	text-align: right;
	
	padding-bottom:0.5em;
	font-size:125%;
}
.partsrepairpricevalue {
	width:6em;
	text-align: right;
}
.morepairpricevalue {
	width:6em;
	text-align: right;
}
.totalrepairpricevalue {
	width:6em;
	text-align: right;
	
	
}
.tpsrepairtag{
	width:6em;
	text-align: right;
	padding-top:0.5em;
	
}
.tvqrepairtag{
	width:6em;
	text-align: right;
	
	
}
.gtotalrepairtag{
	width:10em;
	text-align: right;
	
	
	font-size:125%;
	
}
.tpsrepairvalue{
	width:6em;
	text-align: right;
	
	padding-top:0.5em;
}
.tvqrepairvalue{
	
	width:6em;
	text-align: right;
	
}
.gtotalrepairvalue{
	width:6em;
	text-align: right;
	padding-right:0;
	font-size:125%;
	font-weight: bold;
}






.tabtotalinstrument { 
	
	table-layout:fixed;
	position:relative;
	
	padding-right:0.5em;
	padding-left:0.5em;
	border-spacing:0 0.5em;
	border-collapse:separated;
	text-align: right;
	align-content: flex-start;
	margin-left: auto;
	
}
.partsinstrumentprice {
	width:6em;
	text-align: right;
}
.moinstrumentprice {
	width:6em;
	text-align: right;
}
.totalinstrumentprice {
	width:8em;
	text-align: right;
	padding-right:6.25em;
}
.partsinstrumentpricevalue {
	width:6em;
	text-align: right;
}
.moinstrumentpricevalue {
	width:6em;
	text-align: right;
}
.totalinstrumentpricevalue {
	width:8em;
	text-align: right;
	padding-right:6.25em;
}
.tabpartlist
{
	table-layout:fixed;
	position:relative;
	width:100%;
	padding-right:0.5em;
	padding-left:0.5em;
	border-spacing:0 0.5em;
	border-collapse:separated;
	
		
}
.tabpartlist textarea {
	

	overflow: hidden;
  	width:100%;
  	resize:vertical;
	font-family: Trebuchet MS, Helvetica, Verdana;
   font-size: inherit;
   -webkit-appearance: none;
}
.theadpartlist
{
	table-layout:fixed;
	position:relative;
	width:100%;
	padding-right:0.5em;
	padding-left:0.5em;
	border-spacing:0 0.5em;
	border-collapse:separated;
		
}
.tabinstrumentlistinorder
{
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0 0.5em;
	
	
}
.theadinstrumentlistinorder
{
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0.5em 0.5em 0.5em 0.5em;
	padding:0.5em;
	
}
.tabinstrumentlistrowinorder
{
	table-layout:fixed;
	position:relative;
	width:100%;
	
	
	
}
.tabinnerinstrumentlistrowinorder
{
	table-layout:fixed;
	position:relative;
	width:100%;
	
	
	
}
.tabinstrumentlistrowinorder input[type="text"]
{
	font-size:100%;
	
	overflow: hidden;
	width:93%;
	
}
.tabinstrumentlistrowinorder textarea
{
	font-size:100%;
	margin: auto;
	width: 100%;
	overflow: hidden;
	resize:none;
	-webkit-appearance: none;
	   font-family: Trebuchet MS, Helvetica, Verdana;
   font-size: inherit;
	
}
.tabrowinstrument
{
	
	font-size:125%;
	
	opacity:1;
	
	margin-left:0;
	margin-right:1em;
	color:black;
	
	
}
.tabrowpart
{
	
	font-size:100%;
	
	opacity:1;
	
	margin-left:0;
	margin-right:1em;
	color:black;
	
	
}
.tdinstrlist1, .tdinstrlist2, .tdinstrlist3, .tdinstrlist4, .tdinstrlist5, .tdinstrlist6, .tdinstrlist7
{
	background-color: #FDF6E3;
	border: 3px solid grey;
	overflow:hidden;
	white-space:nowrap;
	padding: 0 0.5em 0 0.5em ;
	margin-right:2em;
	text-align:left;
	
	
	height:2em;
}
.tdinstrlist1
{
	
	border-right: 0;
	border-top-left-radius:0.5em;
	border-bottom-left-radius:0.5em;
	width:8em;
}
.tdinstrlist2
{
	border-right: 0;
	border-left: 0;
	width:7em;
}
.tdinstrlist3
{
	border-right: 0;
	border-left: 0;
	width:4em;
}
.tdinstrlist4
{
	border-right: 0;
	border-left: 0;
	width:5em;
}
.tdinstrlist5
{
	border-right: 0;
	border-left: 0;
	width:6em;
}
.tdinstrlist6
{
	border-right: 0;
	border-left: 0;
	width:5em;
}
.tdinstrlist7
{

	border-left: 0;
	border-top-right-radius:0.5em;
	border-bottom-right-radius:0.5em;
	width:10em;
}
.thinstrlist1, .thinstrlist2, .thinstrlist3, .thinstrlist4, .thinstrlist5, .thinstrlist6, .thinstrlist7
{
	padding: 0 0.5em 0 0.5em ;
	margin-right:2em;
	overflow:hidden;
	text-align:left;
	border-style:hidden;
	
}
.thinstrlist1
{
	
	width:8em;
}
.thinstrlist2
{
	
	width:7em;
}
.thinstrlist3
{
	
	width:4em;
}
.thinstrlist4
{
	
	width:5em;
}
.thinstrlist5
{
	
	width:6em;
}
.thinstrlist6
{
	
	width:5em;
}
.thinstrlist7
{
	
	width:10em;
}




.tdpartlist1, .tdpartlist2, .tdpartlist3, .tdpartlist4, .tdpartlist5, .tdpartlist6
{
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	padding: 0 0.5em 0 0.5em ;
	margin-right:2em;
	text-align:left;
	
	
	height:2em;
}
.addupperlineseparatoritems {
	border-top: 2px solid grey;
}
.tdpartlist7
{
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	padding-right:0 ;
	margin-right:0;
	text-align:right;
	
	
	height:2em;
}
.tdpartlist1
{
		
	
	width:4em;
}
.tdpartlist2
{
	
	width:auto;
	
}
.tdpartlist3
{
	
width:2.5em;
	
}
.tdpartlist4
{
	
width:5em;
	text-align: right;
}
.tdpartlist5
{
	
width:4em;
text-align: right;
	
}
.tdpartlist6
{
	
	width:2em;
	
}
.tdpartlist7
{

	
	width:2em;
		
}

.thpartlist1, .thpartlist2, .thpartlist3, .thpartlist4, .thpartlist5, .thpartlist6, .thpartlist7
{
	padding: 0 0.5em 0 0.5em ;
	margin-right:2em;
	overflow:hidden;
	text-align:left;
	border-style:hidden;
	
}
.thpartlist1
{
	
	width:3em;
}
.thpartlist2
{
	
		width:9.5em;
}
.thpartlist3
{
	
		width:1.5em;
}
.thpartlist4
{
	
		width:4em;
}
.thpartlist5
{
	
		width:3.5em;
}
.thpartlist6
{
	
		width:2em;
}
.thpartlist7
{
	display:none;
		width:2em;
}




.tdinstrlistinorder1, .tdinstrlistinorder2, .tdinstrlistinorder3, .tdinstrlistinorder4, .tdinstrlistinorder5, .tdinstrlistinorder6, .tdinstrlistinorder7
{
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	
	
	text-align:left;
	width:100%;
	
	height:2em;
}
.tdleftinstrlistinorder1 {
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	
	
	text-align:left;
	width:70%;
	vertical-align:top;
	
}
.tdrightinstrlistinorder1 {
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	vertical-align:top;
	
	text-align:left;
	width:30%;
	
	
}
.tdinstrlistinorderline2cell2
{
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	
	
	text-align:left;
	
	width:20%;
	height:2em;
}
.tdinstrlistinorderline2cell1
{
	background-color: #FDF6E3;
	
	overflow:hidden;
	white-space:nowrap;
	
	
	text-align:left;
	width:60%;
	
	height:2em;
}
.tdinstrlistinorder
{
	background-color: #FDF6E3;
	border: 3px solid grey;
	overflow:hidden;
	white-space:nowrap;
	padding: 0.5em 0.5em 0.5em 0.5em ;
	
	text-align:left;
	
	border-radius:0.5em;
	height:2em;
}
.tdleftinstrlistinorder
{
	
	border-right:0;
	border-left:0;
	text-align:left;
	
	padding-right:0.5em;
	
}

.tdrightinstrlistinorder
{
	
	border-right:0;
	border-left:0;
	text-align:left;
	padding-right:0.5em;
	
}
.tdleftorderleft{
	width:40%;
}
.tdleftordermiddle{
	width:30%;
}
.tdleftorderright{
	width:30%;
}
.tdrightorderleft{
	width:40%;
}
.tdrightordermiddle{
	width:40%;
}
.tdrightorderright{
	width:10%;
}
.tdrightinstrlisticonsinorder
{
	
	border:0;
	vertical-align:middle;
	text-align:center;
	padding:0.1em;
	
}





.tdleftinstrfisrtlineinorder
{
	
	border:0;
	vertical-align:middle;
	text-align:left;
	
	
}
.tdmiddleinstrfisrtlineinorder
{
	font-size:150%;
	border:0;
	vertical-align:middle;
	text-align:center;
	width:100%;
	padding-left:5em;
	
}
.tdrightinstrfisrtlineinorder
{
	
	border:0;
	vertical-align:middle;
	text-align:right;
	padding-right: 6em;
	
}




.imgininstrtumentlisticon {
	width: 2.7em;
	height:2.7em;
}





/*Status Start*/
.imgstatuscontacter{
	display: none;
	
}
.imgstatusestimer{
	display: none;
}
.imgstatusconfirmer{
	display: none;
}
.imgstatuslivre{
	display: none;
}
.imgstatusparts{
	display: none;
}
.picfullwidth{
	width:100%;
}


/*Status End*/







.delinstrumentrowinrepairadd {
	width: 2em;
	height: 2em;
	
}


.tdinstrlistinorder1
{
	
	border-right:0;
	border-left:0;
	text-align:left;
	width:20%;
}
.tdinstrlistinorder2
{
	border-right:0;
	border-left:0;
	text-align:left;
	width:60%;
}
.tdinstrlistinorder3
{
	border-right:0;
	border-left:0;
	text-align:left;
	width:20%;
}
.tdinstrlistinorder4
{
	border-right:0;
	border-left:0;
	width:4em;
}
.tdinstrlistinorder5
{
	border-right:0;
	border-left:0;
	width:6em;
}
.tdinstrlistinorder6
{
	border-right:0;
	border-left:0;
	width:5em;
}
.tdinstrlistinorder7
{

	border-left:0;
	width:8em;
}
.thinstrlistinorder1, .thinstrlistinorder2, .thinstrlistinorder3, .thinstrlistinorder4, .thinstrlistinorder5, .thinstrlistinorder6, .thinstrlistinorder7
{

	
	overflow:hidden;
	text-align:left;
	border-style:hidden;
	
	
}
.tdrepairsummary1 {
	overflow:hidden;
	text-align:bottom;
	border-style:hidden;
	vertical-align:bottom;
	width:5em;
}
.tdrepairsummary2 {
	overflow:hidden;
	text-align:right;
	height:100%;
	margin-top:auto;
	border-style:hidden;
	vertical-align:bottom;
	margin-left:auto;
	width:100%;
}
.tdrepairsummary3 {
	overflow:hidden;
	text-align:bottom;
	border-style:hidden;
	vertical-align:bottom;
	width:5em;
}
.thinstrlistinorder1
{
	
	width:20%;
}
.thinstrlistinorder2
{
	padding-left:2.25em;
	width:80%;
}
.thinstrlistinorder3
{
	
	width:10%;
}
.thinstrlistinorder4
{
	
	width:4em;
}
.thinstrlistinorder5
{
	
	width:6em;
}
.thinstrlistinorder6
{
	
	width:5em;
}
.thinstrlistinorder7
{
	
	width:8em;
}
.scrollinstrumentwholetab
{
	display:none;
	
	position:relative;
	width:95%;
	overflow-x:auto;
	margin-left:auto;
	margin-right:auto;
	
}
.scrollinstrumentinorder
{
	display:block;
	
	position:relative;
	
	padding-right:1.5em;
	
	
	
}
.scrollinstrumentlistdiv
{
	display:none;
	height:30em;
	overflow-y:auto;
	overflow-x:hidden;
	width:65em;
	padding-right:1.5em;
	margin-left:auto;
	margin-right:auto;
}
.scrollpartlistdiv
{
	display:block;
	
	overflow-y:auto;
	
	
	
	margin-left:0.5em;
	margin-right:0.5em;
	

	
	
	border: 3px solid grey;
	
	border-radius:0.5em;
}
.scrollinstrumentlistinorderdiv
{
	display:block;
	max-height:100em;
	overflow-y:auto;
	overflow-x:hidden;
	padding-left:0.5em;
	padding-right:0.5em;
	background-color:black;
	margin-left:auto;
	margin-right:auto;
	border: 3px solid grey;
	width:100%;
	border-radius:0.5em;
}
.scrollinstrumentlistheaderdiv
{
	display:none;
	padding-right:1.5em;
	background-color:transparent;
	width:65em;
	margin-left:auto;
	margin-right:auto;
}
.scrollpartlistheaderdiv
{
	display:block;
	padding-top:2.5em;
	padding-right:1.0em;
	padding-left:1.0em;
	margin-left:1.5;
	margin-right:1;
}
.scrollinstrumentlistheaderinorderdiv
{
	display:block;
	text-align:center;
		margin-left:1em;;
	color:black;
	width:100%;
	margin-right:1em;;
	
}
.scrollpartlistheaderinorderdiv
{
	display:block;
	
		margin-left:1.5em;
	color:black;
	width:100%;
	margin-right:0;
	
}
.trheadinstrumentlist
{
	font-size:125%;
	margin-bottom:1em;
	border: 3px solid white;
	opacity:1;
	border-radius:0.5em;
	
	
	margin-left:0;
	margin-right:1.5em;
	
	
	
}
.trheadpartlist
{
	
	margin-bottom:1em;
	border: 3px solid white;
	opacity:1;
	border-radius:0.5em;
	
	
	margin-left:0;
	margin-right:1.5em;
	
	
	
}
.trheadinstrumentlistinorder
{
	font-size:125%;
	margin-bottom:1em;
	border: 3px solid white;
	opacity:1;
	border-radius:0.5em;
	
	
	
	
	
	
}
.trheadpartlistinorder
{
	font-size:125%;
	margin-bottom:1em;
	border: 3px solid white;
	opacity:1;
	border-radius:0.5em;
	
	
	
	
	
	
}
.repairorderopenmaincontainer
{
	
	background-image: url('126400-old-parchment-texture-background.jpg');
	background-size: 100% 100em;
	box-shadow: 0.25em 0.25em 0.25em black;
	width:55em;
	position:relative;
	display:none;
	margin-left:auto;
	margin-right:auto;
	/*background-color:#FDF6E3;*/
	
	border: 3px solid grey;
	
	border-radius:0.5em;
	padding:1em;
	
}
.repairorderopenentrymaincontainer
{
	width:55em;
	position:relative;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background-color:#FDF6E3;
	
	border: 3px solid grey;
	
	border-radius:0.5em;
	padding:1em;
}
.repairorderopenmaincontainertable
{
	
	width:100%;
}
.repairorderentrymaincontainertable
{
width:100%;
}
.fieldsetlegendrepairorderedit
{
	font-size:175%;
	color:black;
	font-style:italic; 
	
	
}


.paddingtopfieldset{
	
	margin-top: 1em;
}
.repairordereditcustomertable
{
	color:black;
	width:100%;
	text-align:left;
	font-size:125%;
}
. {

}
.tagrepaireditcustomertablecell
{
	text-align:right;
	width:10em;
	
}
.tagrepaireditcustomertablecellnoterepair
{
	text-align:left;
	padding-left: 0;
	width:100%;
	
}
.tagrepairentrycustomertablecell
{
	text-align:right;
	width:7em;
	
}
.bigfont {
	font-size: 125%;
}
.bigbigfont {
	font-size: 125%;
}
.bigfontclient {
	font-size: 125%;
}
.leftcell {
	width:6em;;
}
.tagrepaireditcustomertablecell2
{
	text-align:right;
	
}
.tagrepaireditcustomertablecell3
{
	text-align:right;
	
}
.repairordereditordertable
{
	
	color:black;
	width:100%;
	text-align:left;
	font-size:125%;
	padding-top: 1em;
	

}
.repairordereditordertableouter
{
	
	color:black;
	width:100%;
	
	
	
	font-size:125%;
	
	

}
.repairordereditordertableinnerleft
{
	
	color:black;
	width:100%;
	text-align:left;
	
	
	
	padding-top: 1em;
	

}
.repairordereditordertableinnerright
{
	
	color:black;
	width:100%;
	text-align:left;
	
	
	

}

.repairordereditordertableinnerright textarea
{
	font-size:100%;
	margin: auto;
	width: 95%;
	overflow: hidden;
	resize:none;
	-webkit-appearance: none;
	font-family: Trebuchet MS, Helvetica, Verdana;
   font-size: inherit;
   
   
   text-align:left;
   
   
}

.repairordereditordertableinnerleft input[type='date'] 
{
	
	color:black;
	width:9em;
	text-align:left;
	font-size:125%;
	

}
.repairorderentryordertable
{
	color:black;
	width:100%;
	text-align:left;
	font-size:125%;
	

}
.scrollinstrumentlistheaderdiveditorder
{
	display:none;
	width:100%;
	
	margin-left:auto;
	margin-right:auto;
}
.theadinstrumentlisteditorder
{
	font-size:125%;
	margin-bottom:1em;
	border: 3px solid white;
	opacity:1;
	border-radius:0.5em;
	background-color:transparent;
	
	margin-left:0;
	margin-right:1.5em;
	
	
	
}
.repairordereditrerepairitemtable
{
	color:black;
	width:100%;
	text-align:left;
	margin-top:0.5em;
	margin-bottom:0.5em;
	margin-right:1em;

	font-size:125%;
}
.repairordereditrerepairitemtableoutside
{
	color:black;
	width:40em;
	text-align:left
	
	
}
.scrollinstrumentlistdiveditorder
{
	
	margin-bottom:0.5em;
	
	width:40em;
	
	
	
}
.rowitemousideeditorder, .rowitemousideeditordertd
{
	border: 4px solid #FFAE1E;
	border-radius:0.5em;
	
}
.tagrepaireditcustomertablecelllong
{
	text-align:right;
	padding-top:em;
	padding-bottom:em;
	white-space:nowrap;

}
.tagrepairentrycustomertablecelllong
{
	text-align:right;
	padding-top:em;
	padding-bottom:em;
	white-space:nowrap;

}
.valuecol1itcustomertablecell
{

}
.valuecol12tcustomertablecell
{

}
.valuecol3itcustomertablecell
{
	
}
.repairitededitform3, .repairitededitform2, .repairitededitform1
{
	
	background-color:#FDF6E3;
	
	margin-left:auto;
	margin-right:auto;
	
	border:none;
	color:black;
	width:40em;
	text-align:left;
	
	font-size:100%;
}
.longcommenttextarea
{
	width:95%;
	resize:none;
	text-align:left;
	text-size-adjust: none;
		
	font-size:100%;
}
.valuerepaireditcustomertablecelllong
{
	width:100%;
	
	
	
}
select
{

	font-size:100%;
}
select.optgroup
{

	font-size:100%;
}
.fieldsetlegendrepairorderedititem
{
	display:none;
}
.closeEditingItemButton, .tenderEditingItemButton
{
	height:3.5em;
	padding-left:1.5em;
	padding-right:1.5em;
	font-size:125%;
	

}
.saveEditingItemButton
{
	
	
	
	margin-left:1em;
	height:5em;
	width:5em;
	
}
.savepartEditingItemButton
{
	width:4em;
	margin-top:0.5em;
	margin-left:1em;
	margin-right:1em;
	padding:0.5em 0.5em;
	font-size:100%;
}
.addpartEditingItemButton
{
	display: inline-block;
	width:2em;
	
	
	font-size:100%;
}
.topitemropininstrument{
	height:3em;
	position:absolute;
	display: inline-block;
	width:100%;
	
	margin-left: auto;
	margin-right: auto:
}
.topitemropininstrument2{
	position:absolute;
	
	display: inline-block;
	width:100%;
	text-align:right;
	right: 13em;
}
.removepartEditingItemButton
{
	width:3em;
	margin-top:0.5em;
	margin-left:1em;
	margin-right:1em;
	padding:0.5em 0.5em;
	font-size:100%;
}
.closeEditingRepairOrderButton
{
	font-size:125%;
	color:red;
}
.closeEditingRepairOrderEntryButton
{
	font-size:125%;
	color:red;
}
.upperrepairorderclosingbtncell
{
	text-align:right;
	width:15%;
}
.upperrepairorderclosingbtncellleft
{
	font-weight: bold;
	font-size:200%;
	color:black;
	text-align:center;
	width:15%;
	
}

.upperrepairorderentryclosingbtncell
{
	text-align:right;
	width:10%;
}
.upperrepairorderclosingbtncellmiddle
{
	text-align:center;
	padding-top:2em;
}
.headerrepairorderopenform
{
	margin:0;
	color:black;
	 position:relative;
   text-align:center;
}
.headerpartopenform
{
	margin:0;
	color:black;
	 position:relative;
   text-align:center;
  	font-size:125%;
}
.repairbyinputinopenrepairorderediting
{
	font-size:100%;
	width:5em;
}
.rainputinopenrepairorderediting
{
	font-size:100%;
	width:100%;
}
.duebyinputeditingrepairorder
{
font-size:100%;
}
.valuecol1itcustomertablecell
{
font-size:100%;
}
.inputselectstatusopenrepairorder
{
	font-size:100%;
	-webkit-appearance: none;

}
.tabinstrumentlistrowinorder select {

  /* make arrow and background */

  background-image:url("ic_dropdown_newgold-playstore.png");
   
  background-position:
    right;
  background-size:
    2em 2em;
  background-repeat: no-repeat;

  /* styling and reset #FFAE1E*/
	background-color:#FFAE1E;
  color:black;
  font: inherit;
  
  padding: 0.25em 1.5em 0.25em 0.5em;

  /* reset */
	border-radius:0.25em;
	border:2px solid grey;
  
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
}



.inputselectwarrantyopenrepairorder
{
	-webkit-appearance: none;
	font-size:100%;

}
.skupartinputinopenrepairorderediting, .descpartinputinopenrepairorderediting, .qtypartinputinopenrepairorderediting
{
font-size:90%;
width:100%;

}
.pricepartinputinopenrepairorderediting
{
 width:90%;
 font-size:90%;
}
.partsectiondiv 
{
	display:none;
}
.partbuttomtd1
{
	width:10%;
}
.partbuttomtd2
{
	width:10%;
}
.partbuttomtd3
{
	width:80%;
	text-align:right;
}





.warlabelpartinputinopenrepairorderediting {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
 
}

/* Hide default HTML checkbox */
.warlabelpartinputinopenrepairorderediting input {
  opacity: 0;
  width: 0;
  height: 0;
 
}

/* The slider */
.warpartinputinopenrepairordereditingslider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: white;
  padding-left:7px;
  padding-top:3px;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
   
}

.warpartinputinopenrepairordereditingslider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .warpartinputinopenrepairordereditingslider {
  background-color: #FFAE1E;
}

input:focus + .warpartinputinopenrepairordereditingslider {
  box-shadow: 0 0 1px #FFAE1E;
}

input:checked + .warpartinputinopenrepairordereditingslider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.warpartinputinopenrepairordereditingslider.round {
  border-radius: 34px;
}

.warpartinputinopenrepairordereditingslider.round:before {
  border-radius: 50%;
}
.linedivider
{
	width:75%;
}
.linedividerrepairtotal
{
	width:100%;
}
.imgdelpartrow
{
	 width: 1.75em;
}
.highlight td
{
	border-color:#FFAE1E;
}






/*	Repair Menu Tab Style */




.wrapperrepiarmenu { 
	width: 20em; 
	
}
.acceuilclass{
	padding-top:100px;
}
.headertitlerepair {
	padding-top:3em;
	text-shadow: 0.25em 0.25em 0.25em black;
	display: none;
	padding-bottom: 0.3em;
	margin: 0;
	z-index:4;
}
.headertitle {
	display: block;
}
.tablinksrepair {
  overflow-x:auto;
  overflow-y:hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  width:20em;
  margin-left:auto;
  margin-right:auto;
  max-width:20em;
  box-shadow: 0.25em 0.25em 0.25em black;
  display: none;
  z-index: 1;
  position: relative;
  margin-top: 0;
  
}

/* Style the buttons that are used to open the tab content */
.tablinksrepair button, .imagebuttonrepairmenu {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0.5em 0.5em;
  transition: 0.3s;
  height: 4em;
  width: 4em;
}

/* Change background color of buttons on hover */
.tablinksrepair button:hover, .imagebuttonrepairmenu:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tablinksrepair button.active, .imagebuttonrepairmenu:active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontentrepair {
  display: none;
  padding: 6px 12px;
  border: none;
  border-top: none;
  width:95%;
}
.tabemptygen {
	 
	  padding: 0;
	  border: none;
	  border-top: none;
	  
	  
	  
	  table-layout:fixed;
	position:relative;
	
	border-spacing:0;
	border-collapse:separated;
  
}
.searchCustomerClass {
  height: 100%;
  width: 100%;
  position: fixed; 
  display: none;
  z-index: 1;
  left: 0;
  top: 0;
  background-color: rgb(75,99,125); 
  background-color: rgba(75,99,125, 0.9); 
  overflow-x: hidden; 
  
  
}
.searchCustomerClass-content {
	display: block; 
	margin-top: 10%;
	
}


/* CLient List in Add Repair */

.clientListResult {
	display: none;
	
	
	
	
	
}
.scrollclientlistdiv
{
	display:block;
	height:30em;
	overflow-y:auto;
	overflow-x:hidden;
	width:50em;
	padding-right:1.5em;
	margin-left:auto;
	margin-right:auto;
}
.tabclientlist, .theadclientlist
{
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0 0.5em;
	border-collapse:separated;
	background-color:transparent;
}
.tabrowclient
{
	background-image: url('126400-old-parchment-texture-background.jpg');
	background-size: 100% 100%;
	background-color:transparent;
	
	font-size:125%;
	/*height:10em;*/
	opacity:1;
	height:1.5em;
	margin-left:0;
	margin-right:1em;
	color:black;
	border-radius:0.5em;
	
}
.tdclientlist1
{
	
	border-radius:0.5em;
	border-radius:0.5em;
    -moz-border-radius:0.5em;
    -webkit-border-radius:15px;
	background-color:transparent;
	
	
	
	border: 3px solid grey;
	overflow:hidden;
	white-space:nowrap;
	padding: 0.5em 0.5em 0.5em 0.5em ;
	
	text-align:left;
	
	vertical-align: top;
	
}
.tdclientdetail1, .tdclientdetail2, .tdclientdetail3, .tdclientdetail4, .tdclientdetail5, .tdclientdetail6, .tdclientdetail7
{
	background-color: transparent;
	
	overflow:hidden;
	
	
	
	text-align:left;
	
	vertical-align: middle;
	
}
.tdclientdetail1
{
	
	
	overflow-wrap:anywhere;
	
}
.tdclientdetail2
{
	overflow-wrap:anywhere;
	border-right: 0;
	border-left: 0;
	
}
.tdclientdetail3
{
	overflow-wrap: break-word;
	border-right: 0;
	border-left: 0;
	text-align: right;
}
.tdclientdetail4
{
	overflow-wrap: break-word;
	
	border-right: 0;
	border-left: 0;
	text-align: right;
}
.tdclientdetail5
{
	border-right: 0;
	border-left: 0;
	width:3em;
}
.tdclientdetail6
{
	border-right: 0;
	border-left: 0;
	width:1em;
	text-align: center;
}
.tdclientdetail7
{

	border-left: 0;
	border-right: 0;
	width:2em;
}
.tabrowdetailclient0
{
	overflow:hidden;
	white-space:normal;
	height:1.75em;
	opacity:1;
	
	background-color:transparent;
	color:black;
	
	
}
.tabrowdetailclient1
{
	overflow:hidden;
	white-space:normal;
	height:1.75em;
	opacity:1;
	display:none;
	
	color:black;
	
	
}
.tabclientdetail
{
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0;
	border-collapse:separated;
	background-color: transparent;
	
	
}
.tabclientclientdetail{
	background-color:transparent;
	table-layout:fixed;
	position:relative;
	width:100%;
	border-spacing:0;
	border-collapse:separated;
	font-size:125%;
	text-align: left;
	overflow: hidden;
	
}
.morepictureclientdetail
{
	width:1.5em;
	height:1.5em;
	position:relative;
	display:block;
	cursor:pointer;
}
.lesspictureclientdetail
{
	width:1.5em;
	height:1.5em;
	position:relative;
	display:none;
	cursor:pointer;
}
.morepictureinstrumentdetail
{
	width:2.3em;
	height:2.3em;
	position:relative;
	display:block;
	cursor:pointer;
}
.lesspictureinstrumentdetail
{
	width:2.3em;
	height:2.3em;
	position:relative;
	display:none;
	cursor:pointer;
}

.tabrowdetailclient6
{
	
	
	height:1.75em;
	opacity:1;
	display:none;
	
	color:black;
	
	
}
.tdclientdetailrow61 .tdclientdetailrow62
{
	background-color: #FDF6E3;
	
	
	
	
	
	
	
	vertical-align: top;
	
}
.tdclientdetailrow61
{
	width: 1em;
	border-right: 0;
	border-left: 0;
	text-align:left;
}
.tdclientdetailrow62
{
	border-right: 0;
	border-left: 0;
	width: auto;
	white-space:normal;
	overflow-wrap: normal;
	
}



.checkboxtag {
	padding-left: 0.5em;
	font-size: 90%;
}



/* Client notif slider */



.checkbox-container {
    
}
.checkbox-label {
    display: inline-block;
    position: relative;
    
    margin: auto;
    cursor: pointer;
    font-size: 22px;
    line-height: 24px;
    height: 24px;
    width: 24px;
    clear: both;
}




.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    
}

.checkbox-label .checkbox-custom {
    position: absolute;
    top: 0px;
    left: 5px;
    height: 24px;
    width: 24px;
    background-color: white;
    border-radius: 5px;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    border: 2px solid #FFAE1E;
}


.checkbox-label input:checked ~ .checkbox-custom {
    background-color: #FFAE1E;
    border-radius: 5px;
    -webkit-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    opacity:1;
    border: 2px solid #FFAE1E;
}


.checkbox-label .checkbox-custom::after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 5px;
    border: solid #FFAE1E;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) scale(0);
    opacity:1;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}


.checkbox-label input:checked ~ .checkbox-custom::after {
  -webkit-transform: rotate(45deg) scale(1);
  -ms-transform: rotate(45deg) scale(1);
  transform: rotate(45deg) scale(1);
  opacity:1;
  left: 8px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  background-color: transparent;
  border-radius: 0;
}



/* For Ripple Effect */
.checkbox-label .checkbox-custom::before {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    width: 0px;
    height: 0px;
    border-radius: 5px;
    border: 2px solid #FFAE1E;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);    
}

.checkbox-label input:checked ~ .checkbox-custom::before {
    left: -3px;
    top: -3px;
    width: 24px;
    height: 24px;
    border-radius: 5px;
    -webkit-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
    opacity:0;
    z-index: 999;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.checkbox-label input {
  opacity: 0;
  width: 0;
  height: 0;
 
}

/* Client in Client */

.searchClientCustomerClass-content {
	display: block; 
	margin-top: 0;
	
	
}
.clientclientsearchform
{
	box-shadow: 0.25em 0.25em 0.25em black;
	font-size:150%;
	text-align:left;
	position:relative;
	opacity:1;
	max-width:30em;
	margin-left:auto;
	margin-right:auto;
	background-color:rgba(46,69,92,0.5);
	border:none;
	margin-bottom:2em;
	animation:fadeEffect 3s;
}
.clientclientListResult {
	display: none;
	
	
	
	
	
}
.clientaddcontent {
	display: none;
	
	
	
	
	
}
/*         */
.backbutton
{
	width:5em;
	height:5em;
	position:relative;
	display:block;
	cursor:pointer;
	
  	left:10em;
  	
  	 z-index:1;
  
}
.clientchosebigbutton {
	
	width:40em;
	height: 3em;
	font-size: 100%;
	
}
.bigbuttonfullwidth {
	
	width:95%;
	height: 3em;
	font-size: 100%;
	
	
}
.margintop1em{
	padding-top: 2em;
	
}
.phoneemaillinks:link {
	text-decoration: none;
	color: black;
	
}
.phoneemaillinks:visited {
	text-decoration: none;
	color: black;
}
.phoneemaillinks:hover {
	text-decoration: none;
	color: black;
}
.phoneemaillinks:active {
	text-decoration: none;
	color: black;
	
}



.phoneabout:link {
	text-decoration: none;
	color: white;
	
}
.phoneabout:visited {
	text-decoration: none;
	color: white;
}
.phoneabout:hover {
	text-decoration: none;
	color: white;
}
.phoneabout:active {
	text-decoration: none;
	color: white;
	
}



/* ADD CLIENT */
.tabclientdetailadd
{
	background-image: url('126400-old-parchment-texture-background.jpg');
	background-size: 100% 100%;
	
	
	box-shadow: 0.25em 0.25em 0.25em black;
	font-size:125%;
	table-layout:fixed;
	position:relative;
	width:45em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:2em;
	border-spacing:0 em;
	border-collapse:separated;
	border: 3px solid grey;
	border-radius:0.5em;
	background-color: #FDF6E3;
 	margin-left: auto;
  	margin-right: auto;
  	margin-top: 0;
  	padding-top: 0;
}
.tabclientdetailadd input[type="text"] {
	font-size:90%;
}
.tabclientdetailadd textarea {
	font-size:90%;
	-webkit-appearance: none;
	   font-family: Trebuchet MS, Helvetica, Verdana;
   font-size: inherit;
}
.tabclientdetailadd2 {
	
	table-layout:fixed;
	position:relative;
	width:43em;
  	
}
.tabclientdetailadd2 input[type="text"] {
	font-size:90%;
	
	margin-bottom: 0.10em;
}
.tbtablerowaddclient {
	table-layout:fixed;
	position:relative;
	margin:0;
	padding:0;
	border-spacing: 0;
}
.tabclientdetailadd2 textarea {
	font-size:90%;
	   font-family: Trebuchet MS, Helvetica, Verdana;
   font-size: inherit;
   -webkit-appearance: none;
}
.tabrowaddclient0
{
	overflow:hidden;
	white-space:normal;
	
	opacity:1;
	
	
	color:black;
	
	
}
.tdclientadd1, .tdclientadd2, .tdclientadd3, .tdclientaddaddress, .tdclientaddtopspace, .tdclientadd1withtopspace, .tdclientadd2withtopspace, .tdclientadd3note, .tdclientadd1padleft, .tdclientaddtopspaceonly
{
	background-color: transparent;
	
	overflow:hidden;
	
	
	
	text-align:left;
	
	vertical-align: middle;
	
}
.tdclientadd1padleft {
	border-right: 0;
	border-left: 0;
	overflow-wrap:anywhere;
	padding-left: 1em;
	padding-right: 1em;
	
}
.tdclientaddheader {
	background-color: transparent;
	color:black;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	
	text-align:center;
	
	vertical-align: middle;
}
.tdclientadd1
{
	
	border-right: 0;
	border-left: 0;
	overflow-wrap:anywhere;
	
	
}
.tdclientadd2
{
	overflow-wrap:anywhere;
	border-right: 0;
	border-left: 0;
	
	text-align:center;
}
.notif {
	width: 5em;
	
	
	margin-right: auto;
}
.tdclientadd3
{
	overflow-wrap: anywhere;
	border-right: 0;
	border-left: 0;
	
	
}
.tdclientadd3note
{
	overflow-wrap: anywhere;
	border-right: 0;
	border-left: 0;
	
	width:95%;
	align-items: center;
	margin-left: auto;
	text-align:center;
	margin-right: auto;
}
.cellnotifwidth {
	width:11em;
	
	
}
.cellnotifcheckboxwidth {
	width:10.5em;
	
	
}
.emailnotifwidth {
	width:20em;
	
	
}
.emailnotifcheckboxwidth {
	width:19.5em;
	
	
}
.checkboxclientaddwidth {
	width:3em;
	height:2em;
}
.addleftpaddingsmall {
	padding-left: 1em;
}
.tdclientadd1withtopspace
{
	
	border-right: 0;
	border-left: 0;
	overflow-wrap:anywhere;
	
	padding-top: 2em;
}
.tdclientadd2withtopspace
{
	overflow-wrap:anywhere;
	border-right: 0;
	border-left: 0;
	padding-top: 2em;
	text-align:center;
}
.tdclientaddaddress {
	overflow-wrap: anywhere;
	border-right: 0;
	border-left: 0;
	padding-bottom: 2em;
	
	
	
}
.tdclientaddtopspace {
	overflow-wrap: anywhere;
	border-right: 0;
	border-left: 0;
	padding-top: 2em;
	
	
	
}
.tdclientaddtopspaceonly {
	overflow-wrap: anywhere;
	border-right: 0;
	border-left: 0;
	padding-top: 2em;
	
	
	
}

.widthlarge {
	width:25em;
	
}
.tabrowaddclientnote
{
	overflow:hidden;
	white-space:normal;
	
	opacity:1;
	text-align:left;
	
	color:black;
	padding-left:1em;
	
}
.tdclientaddrow61 .tdclientaddrow62
{
	background-color: #FDF6E3;
	
	color:black;
	
	text-align:left;
	
	
	
	vertical-align: top;
	
}
.tdclientaddrow61
{
	
	border-right: 0;
	border-left: 0;
	overflow-wrap:anywhere;
	padding-top: 1em;
}
.tdclientaddrow62
{
	border-right: 0;
	border-left: 0;
	overflow-wrap:anywhere;
	
	
}
.tdclientaddleft {
	
	padding-left:1em;
	
	
	
	
	
}
.tdclientaddright {

	
	
	width:25em;
	
	
	
}
.radio-container {
	
	display:inline;
}
.radio-container input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-container label {
    display: inline-block;
    background-color: #FDF6E3;
    padding: 10px 20px;
    font-family: Trebuchet MS, Helvetica, Verdana;
    font-size: 100%;
    border: 3px solid grey;
    border-radius: 4px;
    color: graytext;
}


.radio-container label:hover {
  background-color: #FDF6E3;
}
.radio-container input[type="radio"]:focus + label {
    border: 3px dashed grey;
}
.radio-container input[type="radio"]:checked + label {
    background-color:#FFAE1E;
    border-color: #FFAE1E;
    color: white;
}


#clientaddnoteid {
	
	
}


/* ADD CLIENT END*/


.textareaexpand {
  display: block;
  width: 10em;
  overflow: visible;
  resize: vertical;
  min-height: 2em;
  line-height: 2em;
  overflow-wrap: break-word;
}

.textareaexpand[contenteditable]:empty::before {
  content: "";
  color: gray;
}





input[type="date"]::-webkit-clear-button {
    display: none;
}

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button { 
    display: none;
}

/* Always display the drop down caret */
input[type="date"]::-webkit-calendar-picker-indicator {
    color: #2c3e50;
}

/* A few custom styles for date inputs */
input[type="date"] {
    width 9em;
    appearance: none;
    -webkit-appearance: none;
    color: white;
    font-family: Trebuchet MS, Helvetica, Verdana;
    font-size: 150%;
    border:1px solid #ecf0f1;
    background:white;
    padding:5px;
    display: inline-block !important;
    visibility: visible !important;
    font-weight: bold;
}

input[type="date"], focus {
    color: #white;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}


.rosearchtable{
	table-layout:fixed;
	position:relative;
	width:100%;
	
}
.clientrowtable {
	padding-top: 1em;
}
.checkboxrow {
	padding-top: 0.5em;
}
.fullpagecontentdiv {
	width: 95%;
	min-width:30em;
	
	transition:0.3s;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 0.5em 0.5em 0.5em black;
	
	position:relative;
	
	
	border-radius:1em;
	border:2px solid grey;
	background-color:rgba(48,69,92,0.9);
	
	margin-top:8em;
	margin-bottom: 5em;
	

}
.fullpagecontentgiftcarddiv {
	width: 95%;
	min-width:30em;
	height:auto;
	transition:0.3s;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 0.5em 0.5em 0.5em black;
	
	position:relative;
	
	
	border-radius:1em;
	border:2px solid grey;
	background-color:white;
	/*background-color:rgba(48,69,92,0.9);*/
	margin-top:8em;
	margin-bottom: 5em;
}
.giftcardmaincontent {
	height:auto;
}
.fullpagecontentmobilediv {
	width: 95%;
	min-width:30em;
	
	transition:0.3s;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 0.5em 0.5em 0.5em black;
	
	position:relative;
	
	
	border-radius:1em;
	border:2px solid grey;
	background-color:rgba(48,69,92,0.9);
	
	margin-top:8em;
	margin-bottom: 7em;
	

}
.logincontentdiv {
	
	width: 30em;
	
	transition:0.3s;
	margin-left:auto;
	margin-right:auto;
	
	box-shadow: 0.5em 0.5em 0.5em black;
	
	position:relative;
	
	
	border-radius:1em;
	border:2px solid grey;
	background-color:rgba(48,69,92,0.9);
	
	margin-top:8em;
	margin-bottom: 5em;
	

}
.greylineseparator {
	width:100%;
	height:0.25em;
	background-color:gray;
}
.sertvicesmaincontent {
	position:relative;
	display:block;
	width:100%;
	
	
	
}
.homemaincontent {
	position:relative;
	display:inline-block;
	width:100%;
	vertical-align:middle;
	height: auto;
    
	
}
.appointmentmaincontent {
	position:relative;
	display:block;
	width:100%;
	padding-bottom: 1em;
	background-color:white;
	
	border-bottom-right-radius:1em;
	border-bottom-left-radius:1em;
	/*border:2px solid grey;*/
}
.ventemaincontent {
	position:relative;
	display:block;
	width:100%;
	
	
	
}
.giftcardmaincontent {
	position:relative;
	display:block;
	width:100%;
	height:auto;
	
	
}
.ventedescrdiv {
	margin-top: 2em;
	margin-left: 2em;
}
.loginmaincontent {
	position:relative;
	display:block;
	
	
}
.leftabout {
	width:100%;
	heigth:100%;
	margin:0;
	padding:0;
	
}
.rightabout {
	width:100%;
	height: 100%;
	
	
	border-bottom-right-radius: 1em;
	border:0;
	margin:0;
	padding:0;
}
.innerabouttable {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	table-layout:fixed;
}
.innerabouttabletd {
	margin:0;
	padding:0;
	width: 100%;
}
.innerappointmenttable {
	
	height:100%;
	
	margin-left:auto;
	margin-right:auto;
	padding:0;
	table-layout:fixed;
}
.innerappointmenttable input[type="text"] {
	font-size:150%;
	width: 25em;
}
.innerappointmenttable textarea {
	font-size:150%;
	width:25em;
	-webkit-appearance: none;
	   font-family: Trebuchet MS, Helvetica, Verdana;
  
   height: 25em;
}
.innerappointmenttabletdleft {
	
	
	text-align: right;
}
.innerappointmenttabletdright {
	
	width: 25em;
	text-align: left;
}
.innerappointmenttabletdlefttext {
	padding-right: 2em;
	
	
}
.innerappointmenttabletdrighttext {
	
	width: 25em;
	
}
.innerappointmenttabletd {
	margin:0;
	padding:0;
	
}
.btnsendmail {
	margin-top:32px;
	margin-bottom:32px;
	
	font-size:200%;
	width:8em;
	height:3em;
	border-radius: 8px;
}
/* makes images responsive */
.bannerimg {
	width: 100%;
	
	position: relative;
}
.mobileshopimgdiv {
	
	
	
	position: relative;
	
}
.mobileshopimg {
	width: 96%;
	marging:2%;
	position: relative;
}
/* takes care of clearing the floats */
#slideshow:after {
	content: "";
	display: table;
	clear: both;
}

/* hides the images not being shown */
#slideshow img {
	float: left;
	margin: 0 -100% 0 0;
}

#homeimg1 {
	
	    float:left;
 	margin: 1em;
 	width:50%;
 	padding: 2em;

	
}
#homeimg11 {
	
	    float:left;
 	margin: 1em;
 	width:50%;
 	padding: 2em;

	
}
#homeimg2 {
	
	    float:right;
 	margin: 1em;
 	width:50%;
padding: 2em;
	
}
#homeimg22 {
	
	    float:right;
 	margin: 1em;
 	width:50%;
padding: 2em;
	
}
#homeimg000, #homeimg00, #homeimg0, #homeimg4, #homeimg5, #homeimg6  {
	
	
 	margin: 0em;
 	width:100%;
	padding: 0em;
	
}
#homeimg3 {
	
	margin:0em;
 	width:100%;
	padding-bottom: 2em;
	
}
#homeimg10 {
	width:60%;
	
 	margin-left: 0;
 	margin-right: auto;
	
	
}#homeimg11 {
	
	margin:0em;
 	width:40%;
	
	
}
.hometextcontent {
	font-size: 180%;
	text-align: left;
	margin: 1em;
	
}
.hometextcontenttb {
	table-layout:auto;
	position:relative;
	display:inline-block;
	
	border-collapse:separated;
}
.hometextcontentmbtb {
	table-layout:auto;
	position:relative;
	display:inline-block;
	
	border-collapse:separated;
}
.tdhomecontentimagepartial {
	vertical-align: middle;
	
}
.tdhomecontenttext {
	width:100%;
}
.tdhomecontentimagefull {
	
	
}
.tdhomecontentbuttonfull {
	width:100%;
	vertical-align: middle;
	margin-left: auto;
}
.tdhomecontentimagemb1full {
	width:40%;
	height:15em;
}
.tdhomecontentimagemb2full {
	width:20%;
	
}
.tdhomecontentimagemb3full {
	width:40%;
	
}
.trhometextcontent  {
	vertical-align: middle;
}

.servicestextcontent {
	font-size: 180%;
	text-align: left;
	margin: 1em;
	
}
.tbserviceslist{
	table-layout:auto;
	position:relative;
	display:inline-block;
	width:100%;
	border-collapse:separated;
}
.tdserviceslist{
	
	width:50%;
	
}
.tdtitleserviceslist{
	font-size: 150%;
	width:50%;
	
}




/*slideshow test */


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container { 
  width:90%;
  position: relative;
  margin: auto;
  margin-top: 2em;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 200%;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 200%;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 150%;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  
  display: inline-block;
  transition: background-color 0.6s ease;
}
.dotslideshow {
	padding-bottom:2em;
	
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}