#gridContainer .dx-header-row td {background-color: #003C55; color: white; font-size: 13px;}

#gridContainer tr:nth-child(even){background-color: #eceff4;}

#gridContainer tr:nth-child(odd) {background-color:#fff;}


.color999{color: #999!important;
padding-left: 8px; padding-top: 8px;}

.dx-datagrid-header-panel .dx-toolbar {margin-top: 5px;}
.dx-toolbar .dx-toolbar-after{padding-right: 8px;}

.Add-button-in-products{
    float: right;
    width: 140px;
    margin-right: 10px;
    margin-top: 7px;
    background-color:#f87e24;
    color: #fff;
    border:1px solid #f87e24;
    font-weight: bold;
    height: 33px;

}

/* LOGO */
.my-branding-image-preview{
    max-width: 300px !important;
  cursor: pointer;
}

#files{
    border: 0.5px solid rgb(116, 115, 115);
    padding: 5px 5px 5px 5px !important;
    border-radius: 5px !important;
}
/* Detalis */



/* Description */
.email-templates-box {
    height: auto;
    width: 100%;
    border: 1px solid #dfe4ed;
    display: inline-block;
    text-align: center;
    background-color: white;
  }
  .background {
    background-color: #003C55;
    width: 97%;
    height: 50px;
    margin-top: 10px;
    display: inline-block;
  }
  .email-template-navlink {
    background-color: white;
    text-decoration: none;
    color: black;
    padding: 5px 20px 5px 20px;
    float: left;
    border-radius: 3px;
    margin-left: 20px;
    margin-top: 9px;
  }
  .email-template-navlink:hover {
    color: black;
  }
  
  .second-row-div {
    width: 95%;
    border: 1px solid #dfe4ed;
    height: auto!important;
    display: inline-block;
    text-align: center;
    margin-bottom:20px;
  }
  .align-type-left {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 1px;
  }
  .left-align-10px {
    margin-left: 0px !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
 
  .select-design {
    border: 1px solid #dfe4ed;
    height: 40px !important;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .float-left {
    text-align: left !important;
  }
  .select-design:focus-visible {
    outline: 1px solid#01a8fe;
    height: 40px !important;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .email-subject-design {
    border: 1px solid #ced4da;
    height: 40px !important;
    border-radius: 3px;
   
  }
  .email-subject-design:focus-visible {
    outline: 1px solid#01a8fe !important;
    height: 40px !important;
    border-radius: 1px !important;
    
  }
  .email-subject-design:focus {
    outline: 1px solid#01a8fe !important;
    height: 40px !important;
    border-radius: 1px !important;
    box-shadow: none !important;
    
  }
  .red-color {
    color: maroon;
  }
  .editor-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 15px !important;
    padding-top: 15px;
  }
  .tox .tox-notification {
      display:none!important;
  }
  .tox-statusbar__branding{
      display:none!important;
  }
  .email-templates-buttons{
      background-color: #eee;
      text-align: right;
      height:70px;
      padding-top:15px;
     
  }
  .btn-update{
      background-color:#f87e24;
      color:white;
      border-radius: 3px;
      border-color: #f87e24;
      height:40px;
      width: 100px;
      box-shadow: none!important;
      border-style: none!important;
     
  }
  
  
  .btn-cancel{
      background-color:#f26522;
      color:white;
      margin-left:4px;
      margin-right:20px;
      border-radius: 3px;
      border-color: #f26522;
      height:40px;
      width: 100px;
      box-shadow: none!important;
      border-style: none!important;
  }
  .help-block{
    text-align: left;
    margin-left:10px;
  }
  .email-templates-box .form-control.is-valid, .email-templates-box.was-validated .form-control:valid {
    border-color: #dfe4ed!important;
    background-image: none!important;
  }
  .email-templates-box .form-control.is-invalid:focus, .email-templates-box.was-validated .form-control:invalid:focus{
    border-color: #dfe4ed!important;
    background-image: none!important;
  }
  .email-templates-box .form-control.is-invalid, .email-templates-box.was-validated .form-control:invalid {
    border-color: #dfe4ed!important;
    background-image: none!important;
  }
  .cancel-button-navlink{
    text-decoration: none!important;
  }
  .tox .tox-editor-header {
   z-index: 0!important;
}