/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

#staticAd{
    width: 100%;
    height: auto;
}

#wldMap{
    margin-right: auto;
    margin-left: auto;
    background-color: white;
    width: 90%;
    max-height: 70%;
    min-height: 60%;
    box-sizing: border-box;
}


#mapping, #mapin{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: middle;
  min-width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

#mapHolder{
    height: 300px;
    overflow-y: hidden;
    display:none;
}


#areaMap{
    width: 100%;
    max-height: 300px;
    min-height: 250px;
}


#presentList #wldMap, #presentList #wldMap #mapping{
    max-height: 300px;
    min-height: 300px;
}

#mapHolder, #mapin{
    max-height: 300px !important;
    box-sizing: border-box;
}

#roundForm, #presentList{
    width: 80%;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 10px;
    max-width: 600px;
    display: none;
}

#homesD{
    padding: 5px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    font-size: 45px;
    box-sizing: border-box;
    position: fixed;
    bottom: 10px;
    left: 10px;
    opacity: 0.8;
}

#presentList{
    max-width: auto;
    min-height: 80%;
}

#bnm{
    font-size: 2em;
}

#onUsTitle, #onUsTitle2{
    margin: 20px;
    text-align: center;
    font-size: 3em;
    color: gray;
}

#onUsTitle .fa-globe, #onUsTitle2 .fa-globe{
    font-size: 4em;
}

.sectorTrap{
    padding: 10px;
    margin: 10px;
}

#bnm, #mysel, .indxF, #roundForm input[type="text"], #roundForm select, #presentList select{
    border: 0px;
    border-radius: 5px;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    margin-right: 8px;
    margin-top: 10px;
    font-family: 'Poiret One';
    outline: none;
}

#newCats, #busemail, #busweb{
    width: 100%;
}

.ril{
    cursor: pointer;
}

.showMore{
    font-size: 12px;
    display:block;
    text-align: right;
    display:none;
}

#presentList #smallerB{
    font-size: 0.4em !important;
    position: relative;
    display: block;
}

#presentList #smallerB .backB{
    position: absolute;
    top: -10px;
    right: -10px;
    color: gray;
    font-size: 2em;
    border: 0px;
}

#presentList #smallerB h2{
    margin-bottom: 0px;
    font-family: 'Big Shoulders Display';
}

#presentList #smallerB p{
    margin: 0px;
}

#presentList .tab{
    display:inline-block;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid gray;
    background-color: white;
    margin: 3px;
}

#presentList select{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#presentList > div > ul{
    columns: 100px 2;
}

#presentList ul ul{
    margin: 0px;
    padding: 4px;
}

#presentList ul ul a{
    text-decoration: none;
}

#presentList .fa-industry{
    display: inline-block;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 50%;
}

#presentList > div > ul > li > h3{
    padding: 6px;
    border-radius: 4px;
    color: green;
    margin: 0px;
    border-bottom: 1px solid green;
}

#presentList > div  ul {
    list-style: none;
    
}

#sendSect{
    text-align: right;
}

#roundForm h4, #policySect{
    font-size: 13px;
    margin-bottom: 0px;
}

#roundForm h4 .und{
    text-decoration: underline;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}


.scroll::-webkit-scrollbar {
    width: 12px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*-----------------------------*/
#dropsInAct .notApp, #dropsAct .grntApp{
    position: relative;
}

#dropsInAct{
    background-color: rgba(200,200,200,0.5) !important;
    border: 0 !important;
}
#dropsAct{
    background-color: green !important;
    border: 0 !important;
}

#mkTh{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    margin-bottom: 30%;
    background-color: rgba(255,255,255, 0.9);
    border-radius: 10px;
    max-width: 250;
    padding: 15px;
    box-shadow: 0px 0px 5px black;
}

#loginSub{
    position: fixed;
    right: 0%;
    left: 0%;
    bottom:0px;
    text-align: center;
}

#head_inf{
    position: fixed;
    top: 45px;
    right: 20px;
    max-width: 300px;
    text-align: center;
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    color: #ccc;
    display: block;
  /*  -webkit-transform: rotate(270deg) !important;*/
  /*-moz-transform: rotate(270deg) !important;*/
  /*-ms-transform: rotate(2700deg) !important;*/
  /*-o-transform: rotate(270deg) !important;*/
    
}

#dropsInAct .notApp #head_inf, #dropsAct .grntApp #head_inf{
    position: absolute;
    top: 0px;
    right: 0px;
}



#submitSpot{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    background:linear-gradient(30deg, rgba(0,0,0, 0.8) 10%, rgba(30,30,30, 0.5) 60%, rgba(53, 58, 3, 0.4) 99%);
    color: #ccc;
    padding: 20px;
    border-radius: 25% 25% 3px 3px;
    box-shadow: 0px 0px 100px rgba(255, 255, 255, 0.8);
    text-align: left;
    font-family: 'Poiret One';
}

#submitSpot p{
    font-family: 'Poiret One';
    font-size: 1.3em;
    text-align: left;
}

#submitSpot #tellus{
    font-family: "Poiret One";
    font-size: 3em;
    text-align: center;
    line-height: 1em;
    color: orange;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#cat_tabs{
    margin: 0px;
    padding: 0px;
}

#cat_tabs li{
    display: inline-block;
    padding: 5px;
    border-radius: 10px;
    background-color: orange;
    color: black;
    margin: 2px;
}

#submitSpot section label, #submitSpot section input, #submitSpot section textarea, #submitSpot section select{
    width: 100%;
    display:block;
    text-align: left;
}


#submitSpot section input, #submitSpot section textarea{
    box-shadow: inset 1px 1px 3px gray;
    outline: none;
}

#submitSpot section label{
    margin-top: 20px;
    font-size: 0.9em;
    font-family: 'Poiret One';
    margin-bottom: 4px;
    color: orange;
}

#slidn{
    position: fixed;
    bottom: 10px;
    left: 10px;
}

#submitSpot section input[value="Preview Content"], #submitSpot section input[value="Submitting to Marketing"]{
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
    border: 0px;
    box-shadow: 0px 0px 4px gray;
}

#submitSpot section input[type="text"], #submitSpot section textarea{
    padding: 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    border: 1px solid gray;
}

#spot_container{
    border-radius: 3px;
    width: 80%;
    height: auto;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    margin-bottom: 5%;
    text-align: center;
}

#img_hold{
    min-width: 40%;
    margin: 0px;
    box-sizing: border-box;
    background-color: white;
    display: inline-block;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

#busSpotHead{
    text-align: center;
    color: white;
    font-family: /*'Alpha Slab One',*/ 'Big Shoulders Display';
}

#oBusinessContainer{
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
    position: relative;
    height: auto;
    vertical-align: top;
    display: none;
    z-index: 20;
}

#content_reader h2{
    font-family: "Nixie One";
    font-size: 3em;
}
#content_reader h3{
    font-family: "Nixie One";
    font-size: 0.5em;
}


#content_reader p{
    background-color: white !important;
}

#content_reader{
    width:  auto;
    text-align: left;
    display: inline-block;
    height: 100%;
    max-width: 60%;
    min-width: 30%;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    background-color: white;
    padding: 20px;
    vertical-align: top;
}

.contHz, .imgHz{
    display: block !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
}
/*.imgHz{*/
/*    max-height: 400px !important;*/
/*}*/

.contVz{
    width: auto !important;
    max-width: 50%  !important;
    min-width: auto !important;
}

.imgAuto{
    width: 100% !important;
    max-width: 100% !important;
    min-width: auto !important;
    margin-left: auto;
    margin-right: auto;
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    background-color: black !important;
}

.imgAuto img{
    width: auto !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
    border: 0.5px dotted gray !important;
    margin: 20px !important;
    
}

.imgVz{
    width: auto !important;
    max-width: 50% !important;
    min-width: auto !important;
}

.imgVz img{
    width: auto !important;
    height: 100% !important;
    margin-left: auto !important;
}

.imgHz img{
    width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
}
/* -------------- AD ENVIRONMENT ----------------------- */
.pub_container{
    position: relative;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.pub_container h2{
    width: 100%;
}

.pub_container>ul{
    text-align: center;
}



#adSess{
    display: block;
    background-color: white;
    border-radius: 3px;
    padding: 3px;
    margin: 2px;
    list-style: none;
    box-sizing: border-box;
}

#adSess li{
    display: inline-block;
    width: 45%;
    margin: 2.25%;
    border: 0.5px dotted gray;
    border-radius: 5px;
}

.bus_ads{
    margin: 2px;
    padding: 1px;
}

.selectedOt{
    min-height: 100% !important;
}


.selectedAi{
    position: fixed !important;
    min-width: 100% !important;
    display: block;
    height: 100%;
    z-index: 25;
    top: 45px;
    left: 0px;
}

.titleBg{
    /*font-family: "Homemade Apple";*/
    font-family: "Nixie One";
}

.ad_thumbs_view{
    position: absolute;
    bottom: 3px;
    left: 3px;
    z-index: 11;
}

.ad_descr{
    padding: 10px;
    position: absolute;
    bottom: 0px;
    /*display: none;*/
    width: 250px;
    background-color: black;
    color: white;
    z-index: 10;
    box-sizing: border-box;
    height: 100%;
}

.ad_thumb{
    display: inline-block;
    box-shadow: 0px 0px 4px black;
    vertical-align: top;margin: 3px; 
    background-color: white; 
    min-width: 250px; 
    max-width: 250px; 
    display:inline-block; 
    border-radius: 5px; 
    min-height: 200px;
    position: relative;
}


.ad_thumbs{
    margin: 0px;
    min-width: 100%;
    min-height: 150px;
    max-height: 200px;
    box-sizing: border-box;
    display: block;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    overflow: hidden;
}

.ad_thumbs_chan{
    position:absolute;
    top: 10px; 
    right: 10px;
    padding: 5px;
    border-radius: 10px 10px;
    background-color: rgba(255, 50, 100, 0.9);
    color: white;
    border: 0px;
}

.adImg_sty{
    width: 100%;
    height: auto;
}

.adImg_sty2{
    height: 200px;
    width: auto;
}

.selectedIm{
    min-height: 100% !important;
    min-width: auto !important;
    width: auto !important;
    height: 100% !important;
}

.selectedImW{
    min-height: auto !important;
    min-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.selectediFr{
    min-height: 90% !important;
    min-width: 100% !important;
    width: 100% !important;
    height: 90% !important;
}


/*----------------END FANCY SELECT OPTIONS---------------*/

#help_container section > h2{
   color: rgba(67, 91, 31, 0.9);
}

#help_container table{
    margin-top: 20px;
    border-radius: 3px;
    background-color: rgba(237,237,237, 1);
    color: gray;
    max-width: 400px;
    margin-right:auto;
    margin-left: auto;
}

#help_container table a{
    color: yellow;
}

#help_container section p, #help_container section ol, #help_container section ul{
    display:none;
}

#help_container{
    padding: 15px;
    border-radius: 10px;
    margin-right: auto;
    margin-left: auto;
    width: 95%;
    background-color: white;
    color: gray;
    max-width: 500px;
}


#messger{
    background-image: url("../srcs/imgs/WhozOpen-thecommunicator.jpg");
    background-size:100% auto;
    background-position: center center;
}

.titles{
    font-size: 1em;
    font-weight: 800;
    padding: 5px;
    background-color: #ccc;
    border-radius: 3px;
}

#viewSumContClr{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    opacity:0.90;
    z-index: -2;
}

#sumTitle{
    font-size: 2em;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}
#sumDisc{
    font-size: 11px;
    width: 60%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

#repImg{
    box-shadow: 0px 0px 5px white;
}

.ediAd{
    cursor: pointer;
}
#cover_ad{
    width: 100%;
}

#cover_ad img{
    width: 100%;
    height: auto;
}

/*--------AD FORM STYLES---------*/
#whozForm section input[type="text"], #whozForm section textarea, #whozForm section select{
    display: block;
    border-radius: 5px;
    outline: none;
    padding: 5px 15px;
    border: 1px solid gray;
    width: 100%;
}

#menuTab_container{
    position: relative;
    width: 100%;
}

#menuTab_container #menuTab{
    display:none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    list-style: none;
    margin: 0px;
}

#mobileNote, #addSettingsd, #changeLog, #addressDeal, #subChann, #emailNotes, #allowP, #spotEd{
    display:none;
}

