.item1 { grid-area: sidr;
   display: flex;
   align-items: stretch;
}
.item2 { grid-area: bodr1;

    
}
.item3 { grid-area: bodr2; }
.item4 { grid-area: bodr3; }
.item5 { grid-area: bodr4; }
.item6 { grid-area: bodr5; }
.item7 { grid-area: bodr6; }

.itemenu {grid-area: bodrm; }
.menuhead {grid-area: bodrh; }

.itemclient {
    background-color: #fff;
    margin: 10px;
    border: 1px solid #959595;
    border-radius: 8px;
    padding: 10px;
    
}


.itemclientmod{grid-area: iclientmod;}
.acctacomm{grid-area: acctacomm;}
.itemproducts{grid-area: itemproducts;}

.searchb{grid-area: searchbullet;}
.recb{grid-area: recentbullet;}
.dealercomm{grid-area: dealercomm;}
.paybullet{grid-area: pbullet;}
.productbullet{grid-area: prodobullet;}
.startbullet{grid-area: sbullet;}

.sendcomm{grid-area: sendcomm;}
.admincomm{grid-area: admincomm;}
.sublister{grid-area: sublister;}
.item8 { grid-area: bodr8;


    display:none;
}




.item8a { grid-area: bodr8;

    display:none;
}

.item9{ grid-area: bodr9;
display:none;
   
}

.item9a{ grid-area: bodr9a;
display:none;
   
}

.item10{ grid-area: bodr10;
 display:none;
   
}

.item11{ grid-area: bodr11;
 
   
}

.item11a{ grid-area: bodr11a;
 
  
}

.itemusercon{ grid-area: bodr12;
 width:1076px;

 margin: 6px auto;
 padding: 4px 0;
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 
}

.locationcon{ grid-area: bodr12a;
 width:1076px;
 
 
 margin: 6px auto;
 padding: 10px 0;
 
 flex-wrap: wrap;
 align-items: center;
 justify-content: center;
 display:none;
}

.item11a{ grid-area: comment;
 
  
}



#surveys{ grid-area: survey;
 
  
}

.flexline{
    display:flex;
    align-items: center;
    padding:10px 0;
}

#dealermess1{
    
    width: 90%;
}

#clickdate1{
    
    font-size: 17px;
}

#locacontainer{
    
   flex-wrap: wrap;
    align-items: center;
 
 width:1058px;
  margin: 0 auto;
}

#usercontainer{
    display:flex;
   flex-wrap: wrap;
    align-items: center;
  width:1058px;
  margin: 0 auto;
}


.allgross{ grid-area: bodr13;
  display:none;
   
}

#allgross{
    
  margin-bottom:12px;  
}

#allpv{
  width: 708px;  
 margin-right:15px; 
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
}

.item12 { grid-area: sidrr;
   display: flex;
   align-items: stretch;
}

.item4a{ grid-area: bodr14;
 display:none;
   
}

.item13 { grid-area: bodr15;
   
}

.item14 {
    grid-area: bodr16;
     display:none;
}

#item140{ grid-area: bodrhow;
   
}



.griddash {
  display: grid;
  grid-template-areas:
    'sidr bodr1 sidrr'
    'sidr comment sidrr'
    'sidr bodrh sidrr'
    'sidr iclientmod sidrr'
   
    'sidr pbullet sidrr'
    'sidr sbullet sidrr'
    'sidr prodobullet sidrr'
    'sidr dealercomm sidrr'
    
     
     
    'sidr survey sidrr'
    'sidr itemproducts sidrr'
    
    'sidr acctacomm sidrr'
   
    'sidr sendcomm sidrr'
    'sidr admincomm sidrr'
     'sidr sublister sidrr'
    
   
    'sidr bodr6 sidrr'
   
    
    'sidr bodrm sidrr'
    'sidr bodr15 sidrr'
    'sidr bodr2 sidrr'
    'sidr bodr13 sidrr'
    'sidr bodr14 sidrr'
    'sidr bodr4 sidrr'
    'sidr bodr5 sidrr'
    'sidr bodr3 sidrr'
    
    
    'sidr bodr12 sidrr'
    'sidr bodr12a sidrr'
    
    
    'sidr bodr8 sidrr'
    'sidr bodr9 sidrr'
    'sidr bodr9a sidrr'
    'sidr bodr10 sidrr'
    'sidr bodr11 sidrr'
    'sidr bodr11a sidrr'
    'sidr bodrhow sidrr'
    
    'sidr bodr16 sidrr';
    
    
  padding: 0px 0 5px 0 ;
  
  background-color: #ffffff;        
  
  margin: 0 auto;
  position: relative;
  z-index: 5;
  column-gap: 13px;
}

.griddash > div {
  
  
}
 
.sidr {
    max-width:200px;
}


.tutorialBullet{
   border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0 -5px;
    border-radius: 5px; 
   background-color:#fff;
}


#gotitx{
   display: none;
    float: right;
    padding: 8px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b1acac;;
    border-radius: 3px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    cursor: pointer;
     box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 6px -10px;
    margin-top: 10px;
    position: absolute;
    bottom: 20px;
    right: 20px; 
    
}

.gotitx2{
    display:flex;
    float: right;
    padding: 8px;
    font-size:14px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b1acac;
    border-radius: 3px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 6px -10px;
    margin-top: 15px;
    margin-right:15px;
    position:relative;
    z-index:100;
    background-color: #fff;
    
}

#yesornox{
 display: none;
    float: right;
    padding: 8px;
    align-items: center;
    justify-content: center;
    color: rgb(119, 119, 119);
    position: absolute;
    bottom: 10px;
    right: 10px;   
    
}

#clientcommentx{
   color: #000;
    width: 98.5%;
    border-color: #555;
    font-size: 14px;
    font-weight: bold;
    padding: 10px; 
    
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #444;
	font-weight:bold;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #444;
    font-weight:bold;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #444;
    font-weight:bold;
}

.conta{
    position: relative;
    Width: 512px;
    
}


.lftside{
 height:100%    
    
}

.side{
     background-color: #ffffff;
     
     border-right: 1px solid #b2b2b2;
     position: relative;
     float: right;
     margin-right: 6px;
     width:140px;
     
     height:100%;
     
}


.sidel{
     background-color: #ffffff;
     margin-left: 6px;
     border-left: 1px solid #b2b2b2;
     position: relative;
     float: right;
     width:140px;
    
     
}

