{"version":3,"sources":["vendors/button-builder/_button-builder-colorpicker.scss","utils/_variables.scss","vendors/button-builder/_button-builder.scss"],"names":[],"mappings":"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","file":"vendors/button-builder.css","sourcesContent":["\r\n/**=====================\r\n     65. Button Builder color picker CSS Start\r\n==========================**/\r\n//urls\r\n\r\n$url_1: url(../images/button_builder/colorpicker_overlay.png);\r\n$url_2: url(../images/button_builder/colorpicker_select.gif);\r\n\r\n.button-builder {\r\n  .colorpicker {\r\n    width: 325px;\r\n    height: 176px;\r\n    overflow: hidden;\r\n    position: absolute;\r\n    display: none;\r\n    z-index: 8;\r\n    background: $dark-color;\r\n    border: 1px solid $light-gray;\r\n    input {\r\n      background-color: transparent;\r\n      border: 1px solid transparent;\r\n      position: absolute;\r\n      font-size: 10px;\r\n      color: $light-gray;\r\n      top: 4px;\r\n      right: 11px;\r\n      text-align: right;\r\n      margin: 0;\r\n      padding: 0;\r\n      height: 11px;\r\n    }\r\n  }\r\n  .colorpicker-color {\r\n    width: 150px;\r\n    height: 150px;\r\n    left: 14px;\r\n    top: 13px;\r\n    position: absolute;\r\n    background: $danger-color;\r\n    overflow: hidden;\r\n    cursor: crosshair;\r\n    div {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 150px;\r\n      height: 150px;\r\n      background: $url_1;\r\n      div {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        width: 11px;\r\n        height: 11px;\r\n        overflow: hidden;\r\n        background: $url_2;\r\n        margin: -5px 0 0 -5px;\r\n      }\r\n    }\r\n  }\r\n  .colorpicker-hue {\r\n    position: absolute;\r\n    top: 13px;\r\n    left: 171px;\r\n    width: 35px;\r\n    height: 150px;\r\n    cursor: n-resize;\r\n    div {\r\n      position: absolute;\r\n      width: 35px;\r\n      height: 9px;\r\n      overflow: hidden;\r\n      margin: -4px 0 0;\r\n      left: 0;\r\n    }\r\n  }\r\n  .colorpicker-new-color {\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 30px;\r\n    left: 213px;\r\n    top: 13px;\r\n    background: $danger-color;\r\n  }\r\n  .colorpicker-current-color {\r\n    position: absolute;\r\n    width: 60px;\r\n    height: 30px;\r\n    left: 283px;\r\n    top: 13px;\r\n    background: $danger-color;\r\n  }\r\n  .colorpicker-hex {\r\n    position: absolute;\r\n    width: 72px;\r\n    height: 22px;\r\n    left: 212px;\r\n    top: 142px;\r\n    input {\r\n      right: 6px;\r\n    }\r\n    &.colorpicker-focus {\r\n      background-position: bottom;\r\n    }\r\n  }\r\n  .colorpicker-field {\r\n    height: 22px;\r\n    width: 62px;\r\n    background-position: top;\r\n    position: absolute;\r\n    span {\r\n      position: absolute;\r\n      width: 12px;\r\n      height: 22px;\r\n      overflow: hidden;\r\n      top: 0;\r\n      right: 0;\r\n      cursor: n-resize;\r\n    }\r\n  }\r\n  .colorpicker-rgb-r {\r\n    top: 52px;\r\n    left: 212px;\r\n  }\r\n  .colorpicker-rgb-g {\r\n    top: 82px;\r\n    left: 212px;\r\n  }\r\n  .colorpicker-rgb-b {\r\n    top: 112px;\r\n    left: 212px;\r\n  }\r\n  .colorpicker_hsb_h {\r\n    top: 52px;\r\n    left: 282px;\r\n  }\r\n  .colorpicker_hsb_s {\r\n    top: 82px;\r\n    left: 282px;\r\n  }\r\n  .colorpicker-hsb-b {\r\n    top: 112px;\r\n    left: 282px;\r\n  }\r\n  .colorpicker-submit {\r\n    position: absolute;\r\n    width: 22px;\r\n    height: 22px;\r\n    left: 322px;\r\n    top: 142px;\r\n    overflow: hidden;\r\n    &.colorpicker-focus {\r\n      background-position: bottom;\r\n    }\r\n  }\r\n  .colorpicker-focus {\r\n    background-position: center;\r\n  }\r\n  .colorpicker-slider {\r\n    background-position: bottom;\r\n  }\r\n}\r\n/**=====================\r\n  65. Button Builder colorpicker CSS start\r\n==========================**/\r\n","// General variables\r\n$theme-font-color: #242934;\r\n$theme-body-font-color: #2b2b2b;\r\n$theme-body-sub-title-color: rgba($theme-body-font-color, 0.54);\r\n$body-color: #f8f8f8;\r\n\r\n// Theme colors variables\r\n$primary-color: #7366ff;\r\n$secondary-color: #f73164;\r\n$success-color: #51bb25;\r\n$info-color : #a927f9;\r\n$warning-color: #f8d62b;\r\n$danger-color: #dc3545;\r\n$light-color : #f4f4f4;\r\n$light-gray : #ecf3fa;\r\n$light-widget-border: #EFEEFF;\r\n$light-semi-gray :#efefef;\r\n$font-gray-color: #6C757D;\r\n$dark-light :$theme-font-color;\r\n$dark-gray: #898989;\r\n$dark-color : #2c323f;\r\n$gray-60 :#cccccc;\r\n$card-body-color : #f9f9fa;\r\n$transparent-color: transparent;\r\n$auth-bg-color:#fafafa;\r\n$light : #fdfeff;\r\n$semi-dark :#59667a;\r\n$light-text: #999999;\r\n$light-paragraph: #8F8F8F;\r\n$light-background: #d7e2e9;\r\n$light-font: rgba(27, 49, 85, 0.4);\r\n$light-semi-font: $semi-dark;\r\n$light-chartist-grid-color: #f6f9fd;\r\n$pitch-color: #fe8a7d;\r\n$color-scarpa: #4c5667;\r\n$color-fiord: #455a64;\r\n$black : #000;\r\n$white:#fff;\r\n$off-white: #F7F6FF;\r\n$theme-medium-color: #eae8ff;\r\n$dropdown-border-color: #918E99;\r\n\r\n// gradient colors\r\n$gradient-primary: linear-gradient(26deg, var(--theme-deafult) 0%, #a26cf8 100%);\r\n\r\n//social colors\r\n$fb: #50598e;\r\n$twitter: #6fa2d8;\r\n$google-plus: #c64e40;\r\n$linkedin: #0077B5;\r\n\r\n//error input color start\r\n$light-body-bg-color:#fafdff;\r\n\r\n//fonts\r\n$font-rubik: Rubik;\r\n$font-roboto: Roboto;\r\n$font-serif: sans-serif;\r\n$font-themify: themify;\r\n$font-awesome: FontAwesome;\r\n$font-ICO: IcoFont;\r\n\r\n// dark layout variables\r\n$dark-body-background: #1d1e26;\r\n$dark-card-background: #262932;\r\n$dark-card-inbox: #323846;\r\n$dark-small-font-color: #98a6ad;\r\n$dark-all-font-color: rgba(255, 255, 255, 0.6);\r\n$light-all-font-color: rgba(255, 255, 255, 0.2);\r\n$sidebar-submenu-font-color:rgba(255, 255, 255, 0.6);\r\n$dark-border-color: $dark-body-background;\r\n$dark-card-border: #374558;\r\n$dark-editor-document: #2b2b2b;\r\n$bg-dark-color: #1f2533;\r\n$dark-datatable-odd: #1f232b;\r\n$dark-datatable-sorting: #1c212b;\r\n$dark-datatable-sorting-even: #22262f;\r\n$dark-even-hover-sorting: #191e27;\r\n\r\n//General tag settings\r\n$body-font-size: 14px;\r\n$body-font-color: $theme-body-font-color;\r\n$ul-padding-left: 0px;\r\n$ancher-color: var(--theme-deafult);\r\n$btn-focus-box-shadow: none;\r\n$all-focus-outline-color: var(--theme-deafult);\r\n\r\n$paragraph-font-size : 13px;\r\n$paragraph-line-height : 1.7;\r\n$paragraph-letter-spacing : 0.7px;\r\n\r\n$code-tag-color: var(--theme-deafult);\r\n$code-tag-bg-color: rgba($primary-color, 0.03);\r\n$code-tag-padding: 3px;\r\n$code-tag-margin: 0 3px;\r\n$code-tag-border-radious: 2px;\r\n\r\n$blockquote-padding : 15px;\r\n$blockquote-border : 4px solid $light-gray;\r\n\r\n$small-tag-padding: 10px;\r\n$small-tag-color: $dark-color;\r\n\r\n$pre-tag-bg-color: rgba($primary-color, 0.03);\r\n$pre-tag-padding: 20px 0;\r\n\r\n$list-group-active-bg-color: var(--theme-deafult);\r\n$list-group-active-border-color: var(--theme-deafult);\r\n$list-group-img-size: 40px;\r\n$list-group-margin: 10px;\r\n\r\n\r\n// Tables settings\r\n$table-b-margin: 0px;\r\n$table-heading-color: $theme-body-font-color;\r\n$table-row-color: $theme-body-font-color;\r\n$table-footer-font-weight: bold;\r\n$table-inverse-color: $white;\r\n$table-hover-color: $light;\r\n$table-padding: 0.75rem;\r\n$table-xl-padding: 1.25rem 2rem;\r\n$table-xl-font: 120%;\r\n$table-lg-padding: .9rem 2rem;\r\n$table-lg-font: 110%;\r\n$table-de-padding: .75rem 2rem;\r\n$table-de-font: 100%;\r\n$table-sm-padding: .5rem 2rem;\r\n$table-sm-font: 90%;\r\n$table-xs-padding: 0.2rem 2rem;\r\n$table-xs-font: 80%;\r\n$horizontal-border-color: #f2f4ff;\r\n$horizontal-padding: .75rem 2rem;\r\n$table-inverse-bg-color: #292b2c;\r\n\r\n//According setting\r\n$according-card-top-margin : 10px;\r\n$according-btn-weight : 500;\r\n$according-btn-color : $theme-body-font-color;\r\n$according-card-header-padding : 0.75rem 1.25rem;\r\n$according-card-header-icon : $font-ICO;\r\n$according-open-icon : \"\\eb73\";\r\n$according-close-icon : \"\\eb7a\";\r\n\r\n//Alert settings\r\n$alert-hover-color :$dark-color;\r\n$alert-border-radious :0.15rem;\r\n$alert-padding :15px;\r\n$alert-msg-icon-size :16px;\r\n\r\n//badge settings\r\n$badge-padding :0.44em 0.7em;\r\n$badge-svg-size :10px;\r\n\r\n//form input settings\r\n$form-group-margin-bottom : 1.25em;\r\n$col-form-label-font-size : 14px;\r\n$form-control-font-size : 14px;\r\n$form-control-border-radious : 2px;\r\n$form-control-border-color : $light-gray;\r\n\r\n//breadcrumb setting\r\n$breadcrumb-ancher-color : $white;\r\n$breadcrumb-ancher-dark-color : $black;\r\n\r\n//buttons setting\r\n$btn-font-size : 14px;\r\n$btn-padding : 0.375rem 1.75rem;\r\n$btn-lg-font-size: 18px;\r\n$btn-sm-font-size: 12px;\r\n$btn-xs-font-size: 11px;\r\n$btn-xs-padding: 0.05rem 0.4rem;\r\n\r\n//Card settings\r\n$card-padding :40px;\r\n$card-margin-bottom :30px;\r\n$card-border-color :1px solid $light-gray;\r\n$card-border-radious :15px;\r\n$common-shadow-color : rgba($info-color, 0.08);\r\n$card-box-shadow : 0 0 20px rgba(8, 21, 66, .05);\r\n$card-header-bg-color : $white;\r\n$card-header-font-transform : capitalize;\r\n$card-header-span-size : 12px;\r\n$card-header-span-color : $theme-body-sub-title-color;\r\n$card-body-bg-color : $transparent-color;\r\n$card-footer-bg-color : $white;\r\n$card-hover-box-shadow : 0 0 40px rgba(8, 21, 66, .05);\r\n\r\n//footer settings\r\n$footer_bg_color : $white;\r\n$footer_box_shadow : 0 0 20px rgba($semi-dark, 0.1);\r\n$footer_dark_color : $theme-font-color;\r\n$footer_dark__txt_color : $white;\r\n\r\n//form settings\r\n$form-group-margin-bottom :20px;\r\n$sm-form-margin-bottom : 14px;\r\n$form-placeholder-color : $dark-gray;\r\n$form-placeholder-font-size : 14px;\r\n$form-placeholder-letter-spacing : 1px;\r\n$form-placeholder-font-weight : 100;\r\n$form-input-border-color : $light-semi-gray;\r\n$form-input-bg-color : $white;\r\n\r\n//Tour settings\r\n$tour-color: var(--theme-deafult);\r\n\r\n//sidabr main settings\r\n$sidebar-width: 255px;\r\n$sidebar-position: fixed;\r\n$sidebar-background-color: $white;\r\n$sidebar-shadow: 0 0 11px rgba(69, 110, 243, 0.13);\r\n$sidebar-overflow: auto;\r\n$sidebar-z-index: 9;\r\n$sidebar-transition: 0.5s;\r\n\r\n//sidebar profile settings\r\n$sidebar-profile-edit-icon-size: 14px;\r\n$sidebar-profile-name-txt-color : var(--theme-deafult);\r\n$sidebar-profile-name-txt-transfer : uppercase;\r\n$sidebar-profile-name-txt-weight : 600;\r\n$sidebar-profile-name-letter-specing : 1.5px;\r\n$sidebar-profile-name-marging : 3px;\r\n$sidebar-profile-sub-title-font-size: 10px;\r\n$sidebar-profile-sub-title-margin: 0px;\r\n$sidebar-profile-img-shadow: 0 0 15px rgba(68, 102, 242, 0.3);\r\n\r\n//Sidebar main menu setting\r\n$sidebar-menu-padding: 15px;\r\n$sidebar-menu-list-style: none;\r\n$sidebar-menu-list-margin: 0;\r\n$sidebar-icon-size: 14px;\r\n$sidebar-icon-margin: 14px;\r\n$sidebar-icon-stroke-width: 3px;\r\n$sidebar-font-size: 14px;\r\n$sidebar-letter-specing: 0.5px;\r\n$sidebar-txt-transform: capitalize;\r\n$sidebar-font-weight: 600;\r\n$sidebar-font-color: $theme-body-font-color;\r\n$sidebar-padding-top: 12px;\r\n$sidebar-padding-bottom: 12px;\r\n$sidebar-sub-header-padding: 15px;\r\n$sidebar-sub-header-margin: 0;\r\n$sidebar-heading-hover-padding: 5px;\r\n$sidebar-hover-txt-color: var(--theme-deafult);\r\n$sidebar-arrow-margin-top: 2px;\r\n$sidebar-arrow-size: 15px;\r\n$sidebar-arrow-color: $theme-body-font-color;\r\n$sidebar-open-icon: \"\\f107\";\r\n$sidebar-close-icon:\"\\f105\";\r\n$sidebar-icon-font-family: $font-awesome;\r\n$sidebar-height: calc(100vh - 115px);\r\n\r\n//Header settings\r\n$main-header-position: fixed;\r\n$main-header-top: 0;\r\n$main-header-shadow: 0 0 20px rgba($semi-dark, 0.1);\r\n$main-header-shadow-1: 0px 4px 40px rgba(0, 0, 0, 0.07);\r\n\r\n//page settings\r\n$page-body-padding : 0 15px 0 15px;\r\n$page-body-bg-color: $light-color;\r\n$page-body-margin-bottom: 0px;\r\n$page-title-padding : 15px 30px;\r\n$common-box-shadow: 2px 3.464px 8px 0px rgba(22, 145, 248, 0.18);\r\n$page-title-font-size: 24px;\r\n$page-title-margin-bottom: 0;\r\n$page-title-text-tranform: capitalize;\r\n$page-small-title-display: block;\r\n$page-small-title-font-size: 12px;\r\n$page-small-title-margin-bottom: 5px;\r\n$page-small-title-text-transform: capitalize;\r\n$page-small-title-text-color: $theme-body-sub-title-color;\r\n$breadcrumb-size: 16px;\r\n$breadcrumb-content: \"/\";\r\n\r\n\r\n//main header left settings\r\n$header-left-bg-color : $white;\r\n$main-header-padding : 27px 22px;\r\n$main-header-z-index : 8;\r\n$header-wrapper-padding: 22px 30px;\r\n$header-wrapper-nav-right : 0px;\r\n$header-wrapper-nav-icon-size : 20px;\r\n$header-wrapper-nav-icon-color : $theme-font-color;\r\n$header-wrapper-nav-icon-align : middle;\r\n$header-size: 136px;\r\n$box-layout-space : 40px;","/**=====================\r\n   64. Button Builder CSS start Here\r\n==========================**/\r\n\r\n//Button Generator css\r\n\r\n//urls\r\n$url_0: url(../images/button_builder/select.png);\r\n$url_2: url(../images/button_builder/checkbox-sprite.png);\r\n$url_3: url(../images/button_builder/rainbow.png);\r\n$url_4: url(../images/button_builder/scroll.png);\r\n$url_5: url(../images/button_builder/hex_bg.gif);\r\n$url_6: url(../images/button_builder/btn-ok.png);\r\n\r\n\r\n.button-builder {\r\n  %extend-col1 {\r\n    background: $url_6 no-repeat scroll 0 0 $danger-color;\r\n    border: 0 none;\r\n    cursor: pointer;\r\n    display: block;\r\n    height: 25px;\r\n    left: 235px;\r\n    outline: 0 none;\r\n    position: absolute;\r\n    top: 133px;\r\n    width: 75px;\r\n  }\r\n\r\n  %extend-col2 {\r\n    background-color: $dark-color;\r\n    background-image: none;\r\n    color: $white;\r\n    text-decoration: none;\r\n  }\r\n\r\n  .button-generator-bx {\r\n    position: fixed;\r\n    width: 340px;\r\n    max-height: 500px;\r\n    height: 100%;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  .custom-button-color {\r\n    display: none;\r\n\r\n    .form-control {\r\n      width: 100px;\r\n      border-radius: 5px 0 0 5px;\r\n    }\r\n  }\r\n\r\n  .color-slelector {\r\n    float: left;\r\n    height: 39px;\r\n    position: relative;\r\n    width: 39px;\r\n\r\n    div {\r\n      height: 33px;\r\n      left: 0;\r\n      position: absolute;\r\n      top: 0;\r\n      width: 33px;\r\n      transform: scale(1.4);\r\n      z-index: 1;\r\n      background: $url_0 repeat scroll 0 0 rgba(0, 0, 0, 0);\r\n    }\r\n  }\r\n\r\n  .custom-radio {\r\n    width: 16px;\r\n    height: 16px;\r\n    display: inline-block;\r\n    position: relative;\r\n    z-index: 1;\r\n    top: 3px;\r\n    border: 1px solid var(--theme-deafult);\r\n    border-radius: 100%;\r\n\r\n    &:hover {\r\n      background-position: 0 -16px;\r\n    }\r\n\r\n    &.selected {\r\n      background-color: var(--theme-deafult);\r\n    }\r\n\r\n    input[type=\"radio\"] {\r\n      margin: 1px;\r\n      position: absolute;\r\n      z-index: 2;\r\n      cursor: pointer;\r\n      outline: none;\r\n      opacity: 0;\r\n      filter: alpha(opacity=0);\r\n    }\r\n  }\r\n\r\n  .custom-checkbox {\r\n    width: 16px;\r\n    height: 16px;\r\n    display: inline-block;\r\n    position: relative;\r\n    z-index: 1;\r\n    top: 3px;\r\n    background: $url_2 no-repeat 0 0 transparent;\r\n\r\n    &:hover {\r\n      background-position: 0 -16px;\r\n    }\r\n\r\n    &.selected {\r\n      background-position: 0 -32px;\r\n    }\r\n\r\n    input[type=\"checkbox\"] {\r\n      margin: 0;\r\n      position: absolute;\r\n      z-index: 2;\r\n      cursor: pointer;\r\n      outline: none;\r\n      opacity: 0;\r\n      filter: alpha(opacity=0);\r\n    }\r\n  }\r\n\r\n  .colorpicker-hex {\r\n    background: $url_5 no-repeat scroll right center rgba(0, 0, 0, 0);\r\n    left: 220px;\r\n    padding-left: 15px;\r\n    position: absolute;\r\n    top: 98px;\r\n    width: 75px;\r\n    height: 25px;\r\n    box-sizing: content-box;\r\n\r\n    input {\r\n      background: transparent;\r\n      border: medium none;\r\n      color: $theme-font-color;\r\n      display: block;\r\n      box-shadow: none;\r\n      font-size: 13px;\r\n      height: 17px;\r\n      outline: medium none;\r\n      padding: 5px;\r\n      top: 0;\r\n      right: 1px;\r\n      text-align: left;\r\n      text-transform: uppercase;\r\n      width: 65px;\r\n      box-sizing: content-box;\r\n    }\r\n  }\r\n\r\n  .colorpicker-hue {\r\n    background: $url_3 no-repeat scroll center center rgba(0, 0, 0, 0);\r\n    cursor: default;\r\n    height: 150px;\r\n    left: 171px;\r\n    position: absolute;\r\n    top: 13px;\r\n    width: 35px;\r\n\r\n    div {\r\n      background: $url_4 no-repeat scroll left top rgba(0, 0, 0, 0);\r\n      height: 16px;\r\n      left: 0;\r\n      margin-top: -8px;\r\n      overflow: hidden;\r\n      position: absolute;\r\n      width: 35px;\r\n    }\r\n  }\r\n\r\n  .colorpicker-new-color {\r\n    height: 75px;\r\n    left: 235px;\r\n    position: absolute;\r\n    top: 12px;\r\n    width: 73px;\r\n    border: 1px solid $light-gray;\r\n  }\r\n\r\n  .colorpicker-field {\r\n    display: none;\r\n  }\r\n\r\n  .colorpicker-current-color {\r\n    display: none;\r\n  }\r\n\r\n  .colorpicker-submit {\r\n    cursor: pointer;\r\n    display: block;\r\n    height: 25px;\r\n    left: 235px;\r\n    position: absolute;\r\n    top: 133px;\r\n    width: 75px;\r\n    background-color: var(--theme-deafult);\r\n    border-radius: 5px;\r\n\r\n    &:before {\r\n      content: \"Ok\";\r\n      position: absolute;\r\n      width: 100%;\r\n      text-align: center;\r\n      padding: 3px 10px;\r\n      color: $white;\r\n    }\r\n\r\n    &:visited {\r\n      @extend %extend-col2;\r\n    }\r\n\r\n    &:hover {\r\n      background-color: darken($primary-color, 10%);\r\n    }\r\n  }\r\n\r\n  .box {\r\n    background-color: $white;\r\n    margin-bottom: 20px;\r\n    padding: 30px;\r\n    text-align: center;\r\n    border: 1px solid $light-semi-gray;\r\n    border-radius: 5px;\r\n  }\r\n\r\n  .button-preview {\r\n    min-height: 145px;\r\n\r\n    h2 {\r\n      color: $dark-color;\r\n      font-size: 18px;\r\n      font-weight: normal;\r\n      margin: 0;\r\n    }\r\n\r\n    &.affix {\r\n      top: 58px;\r\n      position: fixed;\r\n      width: 395px;\r\n      z-index: 999;\r\n    }\r\n  }\r\n\r\n  #result {\r\n    padding-top: 30px;\r\n  }\r\n\r\n  .well {\r\n    .language-markup {\r\n      word-wrap: break-word;\r\n      white-space: normal;\r\n    }\r\n\r\n    .language-css {\r\n      word-wrap: break-word;\r\n      white-space: pre-wrap;\r\n    }\r\n  }\r\n\r\n  pre {\r\n    &.well {\r\n      margin: 0;\r\n      padding: 0;\r\n      background: $white !important;\r\n      overflow: unset;\r\n    }\r\n  }\r\n\r\n  .copy {\r\n    margin-top: 30px;\r\n    position: relative;\r\n\r\n    .zclip {\r\n      left: 0 !important;\r\n      right: 0 !important;\r\n      margin: 0 auto !important;\r\n    }\r\n\r\n    a {\r\n      background-color: var(--theme-deafult);\r\n      color: $white;\r\n      font-weight: bold;\r\n      display: inline-block;\r\n      padding: 0.375rem 1.75rem;\r\n      border-radius: 5px;\r\n    }\r\n  }\r\n\r\n  .sucess-msg {\r\n    height: 30px;\r\n    line-height: 30px;\r\n    display: none;\r\n    font-size: 14px;\r\n    width: 100%;\r\n    text-align: center;\r\n    margin-bottom: -30px;\r\n  }\r\n\r\n  .code-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0;\r\n  }\r\n\r\n  .column-left {\r\n    float: left;\r\n    width: 655px;\r\n  }\r\n\r\n  .column-right {\r\n    float: right;\r\n    width: 395px;\r\n    position: relative;\r\n    padding-top: 175px;\r\n  }\r\n\r\n  code {\r\n    font-size: 11.5px !important;\r\n  }\r\n\r\n  .hint-label {\r\n    float: left;\r\n    padding: 4px 0 0 020px;\r\n    font-style: italic;\r\n  }\r\n\r\n  .button-style {\r\n    margin-top: 1px !important;\r\n  }\r\n\r\n  .ad-box {\r\n    height: 90px;\r\n    overflow: hidden;\r\n    margin: 0 0 20px;\r\n  }\r\n\r\n  ul.the-icons {\r\n    margin: 0 0 0 -8px;\r\n    padding-left: 0;\r\n    font-size: 13px;\r\n\r\n    li {\r\n      float: left;\r\n      line-height: 15px;\r\n      cursor: pointer;\r\n      text-align: center;\r\n      list-style: none outside none;\r\n      padding: 5px;\r\n      border: 1px dotted $light-semi-gray;\r\n      color: $dark-gray;\r\n      width: 40px;\r\n      transition: all 0.2s ease-in-out 0s;\r\n      margin: 2px;\r\n\r\n      em {\r\n        display: none !important;\r\n      }\r\n\r\n      &:hover {\r\n        background: $white;\r\n        box-shadow: 0 0 3px $light-color;\r\n\r\n        &.active {\r\n          background: $white;\r\n          box-shadow: 0 0 3px $light-color;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.button-builder-wrap {\r\n  .form-group {\r\n    margin-bottom: 15px;\r\n\r\n    .btn {\r\n      margin-right: 15px;\r\n      margin-bottom: 15px;\r\n      min-width: 100px;\r\n    }\r\n  }\r\n\r\n  .grp-btns {\r\n    .btn {\r\n      input {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n/*==============================\r\n 64. Button Builder CSS End\r\n ===========================*/"]}