/* white you custom css code here. only css code will work */



/* NOTIE MASTER */
.notie-container{font-size:1.6rem;height:auto;left:0;position:fixed;text-align:center;width:100%;z-index:2;box-sizing:border-box;-o-box-shadow:0 0 5px 0 rgba(0,0,0,.5);-ms-box-shadow:0 0 5px 0 rgba(0,0,0,.5);box-shadow:0 0 5px 0 rgba(0,0,0,.5)}@media screen and (max-width:900px){.notie-container{font-size:1.4rem}}@media screen and (max-width:750px){.notie-container{font-size:1.2rem}}@media screen and (max-width:400px){.notie-container{font-size:1rem}}.notie-background-success{background-color:#004d4d}.notie-background-warning{background-color:#e9e507}.notie-background-error{background-color:#7d0202}.notie-background-info{background-color:#196cf1}.notie-background-neutral{background-color:#a0a0a0}.notie-background-overlay{background-color:#fff}.notie-textbox{color:#fff;padding:20px}.notie-textbox-inner{margin:0 auto;max-width:900px}.notie-overlay{height:100%;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1}.notie-button{cursor:pointer}.notie-button,.notie-element{color:#fff;padding:10px}.notie-element-half{width:50%}.notie-element-half,.notie-element-third{display:inline-block;box-sizing:border-box}.notie-element-third{width:33.3333%}.notie-alert{cursor:pointer}.notie-input-field{background-color:#fff;border:0;font-family:inherit;font-size:inherit;outline:0;padding:10px;text-align:center;width:100%;box-sizing:border-box}.notie-select-choice-repeated{border-bottom:1px solid hsla(0,0%,100%,.2);box-sizing:border-box}.notie-date-selector-inner{margin:0 auto;max-width:900px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.notie-date-selector-inner [contenteditable],.notie-date-selector-inner [contenteditable]:focus{outline:0 solid transparent}.notie-date-selector-up{transform:rotate(180deg)}
/*-------------------- END NOTIE ------------------- */

/* 
.form-group + .form-group {
    margin-top: 16px;
  }
  .form-group .form-group-input-container {
    position: relative;
  }
  .form-group .form-control {
    height: 40px;
    width: auto;
    border-radius: 5px;
    padding: 0 10px;
    border: 1px solid #a0aec0;
    font-size: 0.9rem;
    color: #4a5568;
    font-family: inherit;
  }
  .form-group .form-control::-webkit-input-placeholder {
    color: #a0aec0;
  }
  .form-group .form-control::-moz-placeholder {
    color: #a0aec0;
  }
  .form-group .form-control:-ms-input-placeholder {
    color: #a0aec0;
  }
  .form-group .form-control:-moz-placeholder {
    color: #a0aec0;
  }
  .form-group .form-group-label {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
  }
  .form-group .form-group-help {
    font-size: 0.875rem;
    margin-top: 8px;
    display: block;
    color: #718096;
  }
  .form-group details summary {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    outline: none;
    color: #718096;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-group details summary:hover {
    cursor: pointer;
    opacity: 1;
  }
  .form-group details summary svg {
    width: 20px;
    height: 20px;
  }
  .form-group details summary::-webkit-details-marker {
    display: none;
  } */