.source-code {
    width: 100%;
    height: 35vh;
    background-color: #2f2f2f;
    display: flex;
    justify-content: space-between;
    overflow-y: scroll;
    border-radius: 0px;
}

.source-code * {
    box-sizing: border-box;
}

.codeblock {
    white-space: pre-wrap;
    width: calc(100% - 30px);
    float: right;
    height: auto;
    font-family: arial;
    color: #fff;
    background: transparent;
    padding: 15px;
    line-height: 30px;
    overflow: hidden;
    min-height: 100%;
    border: none;
    border: 0px !important;
}

.line-numbers {
    min-width: 30px;
    height: 100%;
    padding: 15px 5px;
    font-size: 14px;
    vertical-align: middle;
    text-align: right;
    margin: 0;
    color: #fff;
    background: black;
}

.line-numbers p {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0;
}

.codeblock:focus {
    outline: none;
}
.group-html label {
    display: flex !important;
    width: 100% !important;
    justify-content: space-between;
    cursor: pointer;
}

.icon-html {
    content: url("data:image/svg+xml,%3Csvg fill='%23000000' width='24px' height='24px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ecode%3C/title%3E%3Cpath d='M21.656 1.837c-0.136-0.055-0.293-0.087-0.458-0.087-0.525 0-0.975 0.324-1.16 0.784l-0.003 0.008-10.255 26.058c-0.056 0.137-0.089 0.296-0.089 0.463 0 0.69 0.559 1.25 1.25 1.25 0.528 0 0.98-0.328 1.163-0.791l0.003-0.008 10.257-26.056c0.055-0.135 0.086-0.292 0.086-0.457 0-0.526-0.325-0.977-0.785-1.162l-0.008-0.003zM9.884 22.115l-6.173-6.172 6.229-7.121c0.192-0.219 0.309-0.507 0.309-0.823 0-0.69-0.56-1.25-1.25-1.25-0.374 0-0.71 0.165-0.939 0.425l-0.001 0.001-7 8.001c-0.192 0.219-0.31 0.507-0.31 0.823 0 0.345 0.14 0.658 0.366 0.884v0l7 7.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.346-0.14-0.658-0.367-0.885v0zM30.941 15.177l-7-8c-0.23-0.263-0.567-0.427-0.941-0.427-0.691 0-1.251 0.56-1.251 1.251 0 0.316 0.117 0.605 0.31 0.825l-0.001-0.001 6.23 7.12-6.174 6.172c-0.226 0.226-0.366 0.539-0.366 0.884 0 0.691 0.56 1.251 1.251 1.251 0.345 0 0.658-0.14 0.884-0.366l7-7.001c0.226-0.226 0.366-0.539 0.366-0.884 0-0.316-0.117-0.605-0.311-0.825l0.001 0.001z'%3E%3C/path%3E%3C/svg%3E");
}
.settings-capability {
    height: 24px !important;
}

.editor-toggle {
    margin-top: 20px;
}
.editor-toggle a{
    padding: 10px 30px;
    border: 1px solid #2f2f2f;
}
.editor-toggle a .icon-html {
    position: relative;
    top: 2px;
    margin-right: 10px;
    content: url("data:image/svg+xml,%3Csvg fill='%23000000' width='16px' height='16px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ecode%3C/title%3E%3Cpath d='M21.656 1.837c-0.136-0.055-0.293-0.087-0.458-0.087-0.525 0-0.975 0.324-1.16 0.784l-0.003 0.008-10.255 26.058c-0.056 0.137-0.089 0.296-0.089 0.463 0 0.69 0.559 1.25 1.25 1.25 0.528 0 0.98-0.328 1.163-0.791l0.003-0.008 10.257-26.056c0.055-0.135 0.086-0.292 0.086-0.457 0-0.526-0.325-0.977-0.785-1.162l-0.008-0.003zM9.884 22.115l-6.173-6.172 6.229-7.121c0.192-0.219 0.309-0.507 0.309-0.823 0-0.69-0.56-1.25-1.25-1.25-0.374 0-0.71 0.165-0.939 0.425l-0.001 0.001-7 8.001c-0.192 0.219-0.31 0.507-0.31 0.823 0 0.345 0.14 0.658 0.366 0.884v0l7 7.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.346-0.14-0.658-0.367-0.885v0zM30.941 15.177l-7-8c-0.23-0.263-0.567-0.427-0.941-0.427-0.691 0-1.251 0.56-1.251 1.251 0 0.316 0.117 0.605 0.31 0.825l-0.001-0.001 6.23 7.12-6.174 6.172c-0.226 0.226-0.366 0.539-0.366 0.884 0 0.691 0.56 1.251 1.251 1.251 0.345 0 0.658-0.14 0.884-0.366l7-7.001c0.226-0.226 0.366-0.539 0.366-0.884 0-0.316-0.117-0.605-0.311-0.825l0.001 0.001z'%3E%3C/path%3E%3C/svg%3E");
}
.editor-toggle a.button-active {
    background: #2f2f2f;
    color: #fff !important;
}