.dateent{
    padding: 2px 10px 5px;
    position: absolute;
    z-index: 100;
    width: 140px;
    margin-left: 7px;
    background-color: #fff;
    display:none;
}

.logent{
    padding:18px 30px 10px;
    position:absolute;
    z-index: 100;
    width: fit-content;
    background-color: #fff;
    top:30px;
    border: 2px solid #333333;
    margin-top: 24px;
   
    display:none;

}

.preprice{
    color:#777;
   text-decoration: line-through; 
}

.prepri{
   display:inline-block; 
  margin-right: 10px;
}

.costin{
  width: 75px
}
     


.moduletable-yellow a{
color: #ffffff;
    font-size: 16px;
   
	line-height: 135%;
}

.moduletable-yellow {
	margin: 2px;

}

.moduletable-green a {
	color: #ffffff;
    font-size: 16px;
   
	line-height: 135%;
}

.dactivebtn {
    background-color: #f24607;
    border-radius: 5px;
    width: fit-content;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
     margin: 0 auto;
}

.reeditbtn {
    background-color: #ffffff;
    border-radius: 5px;
    width: fit-content;
    padding: 5px 10px;
    color: #555;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #ccc;
    
}

.reactivebtn {
    background-color: #0597f2;
    border-radius: 5px;
    width: fit-content;
    padding: 5px 10px;
    color: #ffffff;
    cursor: pointer;
     margin: 0 auto;
}


.moduletable-green {
	margin: 10px;
	
}

.moduletable-blue a{
	color: #333;
    font-size: 12px;
    background-color:#ffffff;
   line-height: 200%;
    text-align: justify;
    padding: 10px 0 0 52px;
}

.moduletable-white a{
    color:#555;
	padding: 15px 20px 15px 34px;
    font-size: 13px;
	line-height: 1.8;

}

.moduletable-white1 a{
    color:#555;
	
	font-size:14px;


}

.moduletable-white2 a{
  padding: 15px 0;
    text-align: center;
    margin-left: 46px;
    
}


.moduletable-blue {

    margin: 0 auto;
    width: 248px;
}

.moduletable-red a {
	color: #333;
    font-size: 16px;
  
	line-height: 135%;
}

.moduletable-red {
	margin: 10px;

}

.moduletable-grey a {
	color: #3B516B;
	
	line-height: 135%;
}

.moduletable-grey {
	margin: 0px;

}

.dashtitle{
    color:#ffffff;
    font-size: 16px;
    display:inline-block;
    font-weight: 700;
    width:100px;
   text-align: left;
   padding-left: 20px;
}

.formHorizontal{
    float:left;
}

.tablebookeda{
  width:970px;  
}


.bluetext{
    color:#0597f2;
}

#register{
font-size: 16px;
    color: #ffffff;
    background-color: #49D907;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    margin: 10px 0;
    padding: 10px 20px;    
    
}

#registerp{
font-size: 16px;
    color: #ffffff;
    background-color: #49D907;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 20px;    
    
}

#registerd{
font-size: 16px;
    color: #ffffff;
    background-color: #49D907;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 20px;    
    
}

#cancel{
font-size: 16px;
    color: #ffffff;
    background-color: #F24607;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 20px;    
    
}

.rsform-reset-button{
background-color: #f24607;
    color: #FFFFFF;
    
}


.fintempbutton{
    display: flex;
    align-items: center; 
    justify-content: center;
   cursor: pointer;
   background-color: #ffffff;
   border: 2px solid #f24607;
    border-left: 0px solid #f24607;
    border-right: 0px solid #f24607;
    border-top: 0px solid #fbc0aa;
    color: #444;
    padding: 6px 0 8px;
    /*box-shadow: rgb(0 0 0 / 18%) 0px 14px 6px -10px;*/
    font-weight:bold;
    font-size:13px;
    border-radius: 2px;
    
}

.cashtempbutton{
     display: flex;
    align-items: center; 
    justify-content: center;
   cursor: pointer;
   background-color: #ffffff;
    border: 2px solid #0597f2;
    border-left: 0px solid #0597f2;
    border-right: 0px solid #0597f2;
    border-top: 0px solid #a3d9fa;
    color: #444;
    padding: 6px 0 8px;
    /*box-shadow: rgb(0 0 0 / 18%) 0px 14px 6px -10px;*/
    font-weight:bold;
    font-size:13px;
    border-radius: 2px;
}

.leasetempbutton{
     display: flex;
    align-items: center; 
    justify-content: center;
   cursor: pointer;
   background-color: #ffffff;
   border: 2px solid #49d907;
    border-left: 0px solid #49D907;
    border-right: 0px solid #49D907;
    border-top: 0px solid #b4ef99;
    color: #444;
    padding: 6px 0 8px;
   /* box-shadow: rgb(0 0 0 / 18%) 0px 14px 6px -10px;*/
    font-weight:bold;
    font-size:13px;
    border-radius: 2px;
}

#finmoda{
   
    min-width:380px;
}

#cashmoda{
   
    min-width:380px;
}

#leasemoda{
   
    min-width:380px;
}





#cancelp{
font-size: 16px;
    color: #ffffff;
    background-color: #F24607;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 20px;    
    
}

#canceld{
font-size: 16px;
    color: #ffffff;
    background-color: #F24607;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 10px;
    margin: 10px;
    padding: 10px 20px;    
    
}

#closedate1{
    width:16px;
    margin: 0;
}

.dashtitledark{
    font-size: 14px;
     color:#555;
    padding: 10px 0 0;
}

.dashtitledarker{
    font-size: 16px;
   text-align:center;
     color:#555;
    padding: 10px ;
    font-weight: bold;
}

.menutitles{
    font-size: 11px;
    margin: 0 0 0 38px;
    color: #000;
    cursor: pointer;
    display: flex;
    
  
    border-bottom: 1px solid #ccc;
}

.menutitlesadmin{
    font-size: 11px;
    padding: 22px 0 ;
    margin: 1px 0 1px 37px;
    color: #000;
   border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    cursor: pointer;
   
    
    text-align:center;
}

.menut{
   background-color: #f3f3f3;
   font-weight:900;
    margin-left: auto;
    padding: 7px 0;
    width: 96px;
    
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
}

.menutpage{
  background-color: #ffffff;
    box-shadow: inset -6px 0px 6px -5px rgb(0 0 0 / 20%);
    margin-left: auto;
    padding: 7px 0;
   width: 96px;
    border-right: 1px solid #333333;
    color: #333;
}


