body {
  /*margin: 0;*/
  padding: 0;
  /*text-align: center;  !!!
  background-color: #f1f1f1;*/ }

#layout-content {
  background-color: #f1f1f1; }

#main h3 {
  font-size: 38px !important;
  font-family: Roboto !important; }

span.lightFont {
  font-family: Roboto !important;
  font-size: 38px !important;
  font-weight: 300 !important; }

.header {
  padding: 20px; }
  .header .row {
    margin-bottom: 0px !important; }
  .header .image {
    background: #fff;
    width: 120px;
    height: 100px;
    display: inline-block;
    vertical-align: middle; }
  .header .text {
    font-family: Roboto !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    color: #fff;
    display: inline-block;
    vertical-align: middle; }

.input-field {
  margin-top: 35px !important; }
  .input-field p {
    font-size: 16px !important; }
  .input-field label {
    font-weight: 400 !important;
    top: 0px !important;
    left: 0px !important;
    font-size: 14px !important; }

input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
  font-size: 14px !important; }

.input-field label:not(.label-icon).active {
  font-size: 10px !important; }

.evolution {
  background-color: #fddd00 !important; }

.oxo {
  background-color: #ec008c !important; }

.diadeis {
  background-color: #f18e00 !important; }

.inedi {
  background-color: #c6cabf !important; }

.MandCo {
  background-color: #263183 !important; }

.Evolution-Group {
  background-color: #fddd00 !important; }

/*New Color */

.SGSCO {
  background-color: #ed7309 !important; }    

.callToAction {
  display: none; }
  .callToAction a {
    color: #000 !important; }

#mySignature, #id1 {
  display: none; }

.image {
  position: relative; }
  .image img {
    padding: 10px;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

.mySignatureForm {
  background-color: white;
  padding: 5%;
  margin-top: 20px;
  box-shadow: 0px 2px 2px #888888; }

#id1 {
  background-color: #fff;
  box-shadow: 0px 2px 2px #888888;
  margin-top: 10px; }

.select-wrapper input.select-dropdown {
  font-size: 16px !important; }

.select-wrapper span.caret {
  top: 12px !important; }

.caret {
  border-top: none !important;
  border-right: 10px solid transparent !important;
  border-left: 10px solid transparent !important; }

/*Diadeis FR styles*/
.fr-logo {
  float: left; }

.fr-lightFont {
  font-family: Roboto !important;
  font-weight: 200 !important; }

.header-diadeis-fr {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  padding: 20px;
  background-color: #000; }

.footer {
  padding: 15px;
  background-color: #000;
  height: 50px; }

.footer.fixed {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  background-color: #000;
  height: 50px; }

.text-footer {
  color: #fff;
  float: right; }


  /* Email Signiture Style */

  .darkcolors{
    color:#75777a;
  }
  .normalcolor{
    color:#afafaf;
  }
  .namebold{
    font-weight: bold;
  }
  .specialcolor{
    color: #770404;
    font-size: 13px;  
    font-family:arial,sans-serif;
  }
  .fontmax{
    font-size: 14px; 
  }
  .fontmin{
    font-size: 13px; 
  }
  .bordercolor{
    width: 180px;
    border-width: 1px;
    border-color: rgb(8, 115, 204);
  }

   
   /*
    -----------
      PREVIEW 
   ------------
   */
    .preview-wrapper{
      display: none;
      margin-top: 5rem;
    }
    .preview-loader {
      width: 200px;
      margin: 2rem auto;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .preview-signature{
      background: #FFF;
      padding: 20px 0px;
      /*width: 425px;
      height: 215px;*/
      padding: 20px;
      width: 465px;
      min-height: 215px;
      height: auto;
      margin-top: 2rem;
      box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }
    .preview-signature table{
     /* width: 400px;*/
    }


    /*
    -------------------
    Zamalac Signature
    -------------------
    */
    .Zamalac {
      /*background-color: #000000 !important; */
      background-image: linear-gradient(-48deg, #F16B5F 0%, #DD151A 100%) !important;
    }
    .header .image-x{
      background: unset;
    }

    .input-field #profile-pic{
      margin-left: 10rem;
    }
    .input-required{
      color: #F00000;
      font-size: 2rem;
      position: absolute;
      margin-left: 5px;
    }



    /*
    ------------------
    Evo Signature v4
    ------------------
    */

    .input-field-x label{
      font-size: 14px !important;
      font-weight: 400;
    }
    .input-field-x select{
        display: block !important;
        height: 40px !important;
    }
    .input-field-x select option{
      font-size: 1.2rem;
      color: #a3a3a3;
    }




    /*
    -------------------
    GOUPUPUP SIGNATURE
    -------------------
    */

    .GOUPUPUP{
      background: rgb(200,152,78);
      background: linear-gradient(90deg, rgba(200,152,78,1) 0%, rgba(200,152,78,1) 61%, rgba(177,139,64,1) 100%);
    }


    .input-field label.color-label{
      left: 50px !important;
    }





/*# sourceMappingURL=style.css.map */