body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

a:focus, input:focus{
outline: none;
}

  .logo{width:50px;outline : none !important;}
    .navbar{background-color:white !important;border-bottom:1px solid rgb(255,192,0);}
    .nav-link {
    color: rgba(33, 37, 41) !important;
}
@media only screen and (min-width: 767px) {
.marginz{margin-left:10px;}
.hierarchical{max-width:250px;}
.hierarchicalz{max-width:200px;}
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,192,0) !important;
} 
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,192,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  outline: none;
}
.custom-toggler .navbar-toggler-icon:active {
     outline: none;
}

.smaller{font-size:1.1rem;}
.opening{height:calc(100vh - 70px);}
.colored{height:calc(100vh - 70px);background-color: rgb(255,234,170) !important;}
.notcolored{height:calc(100vh - 70px);background-color: rgb(255,255,255) !important;}
h1{font-weight:700 !important;}
.parents{text-align:center !important;}
.parentss{text-align:left !important; width:80%;margin:auto;}
.oranger{color: rgb(255,192,0) !important;}
a:hover{text-decoration:none;}

.whitebutton{color:black !important;border:1px solid black;  margin:5px !important;}
.whitebutton:hover{color: rgb(255,192,0) !important;border:1px solid  rgb(255,192,0);background-color:black;}

.whitebutton:not(:disabled):not(.disabled).active, .whitebutton:not(:disabled):not(.disabled):active, .show>.whitebutton.dropdown-toggle {
     
     background-color: black !important; 
     border-color: black !important; 
     box-shadow:none !important;
    
}
.whitebutton:focus{ box-shadow:none !important;}

a:focus{ box-shadow:none !important;}








.pricing-header {
  max-width: 700px;
}

.card-deck .card {
  min-width: 220px;
 
}


.box-shadow { -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
        box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.container {
  max-width: 1060px;
}

.card-header{border: 1px solid rgb(255,192,0) !important;background-color: rgb(255,234,170) !important;}
.card{border: 0px solid rgb(255,192,0) !important;}
.container a{color:green;}
.starter-template{padding-bottom:10px;padding-top:10px;}
.opener{padding-bottom:10px;padding-top:48px !important;}
.backbutton{background-color:#f6f6f6;}

.editicon{color:black !important;}
.editicon:hover{color:rgb(0,128,0) !important;}


@media only screen and (max-width: 440px) {
    .hidesmall{display:none;}
}









.gm-style .gm-style-iw + div {
    display: none !important; /* <-- this will generally work on the fly. */
    visibility: hidden !important; /* this 2 lines below are just for hard hiding. :) */
    opacity: 0 !important;
}


/*
button.gm-ui-hover-effect {
 
 width:15px !important;
 height:15px !important;
 
 margin-right:20px!important;
}
*/

button.gm-ui-hover-effect:focus, input:focus{
outline: none;
}

.gm-style-iw{min-width:150px !important;padding:0px !important;height:100px !important;}
.gm-style-iw-chr{padding: 0px !important;margin:0px !important;}
/*
.gm-style-iw-chr{padding: 0px !important;}


.gm-style-iw-d{min-height:auto !important;height:100px !important;}
*/