.menublock{
   
    background-color: #ffffff;
    font-size: 13px;
    text-align: center;
    margin-right: -1px;
    margin-left: 37px;
    border-left: 2px solid #444444;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #000;
    font-weight: 800;
    padding: 22px 0;
    cursor: pointer;
    
}

#menublock1{
    
 -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
 position: relative;  
}

#menublock2{
    
 -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
 position: relative;  
}

#menublockbtm{
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.menublockpage{
   padding: 22px 0;
    background-color: #ffffff;
    font-size: 13px;
    text-align: center;
    margin-left: 37px;
    border-left: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    color: #000;
   
   cursor: pointer;
    
}

.meninsblock{
   
   padding: 1px 0;
   margin-right: 6px; 
}

.menins{
  
    padding: 1px 0;
    margin-right: 0px;
}



.menublock2{
    padding: 12px;
    background-color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin-right: -2px;
    margin-left: 36px;
    border-left: 2px solid #b1acac;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #555;
    margin-top:-2px;
   
    display:none;
}

.menublock2un{
    padding: 12px;
    background-color: #ffffff;
    font-size: 12px;
    text-align: center;
    margin-right: 0px;
    margin-left: 36px;
    border-left: 2px solid #b1acac;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    color: #555;
    margin-top:-1px;
   
    
    display:block;
}

#menupane{
   max-height: 50vh;
    overflow: auto;
    overflow-x: hidden;
    margin-right:-1px;
    direction: rtl;
}

#userstabs{
    
margin-left: 26px;
-webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;

}

#locationtabs{
    
margin-left: 26px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#contoltab{
    
margin-left: 26px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#dirmenu{
    
margin-left: 26px;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}


.producertitle{
   font-size: 12px;
    padding: 10px 0 ;
    text-align: center;
    color: #555;
    cursor: pointer;
    background-color: #f3f3f3;
    border-left: 12px solid rgb(255 255 255);
    border-bottom:1px solid #fff;
    
    
    display:none;
}

.locationtitle {
    font-size: 12px;
    padding: 10px 0 ;
    text-align: center;
    color: #555;
    cursor: pointer;
    background-color: #f3f3f3;
    border-left: 12px solid rgb(255 255 255);
    border-bottom: 1px solid #fff;
   
    
   
    display:none;
}

.menuselect{
    position: relative;
    z-index: 100;
    padding: 20px 0;
    background-color: #ffffff;
    cursor: pointer;
    border-left: 2px solid #444444;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    margin-right:-1px;
   
    color:#555;
}

.menuselectpage{
   position: relative;
    z-index: 100;
    padding: 15px 20px;
    background-color: #ffffff;
    cursor: pointer;
    color: #777;
    border-left: 2px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    
    
    

}

.menuselectsm{
   margin-left: 32px;
    font-size: 12px;
    color: #000;
    padding: 22px 0;
    text-align: center;
     border-left: 2px solid #b1acac;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
   
    margin-bottom: 1px;
    position: relative;
    z-index: 100;
    background-color: #ffffff;
    cursor: pointer;
    margin-right: -30px;
   
    font-weight:700;
    box-shadow: -3px 8px 6px -6px rgb(0 0 0 / 20%);
}

.menuselectsm2{
   margin-left: 9px;
    font-size: 12px;
    color: #000;
    padding: 19px 0;
    text-align: center;
    border-left: 2px solid #b1acac;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 1px;
    position: relative;
    z-index: 100;
    background-color: #f6f7f9;
    cursor: pointer;
    margin-right: -1px;
   
    font-weight:700;
   
}

.menuunselect{
    position: relative;
    cursor: pointer;
    font-size: 13px;
    padding: 22px 0;
    color: #b1acac;
    cursor: pointer;
    margin-left: 38px;
    text-align: center;
   
}


.menuunselecttab{
   position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #333;
    background-color: #ffffff;
    padding: 22px 0;
    text-align: center;
    margin-left: 43px;
    
    
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
   
    

}

.menuunselecttabpage{
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #999;
     background-color: #fafafa; 
    padding: 15px 0;
    text-align: center;
    margin-left: 11px;
   
}


.menublockun {
    background-color: #ffffff;
    font-size: 13px;
    text-align: center;
    margin-right: -1px;
    margin-left: 36px;
    border-left: 1px solid #333333;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    color: #333;
    padding: 22px 0;
    cursor: pointer;
   
     
}

.dashmenuunselect{
    background-color: #fff;
    border: none;
    margin: 0px 0 0px 2px;
    position: relative;
    cursor: pointer;
    padding: 15px 20px;
   
}

.directorhigh{
   background-color: #fefefe;
    padding: 1px 0;
   
}

.savedtable{
    border-collapse: collapse;
   
}

.savedtable, th,td{
  
  padding: 15px;
  text-align: left;
  
  font-size: 14px;
   min-width:120px;
  margin: 0 auto;
}



.savedtablem, th, td {
    padding: 15px;
    text-align: center;
    
    font-size: 14px;
    min-width:70px;
    margin: 0 auto;
    text-transform: capitalize;
}

.savedtablet, th, td {
    padding: 3px;
    text-align: center;
    
    font-size: 12px;
    min-width: 60px;
   
    cursor:default;
    margin: 0 auto;
    color:#555;
    text-transform: capitalize;
}



.mensearch{
    border-color:#777777;
}

.savedtablet, tr {
   
    border-bottom: 1px solid #ddd;
    
}

.savedtabler th {
    padding: 6px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-spacing: 10px;
   table-layout:fixed;
   white-space:pre;
    font-size: 12px;
  margin: 0 auto;
 
}

.savedtabler td {
  padding: 6px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-spacing: 10px;
   table-layout:fixed;
   white-space:pre;
    font-size: 12px;
   color:#444;
   width: 10%;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   text-transform: capitalize;
}


.regtabler {
   
  margin: 0 auto;
}

.regtabler td {
    padding: 3px;
    text-align: left;
    border-bottom: none;
    border-spacing: 10px;
   table-layout:fixed;
   white-space:pre;
   font-size: 12px;
  margin: 0 auto;
}



.menuheader{
    display:flex;
    font-weight: bold;
    margin: 20px auto;
    text-align: center;
    border-bottom: 1px solid #777777;
    padding: 10px 100px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 14px 6px -10px;
    
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #000;
    
}