#subChann{
    padding: 10px;
    border-radius: 3px;
}

#changeLog{
    margin-bottom: 0px;
}

#addSettingsd{
    background-color: #ccc;
    border-radius: 3px;
    padding: 5px;
}
#addSettings select, #addSettings input[type="password"]{
    padding: 5px;
    border-radius: 5px;
    width: 100%;
}

#silentLink{
    border: 0;
    outline: none;
}

#removSlider{
    position: fixed;
    top: 120px;
    left: 0px;
    /*text-align: right; */
    /*margin-right: -60px;*/
    /*margin-top: -60px;*/
}

#deltmp{
    text-align: right;
    position: fixed;
    bottom: 35px;
    max-height: 200;
    max-width: 100%;
    left: 10px;
    list-style:none;
    margin:  0px;
    margin-left: -10px;
    padding: 10px;
    overflow-y: scroll;
    background-color: white;
    border-radius: 0px 5px 5px 0px;
    box-shadow: 0px 0px 4px black;
}

#deltmp li{
    text-align: left;
}

#deltmp li button{
    float: right;
    margin-right: 3px;
}

#deltmp li h2{
    display: inline-block;
    font-size: 12px;
}

#buster{
    padding: 0px;
    margin: 0px;
    width: 100%;
}

#busterLeft, #busterRight{
    width: 50%;
    margin: 0px;
    display: inline-block;
}

#bugContainer{
    display: block;
    background-color: white;
    border-radius: 10px;
    padding: 20px;
}

#bugCnt{
    margin-top: 20px;
    text-align: right;
}

#bugHolder{
    width: 60%;
    margin: 0px;
    display: inline-block;
    padding: 20px;
    padding-top: 0px;
    box-sizing: border-box;
    vertical-align: top;
}

#bugContainer h2{
    font-size: 2em;
    position: absolute;
    width: 100%;
    top: 10%;
    color: #21273e;
    text-align: center;
    margin: 0px;
    text-shadow: 0px 0px 40px white,0px 0px 40px white, 0px 0px 20px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}

#imgFloat{
    display: inline-block;
    height: 100% !important; 
    width: 40%; 
    margin: 0px;
    background-image: url('../srcs/imgs/whozopen-bug.jpg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0px;
    position: relative;
}

#bugHolder input[type="text"], #bugHolder select, #bugHolder textarea{
    padding: 10px 20px;
    background-color: #e1dcd8;
    border-radius: 4px;
    border-color: #ccc;
}

#bugHolder label{
    margin-top: 10px;
}

#bugHolder label, #bugHolder select{
    display: block;
    width: 100%;
}

#bugHolder textarea, #bugHolder input{
    width: 100%;
}

#bugholder input[type="submit"]{
    width: auto;
}
#bugholder select{
    width: 95%;
}

#searchPan, #slidn{
  z-index:23;
}

#searchPan .fa-question-circle-o{
    display: inline-block;
    margin-right: 10px !important;
}

.fa-heart{
    color:gray;
}

#inits #listChann{
    list-style: none;
    margin: 2px;
    padding: 2px;
    width: 100%;
}

#inits #listChann li{
    width: 100%;
    cursor: pointer;
}

#lGuide{
    position: fixed;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    top: 50px;
    left: 50px;
    padding: 10px;
    background-color: white;
    box-shadow: 0px 0px 5px black;
    z-index:100;
}

#lGuideBub{
    display: none;
    position: fixed;
    top: 140px;
    left: 90px;
    width: 200px;
    background-color: yellow;
    padding: 15px;
    border-radius: 10px;
    z-index: 99;
}

#lGuide img{
    width: 100%;
    height: auto;
}

.metTitle{
    background-color: green;
    color: white;
    padding: 15px;
    display: block;
    border-radius: 10px;
}

/***
forms for ed
*/

#entryForm{
    padding: 10px;
    border-radius: 10px;
    background-color: white;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 0px 4px gray;
    max-width: 500px;
}

#entryForm label{
    display: block;
}

#entryForm input[type="text"], #entryForm textarea, #entryForm input[type="password"]{
    padding: 5px 9px;
    font-size: 1em;
    width: 100%;
}

#entryForm input[type="password"]{
    width: 80%;
}

#view_title{
    position: relative;
}

.bullets{
    width: 25px; 
    height: auto; 
    padding: 5px;
    position: absolute;
    top:0px;
    bottom: 0px;
    margin-left: -35px;
}

#glossary{
    display: block;
    border-radius: 10px;
    box-shadow: 0px 0px 4px gray;
    background-color: white;
    padding: 10px;
    margin:0px;
    position: fixed;
    left: 0px;
    bottom: 30px;
    max-height: 70%;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 45%;
    min-height: 60%;
}

#glossary #list_container{
    list-style: none;
    margin: 2px;
    padding: 2px;
}

#glossary #list_container li{
    list-style: none;
    margin: 2px;
    padding: 5px;
    cursor: pointer;
}


#glossary #list_container li:hover{
    background-color: purple;
    border-radius: 10px;
    color: white;
}

#ho  input{
    border: 1px solid #ccc;
}

#ho form label{
    font-size: 1.5em  !important;
    margin-bottom: 0px !important;
}

#ho form input[type="text"], #ho form input[type="password"]{
    padding: 5px 30px !important;
    border-radius: 5px !important;
    width: 95%  !important;
    outline: none !important;
    border: 0px !important;
    display: block !important;
    margin: 0px 5px 10px 5px;
    box-sizing: border-box;
}

#spander iframe{
    width: 100% !important;
    display:block !important;
    margin-bottom: 10px;
}




.greenIn{
    background-color: green;
    border-radius: 10px;
    color: white;
    padding: 10px 15px 10px 40px !important;
    position: relative;
}

.blueIn{
    background-color: blue;
    border-radius: 10px;
    color: white;
    padding: 10px 15px 10px 40px !important;
    position: relative;
}
/***
forms for ed end
*/

.newsSearch{
    padding: 15px;
    border-radius: 8px;
    border: 1px dotted gray;
    margin: 15px;
    
}

.newsSearch p{
    display: inline-block;
}

#startShow{
    width: 90%;
    margin: 15px auto;
    background-color: white;
    border-radius: 10px;
    padding: 15px;
}



#infoSet{
    margin-bottom: 0px;
}

#optSearch{
    display: block;
    margin:0px;
    padding: 0px;
}

#optSearch li{
    display: inline-block;
    margin: 2px;
}

.compress{
    background-color: green !important;
    box-shadow: inset 0px 1px 4px black;
}

#searchOutp{
    border-radius: 5px;
    padding: 5px !important;
    margin: 15px;
}

#container_pay{
    background-color: #ccc;
    padding-bottom: 100px;
    display:none;
}

#container_pay #mthCost{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #eee;
    
}

#inits h2 span img{
    max-width: 80%;
    height: auto;
}

#vibes, #displVis{
    max-width: 400px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

#mthCost{
    text-align:center;
    margin-top: 15px;
}

#displVis{
    background-color: #eee;
    padding: 10px;
    border-radius: 5px;
    border: 1px dotted gray;
    display:none;
    margin-bottom: 100px;
    margin-top: 15px;
    box-shadow: inset 0px 0px 4px gray;
}

.pric{
    cursor:pointer;    
}

.itemslisted{
    margin: 0px;
}

.capturedDetails{
    margin-top: 5px;
    background-color: purple;
    color: #ccc;
    padding: 15px;
    border-radius: 10px;
}

#messageCol{
    display: none;
    padding: 15px;
    background-color: green;
    color: yellow;
    border-radius: 10px;
}

#urlHost{
    padding: 10px;
    background-color: yellow;
}

#filterSearch{
    display:inline-block;
}

#sbSr{
    text-align: center;
    width: 100%;
    margin:0px;
    padding: 10px;
    background-color: white;
    position: absolute;
    bottom: 0px;
    box-sizing: border-box;
}

#sbSr input[type="text"]{
    margin-right: 25px;
    margin-left: 10px;
}


#staffList{
   list-style:none;
   overflow-x: hidden;
   margin: 0px;
   padding: 10px;
   
}

#staffBtn{
    position: absolute;
    top: 70px;
    right: 15px;
}

#staff_container{
    width: 100%;
    position: relative;
    margin: 0px;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    list-style: none;
    font-size: 10px;
}

#staff_container li{
    max-width: 100px;
    min-width: 90px;
    display:inline-block;
    background-color: white;
    border: 0.5 dotted #333;
    padding: 5px;
    border-radius: 10px;
    box-sizing: border-box;
    vertical-align: top;
}

#staff_container li img{
    width: 120%;
    height: auto;
}

#staff_container p{
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px;
}

#staff_container h3{
    margin-bottom: 2px;
}



#addStaff{
    margin: 10px;
    text-align: center;
}

#staffList li{
    vertical-align: bottom;
    width: 45%;
    margin:1px;
    min-height: 100px;
    display:inline-block;
    text-align: center;
}

#staff_prof{
    width: 80px;
    height: 80px;
    max-width: 80px;
    max-height: 80px;
    overflow: hidden;
    border-radius: 50%;
}

#staff_prof img{
    width: 120%;
    height: auto;
}

#staffList .staffName{
    display: table-cell;
    vertical-align: center;
    height: 100%;
}

.picStaffThum{
    position: relative;
    width: 45px;
    height: 45px;
    display: inline-block;
    margin: 10px;
    overflow: hidden;
    border-radius: 50%;
}


.profile{
    box-sizing: border-box;
}

#editStaffDrop{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 105;
    background-color: rgba(30,30,30, 0.4);
    margin: 0px;
    display:none;
    top: 0px;
    left: 0px;
}

#staff_prof{
    width: 80px;
    height: 80px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: auto;
    margin-left: auto;
}

#inputStaffDispl{
    position: relative;
    padding: 5%;
    border: 1px dotted gray;
    border-radius: 15px;
    display:none;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 0px 0px 6px #444;
}

#inputStaffDispl input[type="text"]{
    width: 100%;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px 4px;
    outline: none;
    font-size: 0.95em;
}

#inputStaffDispl #clearStaff{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#inputStaffDispl label{
    margin-top: 10px;
    display: block;
    width: 100%;
}

#inputStaffDispl #exitsStf{
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
    border-radius: 50%;
}

#daysWk{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
}

#daysWk input[type="text"], #daysWk input[type="time"]{
    width: 80px;
}

#daysWk li{
    margin: 2px;
    border-radius: 15px;
    border: 1px solid #ccc;
    padding: 5px;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
}

#daysWk .ck24{
    position: absolute;
    right: -25px;
    bottom: 0px;
    background-color: #ccc;
    border-radius: 10px;
    display: inline-block;
    padding: 5px;
}

#daysWk .calendarDay{
    padding: 5px;
    text-align: center;
    font-size: 15px;
    background-color: royalblue;
    border-radius: 15px;
    color: white;
    position: absolute;
    left: -25px;
    bottom: 1px;
}

#cntOutBound, #inits .fa-gears, #menuTab li{
    cursor: pointer;
}

#inits .fa-gears{
    border-radius: 3px;
    border: 1px solid gray;
    padding: 4px;
}

#promtCode{
    position: fixed;
    top: 20%;
    left:20%;
    right: 20%;
    min-height: 150px;
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    box-shadow: 0px 0px 4px gray;
    z-index: 300;
    padding: 5%;
}

#imgFloat{
    overflow:hidden;
}

#adEff{
    position: fixed;
    bottom: 6px;
    text-align: center;
    right: 10px;
    left: 10px;
    font-size: 12px !important;
}

#promtCode label{
    display: block;
}

#promtCode #userentr{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 10px;
    padding: 1em 0.8em;
    font-size: 1em;
    border-radius: 15px;
    outline: none;
}

#promtCode p{
    position: relative;
    padding: 5%;
    margin: 2%;
    display: block;
}

#promtCode #aCodeBtn{
    position: absolute;
    bottom: 0px;
    right: 10px;
}

#adEff{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20%;
    text-align: center;
    font-size:3em;
}

.activeLoc{
    overflow:hidden;    
}

.bgrs{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
    border: 0px;
}

.busNameThumb{
    position: absolute;
    margin-top: 10%;
    text-align: center;
    display: block;
    width: 75px;
    margin-right: auto;
    margin-left: auto;
    z-index: 1;
}

