@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Tangerine:wght@700&display=swap');
html,
body {
	width: 100%;
	height: 100%;
	font-size:14px;
	margin:0;
	font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
	color:#888;
}
.defaultbody {
  height: 100vh;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.defaultimage1{background: url(/images/bg01.jpg) no-repeat center center fixed;}
.defaultimage2{background: url(/images/bg02.jpg) no-repeat center center fixed;}
.defaultimage3{background: url(/images/bg03.jpg) no-repeat center center fixed;}

h1{	
		font-family:'Tangerine',arial;
		text-align: center;
		font-size: 50px;
		font-weight: 600;
		/*display:inline-block;
		/*margin: 40px 8px 10px 8px; */
		color: #069;
		padding-top:15px;
}
h2{
    font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	 font-style: italic;
	 font-size:44px;
	 color:#333;
}
h3{
    /*font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	 font-style: italic;*/
	 font-weight:bold;
	 color:#333;
    font-size: 32px;
}
h4{
/*    font-family: 'Playfair Display', Helvetica, Arial, Lucida, sans-serif;
	 color:#666;*/
	 font-weight:bold;
	 color:#666;
    font-size: 26px;
}
h5{font-weight:bold;}
a{
  color: #069;
  display:inline-block;
  text-decoration: none;
  font-weight: 400;
}
a:hover{
	color:#036;	
	text-decoration:none;
}
.center{text-align:center;}
.left{text-align:left;}
.leftcenter{text-align:left;}
.right{text-align:right;}
.rightcenter{text-align:right;}
.justify{text-align:justify;}
.centerimg{width: 100%;display: block;margin-left:auto;margin-right:auto;}
.floatleft{float:left;}
.floatright{float:right;}
.clear{clear:both;}
.bold{font-weight:bold;}
.margin10{margin:10px;}
.margintop5{margin-top:15px;}
.colorblack{color:#000;}
.colorwhite{color:#FFF;}
.bgwhite{background-color:#FFF;}
.bgblack{background-color:#000;}
.colorred{color:#D40000;}
.header{font-size:29px;}
.subtitle{font-size:20px;}
.fontsize16{font-size:16px;}
.contactinfo{font-size:20px;color:#333;}
.currentpage{background-color:#700;}
.blackline{height:10px;background-color:#000;}
.noline{border:0px;font-weight:bold;}
.minheight100{min-height:100px;}
.minheight50{min-height:50px;}
.nobr	{ white-space:nowrap; }
.customPreviousBtn,.customNextBtn{cursor:pointer;}
.strike{text-decoration: line-through}
.colorred{color: #D40000}
.pointer{cursor:pointer;}
.facebookround{color:#3b5998;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.facebookround:hover {color:#1b3978;}
.twitterround {color:#00acee;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.twitterround:hover {color:#008cCe;}
.facebook {color: #fff;background-color: #3b5998;}
.facebook:hover {color: #fff;background-color: #1b3978;}
.twitter {color: #fff;background-color: #00acee;}
.twitter:hover {color: #fff;background-color: #008cCe;}
.pinterest {color: #fff;background-color: #bc0d1e;}
.pinterest:hover {color: #fff;background-color: #9c0b0d;}
.imagetn{width:100%;max-width:100px;margin:10px;}
.bgoption{background-color:#EEE;padding:10px;} 
select{padding:5px;}
.shadow{
	text-shadow: 1px 1px 1px #000000;	
	filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=1,color=000000);
}
.centercol{width:100%;max-width:1250px;margin:0 auto;padding:0 5px;}
.box{padding:20px 0;}
.button{
	padding:4px 8px;
	color:#FFFFFF;
	background-color:#069;
	font-size:16px;
	border:0px solid #FFFFFF;
	border-radius:7px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
	 margin-bottom:20px;
	 cursor:pointer;
}
.button:hover{
	background-color:#036;
	color:#FFF;
}
.button:focus{outline:none}
.bsmall{
	padding:5px 10px;
	font-size:14px;	
}
.bssmall{
	padding:3px 6px;
	font-size:12px;	
	margin-bottom:5px;
}

.bbig{
	padding:12px 20px;
	font-size:24px;	
}
.bgreen{background-color:#28a745;}
.bgreen:hover{background-color:#087715;}
.borange{background-color:#C60;}
.borange:hover{background-color:#930;}
.bred{background-color:#900;}
.bred:hover{background-color:#600;}


/*SORTABLE MENU*/
			.dd{position:relative;display:block;margin:0;padding:0;max-width:600px;list-style:none;font-size:13px;line-height:20px}.dd-list{display:block;position:relative;margin:0;padding:0;list-style:none}.dd-list .dd-list{padding-left:30px}.dd-empty,.dd-item,.dd-placeholder{display:block;position:relative;margin:0;padding:0;min-height:20px;font-size:13px;line-height:20px}.dd-handle{display:block;height:30px;margin:5px 0;padding:5px 10px;color:#333;text-decoration:none;font-weight:700;border:1px solid #ccc;background:#fafafa;border-radius:3px;box-sizing:border-box}.dd-handle:hover{color:#2ea8e5;background:#fff}.dd-item>button{position:relative;cursor:pointer;float:left;width:25px;height:20px;margin:5px 0;padding:0;text-indent:100%;white-space:nowrap;overflow:hidden;border:0;background:0 0;font-size:12px;line-height:1;text-align:center;font-weight:700}.dd-item>button:before{display:block;position:absolute;width:100%;text-align:center;text-indent:0}.dd-item>button.dd-expand:before{content:'+'}.dd-item>button.dd-collapse:before{content:'-'}.dd-expand{display:none}.dd-collapsed .dd-collapse,.dd-collapsed .dd-list{display:none}.dd-collapsed .dd-expand{display:block}.dd-empty,.dd-placeholder{margin:5px 0;padding:0;min-height:30px;background:#f2fbff;border:1px dashed #b6bcbf;box-sizing:border-box;-moz-box-sizing:border-box}.dd-empty{border:1px dashed #bbb;min-height:100px;background-color:#e5e5e5;background-size:60px 60px;background-position:0 0,30px 30px}.dd-dragel{position:absolute;pointer-events:none;z-index:9999}.dd-dragel>.dd-item .dd-handle{margin-top:0}.dd-dragel .dd-handle{box-shadow:2px 4px 6px 0 rgba(0,0,0,.1)}.dd-nochildren .dd-placeholder{display:none}

        .dd-hover > .dd-handle {
            background: #2ea8e5 !important;
        }

        .dd3-content {
            display: block;
            height: 30px;
            margin: 5px 0;
            padding: 5px 10px 5px 40px;
            color: #333;
            text-decoration: none;
            font-weight: bold;
            border: 1px solid #f9f9ff;
            background: #F9F9FF;
            /*-moz-box-sizing: border-box; IN COMMENT ON NOV 2023*/
        }

        .dd3-content:hover {
            color: #2ea8e5;
            background: #fff;
        }

        .dd-dragel > .dd3-item > .dd3-content {
            margin: 0;
        }

        .dd3-item > button {
            margin-left: 30px;
        }

        .dd3-handle {
            position: absolute;
            margin: 0;
            left: 0;
            top: 0;
            cursor: pointer;
            width: 30px;
            text-indent: 30px;
            white-space: nowrap;
            overflow: hidden;
            border: 1px solid #036;
            background: #036;
            /*background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
            background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
            background: linear-gradient(top, #ddd 0%, #bbb 100%);*/
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .dd3-handle:before {
            content: '≡';
            display: block;
            position: absolute;
            left: 0;
            top: 3px;
            width: 100%;
            text-align: center;
            text-indent: 0;
            color: #fff;
            font-size: 20px;
            font-weight: normal;
        }

        .dd3-handle:hover {
            background: #069;
        }
/* END SORTABLE MENU */


.smallfield {
    width: 60px;
    text-align: center;
}
@media only screen and (max-width : 767px) {
	.rightcenter{text-align:center;}
	.leftcenter{text-align:center;}
}
#copyright{
	background-color:#222;
	margin:0;
	padding:20px 0;
	color:#666;	
	font-size:12px;
}
#copyright a{
	color:#999;	
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;	
}
#copyright a:hover{
	color:#FFF;	
}
p{padding:0 5px;}

.btn-empty{
	border:1px solid #b46d70;
	color:#b46d70;
	padding:10px 15px;
	font-weight:bold;
	font-size:14px;
	background-color:#FFF;
}
.btn-empty:hover{
	background-color:#b46d70;
	color:#FFF;
	cursor:pointer;
}
.moveout{position:absolute;left:-3000px;top:-3000px}


/*CASE PAGE*/
.max200{width:100%;max-width:200px;background-color:#FCFCFC;}
.max300{width:100%;max-width:300px;background-color:#FCFCFC;}
.max400{width:100%;max-width:400px;background-color:#FCFCFC;}

.user-input-wrp {
	position: relative;
	width: 50%;
}
.user-input-wrp .inputText{
	width: 100%;
	outline: none;
	border:none;
	border-bottom: 1px solid #777;
 	box-shadow: none !important;
}
.user-input-wrp .inputText:focus{
	border-color: blue;
	border-width: medium medium 2px;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 18px;
	left: 10px;
	transition: 0.2s ease all;
}
.user-input-wrp input:focus ~ .floating-label, .user-input-wrp input:not(:focus):valid ~ .floating-label{
	top: 0px;
	left: 0px;
	font-size: 13px;
	opacity: .6;
}
.form-control{outline: none;border-top:none;border-right:none;border-left:none;border-radius:1px;}
.form-control:focus{
    border-top:none;border-right:none;border-left:none;
    border-bottom: 2px solid #00F;
    outline: none;	
}
td{padding:5px;}

.submenubar{background-color:#036;}
.submenubar a{color:#FFF;}
.submenubar a:hover{color:#CCC;}
.submenuactive{font-weight:bold;color:#CCF !important;}

.casequickview{border:1px solid #069;padding:10px;margin:20px 0;}


/*END CASE PAGE*/


.hidden{display:none;}
.row{margin-left:0;margin-right:0;}
.businessTitle{font-weight:bold;font-size:20px;}

.titlebar{background-color:#333;color:#FFF;font-size:16px;padding:6px;}
.lefttd{text-align:right;width:200px;}
.lefttd300{text-align:right;width:300px;}
.form-check-input {margin-top:-9px;}
#successmessage{z-index:100000;background-color:#090;color:#FFF;font-size:14px;font-weight:bold;position:fixed;right:20px;top:0px;padding:10px 30px;border-radius:3px;border-bottom:5px solid #0F0;display:none;}
#errormessage{z-index:100000;background-color:#900;color:#FFF;font-size:14px;font-weight:bold;position:fixed;right:20px;top:0px;padding:10px 30px;border-radius:3px;border-bottom:5px solid #F00;display:none;}
#errorbar{z-index:100000;background-color:rgba(180,0,0,.9);color:#FFF;font-size:14px;font-weight:bold;position:fixed;right:0px;bottom:0px;padding:10px 10px;width:100%;text-align:center;display:none;}
.textlightgrey{color:#BBB;}

/*PRICELIST*/
.tableproduct{text-align:left;}
.categorytitle{font-weight:bold;font-size:24px;text-align:center;}
.zebra tr:nth-child(even) {background-color: #f2f2f2;}
#quickaddresult{border:1px solid #666;padding:10px;display:none;}
.addbutton{color:#090}.addbutton:hover{color:#0C0}
.editbutton{color:#F90}.editbutton:hover{color:#FC0}
.deletebutton{color:#900;}.deletebutton:hover{color:#C00;}
.disabledbutton{color:#999;}
.divaddbutton{position:fixed;right:20px;bottom:50px;}
.servicestr{height:45px;}
#ModalHelp li{line-height: 2;}

.movecursor{cursor:move;margin:20px 0;}
.movecursor div{text-align:left;}

.lightgrey{color:#CCC;}
.lightgrey:hover{color:#666;}
.orangebutton{background-color:#F90;}
.orangebutton:hover{background-color:#D70;}
.lightbluebutton{background-color:#4AD;}
.lightbluebutton:hover{background-color:#036;}

#caseheader{position:relative;background-color:#EEE;padding:15px 5px;}
#addcase{position:absolute;top:10px;right:10px;}


.modal-confirm {		
	color: #636363;
	width: 400px;
}
.modal-confirm .modal-content {
	padding: 20px;
	border-radius: 5px;
	border: none;
	text-align: center;
	font-size: 14px;
}
.modal-confirm .modal-header {
	border-bottom: none;   
	position: relative;
}
.modal-confirm h4 {
	text-align: center;
	font-size: 26px;
	margin: 30px 0 -10px;
}
.modal-confirm .close {
	position: absolute;
	top: -5px;
	right: -2px;
}
.modal-confirm .modal-body {
	color: #999;
}
.modal-confirm .modal-footer {
	border: none;
	text-align: center;		
	border-radius: 5px;
	font-size: 13px;
	padding: 10px 15px 25px;
}
.modal-confirm .modal-footer a {
	color: #999;
}		
.modal-confirm .icon-box {
	width: 80px;
	height: 80px;
	margin: 0 auto;
	border-radius: 50%;
	z-index: 9;
	text-align: center;
	border: 3px solid #f15e5e;
}
.modal-confirm .icon-box i {
	color: #f15e5e;
	font-size: 46px;
	display: inline-block;
	margin-top: 13px;
}
.modal-confirm .btn, .modal-confirm .btn:active {
	color: #fff;
	border-radius: 4px;
	background: #60c7c1;
	text-decoration: none;
	transition: all 0.4s;
	line-height: normal;
	min-width: 120px;
	border: none;
	min-height: 40px;
	border-radius: 3px;
	margin: 0 5px;
}
.modal-confirm .btn-secondary {
	background: #c1c1c1;
}
.modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus {
	background: #a8a8a8;
}
.modal-confirm .btn-danger {
	background: #f15e5e;
}
.modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus {
	background: #ee3535;
}
.trigger-btn {
	display: inline-block;
	margin: 100px auto;
}

.table1{width:100%;}
.table1 td{padding:5px;}
.table1 tr:nth-child(even) {background-color: #f2f2f2;}
.table2 td{padding:5px 10px;}
.table2 tr:nth-child(even) {background-color: #f2f2f2;}

.dropdown {
   position: relative;
   display: inline-block;
 }
 
.dropdown-content {
   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 12px 16px;
   z-index: 1;
   border:1px solid #EEE;
   line-height:200%;
 }
 
 .dropdown:hover .dropdown-content {
   display: block;
 }