.iconhead {
   width: 16px;
   margin-right: 15px; 
   display:none;
    
}

.input5{
    height: 24px;
    margin: 4px 10px 3px;
    border: 1px solid #b1acac;
    font-size: calc(8px + .2vw);
}


.listcontainera{
     height: 800px;
    overflow: auto;
    margin-top: 6px;
}

.itemusercon{
  display:none;
  flex-wrap: wrap;
  padding-left: 0;
  
    
}

.pvr1{
    width: 350px;
    height: 180px;
    background-color: #ffffff; 
}

.cont{
    width: 161px;
    height: 140px;
    background-color: #ffffff;
    border-right: 1px solid #86919E;
    
}

.num{
    margin: 40px 20px 20px;
    font-size: 34px;
    font-weight: 700;
    font-family: Arial Text;
    color: #777;
    text-align: center;
    
}
.num1z{
    margin: 40px 20px 20px;
    font-size: 34px;
    font-weight: 700;
    font-family: Arial Text;
    color: #777;
    text-align: center;
    
}

.tott{
     margin: 30px 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: Arial Text;
    color: #777;
    text-align: center;
    white-space: nowrap;
    
}

.tott1{
     margin: 30px 20px;
    font-size: 20px;
    font-weight: 700;
    font-family: Arial Text;
    color: #777;
    text-align: center;
    white-space: nowrap;
    
}

.toname{
    font-size: 12px;
    color: #777;
    padding: 5px 0 0 5px;
    display:inline-block
}


.toname1{
    font-size: 12px;
    color: #777;
    padding: 5px 0 0 5px;
    display:inline-block;
   cursor: pointer;
}

.toname1loc{
  font-size: 12px;
    color: #fff;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
.intil{
    font-size: 12px;
    color: #fff;
    padding-top: 7px;
    text-align: center;
    cursor: pointer;
    text-transform: uppercase;
    font-weight:bold
}
.circle{
    height: 30px;
    width: 30px;
    background-color: #0597f2;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.circle2{
    height: 30px;
    width: 30px;
    background-color: #49d907;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.circlebig{
    height: 36px;
    width: 36px;
    background-color: #444444;
    border-radius: 50%;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
}

.smname{
    width: 50px;
    font-size: 11px;
    color: #555;
    padding: 0 12px 0 6px;
    line-height: normal;
    text-transform: capitalize;
}


.coname{
    text-transform: capitalize;
    
}
.contab{
   display: flex;
   align-items: center;
   margin-left: 12px;
   padding:3px 0;
   direction: ltr;
}

label:empty {display:none;}

.biggreytab{
    
    background-color: #ffffff;
    cursor: pointer;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    
    padding: 22px 0;
    font-weight:800;
    color: #555;
    font-size: 13px;
   
    margin-right: -1px;
    margin-left: 36px;
    text-align: center;
    
    position: relative;    

}

.biggreytab2 {
   display: block;
    background-color: #ffffff;
    font-size: 13px;
    padding: 22px 0;
    color: #333;
    cursor: pointer;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    text-align: center;
    margin: 2px -1px 0 37px;
    
    font-weight: 800;
}

.biggreytabun{
    background-color: #ffffff;
    cursor: pointer;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    padding: 22px 0;
    color: #000;
    font-size: 13px;
   
    margin-left: 36px;
    text-align: center;
    
}

.biggreytabunl{
    background-color: #ffffff;
    cursor: pointer;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    padding: 22px 0;
    color: #333;
    font-size: 13px;
   
    margin-left: 36px;
    text-align: center;
   
}

.biggreytabun2{
    background-color: #ffffff;
    cursor: pointer;
    border-left: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-top: 1px solid #b2b2b2;
    padding: 22px 0;
    color: #333;
    font-size: 13px;
    
    margin-left: 36px;
    text-align: center;
    
}



.directortab {
   
    font-size: 13px;
    padding: 20px 0 ;
    color: #b1acac;
    cursor: pointer;
    margin-left: 9px;
    text-align: center;
}

.directortab2 {
   padding: 6px 0 6px;
    font-size: 14px;
    
    color: #777;
    cursor: pointer;
    background-color: #e2e2e2;
    
    border-left: 12px solid rgb(255 255 255);
    box-shadow: inset -7px 0px 6px -5px rgb(0 0 0 / 20%);
    align-items: center;
    justify-content: center;
    
    margin-bottom: 1px;
    display: flex;
}

.directortab2loc {
   
    font-size: 10px;
    padding: 6px 0 6px;
   
    color: #777;
    cursor: pointer;
    background-color: #e2e2e2;
    margin-bottom: 1px;
   
    border-left: 12px solid rgb(255 255 255);
    box-shadow: inset -7px 0px 6px -5px rgb(0 0 0 / 20%);
    align-items: center;
    justify-content: center;
    display: flex;
    
}

.directortab3 {
   
    font-size: 14px;
    padding: 8px 0;
    font-weight: 700;
    color: #777;
    cursor: pointer;
   
    
}


.direins{
    
   color:#333; 
    
}
.showstore{
    display:none;
    text-align: center;
    
    font-size: 18px;
    font-weight: 700;
    color: #444;
    padding: 8px 0;
    background-color: #fff;
    width: 1164px;
   
    border-radius: 3px;
    text-transform: capitalize;
    
   background: linear-gradient(to right, #f24607 0, #f24607 33.3%, #0597f2 33.4%, #0597f2 66.6%, #49d907 60.7%,#49d907 ) bottom no-repeat;
    background-size: 100% 2px;
    background-color:#fff;
    width:100%;
    margin: 0 6px;
    border-bottom: none;
}



.showsearch{
    
    display:none;
}

#shownamecontainer{
   
    padding: 2px;
    border-radius: 5px;
    margin: 12px 0 0;
    display:none;
    align-items: center;
  justify-content: center;
}

#mobileback{
  display:none;  
    
}

#userrow1{
    border: 1px solid #555;
    border-radius: 5px;
    margin: 4px;
   
}
#userrow2{
    border: 1px solid #555;
    border-radius: 5px;
    margin: 4px;
   
}
#userrow3{
    border: 1px solid #555;
    border-radius: 5px;
    margin:4px;
   
}

#userrow4{
    border: 1px solid #555555;
    border-radius: 5px;
    margin:4px;
    
}

#dashdate{
    
 cursor:pointer;  
}

#dirdate{
    
 cursor:pointer;  
}