#news > div{
    /*border: 1px dotted gray;*/
    border: 0px;
    border-radius: 0px  0px 15px 15px;
    padding: 15px 1em;
    background: linear-gradient(180deg, #cdcdcd, white);
}

#news h2{
    font-family: 'Big Shoulders Display';
}

#news section, #news div{
    
    box-shadow: 0px -4px 4px rgba(200, 200, 200, 0.5);
}

#news .sNote{
    font-size: 11px;
}

#news section{
    margin-top: 10px;
    border-left: 10px solid purple;
    border-radius: 3px;
    padding: 20px;
}

#news > div h2{
    border-bottom: 1px solid gray;
}

#news > section h2{
    font-size: 1.2em;
    font-weight: 800;
}

.bgrs img{
    width: 200%;
    margin-right: auto;
    margin-left: auto;
    border: 0px;
}

.txtGal, .galDescr{
    position: absolute; 
    top: 0px; 
    left: 0px; 
    background-color: pink;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

#viewG #containers{
    display: block;
    position: relative;
}
#viewG{
    display: block;
    border-radius: 15px;
    background-color: white !important;
    box-shadow: 0px 0px 4px gray;
    max-width: 80%;
    width: 50%;
    height: auto;
    padding: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20%;
    margin-top: 20%;
}

#viewG #imgHolds{
    width: 100%;
    display: block;
}

#viewG #imgHolds img{
    max-height: 80%;
    height: auto;
    width: 100%;
}

#viewG #titHold{
    font-size: 1em;
}

#viewG #desHold{
    font-size: 0.8em;
}

#galleryShowcase, #videoShowcase{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    padding: 0px;
}

#galleryShowcase li, #videoShowcase li{
    overflow:hidden;
    margin: 5px;
    padding: 5px;
    display:inline-block;
    position: relative;
    box-sizing: border-box;
    max-width: 200px;
    min-width: 150px;
    vertical-align: top;
    box-shadow: 0px 0px 3px gray;
    border-radius: 6px;
}

#videoShowcase li .imgHolder{
    background-color: #ccc;
}

#galleryShowcase h3, #videoShowcase h3{
    font-size: 0.8em;
    font-weight: 800;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

#videoShowcase h3 a{
    text-decoration: none;
}

#galleryShowcase .imgHolder, #videoShowcase .imgHolder{
    overflow:hidden;
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 150px;
}

#galleryShowCase .imgHolder img, #videoShowCase .imgHolder img{
    width: 110%;
    margin-left: auto;
    margin-right: auto;
}

#vidBox{
    position: fixed;
    /*max-width: 400px;*/
    /*max-height: 300px;*/
    width: 80%;
    height: 80%;
    max-width: 500px;
    max-height: 500px;
    padding: 20px 30px;
    border-radius: 10px;
    display: none;
    box-shadow: 0px 0px 6px gray;
    top: 10%;
    bottom: 10%;
    margin-right: auto;
    margin-left: auto;
    right: 0px;
    left: 0px;
    z-index: 101;
    background-color: white;
    
}

#vidDescrClose{
    display: inline-block; 
    position: absolute; 
    right: -30px; 
    top: -30px; 
    z-index: 10; 
    padding: 10px; 
    background-color: #ccc;
    border-radius: 5px;
}

#vidBox #scrollBox{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 30px;
}



#galleryStore li{
    overflow:hidden;
    margin: 0px;
    padding: 0px;
    display:inline-block;
    position: relative;
    text-align: center;
}
#galleryStore{
    margin: 0px;
    padding-top: 10%;
    padding-bottom: 20%;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
}

#reChooseImg{
    border-radius: 15px;
    text-align: center;
}

#deals .coup{
    background-color: yellow;
    padding: 15px;
    
}
#deals .creator h2{
    margin: 0px;
}

#deals .autho{
    display:inline-block;
}

#deals .creator{
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-size: 0.5em;
    text-align: right;
}

#deals .coup .borderCoup{
    border: 4px dotted black;
    padding: 15px;
    position: relative;
    
}

#deals .coup .sNote{
    margin:20px;
    display: block;
}

#deals .coup .offerEnd{
    position: absolute;
    display:inline-block;
    bottom: 10px;
    right: 10px;
    font-size: 11px;
}

#deals .offM{
    font-family: 'Alfa Slab One', cursive;
    line-height: 1em;
    font-size: 2em;
}

#deals_trigger{
    text-align: right; 
    background-color: purple !important;
    color: white;
}

#deals_trigger:hover{
    background-color: orange;
}

#hostNote{
    position: absolute;
    top: -3em;
    left: 10px;
}

#createNw label, .dealBl label{
    display: block;
    margin-top: 10px;
}

#createNw textarea, .dealBl textarea{
    width: 100%;
    box-sizing: border-box;
}

#createNw small, .dealBl small{
    display:block;
    line-height: 1; 
    text-size: 0.7em;
    margin-bottom: 1.2em; 
}

body{
  margin:0px;
  padding-top: 70px;
  /* background-color: rgb(248, 248, 242); */
  background-color: rgb(98, 161, 61);
  min-width: 280px;
  margin-left: auto;
  margin-right: auto;
}

#checkAuth{
    position: fixed;
    top: 2px;
    right: 50px;
    z-index: 201;
}

#buiz{
  display: block;
  margin-bottom: 2em;
}

.unsubs{
    background-color: maroon !important;
}

.subscr{
    
}

h3.plans{
    margin-bottom: 0px;
}

.bubbleout{
    padding: 8px;
    border-radius: 8px;
    font-size: 9px;
    background-color: green;
    color: white;
}

#signinContainer{
    position: absolute;
    top: 0px;
    left: 100px;
    z-index: 201;
    max-width: 70%;
}

#signinContainer #noteEnable{
    position: relative;
    margin-top: 0px;
}

#signinContainer #noteEnable #cancelLog{
    position: absolute;
    top: -1em;
    right: -5em;
    z-index: 10;
}

#phoneMessage{
    margin-bottom: 2em;
}


#connectTo a{
    display:none;
}

#logoMark{
    
}

#connectTo{
    padding: 10px;
    border-radius: 10px;
    background-color: #ccc;
}

#connectTo label{
    display: block;
}

#connectTo input[type="text"], #connectTo input[type="number"]{
    display: block;
    padding: 10px 5px;
    border-radius: 10px;
    width: 100%;
    outline: none;
    border: 0px;
}

#customerLogin{
    display:none;
     background-color: white;
     padding: 15px;
     border-radius: 0px 0px 15px 15px;
     box-shadow: 0px 3px 5px gray;
}

#categoriesL{
  width: 80%;
  padding: 2px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  list-style: none;
  text-align: center;
}

#catTitle{
  font-size: 1em;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

#first{
    box-sizing: border-box;
    color: #393939;
}

#regLabel{
    background-color:white;
    padding: 10px;
    border-radius: 10px;
}

#first ol{
    display: block;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;
}

#logOt{
    cursor:pointer;
    right: 50px !important;
    bottom: 10px !important;
}

#first ol label, #regLabel label{
    margin: 0px;
    display: block;
    padding: 10px;
    border-radius: 10px;
    background-color: #444;
    color: #ccc;
    box-shadow: 0px 0px 3px black;
    box-sizing: border-box;
}

#messger{
    border-radius: 0px 0px 4px 4px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.89);
    color: #444;
    position: relative;
}

#newMessage{
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#sendingMessage{
    position: absolute;
    bottom: 20px;
    right: 20px;
}

#questP ol label{
    margin-left: -1em;
    margin-bottom: 8px;
    margin-top: 16px;
}

#questP ol{
    list-style-position: outside;
    margin-left: 1em !important;
    padding-left: 1em !important;
}

#questP ol li{
    margin-left: 1em;
}

#viewAll{
    position: absolute;
    bottom: -45px;
    right: 10px;
}

#mainDv{
    position: fixed;
    top: 75px;
    left: 0px;
    background-color: white;
    padding: 15px;
    border-radius: 10px;
    max-width: 200px;
    padding-left: 40px;
    margin-left: -10px;
}

#mainDv ul, #mainDv ul li{
    list-style: none;
    margin: 0px;
    padding:0px;
}

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

#mainDv h2{
    color: purple;
    font-size: 0.7em;
}

#messger #converseMssg{
    list-style: none;
    margin: 0px;
    padding: 2px;
    box-sizing: border-box;
    background-color: tan;
    border-radius: 5px;
    max-height: 40%;
    border: 0px;
}

#conMessages li{
    display:block !important;
    margin:5px;
    width: 70%;
}

#messger #converseBtns, #conMessages{
    border-radius: 20px;
    background-color: transparent;
    /*border: 1px solid white;*/
    text-align: center;
}

#messger #converseBtns li{
    /*width: 80px;*/
    /*height: 80px;*/
    border-radius: 10px;
    background-color: #ccc;
    margin: 4px;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px;
    border: 0px;
}

#conMessages{
    margin-bottom: 45px;
    overflow-y: scroll;
    max-height: 30%;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 15px;
}


.customer_msg, .host_msg, .support_msg{
    padding: 15px;
    border-radius: 10px;
    display:block;
    color: #ccc;
    text-align: left;
}

.customer_msg{
    background: linear-gradient(90deg, orange, rgba(0,0,0, 0.3) 70%) !important;
    margin-right: auto !important;
    color: #444 !important;
    margin-left: 0px !important;
}

.host_msg{
    background: linear-gradient(90deg, purple, rgba(0,0,0, 0.3) 70%) !important;
    margin-right: 0px !important;
    margin-left: auto !important;
}

.support_msg{
    background: linear-gradient(90deg, green, rgba(0,0,0, 0.3) 70%) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

#categoriesL li{
  display: inline-block;
  border: 1px solid gray;
  padding: 3px;
  border-radius: 3px;
  font-size: 0.9em;
  margin: 2px;
}

.businessFA{
  font-size: 3em;
  float: left;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

.businessFAsm{
  font-size: 1.5em;
  float: left;
  margin-right: 20px;
}
.wideImgFit{
  display: block !important;
  box-sizing: border-box !important;
}

.wideImgFit img{
  height: 100% !important;
  width: auto !important;
  box-sizing: border-box !important;
}

#showDataView{
  width: auto;
  min-width: 200px;
  padding: 30px;
  padding-top: 60px;
  background-color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.dataTitle{
  font-size: 12px;
  margin: 0px;
}

.dataDescription{
  font-size: 1.2em;
  margin: 4px;
}

.margn{
  width: 100% !important;
  font-weight: 900;
}

#containWrapper{
  position: fixed;
  top: 5%;
  right: 0px;
  left: 0px;
  bottom: 0px;
  background-color: rgba(48, 48, 48, 0.825);
  display: none;
  overflow: hidden;
  z-index: 1000;
}

#imgIcon{
  /* padding-top: 20%;
  padding-bottom: 20%; */
  display: inline-block;
}

#imgDisp{
  background-color: #ccc;
  color: rgba(216, 216, 216, 0.9);
  text-align: center;
  padding: 3%;
  border: 3px solid rgba(216, 216, 216, 0.63);;
  width: 100%;
  height: auto;
  margin-bottom: 5%;
  box-sizing: border-box;
  max-height: 150px;
  overflow-x: none; 
}

#addBits{
  list-style: none;
  margin: 2px;
  padding: 2px;
  overflow-y: scroll;
  max-height: 200px;
}

.coltxt{
  padding-top:25%;
  display:block; 
  text-align: center;
  font-size: 1.3em;
}

.clrview{
  display: inline-block;
  width: 70px; 
  height: 70px; 
  margin: 10px; 
  border: 1px solid gray; 
  position: relative;
  cursor: pointer;
}

.seld{
  border: 2px solid greenyellow !important;
}

#addBits li{
  display: block;
}

#infoCol{
  color: white;
  position: fixed;
  bottom: 15%;
  right: 10px;
  max-width: 80%;
}

#TOP{
  position: fixed;
  z-index: 100;
  bottom: 0px;
  display: none;
}

.stretch{
  display: block;
}

#permView{
  max-width: 300px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  max-height: 45%;
  overflow-y: scroll;
  margin-right: -10px;
  padding: 2%;
  padding-right: 2%;
  border-radius: 4px;
  background-color: #ccc;
  z-index: 20;
  display:none;
}


#questP{
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
  margin-bottom: 100px;
  padding: 20px;
  width: 80%;
  border-radius: 10px;
  box-shadow: 0px 0px 4px gray;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.836), rgba(255, 255, 255, 0.99) 70%);
}