.editor-toggle a.button-active .icon-html {
    position: relative;
    top: 2px;
    margin-right: 10px;
    content: url("data:image/svg+xml,%3Csvg fill='%23fff' width='16px' height='16px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ecode%3C/title%3E%3Cpath d='M21.656 1.837c-0.136-0.055-0.293-0.087-0.458-0.087-0.525 0-0.975 0.324-1.16 0.784l-0.003 0.008-10.255 26.058c-0.056 0.137-0.089 0.296-0.089 0.463 0 0.69 0.559 1.25 1.25 1.25 0.528 0 0.98-0.328 1.163-0.791l0.003-0.008 10.257-26.056c0.055-0.135 0.086-0.292 0.086-0.457 0-0.526-0.325-0.977-0.785-1.162l-0.008-0.003zM9.884 22.115l-6.173-6.172 6.229-7.121c0.192-0.219 0.309-0.507 0.309-0.823 0-0.69-0.56-1.25-1.25-1.25-0.374 0-0.71 0.165-0.939 0.425l-0.001 0.001-7 8.001c-0.192 0.219-0.31 0.507-0.31 0.823 0 0.345 0.14 0.658 0.366 0.884v0l7 7.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.346-0.14-0.658-0.367-0.885v0zM30.941 15.177l-7-8c-0.23-0.263-0.567-0.427-0.941-0.427-0.691 0-1.251 0.56-1.251 1.251 0 0.316 0.117 0.605 0.31 0.825l-0.001-0.001 6.23 7.12-6.174 6.172c-0.226 0.226-0.366 0.539-0.366 0.884 0 0.691 0.56 1.251 1.251 1.251 0.345 0 0.658-0.14 0.884-0.366l7-7.001c0.226-0.226 0.366-0.539 0.366-0.884 0-0.316-0.117-0.605-0.311-0.825l0.001 0.001z'%3E%3C/path%3E%3C/svg%3E");
}

.icon-html {
    content: url("data:image/svg+xml,%3Csvg fill='%23000000' width='24px' height='24px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ecode%3C/title%3E%3Cpath d='M21.656 1.837c-0.136-0.055-0.293-0.087-0.458-0.087-0.525 0-0.975 0.324-1.16 0.784l-0.003 0.008-10.255 26.058c-0.056 0.137-0.089 0.296-0.089 0.463 0 0.69 0.559 1.25 1.25 1.25 0.528 0 0.98-0.328 1.163-0.791l0.003-0.008 10.257-26.056c0.055-0.135 0.086-0.292 0.086-0.457 0-0.526-0.325-0.977-0.785-1.162l-0.008-0.003zM9.884 22.115l-6.173-6.172 6.229-7.121c0.192-0.219 0.309-0.507 0.309-0.823 0-0.69-0.56-1.25-1.25-1.25-0.374 0-0.71 0.165-0.939 0.425l-0.001 0.001-7 8.001c-0.192 0.219-0.31 0.507-0.31 0.823 0 0.345 0.14 0.658 0.366 0.884v0l7 7.001c0.226 0.226 0.539 0.366 0.884 0.366 0.691 0 1.251-0.56 1.251-1.251 0-0.346-0.14-0.658-0.367-0.885v0zM30.941 15.177l-7-8c-0.23-0.263-0.567-0.427-0.941-0.427-0.691 0-1.251 0.56-1.251 1.251 0 0.316 0.117 0.605 0.31 0.825l-0.001-0.001 6.23 7.12-6.174 6.172c-0.226 0.226-0.366 0.539-0.366 0.884 0 0.691 0.56 1.251 1.251 1.251 0.345 0 0.658-0.14 0.884-0.366l7-7.001c0.226-0.226 0.366-0.539 0.366-0.884 0-0.316-0.117-0.605-0.311-0.825l0.001 0.001z'%3E%3C/path%3E%3C/svg%3E");
}
.settings-capability {
    height: 24px !important;
}

#tracking_code_form_step  .inp-group{
    display: block !important;
}
#tracking_code_form_step .inp-group label {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 15px;
}