.dirs{
    
    width:120px;
}

.showdir{
    padding-bottom: 30px;
    
}

.seleflex{
    display: flex;
    align-items: center;
    max-width: 310px;
    flex-wrap: wrap-reverse;
    justify-content: center;
    padding: 20px;
   
    border-radius:5px;
    margin: 16px;
    height: fit-content;
}

.enterdesc{
    width: 220px;
    margin-bottom: 20px;
    text-align: left;

}

.numberdis{
    width: 240px;
    height: 180px;
    background-color: #ffffff;
    border-right: 1px solid #b1acac; 
}

.gaugedis{
  width: 378px;
    height: 180px;
    background-color: #ffffff;
}

#enrollclient{
    
display:none;
}


#pvrtot{
  padding: 47px 0px;  
    
}

.inboxf{
    
  align-items: center;
  justify-content: center;
  margin:10px 0;
    
}

#prodtitle{
  font-size: 17px;
    text-align: center;
    display:flex;
    color: #555;
    padding: 10px;
    margin: 0 16px;
    border-bottom: 4px solid #0597F2;
     align-items: center;
    justify-content: center;
}

#analytitle{
  font-size: 17px;
    text-align: center;
    display:flex;
    color: #555;
    padding: 10px;
    margin: 0 16px;
     border-bottom: 4px solid #49D907;
      align-items: center;
    justify-content: center;
}

#dirtitle{
  font-size: 17px;
    text-align: center;
    display:flex;
    color: #555;
    padding: 10px;
    margin: 0 16px;
    border-bottom: 4px solid #F24607;
    align-items: center;
    justify-content: center;
}
#deactivetitle{
  font-size: 17px;
    text-align: center;
    
    color: #555;
    padding: 10px;
    margin: 0 16px 38px;
    border-bottom: 4px solid #555555; 
}


#conp{
 padding: 10px 10px 0px;
    background-color: #f6f7f9;
   
   
    margin: 0 auto;
    width: 40%;
    
}

#prodentdiv{
   border: 1px solid #d2d2d2;
    padding: 20px 10px;
    border-radius: 3px;
    margin-bottom: 20px;
    
}

#prodentdivx{
   border: 1px solid #d2d2d2;
    padding: 20px 10px;
    border-radius: 3px;
    margin-bottom: 20px;
    
}

#prodentdivxz{
   border: 1px solid #d2d2d2;
    padding: 20px 10px;
    border-radius: 3px;
    margin-bottom: 20px;
    min-width: 1240px;
}

#namx{
    display: inline-block;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #b1acac;
    width: 150px;
    font-size:11px;
    
}

.editxt{
    display: inline-block;
    padding: 7px;
    border-radius: 3px;
    border: 1px solid #b1acac;
    width: 150px;
    height: 22px;
    font-size:11px;
    margin-right: 10px;
    
}


#showname{
    
    font-size: 13px;
    font-weight: 700;
    color: #999;
    margin-top: 12px;
    text-transform: capitalize;
}

@keyframes spinner-rotate {
   100% {
    transform: rotate(360deg);
  }
  
}


.spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  
  z-index: 0;
  width: 10px;
  height: 10px;
  border-radius: 8px;
  overflow: hidden;
  padding: 2rem;
}
    .spinner::before{
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #f24607;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#f24607, #f24607),
      linear-gradient(#0597f2, #0597f2), linear-gradient(#49d907, #49d907);
    animation: spinner-rotate 1.5s linear infinite;
  }

  .spinner::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 12px;
    top: 12px;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    background: white;
    border-radius: 4px;
  }
          
.centere { 
            position: absolute; 
            top: 0; 
            bottom: 0; 
            left: 0; 
            right: 0; 
            margin: auto; 
        } 