#showUploaded{
  list-style: none;
}

#showUploaded li{
  display: inline-block;
}

#showUploaded li img{
  max-height: 80px;
  width: auto;
  height: 100%;
  min-height: 80px;
}

#call2Act{
  text-shadow: 0px 0px 4px rgb(9, 80, 9);
  position: fixed;
  z-index: 100;
  max-width: 60%;
}

#call2Act h3{
  font-size: 2em;
}

#logoMark{
  display: block; 
  vertical-align: middle; 
  font-family: 'Bevan'; 
  font-size: 0.97em; 
  box-sizing: border-box;
  z-index: 3;
  background-color: white;
  padding-left: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

#showInfo{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align:center;
  list-style: none;
  z-index: 25;
}

#showInfo > div{
   min-height: 110px;
   position: absolute;
   vertical-align: bottom;
   bottom: 15px;
   left: 0px;
   right: 0px;
   background: linear-gradient(180deg ,rgba(29, 28, 28, 0), rgba(29, 29, 29, 0.534), rgba(37, 37, 37, 0.945));
   padding-bottom: 40px;
}

.higl{
    padding: 3px;
    border-radius: 3px;
    background-color: gray;
    color: white;
}

#spotOnen{
    margin: 0px;
    padding: 5px;
}

#spotOne{
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 10px 10px 20px 20px;
    max-width: 300px;
    border-radius: 0px 10px 0px 0px;
    background-color: white;
    margin: 0px;
    display: none;
    max-height: 80%;
    overflow-y: hidden;
    box-shadow: 0px 0px 4px black;
}

#spotOne #part1 li, #spotOne #part2 li{
    position: relative;
}

#spotOne .exitOut{
    position: absolute;
    display: block;
    right: -30px;
    top: 10px;
    color: purple;
}

#spotOnen{
    overflow: scroll;
}

#spotOnen .exitOut{
    float: right;
}

#spotOne h2{
    margin: 0px;
}

#spotOne #part1, #spotOne #part2{
    box-sizing: border-box;
    padding: 5px;
    margin: 0px;
    padding-left:10px;
}

#spotOnen #part1, #spotOnen #part2{
    box-sizing: border-box;
    padding: 3px;
    margin: 4px;
}

#spotOnen #part1 li #content_reader, #spotOnen #part2 li #content_reader{
    color: gray;
}

#spotOnen #part1 li input[type="text"], #spotOnen #part2 li input[type="text"]{
    width: 100%;
    padding: 9px;
}


#showInfo li{
  display: inline-block;
  border-radius: 10px;
  min-width: 80px;
  min-height: 80px;
  border: 1px dotted white;
  text-align: center;
  padding: 0.3em;
  margin: 10px;
  color: white;
}

.txtIcon{
  display:inline-block;
}


#bkgrimg, #bkgrimgs{
  position: fixed;
  z-index: -50;
  top: 0px;
  left: 0px;
  background-position-x: center;
}

body > #inits{
  position: relative;
  list-style: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
  width: 90%;
  max-width: 300px;
  margin: 10% auto;
}

body > #inits li{
  margin-bottom: 3px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ccc;
  background-color: white;
  box-sizing: border-box;
  box-shadow: 0px 0px 4px #444;
}

body > #inits li textarea[name="basicMssg"]{
    display: block;
    width: 100%;
    margin: 10px 0px;
    padding: 10px;
    box-sizing: border-box;
}

body > #inits li a{
  text-decoration: none;
}

body > #inits li a .fa{
  font-size: 1.1em;
  margin-right: 0.9em;
  margin-left: 0.9em
}

body > #inits li input[type="text"]{
  width: 100%;
  padding: 5px 10px;
  font-size: 1em;
  border: 1px solid #ccc;
  outline: none;
  border-radius: 5px;
}

body > #inits li .blueBtn{
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  bottom: -48px;
  right: 5px;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #444;
}

body > #inits li #newCreate{
  position: absolute;
  padding-left: 20px;
  padding-right: 20px;
  bottom: -48px;
  left: 5px;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #444;
}

#menuNavs #lnkAds{
  display: block;
  box-sizing: border-box;
  margin: 2px;
  padding: 2px;
  display: block;
  width: 100% !important;
  box-sizing: border-box !important;
}

#lnkAds #initsInside{
  list-style: none;
  padding: 2px;
  margin: 2px;
  max-width: 200px !important;
  min-width: 100%  !important;
  box-sizing: border-box;
  display: block;
}

#initsInside li{
  display: block;
  background-color:white !important;
  color: #333 !important;
  width: 100%;
  box-sizing: border-box;
}

#initsInside .premier{
  padding: 0px;
  text-align: center;
}

#initsInside .premier small{
  padding: 0px;
  margin: 10px;
}


#menuNavs{
  position: fixed;
  display: block;
  top: 25px;
  right: 0px;
  height: 100%;
  min-height: 100%;
  min-width: 270px;
  max-width: 270px;
  background-color: rgba(0, 0, 0, 0.753);
  margin-right: -350px;
  list-style: none;
  padding: 2px;
  z-index:26;
  padding-top: 10px;
  overflow-y: scroll;
}

#secdiv{
  /* background-color: purple; */
  /* color: #ccc; */
  position: relative;
  min-height: 100%;
  height: 800px;
  width: 100%;
  min-width: 100%;
  max-height: 270px;
  overflow-y: scroll;
  padding: 15px;
  font-size: 0.8em;
  padding-right: 10%;
  padding-left: 10%;
  padding-bottom: 10%;
  box-sizing: border-box;
  bottom: 20px;
}

#contentRen #tits{
  
  padding-right: 10%;
  padding-left: 10%;
  margin:0px;
  margin-bottom: 10px;
}

#valCont{
  text-align:center;
  margin: 20%;
}

.noCont{
  font-size: 3em;
  color: maroon;
}

.noContTxt{
  font-size: 1em;
}

#secdiv img{
  width: 95%;
  margin-right: auto;
  margin-left: auto;
}

#secdiv h2{
  font-size: 1.5em;
  margin-bottom: 8px;
  margin-top: 0px;
}

#secdiv p{
  margin-top: 0px;
}

#pgDetail{
  text-align: right;
  position: fixed;
  display: block;
  margin-top: 30px;
  background-color: white;
  padding: 10px;
  bottom: 0px;
  left: 0px;
}

#pubAccess{
  position: absolute;
  display: inline-block;
  bottom: -5em;
  right: 0px;
  color: #ccc;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(0deg, rgba(25, 63, 170, 0.986), rgba(0, 0, 0, 0.30) 90%);
  box-sizing: border-box;
}

#pubAccess a{
  text-decoration: none;
  color: #ccc;
}

#pubAccess:hover{
  background-color: rgba(32, 86, 235, 0.986);
}

#pinSet{
  position: relative;
}

#minim{
  position: absolute;
  top: -38px;
  right: 20px;
  color: #ccc;
  font-size: 2em;
  background-color: rgba(255, 255, 255, 0.116);
  padding: 5px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#contr{
  display:none;
  position: absolute;
  top: -38px;
  right: 70px;
  color: #ccc;
  font-size: 2em;
  background-color: rgba(255, 255, 255, 0.116);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
}

#expan{
  position: absolute;
  top: -38px;
  right: 70px;
  color: #ccc;
  font-size: 2em;
  background-color: rgba(255, 255, 255, 0.116);
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px;
}

#linkable{
  list-style: none;
  margin:2px;
  padding: 2px;
}

#linkable li{
  box-shadow: none;
}

#linkAdExternal{
  text-align: center;
}



.premier{
  font-size: 4em;
  display: block;
  margin: 5%;
  padding: 10%;
  box-sizing: border-box;
  padding-bottom: 0px;
}

.premier #businessNo{
  display: block;
}

.premier small{
  font-size: 0.6em;
  display: block;
}

#contentRen{
  /* border-top-right-radius: 10px;
  border-top-left-radius: 10px; */
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.93);
  color: #444;
  position: fixed;
  bottom: 20px;
  width: 100%;
  box-sizing: border-box;
  max-height: 70%;
  /* padding: 10%; */
  z-index: 23;
  padding-top: 40px;
  padding-bottom: 20px;
  overflow-y:none;
  max-width: 600px;
  box-shadow: 0px 0px 5px gray;
}

#contentRenBg{
    background-color: rgba(255, 255, 255, 0.9);
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin:0px;
    padding: 0px;
    min-width: 100%;
    min-height: 100%;
    display:none;
    
    z-index: 22 !important;
}

.fa-exclamation-circle{
  color: maroon;
}

#searchable{
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

#search_container{
  max-width: 200px;
  background-color: white;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0px 0px 6px gray;
  position: fixed;
  top: 7%;
  left: 10px;
  z-index: 50;
}

#locationFnd{
  position: absolute;
  right: -42px;
}


#search_container *{
  display: inline;
}

#search_container #permisB{
  display: block;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-top: 10px;
  box-sizing: border-box;
  position: absolute;
  right: 0px;
  background-color: white;
  border-radius: 0px 10px 10px 10px;
  width: 100%;
  max-width: 300%;
  z-index: 60;
  max-height: 100px;
  overflow-y: scroll;
}

#busHostImgs{
  width: 100%;
  margin: 0px;
  padding: 0px;
  position: relative;
}

#busHostImgs li{
  position: absolute;
  width: 100%;
  top: 0px;
}

#busHostImgs li img{
  width: 100%;
}

.oldInfo .hotKey:hover{
  border: 0px;
}

#contacts #postHours{
    display: none;
    max-width: 200px;
    min-width: 150px;
    margin-left: auto;
    margin-right: auto;
    padding: 7px;
    border-radius: 7px;
    background-color: white;
    box-shadow: 0px 0px 5px gray;
    position: fixed;
    top: 45%;
    right: 20px;
    box-sizing: border-box;
}

#contacts #postHours li{
    box-sizing: border-box;
}

#contacts{
   max-height: 45%;
   box-sizing: border-box;
}

#contacts #timeBtn{
    position: absolute;
    top: 15px;
    right: 15px;
}

#logoContact{
  background-size: 100% auto;
  box-sizing: 0px -2px 6px gray;
  box-shadow: 0px 0px 5px gray;
  border: 3px solid #ccc;
  box-shadow: inset 1px 1px 4px gray;
}


#chanFit{
  display:inline-block;
  text-align: right;
  width: auto;
}

#channels{
  background-color: none !important;
  z-index: 103;
  padding: 0px;
  margin: 0px;
}


#channels a{
  display:block;
}


#channels li{
  border: 1px solid white;
  text-align: left;
  padding: 4px;
  border-radius: 4px;
  margin-bottom: 2px;
  margin-bottom: 1px;
  color: white;
  background-color: rgba(255, 255, 0, 0.24);
}

#channels li:hover{
  background-color: yellowgreen;
}

#messgCase{
  background-color: rgba(128, 0, 0, 0.904);
  color: white !important;
  border-radius: 10px;
  max-width: 60%;
  position: fixed; 
  bottom: 20%; 
  color: purple;
  padding: 1em; 
  z-index: 51;
  text-align: center;
  box-shadow: 0px 0px rgba(128, 128, 128, 0.932);
  box-shadow: 0px 2px 5px gray;
}

#search_container #permisB li{
  padding: 3px;
  border-radius: 10px;
  background-color: #ccc;
  display: inline-block;
  margin: 3px;
  font-size: 0.9em;
  text-align:center;
  max-width: 40px;
  min-width: 30px;
  max-height: 30px;
  cursor: pointer;
}

#searchLoc{
  border-radius: 12px;
  padding: 3px;
  padding-left: 9px;
  width: 100px;
  border: 1px solid gray;
}

#search_container #permisB li:hover{
  background-color: yellowgreen;
}

#businessName{
  position: absolute;
  display:inline;
  margin-top: 24px;
  font-size: 12px;
  white-space: nowrap;
}

#searchLot{
  border-radius: 5px;
}

#backtoBasic{
  color:green;
  padding: 0.3em;
  font-size: 1em;
  position:fixed; 
  top: 8px; 
  left: 80px;
}

#needArea .fa-star-o{
  margin-left: 5px;
  margin-right: 10px;
  color: white;
}

#filterTxt{
  display:none;
}

#selectConn{
  clear: both;
  background-color: #ccc;
}

