.E-COMMERCE {


  .grayBtn::ng-deep .ui-button.ui-button-text-only .ui-button-text {
    border-radius: 8px;
    border: 1px solid gray;
    padding: 8px 25px;
  }

  .grayBtn {
    margin-bottom: 25px;
    margin-right: 15px;
    margin-top: 15px;
    margin-left: 14px;
  }

  .linkback {
    cursor: pointer;
    margin-left: 15px;
}

.header {
    margin: 0px 15px 20px 15px;
    font-size: 30px;
    color: #000000;
    padding-bottom: 15px;
    border-bottom: 2px solid #ccc;
}

.quillHeader {
    font-size: 20px;
    color: #000000;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
}

.right {
    float: right !important;
}

.grayBtn .ui-button.ui-button-text-only .ui-button-text {
    border-radius: 50px !important;
    border: none !important;
}

.switchToEditorBtn::ng-deep .ui-button.ui-state-default.ui-button-secondary, 
.switchToEditorBtn::ng-deep .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default {
    background-color: #ff3600 !important;
    color: white !important;
    border: 1px solid #ff3600 !important;
    border-radius: 50px !important;
}

.switchToEditorBtn::ng-deep .ui-button.ui-button-text-only .ui-button-text {
 border:none !important;
 margin-left: 10px !important;
}

.switchToEditorBtn::ng-deep .ui-button.ui-state-default.ui-button-secondary:enabled:focus, 
.switchToEditorBtn::ng-deep .ui-buttonset.ui-button-secondary > .ui-button.ui-state-default:enabled:focus {
 box-shadow: none !important;
}

.fa-power-off {
    position: relative;
    left: 32px;
    z-index: 1;
    color: white;
    padding: 0px 5px;
}

//quill editor

/deep/ .ql-snow.ql-toolbar button {
    font-size: 18px !important;
    height: 30px !important;
    width: 30px !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    padding: 3px !important;
}

/deep/ .ql-code-block,
/deep/ .ql-blockquote,
/deep/ .ql-header,
/deep/ .ql-script,
/deep/ .ql-direction,
/deep/ .ql-snow .ql-picker.ql-size,
/deep/ .ql-clean {
    display: none !important;
}

/deep/ .ql-bold,
/deep/ .ql-list:not(:last-child),
/deep/ .ql-indent:not(:last-child),
/deep/ .ql-link
{
    border-left: 1px solid #ccc !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

/deep/ .ql-italic,
/deep/ .ql-underline,
/deep/ .ql-strike,
/deep/ .ql-image,
/deep/ .ql-video {
    border-left: 1px solid #ccc !important;
}

/deep/ .ql-strike,
/deep/ .ql-list:not(:first-child),
/deep/ .ql-indent:not(:first-child),
/deep/ .ql-video { 
    border-right: 1px solid #ccc !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

/deep/ .ql-color:not(:last-child), 
/deep/ .ql-color:not(:last-child) {
    border: 1px solid #ccc !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    font-size: 18px !important;
    height: 30px !important;
    width: 30px !important;
    padding: 3px !important;
}

/deep/ .ql-list:not(:first-child),
/deep/ .ql-indent:not(:first-child) {
    border-left: 1px solid #ccc !important;
}

/deep/ .ql-snow .ql-picker.ql-font {
    width: 108px;
    border: 1px solid #ccc;
    padding: 2px;
    height: 30px;
    border-radius: 5px;
}

/deep/ .ql-align {
    height: 31px !important;
    font-size: 24px !important;
    border: 1px solid #ccc;
    border-radius: 5px !important;
}

/deep/ .ql-align .ql-picker-label {
    top: -5px;
}

/deep/ .ql-background{
    height: 30px !important;
    border-top: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-radius: 5px !important;

}

/deep/ .qlcolor .ql-picker-label {
    font-size: 12px !important;
}

}