.sc-gauge11  { width:160px; height:80px; margin:16px auto; }
.sc-background11 { position:relative; height:80px; margin-bottom:8px; background-color:#d4d4d4; border-radius:120px 120px 0 0; overflow:hidden; text-align:center;z-index: 3 }
.sc-mask11 { position:absolute; top:16px; right:16px; left:16px; height:80px; background-color:#fff; border-radius:120px 120px 0 0 }
.sc-percentage11 { position:absolute; top:80px; left:-160%; width:320%; height:320%; margin-left:80px; background-color:#000 }
.sc-percentagemask11 { position:absolute; top:80px; left:-160%; width:320%; height:320%; margin-left:395px; background-color:#ffffff; }

.sc-percentagemask11 { transform:rotate(123deg); transform-origin:top center; }
.sc-min11 { float:left; }

.sc-max11 { float:right; }
.sc-value11 { position:absolute; top:50%; left:-10px; width:100%;  font-size:16px; color:#777;font-family: Arial Text; }
.sc-value31 { position:absolute; top:80%; left:-10px; width:100%;  font-size:12px; color:#999;font-weight:700; }


.sc-gauge12  { width:200px; height:100px; margin:20px auto; }
.sc-background12 { position:relative; height:100px; margin-bottom:10px; background-color:#d4d4d4; border-radius:150px 150px 0 0; overflow:hidden; text-align:center;z-index: 4 }
.sc-mask12 { position:absolute; top:20px; right:20px; left:20px; height:80px; background-color:#fff; border-radius:150px 150px 0 0 }
.sc-percentage12 { position:absolute; top:100px; left:-200%; width:400%; height:400%; margin-left:100px; background-color:#000; }

.sc-min12 { float:left; }

.sc-max12 { float:right; }
.sc-value12 { position:absolute; top:50%; left:0; width:100%;  font-size:19px; color:#777;font-family: Arial Text; }
.sc-value21 { position:absolute; top:80%; left:0; width:100%;  font-size:14px; color:#999;font-weight: 700;  }




.sc-gauge11a  { width:160px; height:80px; margin:16px auto; }
.sc-background11a { position:relative; height:80px; margin-bottom:8px; background-color:#d4d4d4; border-radius:120px 120px 0 0; overflow:hidden; text-align:center; z-index: 3;}
.sc-mask11a { position:absolute; top:16px; right:16px; left:16px; height:80px; background-color:#fff; border-radius:120px 120px 0 0 }
.sc-percentage11a { position:absolute; top:80px; left:-160%; width:320%; height:320%; margin-left:80px; background-color:#000 }
.sc-percentagemask11a { position:absolute; top:80px; left:-160%; width:320%; height:320%; margin-left:395px; background-color:#ffffff; }

.sc-percentagemask11a { transform:rotate(123deg); transform-origin:top center; }
.sc-min11a { float:left; }

.sc-max11a { float:right; }
.sc-value11a { position:absolute; top:50%; left:-10px; width:100%;  font-size:16px; color:#777;font-family: Arial Text; }
.sc-value31a { position:absolute; top:80%; left:-10px; width:100%;  font-size:12px; color:#999;font-weight:700; }


.sc-gauge12a  { width:200px; height:100px; margin:20px auto; }
.sc-background12a { position:relative; height:100px; margin-bottom:10px; background-color:#d4d4d4; border-radius:150px 150px 0 0; overflow:hidden; text-align:center; z-index: 4}
.sc-mask12a { position:absolute; top:20px; right:20px; left:20px; height:80px; background-color:#fff; border-radius:150px 150px 0 0 }
.sc-percentage12a { position:absolute; top:100px; left:-200%; width:400%; height:400%; margin-left:100px; background-color:#000; }

.sc-min12a { float:left; }

.sc-max12a { float:right; }
.sc-value12a { position:absolute; top:50%; left:0; width:100%;  font-size:19px; color:#777;font-family: Arial Text; }
.sc-value21a { position:absolute; top:80%; left:0; width:100%;  font-size:14px; color:#999;font-weight: 700;  }


#profiledisplay{
   width:98.5%; 
   margin: 10px auto 0;
    
}


#listdisplay{
   display:none;
    height: 50vh;
    overflow: auto;
    margin: 0 10px;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
}

#listdisplaybooked{
   
    height: 50vh;
    overflow: auto;
    width:fit-content;
    margin: 20px auto 0;
}

#listdisplaybookedall{
   
    height: 50vh;
    overflow: auto;
    margin-top: 20px;
}

#listdisplaybookeda{
   
    height: 50vh;
    overflow: auto;
   
    width:fit-content;
    margin: 20px auto 0;
}

#listdisplaybookedad{
   
    height: 50vh;
    overflow: auto;
    
    width:fit-content;
    margin: 20px auto 0;
}

#recentmenus{
    display:block;
    height: 144px;
    margin-top: 2px;
    overflow: hidden;
    overflow-y: auto;
    padding: 3px 0; 
}


.dlete{
    
cursor: pointer;
font-size: 13px;
font-weight:bold;
}

.getbuttonfloatgreen {
    font-size: 16px;
    color: #ffffff;
    background-color: #49D907;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 10px;
    width:150px;
}

.getbuttonfloatblue {
    font-size: 16px;
    color: #ffffff;
    background-color: #0597F2;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 20px;
    
}

.getbuttonfloatblueloc {
    font-size: 16px;
    color: #ffffff;
    background-color: #0597F2;
    border: calc(1px + .10vw) solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 10px 20px;
    
}

.getbuttonfloatbluesm {
    font-size: 12px;
    color: #ffffff;
    background-color: #0597F2;
    border: 1px solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 8px 14px;
}

.getbuttonfloatredsm {
    font-size: 12px;
    color: #ffffff;
    background-color: #f24607;
    border: 1px solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 8px 14px;
}

.getbuttonfloatgreensm {
    font-size: 12px;
    color: #ffffff;
    background-color: #49D907;
    border: 1px solid #ffffff;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 5px;
    margin: 10px;
    padding: 8px 14px;
}




.buttonwhiteoutsmall {
    background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 6px .5vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(7px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.14), 0px 5px 14px 0 #00000015;
}

.buttonwhiteoutsmalllist {
    background-color: #ffffff;
    border: 1px solid #b1acac;
    padding: 6px 1vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(8px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
    
}

.buttonwhiteoutupdate {
    color: #000;
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    padding: 6px 0.8vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(7px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    
    box-shadow: 0px 2px 1px 0px rgb(0 0 0 / 14%), 1px 1px 11px 0 #00000015;
}

#finmod{
    display:none;
    position:absolute;
    margin-top:-10px;
    z-index:100;
    border-radius: 0 0 8px 8px;
    background-color: #ffffff;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

#finblock{
    
    
    background-color:#F24607;
    
    
}

#finblocka{
    
    
    background-color:#F24607;
    
    
}

#cashmod{
    display:none;
    position:absolute;
    margin-top:-10px;
    z-index:100;
    border-radius: 0 0 8px 8px;
    background-color: #ffffff;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

#cashblock{
     
    
    background-color:#0597F2;
    
    
}

#cashblocka{
     
    
    background-color:#0597F2;
    
    
}

#leaseblock{
      
   
    background-color:#49D907;
     
    
}

#leaseblocka{
      
   
    background-color:#49D907;
     
    
}

#leasemod{
    display:none;
    position:absolute;
    margin-top:-10px;
    z-index:100;
    border-radius: 0 0 8px 8px;
    background-color: #ffffff;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

#admomen{
    display:none;
}

#finomen{
    display:none;
    border-right: 2px solid #f24607;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#leaseomen{
    display:none;
    border-right: 2px solid #4ada09;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#cashomen{
    display:none;
    border-right: 2px solid #63b0e2;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

#dealomen{
    display:none;
}

#director{
   -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out; 
    
}

.dealo{
    background-color: #ffffff;
    font-size: 11px;
    padding: 22px 0 ;
    color: #000;
    
    cursor: pointer;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    text-align:center;
    margin: 1px 0 1px 36px;
   
}

.dealoun{
    background-color: #ffffff;
    font-size: 11px;
    padding: 22px 0 ;
    color: #000;
   
    cursor: pointer;
   border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    text-align:center;
    margin: 1px 0 0 36px;
   
}

.dealounon {
    background-color: #fffffff;
    
    font-size: 11px;
    padding: 22px 0;
    color: #000;
    
   
    cursor: pointer;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    border-left: 2px solid #444444;
    border-right: 1px solid #fafafa;
    text-align: center;
    margin: 1px 0 0 37px;
    
    margin-right:-1px;
}


.block {
    display:flex;
    align-items: center;
    justify-content: space-evenly;
    
    margin: 8px 2px 0;
    padding: 8px 0;
    border-radius: 3px;
    font-weight: bold;
  
}


.titlecount{
    color: #ffffff;
    font-size: 24px;
    display:inline-block;
    font-family: Arial Text;
    width:100px;
    text-align: right;
    padding-right: 20px;
}

.titlegross{
    color: #ffffff;
    font-size: 20px;
    width: 140px;
    font-family: Arial Text;
    text-align: center;
}

.totaldealsall{
    font-family: Arial Text;
}

#totaldealsall{
    margin: 40px 0 20px;
    font-size: 40px;
    font-weight: 700;
    font-family: Arial Text;
    color: #444;
}

#totaldeals{
    margin: 40px 0 20px;
    font-size: 40px;
    font-weight: 700;
    font-family: Arial Text;
    color: #444;
}

#regbord{
 margin-right:15px;
}

#regcont{
   padding: 17px 0px 47px;  
}

.mens {
	height: 50px;

}


.named {
	color: #ffffff;

}

.breadcrumb-bread {
  
    color: #FFFFFF;
    padding:5px;
    
}

.dashmenutitle {
    margin: 15px auto 0;
    font-size:12px;
    color:#ffffff;
}

.nav > li > a:hover,
.nav > li > a:focus {
    
	text-decoration: none;
	background-color:none;
    
}

.nav-pills> li > a:active {
    color: #000000;
	text-decoration: none;
	background-color:none;
    
}

.showedit{
    
    padding: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
    text-align: center;
}

.showedit1{
    margin-left: 20px;
    padding: 24px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 200px;
    text-align: center;
}

#mobilesetup{
    
    display:none;
}

#setuptab{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;  
    
}

#surveytab{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;  
    
}

#adminmenutab{
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;   
    
}
 