#secdiv input[type="text"], #secdiv input[type="number"], #secdiv textarea, #secdiv select{
  width: 100%;
  margin: 5px 5px;
  padding: 0.3em;
  border-radius: 5px;
  border: 0.5px solid #ccc;
  font-size: 1.3em;
  color: gray;
}

#payView{
  list-style: none;
  margin: 10px;
  padding: 5px;
  box-sizing: border-box;
}

.fits{
  display:inline-block;
  width: 45%;
}

.marg{
  margin:4%;
}

#deploy{
  position: fixed;
  display: inline-block;
  bottom: 20px;
  right: 48%;
  color: #ccc;
  margin: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(132, 133, 136, 0.986);
  box-sizing: border-box;
  border: 0px;

}

#resultList {
  list-style: none;
  margin: 0 10px 20% 10px;
  padding: 3px;
}

#resultList li{
  margin-bottom: 3px;
  padding: 4px;
  border-radius: 5px;
  background-color: rgba(204, 204, 204, 0.658);
}

#resultName{
  width: 30%;
  display: inline-block;
  vertical-align: text-top;
  text-transform: capitalize;
}

#resultValue{
  width: 65%;
  display: inline-block;
  font-weight: 800;
}

#rightA, #rightA1{
  position: absolute;
  top: 70%;
  right: 4%;
  font-size: 2.3em;
  opacity: 0.5;
  z-index: 10;
}


#leftA, #leftA1{
  position: absolute;
  top: 70%;
  left: 4%;
  font-size: 2.3em;
  opacity: 0.5;
  z-index: 10;
}

#rightA1, #leftA1{
  z-index: 100;
}




#colorDialog label, #colorDialog input{
  display: block;
  box-sizing: border-box;
}

#menuNavs li{
  padding: 15px 7px;
  border-radius: 3px;
  background-color: #444;
  color:white;
  margin-right: -350px;
  display: block;
  box-sizing: border-box;
  cursor: pointer;
}

#menuNavs > li:hover{
  background-color: rgb(22, 150, 22);
}

.blueBtn:hover{
  background-color: rgba(32, 86, 235, 0.986);
}

#search{
  margin-top: 20%;
  margin-bottom: 20%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

#baseLay{
  width: 100%;
  margin: 0px;
  padding: 10%;
  text-align: center;
  position: fixed;
  bottom: 0px;
  left: 0px;
  box-sizing: border-box;
  background-color: rgba(204, 204, 204, 0.904);
  z-index: 2;
  opacity: 0.2;
}

#lsearch{
  padding: 10px;
  background-color: #555;
  border-radius: 10px;
  max-width: 200px;
  margin:0px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  left: 3px;
  bottom: 3px;
}

#search .exit{
  position: absolute;
  top: 10px;
  right: 10px;
}

#lsearch .selectors{
  margin: 2px;
  text-decoration: none;
  background-color: #ccc;
  border-radius: 5px;
  padding: 5px;
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
}

#editBits .tit{
  font-size: 1em;
}

#editBits{
  margin: 5px;
  box-sizing: border-box;
  padding: 10px;
  color: #444;
  border-radius: 6px;
  background-color: white;
}

#editBits input, #editBits textarea{
  width: 100%;
  padding: 4px 10px;
  font-size: 0.8em;
}

#editAreaName{
  margin-top: 0px;
}

#nameEdit{
  font-family: 'Bevan';
  border: 0px;
  font-size: 1.2em;
  color: purple;
  width:70%;
  display: inline-block;
  outline: none;
}

#namePort{
  font-family: 'Bevan';
  cursor:pointer;
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
  font-size: 2em;
}

#namePort:hover{
  color: rgba(39, 83, 153, 0.993);
}

#reqName{
  font-family: 'Bevan';
}

.styleView{
  width: 100%;
  height: auto;
  opacity: 0.5;
  margin: -10%;
}

#styleView{
  width: 20%;
  float:right;
}

#stylePort{
  width: 80%;
  float:left;
}


#logoImg{
  height: 33px;
  width: auto;
  margin-bottom: 3px;
}

#savedFeed{
  padding: 4px;
  font-size: 11px;
  background-color: purple;
  color: #ccc;
  border-radius: 4px;
}

#sampImg{
  margin-top: -30px;
}

#helpBtn{
  width: 50px; height: 50px; font-size: 40px; padding: 10px; text-align: center; border-radius: 50%; background-color: #ccc; box-shadow: 0px 0px 5px gray; border: 1px solid white; position: absolute; right: 30px;top: -30px;
  cursor: pointer;
  color: gray !important;
  z-index: 2;
}

#helpBtn:hover{
  background-color: white;
  font-size: 45px;
}

#helpTitle, #helpTopics{
  font-family: 'Bellota';
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

#allLocations ol p{
  padding: 3px;
  margin: 0px;
  box-sizing: border-box;
}

#allLocations p span{
  display: inline-block;
  width: 15%;
}

#yrs{
  font-size: 1em; 
  float: right; 
  padding: 1em; 
  border-radius: 50%; 
  display: inline-block; 
  background-color: green; 
  color: white;
  height: 2em; 
  width: 2em; 
  text-align: center;
  display: none;
}

#showDataView > .dataDescription, #showDataView > .dataTitle{
  display:none;
}

#businessBr{
  display: inline-block;
  position: fixed;
  bottom: 40px;
  left: 10px;
  padding: 15px; 
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.76);
  width: 25%;
  max-width: 200px;
}

#secdiv label{
  display: block;
  font-size: 2.4em;
  padding-bottom: 2%;
}

#navig{
    position: absolute;
    top: -50px;
    box-shadow: 0px 0px 4px gray;
}

#helpBtn, #updStp, #messageBack, #bubbleNo, #requestList, #doneView, #portV, #checkV, body, .fFont{
  font-family:'Bellota';
}
.smNote{
  font-size: 12px;
}

.smN{
  width: 100%;
  display: block;
  text-align: center;
}

#imgPortSelector input, #imgPortSelector select{
  width: 100%;
  box-sizing: border-box;
}

#imgPortSelector{
  flex: 0 0 40%;
  border-radius: 10px;
  background-color: rgba(233, 233, 233, 0.863);
  padding: 10px;
}

.localBox{
  position: relative;
  box-sizing: border-box;
}

.localBox input, .localBox p{
  box-sizing: border-box;
}

.posit{
  font-size:1.5em;
  position: absolute;
  color: maroon;
  right: -10px;
  top: 1.5em;
}

.localBox > p{
  position: relative;
}

.exitClose{
  position: absolute;
  top: 1px;
  right: 1px;
  font-size: 1em;
  color: #ccc;
  padding: 7px;
}

.exitClose:hover{
  background-color: rgba(153, 205, 50, 0.171);
  border-radius: 10px;
}

.listRun li{
  border-radius: 10px;
  padding: 10px;
  margin: 2px;
  background-color: rgba(8, 63, 216, 0.822);
  color: #ccc;
}
.localBox > h2{
  background-color: rgba(61, 102, 216, 0.986);
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
}

#s_map{
  position: absolute;
  top: 8px;
  left: 15px;
  font-size: 12px;
}

.listRun{
  list-style: none;
  margin: 2px;
  padding: 2px;
}

#locLeft{

  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.1em;

}

#doneView, #submitView, #checkO, .blueBtn{
  border-radius: 3px;
  background-color: rgba(8, 63, 216, 0.986);
  box-shadow: none;
  color: white;
  border: 0;
  outline: none;
  padding: 10px;
  margin: 5px;
}

#doneView{
  background-color: transparent;
  color: rgba(92, 100, 122, 0.986);
  border-right:  1px solid #ccc;
  border-left:  1px solid #ccc;
  border-top:  1px solid #ccc;
  border-bottom:  0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  box-shadow: 0px -2px 3px #ccc;
}

#doneView{
  position: fixed;
  top: 10px;
  left: 46%;
  padding: 5px;
}

#checkO{
  display: none;
  background-color: rgb(75, 161, 17);
  color: #eee;
}

#checkO:hover{
  background-color: rgb(89, 204, 12);
  color: white;
}

#submitView:hover{
  color: white;
}
#doneView:hover{
  background-color: rgba(236, 236, 238, 0.986);
}

.endN{
  color: maroon;
  text-align: center;
}

#thumbUp{
  background-color: rgba(8, 63, 216, 0.986);
  padding: 0.7em;
  border-radius: 50%;
  font-size: 2.2em;
  color: white;
  display: inline-block;
  margin: 8px;
  margin-right: auto;
  margin-left: auto
}

body > .smNote{
  width: 200px;
  position: fixed;
  top: 50px;
  right: 20px;
  cursor: pointer;
}

#subm{
  margin-right: auto;
  margin-left: auto;
  outline: none;
  border: 0px;
}

#close{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  z-index: 0;
}

#helpTitle, #nm1, select{
  font-family: 'Poiret One', cursive;
}

#shipInf input{
  outline: none;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 8px;
  padding-left: 1em;
  padding-right: 1em;
}

#mainPreviewCanvas{
  z-index: 0;
  overflow-y: hidden;
}
#mainPreviewCanvas > *{
  box-sizing: border-box;
}



main{
  width: 80%;
  margin-top: 20%;
  margin-right: auto;
  margin-bottom: 20%;
  margin-left: auto;
  padding: 0px;
}

main #designName, #email{
  width: 100%;
  font-size: 2em;
  border-radius: 30px;
  outline: none;
  padding: 5px;
  padding-left: 4.1em;
  padding-right: 1.6em;
  box-sizing:border-box;
  border: 1px solid gray;
  font-family:'Bellota', cursive;
}

#email, #emailArea{
  font-size: 1em;
}


#email{
  width: 100%;
}

#emailArea{
  width: 1%;
  display:none;
  margin-right:auto;
  margin-left: auto;
  text-align: center;
  position: relative;
}

#emailArea .fltl, #backB, #forwB{
  display: inline-block;
  color: gray;
  position: absolute;
  font-size: 1.3em;
  left: 15px;
  top: 20%;
}

#backB{
  left: -25px;
  font-size: 1.2em;
}

#backB{
  left: -25px;
  font-size: 1.2em;
}

#forwB{
  top: 0px;
  right: -30px;
  left: auto;
  font-size: 2em;
}

#messageBack{
  display: block;
  width: 100%;
  text-align: center;
}


#styles, #styles option{
  font-size: 1em;
  border: 0px;
  outline: 0px;
}
header{
  min-height: 20%;
  border: 0px;
  background-color: #ccc;
}

nav{
  vertical-align: text-top;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: white;
  box-shadow: 0px -2px 5px gray;
  padding: 5px;
  padding-bottom: 0px;
  box-sizing: border-box;
  z-index: 25;
}

#rtIcon:hover, #forwB:hover{
  color: rgba(8, 63, 216, 0.986);
}

#backB:hover{
  color: #444;
}

#userEntryTit{
  font-size: 2.6em;
  font-weight: 900;
  margin-bottom: 0px;
  font-family: 'Poiret One', cursive;
}

#rtIcon{
  position: absolute;
  bottom: .3em;
  font-size: 2em;
  right: .4em;
  color: gray;
}

#ltIcon{
  position: absolute;
  bottom: .2em;
  font-size: 2em;
  left: .4em;
  color: gray;
  /* left: 25px; */
}

#entryContainer{
  position: relative;
}

#imgHold{
  background-color: yellowgreen;
  width: 20%;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  z-index: 0;
}

.fll{
  width: 100%;
}

.inBlock{
  display: block !important;
}

.frt{
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 40px;
  height: 10px;
  vertical-align: text-top;
}
.imgSz{
  height: 20px;
  width: auto;
  opacity: 0.3;
}

#hamburger{
  position: absolute;
  display: block;
  background-color: black;
  top: 8px;
  right: 8px;
  padding: 8px;
  border-radius: 5px;
  color: #ccc;
  font-size: 0.8em;
}

#divBlock{
  margin-top: 12%;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}

#viewDet{
  line-height: 1.5;
  border-radius: 9px;
  padding: 9px;
  background-color: rgba(25, 63, 170, 0.986);
  color: white;
  border: none;
  outline: none;
  box-shadow: 0px 0px;
  margin: 7px;
  margin-left: auto;
  margin-right: auto;
}

#viewDet:hover{
  background-color: rgba(8, 63, 216, 0.986);
}

#bubbleNo{
  line-height: 1.5;
  border-radius: 9px;
  color: white;
  background-color: rgba(8, 63, 216, 0.986);
  width: 29px;
  height: 19px;
  font-size: 12px;
  font-weight: 900;
  display:block;
  text-align: center;
  position: absolute;
  padding: 3px;
  top: 8px;
  right: 50px;
  display: none;
  cursor: pointer;
}

#portV, #checkV{

}

.numLst{
  padding: 5px;
  border-radius: 5px;
  background-color: aquamarine;
  color: black;
}

#ovrBtn, #channels{
    z-index: 106;
}

#portV{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  box-sizing: border-box;
  position: relative;
  border-radius: 5px;
}

#addAnother{
  padding: 20px;
  position: absolute;
  bottom: -70px;
  right: 30px;
  border-radius: 50%;
  font-size: 1em;
  background-color: rgba(240, 255, 250, 0.685);
  color: black;
  display:none;
  cursor: pointer;
  box-shadow: 0px 0px 3px gray;
}

#addAnother:hover{
  /* background-color: rgba(127, 255, 212, 1); */
  background-color: white;
  color: black;
}


#nameSpec, updateStepSmall{
  flex-grow: 1;
}

#nameSpec{
  margin: 10px;
  float:right;
  width: 75%;
}

#prods{
  background-color: #444;
  border-radius: 10px;
  padding: 5px;
  text-align: right;
}

#prods h3{
  text-align: left;
  color: white;
  font-size: 1.2em;
  margin-bottom: 1.5em;
  padding-bottom: 10px;
}

#profPics{
  border-radius: 50%;
  max-height: 75px;
  width: auto;
}

#settingsContainer{
  border-radius: 10px;
  max-width: 200px;
  text-align: center;
  background-color: white;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20%;
  margin-bottom: 20%;
  box-shadow: 0px 0px 5px #ccc;
}

#policyWriter{
  position: relative;
}


#btnStat{
  position: fixed;
  bottom:20px;
  left: 50px;
  z-index: 31;
}

#statsContainer{
  position: fixed;
  width: 100%;
  text-align:center;
  bottom: -200px;
}

#stats{
    border: 2px solid rgba(214, 214, 214, 0.281);
    /* position: absolute; */
    bottom: -200px;
    /* left: 10%;
    right: 10%; */
    vertical-align: top;
    text-align: center;
    max-height: 150px;
    border-radius: 10px;
    padding: 10px;
    display: table;
    border-spacing: 5px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    z-index: 1;

 }

 #spreadDwn{
   color: white;
 }

.sL{
  display: block;
}

#stats div{
  color: white;
  display: table-cell;
  padding: 2px;
  border-radius: 10px;
  border: 2px solid #ccc;
  min-height: 150px;
  height: 100%;
  width: 30%;
  margin: 2px;
  padding: 10px;
  box-sizing: border-box;
  vertical-align: middle;
}

#settingsContainer a, #signoff, .linkB, #serv li{
  padding: 8px;
  border-radius: 5px;
  background-color: rgba(128, 0, 128, 0.808);
  background: linear-gradient(0deg, rgba(128, 0, 128, 0.808), rgba(128, 0, 128, 0.808)), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.7) 80%);
  color: white;
  text-decoration: none;
  display: block;
  width: auto;
  border: 0px;
  margin:3px;
  outline: none;
  cursor: pointer;
  box-shadow: 0px 0px 2px black;
}

#serv li{
  display: inline-block;
  margin-right: 10px;
  background-color: rgba(10, 196, 10, 0.747);
  cursor: auto;
}

.presInfo{
  display:none;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.5em;
  padding-bottom: 80px;
}

#stats .premier small{
  font-size: 18px;
}

#stats #businessNo{
  font-size: 30px;
}


#maxim:hover{
  color: greenyellow;
}

#maxim{
  padding: 10px;
  background-color: white;
}

#showCont{
  display: none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 5px;
  background-color: white;
  z-index: 22;
}

#showCont:hover{
  background-color: #333;
  color: white;
}

.abcRioButton{
  margin-left: auto;
  margin-right: auto;
}

.linkB{
  display:inline-block;
  margin-right: auto;
  margin-left: auto;
}

#flCont ul{
  margin: 2px;
  padding: 2px;
  list-style: none;
}

#flCont ul li{
  padding: 3px;
  border-radius: 3px;
}

#flCont{
  position: fixed;
  right: 20px;
  bottom: 10px;
  width: auto;
  background-color: white;
  border-radius: 10;
  padding: 10px;
}

#editAddr{
  cursor: pointer;
}

#cnTAddr{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 32;
  padding: 20px;
  display: none;
  border-radius: 10px;
  background-color: white;
  max-width: 300px;
  width: 97%;
  box-shadow: 0px 0px 5px #ccc;
  box-sizing: border-box;
  margin: 5px;
}

._-exit{
  display:block;
  text-align: right;
}

#msg{
  display:none;
}

#cnTAddr input{
  width: 100%;
  padding: 3px 6px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
#cnTAddr label{
  font-family: 'Bellota', cursive;
}

.mar{
  color: maroon;
}

.gre{
  color: rgb(98, 148, 23);
}

p.smNote{
  position:fixed;
  max-width: 200px;
  bottom: 10px;
  left: 10px;
}

#settingsContainer > p.smNote{
  position: relative;
  /* max-width: auto; */
}

#phoneContainer{
    position: relative;
    display: block;
}

#submitPh{
    position: absolute;
    bottom: 10px;
    right: 10px;
}


#signoff{
  background-color: rgba(255, 255, 0, 0.698);
  color: #444;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 30;
  font-size: 0.9em;
  padding: 1%;
  border-radius: 25%;
  border-bottom-left-radius: 0px;
  cursor: pointer;
  display:none;
}

.editBtns{
  position: absolute;
  bottom: -40px;
  /* display: inline-block; */
  
  right: 10px; 
  opacity: 0.9;
}

#searchPB{
  position: absolute;
  bottom: -40px;
  /* display: inline-block; */
  
  right: 100px; 
}

#permissions{
  margin: 20%;
  margin-top: 5%;
  margin-bottom: 5%;
}

#permissBtn:hover{
  background-color: blue;
}

#emailAuth{
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 100px;
}

#logoff{
  position:absolute; 
  bottom: -35px; 
  left: 10px; 
  border-radius: 5px; 
  background-color: white; 
  color: green; 
  padding: 5px; 
  font-size: 1em;
  cursor: pointer;
  opacity: 0.9;
}

#logoff:hover{
  opacity: 1;
}

#signoff:hover{
  background-color: orange;
}


#settingsContainer a:hover{
  background-color: rgba(8, 63, 216, 0.986);
}

.bad{
  background-color: rgba(128, 0, 0, 0.294) !important;
}
.bad:hover{
  background-color: rgb(128, 47, 0) !important;
}

#productDetails{
  background-color: rgba(255, 255, 0, 0.403);
  /* background-image: url(https://jonescreations.com/img/vctz-downld.jpg); */
  width: 103%;
  height: 100%;
  position: fixed;
  display: block;
  top: 0px;
  left: 0px;
  z-index: 26;
  display: none;
  /* overflow-y:scroll; */
  bottom: 70px;
}

.prodSelt, .prodSelt .fa{
  display: block;
}

.extr{
  margin-bottom: 5px;
  padding: 3px;
  position: relative;
}

.prodSelt img{
  height: 30px;
  width: auto;
}

#sections{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20%;
  /* overflow-y: scroll; */
}

#sections h3, #sections h2{
  color: #4f4f4f;
  padding: 10px;
  border-radius: 10px;
  background-color: #ccc;
  font-size: 2em;
  font-family: 'Fugaz One', cursive;
  border: 1px solid #333;
}

#sec_sizes{
  width: 100%;
  box-sizing: border-box;
  padding: 0px;
  margin:0px;
  display:none;
}

#sec_sizes ul{
  margin:0px;
  padding: 0px;
  box-sizing: border-box;
  display: inline-block;
}

#sec_sizes li{
  background-color: #ccc;
  color: black;
  border-radius: 10px;
  width: 32%;
  margin: 1px;
  padding: 2px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

#sec_sizes li ul{
  margin:2px !important;
  padding: 5px;
  box-sizing: border-box;
  width: 98%;
}

#sec_sizes li ul li{
  display: block;
  background-color: rgba(91, 96, 110, 0.986);
  color: white;
  border-radius: 5px;
  padding: 5px;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
}

#sec_sizes li ul li:hover{
  background-color: rgba(8, 63, 216, 0.986);
  color: white;
}


.nameBlock{
  font-family: 'Bellota', cursive;
}

#mailerTo{
  position: fixed;
  bottom: 5px;
  left: 5px;
  font-size: 0.6em;
  background-color: rgba(255, 255, 255, 0.726);
  border-radius: 0.6em;
  padding: 0.3em;
  z-index: 21 !important;
}

.rt{
    text-align: right;
}

.m80{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}

.remProd{
  border-radius: 5px;
  padding: 3px;
  background-color: yellowgreen;
  margin: 3px;
  border: 1px solid #ccc;
}

.remProd img{
  float: right;
}

.prodSelt .fa{
  text-align: left;
}

.prodSelt .nameBlock{
  float:right;
  margin-left: 15px;
  color: white;
}


.remClrProd, .remDsnClr, .remSize{
  border-radius: 5px;
  margin: 3px;
  padding: 5px;
  color: #555;
  border: 1px solid #ccc;
}

#sec_color_prn, #sec_color, #sec_prod_t_men, #sec_prod_t_women, #sec_long_sleev, #sections ul{
  margin:0px;
  list-style: none;
  padding: 0px;
}

#sections ul{
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  display: none;
}

#selVec, #ndProdTypes {
  padding: 8px;
  border-radius: 10px;
  font-size: 1.5em;
  font-family: 'Poiret One';
}

#selVec option[value="2"]{
	font-family: 'Fugaz One', cursive;
}

#selVec option[value="1"]{
	font-family: 'Nixie One', cursive;
}

#sec_color_prn li, #sec_color li{
  display: inline-block;
  font-size: 11px;
  text-align: center;
  width: 50px;
  height: 50px;
}

#sec_prod_t_men li, #sec_prod_t_women li, #sec_long_sleev li{
  display: inline-block;
  width: 33%;
  height: auto;
}

#sec_long_sleev{
  background-color: rgb(68, 68, 68);
}

#sec_prod_t_women{
  background-color: rgb(243, 192, 212);
}

#sections ul li img{
  width: 100%;
  height: auto;
}


#prodDetContainer{
  display: block;
  height: 90%;
  width: 100%;
  background-color: rgba(217, 214, 247, 0.952);
  position: relative;
  margin-top: 45px;
  overflow-y: scroll;
}

#prodNav{
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 1.3em;
  background-color: #444;
  color: gray;
  position: fixed;
  bottom: 5%;
}


#prodDetailNavBtns{
  /* position: fixed; */
  display: block;
  top: 5px;
  left: 75px;
  font-size: 1em;
  z-index: 26;
}

.paint, .size, .time, .styln{
  padding: 7px; 
  border-radius: 5px;
  border: 1px solid gray;
  background-color: white;
  font-size: 0.8em;
}

.paint:hover, .size:hover, .time:hover, .styln:hover{
  border-radius: 5px;
  background-color: rgba(8, 63, 216, 0.986);
  border: 0px;
  color: white;
}

#currentNm{
  font-family: 'Bevan';
  font-size: 1em;
  color: white;
}



#portV h3{
  margin-bottom: 0px;
}

#updStp{
  font-size: 1.5em;
  width: 30px;
  height: 30px;
  line-height: 1;
  position: absolute;
  border-radius: 50% !important;
  top:-60px;
  right: 55%;
  border: 3px solid #444;
  vertical-align: middle;
  color: white;
  font-weight: 900;
}


#updateStepSmall{
  float: left;
  font-size: 4em;
  display:block;
  width: 20%;
  text-align: center;
  border-radius: 10px;
}

#sectionNo{
  background-color: aquamarine;
  border-radius: 25%;
  display: inline-block;
  width: 55px;
  height: 55px;
  font-size: 0.8em;
  padding: 0.3em;
}

nav > #checkO2{
  display: block;
  position: absolute;
  top: 5px;
  right: 75px;
  width: 19px;
  height: auto;
  color: rgba(8, 63, 216, 0.986);
}