#helptab{
   -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;     
    
}

.header {
    Background-color:#ffffff;
}

.header2 {
    background-color: #FFFFFF;
    z-index: 100;
    width: 100vw;
    margin-bottom: 0;
    border-bottom: 1px solid #777;
    padding: 8px 0;
    display:none;
}

.nav-pills{
    color:#FFFFFF;
    list-style-type: none;
    font-size: 14px;
    margin :5px 0px ;
}

.shadowed{

border:1px solid #d7d7d7;
border-radius: 3px;
padding: 3px;
background-color:#ffffff;
/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);*/
}




.shadowed2{


border-radius: 5px;
padding: 5px;
background-color:#ffffff;
box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%), 0 3px 3px 0px rgb(0 0 0 / 19%);
    border: 2px solid #777;
    margin-top: 5px;
}




.shadowedyes{
border-radius: 5px;
    border: 1px solid #c1c1c1;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 6px -7px;
}

.shadowedyes1{

border-radius: 5px;
box-shadow: rgb(0 0 0 / 45%) 0px 24px 9px -16px;
}

.shadoweddrop{

border-radius:8px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.shadowinset{
    border-radius: 8px;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2), inset 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.form{
    padding: 0 0 2px 0;
}

.regablerdiv{
    margin: 0 auto;
    width: fit-content;
}

.formd{
 display: flex;
 align-items: center;
 justify-content: center;
 flex-wrap: wrap;
}

.labeld{
    width:220px;
    margin-left: 10px;
}


meter::-webkit-meter-optimum-value {
    background:  #49D907;
    width: 150px;
   -webkit-transform:translate3d(0,0,0);
}

meter::-webkit-meter-suboptimum-value {
    background:  #EAF205;
    width: 150px;
   -webkit-transform:translate3d(0,0,0);
}

meter::-webkit-meter-even-less-good-value {
    background:  #0597F2;
    width: 150px;
   -webkit-transform:translate3d(0,0,0);
}

meter::-webkit-meter-bar {
  background: none; 
  background-color: #D4D4D4;
  -webkit-transform:translate3d(0,0,0);
  
}


::-webkit-scrollbar {
    width: 6px;
  
}

::-webkit-scrollbar-track {
 
    border-radius: 3px;
     
}

::-webkit-scrollbar-thumb {
   
    background: #d9d9d9; 
    border-radius: 4px;
}



.redmeter meter::-webkit-meter-optimum-value {
  background: #F24607;
  width: 150px;
}

.buttongreen {
  background-color: #49D907;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}



.buttongrey {
  background-color: #3B516B;
  border: none;
  color: white;
  padding: 2px 6px;
  text-align: center;
  font-weight:bold;
  text-decoration: none;
  display: inline-block;
  font-size: 11px;
  margin: 4px 2px;
  cursor: pointer;
}

.btn-primary{
  color:#fff;  
  text-shadow:none;
  border:none ;
}

.button {
  color: #fff;
}

.closedx{
   border: none;
    background: none;
    float: right;
    width: 20px;
    padding: 4px;
   
    
}

a.button {
    background-color: #49D907;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

a.buttonblue {
    background-color: #0597F2;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

a.buttonred {
    background-color: #F24607;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

button.buttonred {
    background-color: #F24607;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

button.buttongreen {
    background-color: #49D907;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

button.buttongreen2 {
    background-color: #49D907;
  border: none;
  color: white;
  padding: 12px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}

button.buttonblue1 {
    background-color: #0597f2;
  border: none;
  color: white;
  padding: 11px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
}

.buttongreen1 {
  background-color: #49D907;
  border: none;
  color: white;
  padding: 11px 24px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  margin: 4px 2px;
  cursor: pointer;
}
.mensearch{
    font-size: 11px;
}

.cld{
    text-align: right;
    font-size: 16px;
    color: #111;
    
    padding: 0 4px 10px 10px;
    float:right;
}

option:empty
{
 display:none;
}



.cbToolBar {
  display:none;
}

.table {
    width: 80%;
    margin: 0 auto;
}

.alertmenu{
   text-align: center;
    font-size: 13px;
    display: inline-block;
     margin-left: 7px;
    width: 14px;
    height: 14px;
    font-weight: 700;
    border-radius: 50px;
    padding: 3px;
    background-color: #f24607;
    color: #fff;
    line-height:normal;
    display: none;
}

.sticky {
    position: fixed;
    top: 0;
}

#bookedlistmain{
    
}

#item5{
    
display:none;
}

#item6{
    
display:none;
}

#savefinlist{
 display:none;
}

#savecashlist{
 display:none;
}

#templatefinlist{
 display:none;
}

#closelist{
    display:none;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor: default;
    background-color: #eee;
}

#email:focus{
  
    text-transform: lowercase;
    
}
#emailp:focus{
  
    text-transform: lowercase;
    
}
#emaild:focus{
  
    text-transform: lowercase;
    
}

#comment{
    width: 86%;
    margin: 15px auto 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;  
}