nav > #checkO2:hover{
  color: rgb(75, 161, 17);
}

#requestList{
  max-height: 300px;
  overflow-y: scroll;
  width: 70%;
  margin-top: 0px;
  margin-left:auto;
  margin-right: auto;
  margin-bottom: 0px;
  padding: 0px;
  z-index: 3;
  border-top: 1px solid #ccc;
}

#requestList li{
  color: white;
  /* background-color: rgba(8, 63, 216, 0.986); */
  font-size: 0.99em;
  padding: 4px;
  border-radius: 10px;
  margin-top: 3px;
  position: relative;
  overflow:hidden;
  white-space: nowrap;
  vertical-align: middle;
  color: rgba(100, 102, 109, 0.986);
  background-color: rgb(248, 248, 242);
}

#requestList li b{
  width: 10%;
  max-width: 20px;
  margin: 0px;
  padding: 0px;
  /* background-color: red; */
  position: absolute;
  top: 3px;
  left: 2px;
}

.titleHolder{
  display: inline-block;
  width: 65%;
  overflow: hidden;
  margin: -3px;
  margin-left: 4em;
  padding: 0px;
  cursor: pointer;
}

.titleHolder:hover{
  background-color: rgba(128, 0, 128, 0.109);
  border-radius: 3px;
  padding: 2px;
}

.exits{
  display: inline-block;
  padding: 5px 5px;
  border-radius: 0px 10px 10px 0px;
  background-color: white;
  color: maroon;
  margin-right: 0px;
  position: absolute;
  top: 2px;
  right: 2px;
  width: 10%;
  max-width: 20px;
  text-align: center;
  cursor: pointer;

}

.fa-external-link{
  padding: 0.6em;
}

#linkables{
  margin: 0px;
  padding: 0px;
  text-align: left;
}


#summ{
  text-align: left;
  font-size: 11px;
  margin-right: 2%;
  margin-top: 0px;
  padding-top: 0px;
}

#menuNavs #counters{
  text-align: right;
  /*position: fixed;*/
  padding: 10px;
  bottom: 0px;
  right: 0.3em;
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
  max-width: 300px;
}

#mailPin{
    position: fixed;
    top: 48px;
    right: 15px;
}


#menuNavs #counters #numberCnt{
  display: block;
  padding: 1em;
  width: 1em;
  font-size: 1em;
  text-align: center;
  background-color: white;
  color: purple;
  border-radius: 50%;
}

.boxSz{
  box-sizing:border-box;
}

#txtLogo{
  font-size: 27px;
  color: #555;
  margin-left: 10px;
  display:none;
}

#helpTitle, #helpTopics{
  color: #444;
}

#help{
  background-color: orange; position: fixed; width: 100%; min-height: 20%; bottom: 0px; color: #444;
  z-index: 27;
  
}

#r1, #l1, #nm1{
  margin:0px;
  box-sizing: border-box;
}

#outerAddrNav{
  box-sizing: border-box;
  margin-top: 20px;
}

#shipInf{
  border: 1px solid gray;
  position: fixed;
  bottom: 2px;
  right: 10%;
  max-width: 250px;
  background-color: #eee;
  border-radius: 10px;
  padding: 10px;
  z-index: 30;
  display: none;
}

#shipSt, .openEd, #sendTo, .edEmail{
  cursor: pointer;
}

#openStatus{
  box-sizing: content-box;
}

#addrBk{
  margin:0px;
  padding: 2px;
  background-color: aquamarine;
  border-radius: 4px;
  min-width: 200px;
}

#addrBk #quickAdd{
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-bottom: 10px;
}

#addrBk #quickAdd li{
  padding: 4px;
  background-color: purple;
  color: #ccc;
  border-radius: 6px;
  margin-top: 2px;
}

#addrBk #quickAdd li:hover{
  background-color: rgb(160, 7, 160);
}


#locationsList{
  list-style: none;
  display: none;
  padding: 5px;
  margin: 2px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: white;
  border-radius: 3px;
  z-index: 100;
}

#locationsList li{
  width: 15%;
  min-width: 80px;
  text-align: center;
  border: 1px dotted gray;
  border-radius: 5%;
  display: inline-block;
  margin: 3px;
  cursor: pointer;
}

#locationsList li:hover{
  color: white;
  background-color: rgba(39, 83, 153, 0.993);
}

.selectedLoc{
  color: #ccc;
  background-color: rgba(123, 126, 129, 0.993);
}

.selectEditBlock{
  color: black !important;
  font-weight: 900 !important;
  background-color: rgba(255, 255, 0, 0.767) !important;
}

#nextLocation{
  font-size: 1.25em;
  position:absolute; 
  bottom:30%; 
  left: -2.25em; 
  padding: 10px; 
  width: 20px; 
  height: 20px; 
  background-color: rgba(65, 150, 65, 0.87); 
  border-radius: 50%;
}
#nextLocation:hover{
  color: white;
  background-color: rgba(75, 194, 75, 0.87); 
}


#prevLocation{
  font-size: 1.25em;
  position:absolute; 
  bottom:30%; 
  right: -2.25em; 
  padding: 10px; 
  width: 20px; 
  height: 20px; 
  background-color: rgba(65, 150, 65, 0.87); 
  border-radius: 50%;
}
#prevLocation:hover{
  color: white;
  background-color: rgba(75, 194, 75, 0.87); 
}

#questTit{
  margin-bottom: 3px;
}

#questDet{
  margin-top: 5px;
  max-height:300px;
  overflow-y: scroll;
}

#startBtn{
  display:none;
}

#olist{
  display:block;
  padding: 0px;
  margin: 3px;
  margin-bottom: 20px;
}

#olist > div{
  width: 100%;
  min-width: 100%;
  display:block;
  box-sizing: border-box;
}
#olist > div > li input{
  width: 100%;
  box-sizing: border-box;
  border: 0px;
}

#viewBus{
  position: fixed;
  top: 50px;
  right: 10px;
  opacity: 80%;
  z-index: 25;
}

#basicPgHost #viewBus{
  position: fixed;
  top: 50px;
  right: 20px;
  opacity: 80%;
}

#basicPgHost{
  /* background-color: none !important; */
}

#responsiveIcon li:hover{
  background-color:greenyellow;
  color: green;
}


#businessSelection{
  position: fixed;
  bottom:0px;
  left: 0px;
  width: 100%;
  min-width: 100%;
  min-height: 40%;
  max-height: 85%;
  background-color: rgba(235, 240, 171, 0.849);
  margin:0px;
  box-sizing: border-box;
  text-align: center;
  margin: 2px;
  padding: 0px;
  list-style:none;
  padding-bottom: 60px;
  z-index: 200;
}

#gradientOver{
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top:0px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.382), rgba(255, 255, 255, 0.082));
}

.imgThumb{
  position: absolute;
  bottom: 0px;
  right: 0px;
  left: 0px;
  top:0px;
}

.imgThumb img{
  width: auto;
  height: 125%;
}


#businessSelection li{
  position: relative;
  vertical-align: top;
  background-color: #ccc;
  height: 75px;
  width: 75px;
  display: inline-block;
  margin: 5px;
  border: 1px solid gray;
  border-radius: 10px;
  text-align:center;
  padding: 20px;
}

#businessSelection li .loc{
  position: absolute;
  bottom: 3px;
  right:4px;
  display: inline-block;
  z-index: 10;
}

#businessSelection li .postCode{
  position: absolute;
  bottom: 3px;
  left:4px;
  display: inline-block;
  font-size: 10px;
  z-index: 10;
}

.activeLoc{
  background-color: green !important;
  color: yellow;
}

.activeLoc:hover{
  background-color: yellowgreen !important;
  color:white;
  box-shadow: 0px 0px 5px yellow;
}

#movBelow{
  position: fixed;
  text-align: center;
  top: 1em;
  left: 10px;
  width: 30%;
  box-sizing: border-box;
  color: white;
  background-color: rgba(255, 255, 255, 0.103);
  border-radius: 10px;
  padding: 1em;
}

#own{
  font-size: 1.5em; 
  font-weight: 900;
  text-align:center;
  margin-bottom:0px;
}

#moveBelow span{
  margin-bottom: 20px;
}

#needArea{
  list-style: none;
  margin: 2px;
  padding: 2px;
  overflow-x: hidden;
  max-height: 80%;
  position: fixed;
  bottom: 25px;
  left: 10px;
}

#closelisting{
  display: none;
}
.fa-caret-square-o-up{
  color:green;
}

.fa-caret-square-o-down{
  color: inherit;
}


#needArea li{
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 2px;
  background-color: rgba(128, 0, 128, 0.836);
  color: white;
  display:none;
}

#needArea li:hover{
  cursor: pointer;
  color: yellow;
  background-color: rgb(141, 8, 101);
}

.notOn{
  background-color: gray !important;
}

#startDialog div label{
  display:block;
}
#startDialog .inputBox, #startDialog .hypertextTxt, #startDialog .listBox, #olist li input, #startDialog .listURL{
  display:block;
  width: 100%;
  box-sizing: border-box;
  padding: 2% 4%;
  font-size: 1.1em;
  margin-top: 4%;
  margin-bottom: 2%;
  border-radius: 4px;
  outline: 0px;
  border: 1px solid gray;
  font-family: inherit;
}

#savedPlay{
  background-color: rgba(10, 196, 10, 0.747);
  position: absolute;
  top: 48%;
  left: 48%;
}

.notOn:hover{
  background-color:gray !important;
  color:white !important;
}

.orabg{
  background-color: rgb(28, 180, 8)!important;
  box-shadow: inset 0px 0px 3px gray;
}

#diaClick{
  margin-right: 15px;
  margin-left: 10px;
  cursor: pointer;
}

#diaClick:hover{
  border-bottom: 2px solid green;
  padding-bottom: 4px;
}

#startDialog{
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 0px 6px gray;
  width: 50%;
  max-width: 300px;
  position: fixed;
  top: 25%;
  left: 35%;
  padding: 10px;
  z-index: 49;
}


#screenEdit{
  width: 100%;
  height: 95%;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: rgb(163, 209, 54);
  color: #444;
  margin: 0px;
  padding: 0px;
  max-height: 95%;
  display:block;
  box-sizing: border-box;
  z-index: -1;
}

#screenEdit #questContainer{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding: 0px;
  margin-bottom:0px;
  margin-top: 0px;
  min-width: 100%;
  min-height: 97.3%;
  height: 95%;
  background-color: yellowgreen;
  box-sizing: border-box;
}

#closeQuest{
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 3em;
  padding: 0.3em;
  border-radius: 50%;
  background-color: white;
  color: gray;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  opacity: 0.5;
}

.rot{
  /*-webkit-transform: rotate(90deg) !important;*/
  /*-moz-transform: rotate(90deg) !important;*/
  /*-ms-transform: rotate(90deg) !important;*/
  /*-o-transform: rotate(90deg) !important;*/
}

#beBackSoon{
  position: absolute;
  top: 30%;
  bottom: 30%;
  width: 500px;
  max-width: 80%;
  min-width: 200px;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(153, 205, 50, 0.671) 1%,rgba(87, 139, 9, 0.87) 80%,  rgb(87, 139, 9));
  padding: 15px;
  color: white;
  margin-right: auto;
  margin-left: auto;
  z-index: 100;
  box-shadow: 1px 0px 6px #444;
}

#beBackSoon p, #beBackSoon h2{
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  text-align:center;
}

#beBackSoon h2{
  font-size: 3em;
}


#saveBasicInfo{
  position: absolute;
  bottom: -1.5em;
  right: 10px;
  font-size: 1em;
  padding: 0.5em;
  border-radius: 50%;
  background-color: white;
  color: gray;
}

#saveBasicInfo:hover{

  color:rgba(15, 107, 255);
  background-color: #ccc;
}

#closeQuest:hover{
  background-color:rgba(15, 107, 255);
  color: #ccc;
}

#screenBtn{
  position: fixed;
  top: 5px;
  left: 80px;
}

#locationsList li b{
  font-size: 3em;
}

#locationsList li span{
  font-size: 11px;
  display: block;
}

#locListing{
  position: fixed;
  top: 8%;
  right: 10px;
  max-width: 60%;
  background-color: transparent;
  list-style: none;
  padding: 10px;
  margin: 2px;
  width: 100%;
}

#locListing li{
  border-radius: 10px;
  background-color: white;
  color: #444;
  padding: 15px;
  margin-bottom: 5px;
  position: relative;
}

#locListing li h2{
  font-size: 1em;
  margin: 0px;
  margin-bottom: 10px;
}


#locListing .contactN{
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#prAddr{
  display: block;
  margin:20px 0px;
  clear: both;
}

input[name="browsed"]{
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
}

#addContent{
  border-radius: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.945);
  color:purple;
}

.padlock{
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 15px;
  color: maroon;
}

#addSymb{
  font-size: 0.9em;
  color: white;
  padding: 0.5em;
  border-radius: 50%;
}

#mapMarker{
  float: right;
  font-size: 1.5em; 
  margin-top: -2em; 
  margin-bottom: 1.5em;
}

#messg{
  display:block;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/** prepared styles for editors*/

.edF_Bevan{
  font-family: 'Bevan';
}

.edF_Bellota{
  font-family: 'Bellota';
}

.edF_PoiretO{
  font-family: 'Poiret One';
}
.edF_FugazO{
  font-family: 'Fugaz One';
}
.edF_NixieO{
  font-family: 'Nixie One';
}

.fmtBtn{
  display: inline-block;
}

#f_header, #f_body{
  position: relative;
  display: inline-block;
  color: white;
  vertical-align: top;
  z-index: 1;
}

#templSel{
  width: 100%;
  display: block;
  background-color: teal;
  border-radius: 4px;
  padding: 4px;
  box-sizing: border-box;
}

#removeTemp{
  position: absolute;
  top: -8px;
  left: -40px;
}

.removePst{
    float:right;
}

#displayTemplateSelections{
  position: absolute;
  top: 50px;
  right: 10px;
  z-index: 10;
  max-width: 150px;
  border-radius: 5px;
  color: #ccc;
  background-color: rgba(0, 0, 0, 0.692);
  list-style: none;
  padding: 3px;
  margin: 0px;
  text-align: center;
  min-width: 150px;
}

.ptr{
  cursor: pointer;
}

#displayTemplateSelections li{
  padding: 10px;
  margin: 3px;
  width: auto;
  font-size: 13px;
  text-align: center;
  border-radius: 10px;
  background-color: rgba(95, 158, 160, 0.87);
  display:block;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
  cursor: pointer;
}

#displayTemplateSelections li:hover{
  background-color: orange; 
  color: black;
}

.hid{
  display:none;
}

.hotKey{

}

.col{
  column-count: 2;
}

.hotKey:hover{
  border: 2px dotted purple;
  cursor: pointer;
}

#contentDrop .hotKey:hover{
  border:0px;
  cursor: none;
}


#orderList{
  position: absolute;
  bottom: 30px;
  left: 10px;
  background-color: gray;
  list-style: none;
  display:none;
}

#orderList li{
  padding: 5px;
  font-size: 12px;
  border-radius: 3px;
  color: white;
  background-color: #444;
  max-width: 200px;
  width: 100%;
}

.stylesG{
  margin-top: -20px;
  display: block;
  right: -10px;
  top: 0px;
  width:auto;
  max-width: 200px;
}

.stylesG ul{
  list-style: none;
}

.stylesG ul li{
  padding: 8px;
  border-radius: 5px;
  font-size: 1em;
  background-color: rgba(255, 255, 255, 0.075);
  cursor: pointer;
  margin-bottom: 2px;
}

.styles ul li:hover{
  background-color: purple;
  color: orange;
}



.overRideLog{
  position:absolute !important; 
  bottom: 5px !important; 
  right: 50px !important;
  left: auto !important;
}

.exitPrev{
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 2em;
}


.selElement{
  border: 2px dotted greenyellow;
  position: relative;
  display:block;
}

#paintBtn{
  font-size: 20px !important;
  display:inline-block !important; 
  position:absolute !important; 
  top: 2px !important; 
  left: -55px !important;
  z-index: 30 !important;
}

#listImgs{
  position: absolute;
  top: 13%;
  left: 10px;
}

#galUpload{
  position: absolute;
  top: 90px;
  left: 10px;
  z-index: 8;
  display:none;
  min-width: 100%;
  min-height: 100%;
  top: 0px;
  left: 0px;
}

#revo{
  list-style: none;
  margin: 1px;
  padding: 2px;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  z-index: 10;
}

#revo > div:hover{
  opacity: 0.7;
}

#catchLocation{
  position: relative;
  font-size: 1.5em;
  display: block;
  color: purple;
}

#backtoRev{
  position: absolute;
  top: 0px;
  left: -80px;
}

#usetemplate{
  position: absolute;
  bottom: 40%;
  right: 48%;
  z-index: 10;
  background-color: rgb(68, 153, 19);
  font-size: 2.5em;
  box-shadow: 0px 0px 5px gray;
}

#renameContainer{
  position: absolute;
  bottom: -45px;
  right: 15%;
}

.closeRevView{
  position: relative;
  float: right;
  right: -20px;
  top: -20px;
  z-index: 5;
}


#editTxtBlock{
  display: block;
  position: absolute;
  top: 10%;
  left: 10px;
  background-color:white;
  border-radius: 5px;
  max-width: 300px;
  padding: 1%;
  box-sizing: border-box;
  z-index: 3;
}

#editTxtBlock, #colorDialog{
  box-shadow: 0px 0px 6px rgba(8, 8, 8, 0.774);
}



#editTxtBlock input, #editTxtBlock textarea{
  display:block;
  width: 100%;
  box-sizing: border-box;
  padding:0px;
  margin: 0px;
}

#uploader{
  height: 100%;
  width:100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

#galUpload  div > .linkB{
  position: absolute;
  top: 10%;
  left: 10px;
  z-index: 9;
}

#view_keys h3{
    font-size: 12px;
    margin-bottom: 0px;
}


#view_keys .linkB{
    color: purple;
    background-color: white;
    border: 1px solid purple;
}

#galleryControl{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

#galleryControl li{
  display: block;
}

#coldb{
  display:none;
}

.iconShow{
  margin: 10px; 
  font-size: 50px; 
  display:block;
}

#content_holder{
  /*background-color: pink;*/
  margin: 5% 0px;
}


.slideOverRide_showInfo_li{
  display: inline-block !important;
  border-radius: 6px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  border: 1px dotted white !important;
  text-align: center !important;
  padding: 0.1em !important;
  margin: 5px !important;
  color: #ccc !important;
  font-size: 20px !important;
}

.slideOverRide_showInfo_li:hover{
  color:green !important;
}

.slideOverRide_responsiveIcon{
  bottom: 20px  !important;
  max-width: 70% !important;
  margin-top: 30% !important;
  margin-right: auto;
  margin-left: auto;
  text-align: center !important;
  vertical-align: bottom !important;
}

.slideOverRide_txtIcon{
  display:none !important;
}

#videoDpanel{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: white;
    top: 0px;
    left: 0px;
    display:none;
    z-index: 100;
}

#videoDpanel ul{
    list-style: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    overflow-y: scroll;
    box-sizing: border-box;
}

#templogo img{
    width: 100px;
    height: auto;
}

#videoDpanel ul li{
    min-width: 150px;
    max-width: 200px;
    color: gray;
    text-align: center;
    border-radius: 5px;
    margin: 10px;
    padding: 5px;
    display: inline-block;
    min-height: 150px;
    border: 1px dotted gray;
    background-color: white;
    box-sizing: border-box;
}
#videoDpanel ul li textarea{
    box-sizing: border-box;
}

#videoDpanel .exi{
    position: fixed;
    top: 10px;
    right: 10px;
}


@media only screen and (max-width: 700px){
  /* responsive design for the icons*/
    .imgVz, .contVz{
        display: block;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        max-height: auto !important;
    }
    .imgVz img{
        display: block;
        width: 100% !important;
        height: auto !important;
    }
    
    
    #galleryShowcase, #videoShowcase{
        
    }
    
    #callTxt{
        font-size: 0.9em !important;
    }
    
    #messger{
        background-size: auto 100%;
    }
    
    #messger > h2{
        font-size: 20px !important;
    }
    
    #viewBus{
        top: auto !important;
        bottom: 20%;
        max-height: 75px;
    }
    
    #urlSet{
        font-size: 12px;
    }
    #viewG{
        width: 100%;
        box-sizing: border-box;
    }

    #gallery li{
        max-width: 100%;
        min-width: 80%;
    }
    
    #signinContainer #noteEnable #cancelLog{
        position: absolute;
        top: -1em;
        right: -2em;
    }
    
  #call2Act{
    max-width: 85%;
  }


  #showInfo li{
    display: inline-block;
    border-radius: 6px;
    min-width: 30px;
    min-height: 30px;
    border: 1px dotted white;
    text-align: center;
    padding: 0.1em;
    margin: 5px;
    color: #ccc;
  }

  .txtIcon{
    display:none;
  }

  .iconShow{
    font-size: 20px;
  }

  #responsiveIcon{
    /* position: absolute !important; */
    bottom: 20px  !important;
    /* left: 20px  !important; */
    max-width: 70% !important;
    margin-right: auto;
    margin-left: auto;
  }

  #responsiveIcons li{
    background-color: rgba(172, 255, 47, 0.062);
    cursor: pointer;
  }

  /* end responsive for icons */

  #mapMarker{
    position: absolute;
    top: 100%;
    right: 30px;
    display: inline-block;
    
  }

  #movBelow{
    min-width: 200px;
  }

  #own{
    font-size: 0.9em;
  }

  .smNote{
    font-size: 9px;
    margin-top: 0px;
    padding-top: 0px;
  }

  #startDialog{
    width: 95%;
    max-width: 95%;
  }

  .col{
    column-count: 1;
  }
  
  .stylesG ul li{
    background-color: rgba(66, 66, 66, 0.342);
  }

  .stylesG ul li:hover{
    background-color: rgba(66, 66, 66, 0.781);
  }

  #mainPreviewCanvas{
    width: 100% !important;
    max-width: 100% !important;
    right: 0px !important;
    margin:0px !important;
  }

  #logoff{
    position:absolute; 
    bottom: 5px; 
    right: 50px;
    left: auto; 
  }

  #stats > div{
    margin:2px;
  }

  #locationsList li b{
    font-size: 1.5em;
  }

  #locationsList li{
    width: 15%;
    min-width: 50px;
    text-align: center;
    border: 1px dotted gray;
    border-radius: 5%;
    display: inline-block;
    margin: 3px;
  }

  .premier{
    padding: 5px;
    margin: 5%;
  }

  #portV{
    flex-wrap: wrap;
    width: 100%;
  }
  #imgPortSelector{
    width: 100%;
    flex: 0 0 100%;
  }

  #sections li{
    width: 49%;
  }
  
  .premier small{
    font-size: 0.5em !important;
    text-align: center;
    font-weight: 900;
    margin: 2px;
  }


  .stretch{
    display: inline-block;
    margin-right: 6px;
  }

  #permView p{
    border-radius: 10px;
    margin: 3px;

  }

  #showDataView{
    display: block;
    min-width: 100%;
    box-sizing: border-box;
  }
  
  #businessBr{
    position: relative;
    min-width: 100%;
    box-sizing: border-box;
    display: none;
    bottom: -20px;
  }

  #prAddr{
    display: block;
    margin: 0px 5px;
  }

  #showDataView{
    padding-bottom: 5px;
    background-color: rgba(255, 255, 255, 0.932);
  }

  #logDeets{
    display: none;
  }

  #nameBlock{
    display:none;
  }

  #mailerTo{
    position: absolute;
    font-size: 1em;
    top: 10px;
    right: 85px;
    bottom: auto;
    left: auto;
  }

  .businessFA{
    font-size: 1.2em;
    margin-bottom: 5px;
    margin-top: 0px;
  }

  #buiz{
    margin-bottom: 0.9em;
  }

  main{
    width: 94%;
  }
}

@media only screen and (max-width: 500px){
    #bugHolder, #imgFloat{
        width: 100%;
    }
    #imgFloat{
        height: 200px !important;
        background-position: center;
    }
    #smallScreen{
        display:none;
    }
    
}

@media only screen and (max-width: 400px){
    
    #gallery li{
        max-width: 100%;
        min-width: 100%;
    }
  #txtLogo{
    display: none;
  }
  .premier small{
    font-size: 13px;
    font-weight: 900;
  }

  #sections li{
    width: 100%;
  }
}