#dimmer
{
    background:#000;
    opacity:0.5;
    position:fixed; /* important to use fixed, not absolute */
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:9999; /* may not be necessary */
}

#allcat{
   padding: 12px 3px;

}

#allpie{
width:423px;   
background-color:#ffffff; 
margin: 22px auto 54px;
}

#pvronet{
width: 708px;
height: 349px;
margin-right: 15px;
display: flex;
align-items: center;
justify-content: center;
}

#allcont{
  margin-right: 11px;  
    
}

#piepie{
    width:423px;
    background-color:#ffffff;
    margin: 22px auto 54px;
    
}
#resmenu{
display: none;
    padding-bottom: 50px;
    background-color: #ffffff;
    position: fixed;
    z-index: 100;
    width: 100%;
}
.reslink {
    padding: 20px 20px 20px 40px;
    border-bottom: 1px solid #eeeeee;
    font-size: 18px;
    cursor: default;
}

.addtitle{
    font-size:15px;
    font-weight:bold;
}

.addtitle2{
    font-size:15px;
    padding: 20px 0 20px;
    margin: 0 auto;
}

.addtext{
     font-size:13px;

}
#addloc{
  font-size:14px;  
 margin-left: 15px;
}

.showfran{
  margin: 0 0 16px;
  padding: 20px;  

}
#enteraloco{
   margin: -10px 40px 0 0; 
   color: #000; 
   padding:20px 30px;
   border: 1px solid #ccc;
   border-radius: 5px;
   background-color: #f6f7f9; 
   max-width: 33%;  
   box-shadow: rgb(0 0 0 / 22%) -1px 4px 7px -3px;
   height: fit-content;
   cursor: default;
}

.direditor{
   padding: 0 30px 0 50px;  
}

.buttonredout {
    color: #ffffff;
    background-color: #F24607;
    border: 1px solid #fff;
    padding: 6px 0.8vw;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: calc(10px + .22vw);
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    
}

.formbutton{
    background-color: #ffffff;
    border: 1px solid #b1acac;
    line-height: 1.1;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px;
   
    border-radius: 3px;
    font-size:10px;
    font-weight:bold;
    box-shadow: rgb(0 0 0 / 18%) 0px 12px 6px -10px;
    cursor:pointer;
     -webkit-transition: all .1s ease-in-out;
     -moz-transition: all .1s ease-in-out;
     transition: all .1s ease-in-out;   
}
.checkm{
    width:10px;
    margin: 0 5px 0 10px;
    cursor:pointer;
    display:none;
}
.itemtermbar2{
  font-size: 12px;
    color: #999;
    font-weight: bold;
    background-color: #f2f2f2;
    border-radius: 3px;
    width: fit-content;
    margin: 0 auto;
    padding: 0 10px 3px;
}

.containerloader{
    width: 60px;
    height: 60px;
     position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  
  z-index: 0;
   
}



.whtbox{
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    border-radius:2px;
    position: relative;
    top: 12px;
    left: 11px;
    display: block;
    background-color: #ffffff;
    
}


.boxu1{
    box-sizing: border-box;
    position: absolute;
    display: block;
    background-color: #f24607;
    width: 92px;
    height: 28px;
    margin-top: 64px;
    margin-left: 0px;
    -webkit-animation: anime1 6s 0s forwards ease-in-out infinite;
    animation: anime1 2s 0s forwards ease-in-out infinite;
}

.boxu2{
       box-sizing: border-box;
       position: absolute;
       display: block;
       background-color:#0597f2;
       width: 48px;
       height: 48px;
       margin-top: 0px;
       margin-left: 0px;
      -webkit-animation: anime2 6s 0s forwards ease-in-out infinite;
       animation: anime2 2s 0s forwards ease-in-out infinite;
}


.boxu3{
       box-sizing: border-box;
       position: absolute;
       display: block;
       background-color:#49d907;
       width: 48px;
       height: 48px;
       margin-top: 0px;
       margin-left: 64px;
       -webkit-animation: anime3 6s 0s forwards ease-in-out infinite;
       animation: anime3 2s 0s forwards ease-in-out infinite;

}

@-webkit-keyframes anime1 {
  0% {
    width: 62px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  25% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 2px;
  }
  50% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 2px;
  }
  75% {
    width: 28px;
    height: 62px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 4px;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  100% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
}
@keyframes anime1 {
  0% {
    width: 62px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  25% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 2px;
  }
  50% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 4px;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
    border-radius: 0 0 0 2px;
  }
  75% {
    width: 28px;
    height: 62px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 4px;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  100% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
}
@-webkit-keyframes anime2 {
  0% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  25% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  50% {
    width: 62px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
     border-radius: 4px 4px 0 0;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
  75% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
    border-radius: 0 4px 0 0;
  }
  100% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
}
@keyframes anime2 {
  0% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  25% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
    border-radius: 4px 0 0 0;
  }
  50% {
    width: 62px;
    height: 28px;
    margin-top: 0px;
    margin-left: 0px;
     border-radius: 4px 4px 0 0;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
  75% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
    border-radius: 0 4px 0 0;
  }
  100% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
     border-radius: 0 4px 0 0;
  }
}
@-webkit-keyframes anime3 {
   0% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
   border-radius: 0 4px 0 0;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
   border-radius: 0 4px 0 0;
  }
  25% {
    width: 28px;
    height: 62px;
    margin-top: 0px;
    margin-left: 38px;
    border-radius: 0 4px 4px 0;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
    border-radius: 0 0 4px 0;
  }
  50% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  75% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  100% {
    width: 62px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
     border-radius: 0 0 4px 4px;
  }
}
@keyframes anime3 {
  0% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
   border-radius: 0 4px 0 0;
  }
  12.5% {
    width: 28px;
    height: 28px;
    margin-top: 0px;
    margin-left: 38px;
   border-radius: 0 4px 0 0;
  }
  25% {
    width: 28px;
    height: 62px;
    margin-top: 0px;
    margin-left: 38px;
    border-radius: 0 4px 4px 0;
  }
  37.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
    border-radius: 0 0 4px 0;
  }
  50% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  62.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  75% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  87.5% {
    width: 28px;
    height: 28px;
    margin-top: 38px;
    margin-left: 38px;
     border-radius: 0 0 4px 0;
  }
  100% {
    width: 62px;
    height: 28px;
    margin-top: 38px;
    margin-left: 0px;
     border-radius: 0 0 4px 4px;
  }
}